fix(ui): show repair UI when AI bundle models are broken (#214)

apps/web/src/components/features/feature-install-prompt.tsx

@@ -67,6 +67,7 @@ export function FeatureInstallPrompt({
   const startTime = startTimes[bundle.id] ?? null;
   const displayName = toolName || bundle.name;
   const displayDescription = toolDescription || bundle.description;
+  const isRepair = bundle.status === "error";
 
   const [messageIndex, setMessageIndex] = useState(() =>
     Math.floor(Math.random() * PROGRESS_MESSAGES.length),
@@ -110,25 +111,33 @@ export function FeatureInstallPrompt({
     <div className="flex flex-col items-center justify-center h-full gap-6 text-center px-4">
       <Download className="h-16 w-16 text-muted-foreground" />
       <div className="space-y-2">
-        <h2 className="text-xl font-semibold text-foreground">{displayName}</h2>
-        <p className="text-muted-foreground max-w-md">{displayDescription}</p>
-        <p className="text-sm text-muted-foreground">
-          {format(t.features.requiresDownload, { size: bundle.estimatedSize })}
+        <h2 className="text-xl font-semibold text-foreground">
+          {isRepair ? t.features.repairRequired : displayName}
+        </h2>
+        <p className="text-muted-foreground max-w-md">
+          {isRepair ? t.features.repairDescription : displayDescription}
         </p>
+        {!isRepair && (
+          <p className="text-sm text-muted-foreground">
+            {format(t.features.requiresDownload, { size: bundle.estimatedSize })}
+          </p>
+        )}
       </div>
 
-      {error && (
+      {(error || (isRepair && bundle.error)) && (
         <div className="flex items-center gap-2 bg-destructive/10 text-destructive rounded-lg px-4 py-3 max-w-md w-full">
           <AlertCircle className="h-4 w-4 shrink-0" />
-          <span className="text-sm flex-1 text-start">{error}</span>
-          <button
-            type="button"
-            onClick={handleInstall}
-            className="flex items-center gap-1 text-sm font-medium hover:opacity-80"
-          >
-            <RotateCcw className="h-3.5 w-3.5" />
-            {t.features.retryButton}
-          </button>
+          <span className="text-sm flex-1 text-start">{error || bundle.error}</span>
+          {error && (
+            <button
+              type="button"
+              onClick={handleInstall}
+              className="flex items-center gap-1 text-sm font-medium hover:opacity-80"
+            >
+              <RotateCcw className="h-3.5 w-3.5" />
+              {t.features.retryButton}
+            </button>
+          )}
         </div>
       )}
 
@@ -163,7 +172,9 @@ export function FeatureInstallPrompt({
           onClick={handleInstall}
           className="px-6 py-2.5 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 font-medium"
         >
-          {format(t.features.enableButton, { name: displayName })}
+          {isRepair
+            ? format(t.features.repairButton, { name: displayName })
+            : format(t.features.enableButton, { name: displayName })}
         </button>
       )}
     </div>

packages/shared/src/i18n/ar.ts

@@ -1943,6 +1943,9 @@ export const ar: TranslationKeys = {
     retryButton: "إعادة المحاولة",
     queued: "في انتظار التثبيت...",
     enableButton: "تفعيل {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "أقل من دقيقة",
     oneMinuteLeft: "~دقيقة واحدة متبقية",
     minutesLeft: "~{mins} دقائق متبقية",

packages/shared/src/i18n/de.ts

@@ -1973,6 +1973,9 @@ export const de: TranslationKeys = {
     retryButton: "Erneut versuchen",
     queued: "Zur Installation vorgemerkt...",
     enableButton: "{name} aktivieren",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Weniger als eine Minute verbleibend",
     oneMinuteLeft: "~1 Minute verbleibend",
     minutesLeft: "~{mins} Minuten verbleibend",

packages/shared/src/i18n/es.ts

@@ -1950,6 +1950,9 @@ export const es: TranslationKeys = {
     retryButton: "Reintentar",
     queued: "En cola para instalacion...",
     enableButton: "Activar {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Menos de un minuto restante",
     oneMinuteLeft: "~1 minuto restante",
     minutesLeft: "~{mins} minutos restantes",

packages/shared/src/i18n/fr.ts

@@ -1971,6 +1971,9 @@ export const fr: TranslationKeys = {
     retryButton: "Reessayer",
     queued: "En file d'attente pour l'installation...",
     enableButton: "Activer {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Moins d'une minute restante",
     oneMinuteLeft: "~1 minute restante",
     minutesLeft: "~{mins} minutes restantes",

packages/shared/src/i18n/hi.ts

@@ -1940,6 +1940,9 @@ export const hi: TranslationKeys = {
     retryButton: "पुनः प्रयास",
     queued: "इंस्टॉलेशन की कतार में...",
     enableButton: "{name} सक्रिय करें",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "एक मिनट से कम बचा है",
     oneMinuteLeft: "~1 मिनट शेष",
     minutesLeft: "~{mins} मिनट शेष",

packages/shared/src/i18n/id.ts

@@ -1958,6 +1958,9 @@ export const id: TranslationKeys = {
     retryButton: "Coba Lagi",
     queued: "Mengantre untuk instalasi...",
     enableButton: "Aktifkan {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Kurang dari semenit lagi",
     oneMinuteLeft: "Sekitar 1 menit lagi",
     minutesLeft: "Sekitar {mins} menit lagi",

packages/shared/src/i18n/it.ts

@@ -1965,6 +1965,9 @@ export const it: TranslationKeys = {
     retryButton: "Riprova",
     queued: "In coda per l'installazione...",
     enableButton: "Attiva {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Meno di un minuto rimanente",
     oneMinuteLeft: "~1 minuto rimanente",
     minutesLeft: "~{mins} minuti rimanenti",

packages/shared/src/i18n/ja.ts

@@ -1914,6 +1914,9 @@ export const ja: TranslationKeys = {
     retryButton: "再試行",
     queued: "インストール待ちです...",
     enableButton: "{name}を有効化",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "残り1分未満",
     oneMinuteLeft: "約1分",
     minutesLeft: "約{mins}分",

packages/shared/src/i18n/ko.ts

@@ -1899,6 +1899,9 @@ export const ko: TranslationKeys = {
     retryButton: "재시도",
     queued: "설치 대기 중...",
     enableButton: "{name} 활성화",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "1분 미만",
     oneMinuteLeft: "약 1분",
     minutesLeft: "약 {mins}분",

packages/shared/src/i18n/nl.ts

@@ -1961,6 +1961,9 @@ export const nl: TranslationKeys = {
     retryButton: "Opnieuw proberen",
     queued: "In wachtrij voor installatie...",
     enableButton: "{name} inschakelen",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Minder dan een minuut resterend",
     oneMinuteLeft: "~1 minuut resterend",
     minutesLeft: "~{mins} minuten resterend",

packages/shared/src/i18n/pl.ts

@@ -1968,6 +1968,9 @@ export const pl: TranslationKeys = {
     retryButton: "Ponów",
     queued: "W kolejce do instalacji...",
     enableButton: "Włącz {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Mniej niż minuta do końca",
     oneMinuteLeft: "Pozostała ~1 minuta",
     minutesLeft: "Pozostało ~{mins} minut",

packages/shared/src/i18n/pt-BR.ts

@@ -1961,6 +1961,9 @@ export const ptBR: TranslationKeys = {
     retryButton: "Tentar novamente",
     queued: "Na fila para instalacao...",
     enableButton: "Ativar {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Menos de um minuto restante",
     oneMinuteLeft: "~1 minuto restante",
     minutesLeft: "~{mins} minutos restantes",

packages/shared/src/i18n/ru.ts

@@ -1960,6 +1960,9 @@ export const ru: TranslationKeys = {
     retryButton: "Повторить",
     queued: "В очереди на установку...",
     enableButton: "Включить {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Осталось менее минуты",
     oneMinuteLeft: "Осталось ~1 минута",
     minutesLeft: "Осталось ~{mins} минут",

packages/shared/src/i18n/sv.ts

@@ -1955,6 +1955,9 @@ export const sv: TranslationKeys = {
     retryButton: "Forsok igen",
     queued: "I ko for installation...",
     enableButton: "Aktivera {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Mindre an en minut kvar",
     oneMinuteLeft: "~1 minut kvar",
     minutesLeft: "~{mins} minuter kvar",

packages/shared/src/i18n/th.ts

@@ -1931,6 +1931,9 @@ export const th: TranslationKeys = {
     retryButton: "ลองอีกครั้ง",
     queued: "อยู่ในคิวรอติดตั้ง...",
     enableButton: "เปิดใช้ {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "เหลือไม่ถึงนาที",
     oneMinuteLeft: "เหลือประมาณ 1 นาที",
     minutesLeft: "เหลือประมาณ {mins} นาที",

packages/shared/src/i18n/tr.ts

@@ -1965,6 +1965,9 @@ export const tr: TranslationKeys = {
     retryButton: "Yeniden Dene",
     queued: "Kurulum için sıraya alındı...",
     enableButton: "{name} Etkinleştir",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Bir dakikadan az kaldı",
     oneMinuteLeft: "~1 dakika kaldı",
     minutesLeft: "~{mins} dakika kaldı",

packages/shared/src/i18n/uk.ts

@@ -1961,6 +1961,9 @@ export const uk: TranslationKeys = {
     retryButton: "Повторити",
     queued: "У черзі на встановлення...",
     enableButton: "Увімкнути {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Залишилось менше хвилини",
     oneMinuteLeft: "Залишилась ~1 хвилина",
     minutesLeft: "Залишилось ~{mins} хвилин",

packages/shared/src/i18n/vi.ts

@@ -1955,6 +1955,9 @@ export const vi: TranslationKeys = {
     retryButton: "Thử lại",
     queued: "Đang xếp hàng để cài đặt...",
     enableButton: "Bật {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "Còn chưa đầy một phút",
     oneMinuteLeft: "Còn khoảng 1 phút",
     minutesLeft: "Còn khoảng {mins} phút",

packages/shared/src/i18n/zh-CN.ts

@@ -1882,6 +1882,9 @@ export const zhCN: TranslationKeys = {
     retryButton: "重试",
     queued: "已加入安装队列...",
     enableButton: "启用 {name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "不到一分钟",
     oneMinuteLeft: "约 1 分钟",
     minutesLeft: "约 {mins} 分钟",

packages/shared/src/i18n/zh-TW.ts

@@ -1880,6 +1880,9 @@ export const zhTW: TranslationKeys = {
     retryButton: "重試",
     queued: "已加入安裝佇列...",
     enableButton: "啟用{name}",
+    repairRequired: "Repair Required",
+    repairDescription: "Some model files are missing or corrupted. Repair will re-download them.",
+    repairButton: "Repair {name}",
     lessThanMinute: "不到一分鐘",
     oneMinuteLeft: "約1分鐘",
     minutesLeft: "約{mins}分鐘",