fix(vscode): fall back to generic "Try Model" for long model names

packages/kilo-vscode/webview-ui/src/components/chat/KiloNotifications.tsx

@@ -62,12 +62,21 @@ export const KiloNotifications: Component = () => {
     return true
   })
 
+  /** Max display-name length before falling back to generic "Try Model" label.
+   * Based on the Kilo Gateway catalog (~336 models as of 2025-07): 97% of
+   * stripped names are under 30 chars. The handful above 30 are verbose
+   * edge-cases (e.g. "Nano Banana 2 (Gemini 3.1 Flash Image Preview)" at 46).
+   */
+  const MAX_NAME = 30
+
   const suggestedName = createMemo(() => {
     const suggestion = suggestedModel()
     if (!suggestion) return undefined
     const model = provider.findModel(suggestion)
     if (!model?.name) return undefined
-    return stripSubProviderPrefix(model.name)
+    const name = stripSubProviderPrefix(model.name)
+    if (name.length > MAX_NAME) return undefined
+    return name
   })
 
   const handleTryModel = () => {
@@ -98,7 +107,9 @@ export const KiloNotifications: Component = () => {
             <div class="kilo-notifications-cta-group">
               <Show when={canSwitchModel()}>
                 <button class="kilo-notifications-action-btn" onClick={handleTryModel}>
-                  {language.t("notifications.action.tryModel", { model: suggestedName() ?? "" })}
+                  {suggestedName()
+                    ? language.t("notifications.action.tryModel", { model: suggestedName()! })
+                    : language.t("notifications.action.tryModelGeneric")}
                 </button>
               </Show>
               <Show when={current()?.action}>

packages/kilo-vscode/webview-ui/src/i18n/en.ts

@@ -1314,4 +1314,5 @@ export const dict = {
   "notifications.action.next": "Next",
   "notifications.action.close": "Close",
   "notifications.action.tryModel": "Try {{model}}",
+  "notifications.action.tryModelGeneric": "Try Model",
 }