@hasna/assistants 1.1.66 → 1.1.67

package/dist/index.js

@@ -89205,7 +89205,7 @@ Not a git repository or git not available.
     context.setProjectContext(projectContext);
   }
 }
-var VERSION2 = "1.1.66";
+var VERSION2 = "1.1.67";
 var init_builtin = __esm(async () => {
   init_src2();
   init_context3();
@@ -256305,91 +256305,174 @@ function BudgetsPanel({
 }
 
 // packages/terminal/src/components/ModelPanel.tsx
-init_src2();
 await init_build2();
 var import_react72 = __toESM(require_react(), 1);
+init_src2();
 var jsx_dev_runtime36 = __toESM(require_jsx_dev_runtime(), 1);
+var MAX_VISIBLE_ROWS4 = 12;
+var NAME_WIDTH = 28;
+var CTX_WIDTH = 6;
+var OUT_WIDTH = 6;
+var COST_WIDTH = 10;
+function fmtTokens(n5) {
+  if (n5 == null)
+    return "\u2014";
+  if (n5 >= 1e6)
+    return `${(n5 / 1e6).toFixed(n5 % 1e6 === 0 ? 0 : 1)}M`;
+  if (n5 >= 1000)
+    return `${Math.round(n5 / 1000)}K`;
+  return String(n5);
+}
+function fmtCost(model) {
+  if (model.inputCostPer1M == null || model.outputCostPer1M == null)
+    return "\u2014";
+  const fmtNum = (n5) => n5 >= 1 ? `$${n5 % 1 === 0 ? n5 : n5.toFixed(1)}` : `$${n5}`;
+  return `${fmtNum(model.inputCostPer1M)}/${fmtNum(model.outputCostPer1M)}`;
+}
+function padRight(s5, w4) {
+  return s5.length >= w4 ? s5.slice(0, w4) : s5 + " ".repeat(w4 - s5.length);
+}
+function padLeft(s5, w4) {
+  return s5.length >= w4 ? s5.slice(0, w4) : " ".repeat(w4 - s5.length) + s5;
+}
+function getVisibleRange6(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_ROWS4) {
+  if (totalItems <= maxVisible) {
+    return { start: 0, end: totalItems, hasMore: { above: 0, below: 0 } };
+  }
+  const halfWindow = Math.floor(maxVisible / 2);
+  let start = selectedIndex - halfWindow;
+  let end = selectedIndex + (maxVisible - halfWindow);
+  if (start < 0) {
+    start = 0;
+    end = maxVisible;
+  }
+  if (end > totalItems) {
+    end = totalItems;
+    start = Math.max(0, totalItems - maxVisible);
+  }
+  return { start, end, hasMore: { above: start, below: totalItems - end } };
+}
+function buildRows(models2) {
+  const rows = [];
+  for (const provider3 of LLM_PROVIDER_IDS) {
+    const providerModels = models2.filter((m5) => m5.provider === provider3);
+    if (providerModels.length === 0)
+      continue;
+    rows.push({ type: "provider", label: getProviderLabel(provider3) });
+    for (const model of providerModels) {
+      rows.push({ type: "model", model });
+    }
+  }
+  return rows;
+}
+function getSelectableIndices(rows) {
+  return rows.reduce((acc, row, i6) => {
+    if (row.type === "model")
+      acc.push(i6);
+    return acc;
+  }, []);
+}
 function ModelPanel({
   currentModelId,
   assistantName,
   onSelectModel,
   onCancel
 }) {
-  const [selectedIndex, setSelectedIndex] = import_react72.useState(0);
+  const [selectedRowIndex, setSelectedRowIndex] = import_react72.useState(0);
   const [isSwitching, setIsSwitching] = import_react72.useState(false);
   const [status, setStatus] = import_react72.useState(null);
-  const models2 = import_react72.useMemo(() => {
-    const ordered = [];
-    for (const provider3 of LLM_PROVIDER_IDS) {
-      ordered.push(...ALL_MODELS.filter((model) => model.provider === provider3));
-    }
-    return ordered;
-  }, []);
-  const rows = import_react72.useMemo(() => {
-    const nextRows = [];
-    let modelIndex = 0;
-    for (const provider3 of LLM_PROVIDER_IDS) {
-      const providerModels = models2.filter((model) => model.provider === provider3);
-      if (providerModels.length === 0)
-        continue;
-      nextRows.push({
-        type: "provider",
-        key: `provider-${provider3}`,
-        label: getProviderLabel(provider3)
-      });
-      for (const model of providerModels) {
-        nextRows.push({
-          type: "model",
-          key: model.id,
-          model,
-          index: modelIndex
-        });
-        modelIndex += 1;
-      }
-    }
-    return nextRows;
-  }, [models2]);
+  const [isSearching, setIsSearching] = import_react72.useState(false);
+  const [searchQuery, setSearchQuery] = import_react72.useState("");
+  const filteredModels = import_react72.useMemo(() => {
+    if (!searchQuery.trim())
+      return [...ALL_MODELS];
+    const q5 = searchQuery.toLowerCase();
+    return ALL_MODELS.filter((m5) => m5.name.toLowerCase().includes(q5) || m5.id.toLowerCase().includes(q5));
+  }, [searchQuery]);
+  const rows = import_react72.useMemo(() => buildRows(filteredModels), [filteredModels]);
+  const selectableIndices = import_react72.useMemo(() => getSelectableIndices(rows), [rows]);
   import_react72.useEffect(() => {
     if (!currentModelId)
       return;
-    const idx = models2.findIndex((model) => model.id === currentModelId);
+    const idx = rows.findIndex((r5) => r5.type === "model" && r5.model.id === currentModelId);
     if (idx >= 0)
-      setSelectedIndex(idx);
-  }, [currentModelId, models2]);
+      setSelectedRowIndex(idx);
+  }, [currentModelId, rows]);
+  import_react72.useEffect(() => {
+    if (selectableIndices.length === 0)
+      return;
+    if (!selectableIndices.includes(selectedRowIndex)) {
+      setSelectedRowIndex(selectableIndices[0]);
+    }
+  }, [selectableIndices, selectedRowIndex]);
+  const moveSelection = (direction) => {
+    if (selectableIndices.length === 0)
+      return;
+    const currentPos = selectableIndices.indexOf(selectedRowIndex);
+    let nextPos;
+    if (currentPos === -1) {
+      nextPos = direction === 1 ? 0 : selectableIndices.length - 1;
+    } else {
+      nextPos = currentPos + direction;
+      if (nextPos < 0)
+        nextPos = selectableIndices.length - 1;
+      if (nextPos >= selectableIndices.length)
+        nextPos = 0;
+    }
+    setSelectedRowIndex(selectableIndices[nextPos]);
+  };
+  const handleSelect = () => {
+    const row = rows[selectedRowIndex];
+    if (!row || row.type !== "model")
+      return;
+    if (row.model.id === currentModelId) {
+      setStatus({ type: "info", text: `${row.model.name} is already active.` });
+      return;
+    }
+    setIsSwitching(true);
+    onSelectModel(row.model.id).then(() => {
+      setStatus({ type: "success", text: `Switched to ${row.model.name}.` });
+    }).catch((err) => {
+      const message = err instanceof Error ? err.message : String(err);
+      setStatus({ type: "error", text: message });
+    }).finally(() => {
+      setIsSwitching(false);
+    });
+  };
   useSafeInput((input, key) => {
     if (isSwitching)
       return;
+    if (isSearching) {
+      if (key.escape) {
+        setIsSearching(false);
+        setSearchQuery("");
+        return;
+      }
+      return;
+    }
     if (key.escape || input === "q" || input === "Q") {
       onCancel();
       return;
     }
+    if (input === "/") {
+      setIsSearching(true);
+      setSearchQuery("");
+      return;
+    }
     if (key.upArrow || input === "k") {
-      setSelectedIndex((prev) => prev <= 0 ? Math.max(0, models2.length - 1) : prev - 1);
+      moveSelection(-1);
       return;
     }
     if (key.downArrow || input === "j") {
-      setSelectedIndex((prev) => prev >= models2.length - 1 ? 0 : prev + 1);
+      moveSelection(1);
       return;
     }
     if (key.return || input === "s" || input === "S") {
-      const selected = models2[selectedIndex];
-      if (!selected)
-        return;
-      if (selected.id === currentModelId) {
-        setStatus({ type: "info", text: `${selected.name} is already active.` });
-        return;
-      }
-      setIsSwitching(true);
-      onSelectModel(selected.id).then(() => {
-        setStatus({ type: "success", text: `Switched to ${selected.name}.` });
-      }).catch((err) => {
-        const message = err instanceof Error ? err.message : String(err);
-        setStatus({ type: "error", text: message });
-      }).finally(() => {
-        setIsSwitching(false);
-      });
+      handleSelect();
     }
   }, { isActive: true });
+  const visibleRange = import_react72.useMemo(() => getVisibleRange6(selectedRowIndex, rows.length), [selectedRowIndex, rows.length]);
+  const visibleRows = rows.slice(visibleRange.start, visibleRange.end);
   return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
     flexDirection: "column",
     paddingY: 1,
@@ -256431,67 +256514,124 @@ function ModelPanel({
           children: status.text
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
+      isSearching && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
+        marginBottom: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+            bold: true,
+            color: "blue",
+            children: "/ "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(build_default2, {
+            value: searchQuery,
+            onChange: setSearchQuery,
+            placeholder: "Search models..."
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      visibleRange.hasMore.above > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
+        paddingLeft: 2,
+        children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+          dimColor: true,
+          children: [
+            "\u2191 ",
+            visibleRange.hasMore.above,
+            " more"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
+        paddingLeft: 2,
+        children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+          dimColor: true,
+          children: [
+            padRight("Model", NAME_WIDTH),
+            padLeft("Ctx", CTX_WIDTH),
+            padLeft("Out", OUT_WIDTH),
+            padLeft("Cost/1M", COST_WIDTH)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
         flexDirection: "column",
-        borderStyle: "round",
-        borderColor: "#d4d4d8",
-        borderLeft: false,
-        borderRight: false,
-        paddingX: 1,
-        children: rows.map((row) => {
+        children: visibleRows.map((row, i6) => {
+          const globalIndex = visibleRange.start + i6;
           if (row.type === "provider") {
             return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
-              marginTop: 1,
+              paddingLeft: 1,
               children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
                 bold: true,
                 color: "cyan",
-                children: row.label
-              }, undefined, false, undefined, this)
-            }, row.key, false, undefined, this);
+                children: [
+                  " ",
+                  row.label
+                ]
+              }, undefined, true, undefined, this)
+            }, `p-${row.label}`, false, undefined, this);
           }
-          const isSelected = row.index === selectedIndex;
+          const isSelected = globalIndex === selectedRowIndex;
           const isCurrent = row.model.id === currentModelId;
+          const prefix = isSelected ? "\u25B8 " : "  ";
+          const name = padRight(row.model.name, NAME_WIDTH);
+          const ctx = padLeft(fmtTokens(row.model.contextWindow), CTX_WIDTH);
+          const out = padLeft(fmtTokens(row.model.maxOutputTokens), OUT_WIDTH);
+          const cost = padLeft(fmtCost(row.model), COST_WIDTH);
           return /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
-            flexDirection: "column",
-            marginBottom: 1,
             children: [
-              /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
+              /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+                color: isSelected ? "blue" : undefined,
+                children: prefix
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+                bold: isSelected,
+                color: isSelected ? "blue" : undefined,
+                children: name
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+                dimColor: !isSelected,
+                color: isSelected ? "blue" : undefined,
                 children: [
-                  /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
-                    color: isSelected ? "blue" : undefined,
-                    children: isSelected ? "\u25B8 " : "  "
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
-                    bold: isSelected,
-                    color: isSelected ? "blue" : undefined,
-                    children: row.model.name
-                  }, undefined, false, undefined, this),
-                  isCurrent && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
-                    color: "green",
-                    children: " (current)"
-                  }, undefined, false, undefined, this)
+                  ctx,
+                  out,
+                  cost
                 ]
               }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
-                paddingLeft: 2,
-                children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
-                  dimColor: true,
-                  children: [
-                    row.model.id,
-                    " \xB7 ",
-                    row.model.description
-                  ]
-                }, undefined, true, undefined, this)
+              isCurrent && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+                color: "green",
+                children: " \u2190 current"
               }, undefined, false, undefined, this)
             ]
-          }, row.key, true, undefined, this);
+          }, row.model.id, true, undefined, this);
         })
       }, undefined, false, undefined, this),
+      visibleRange.hasMore.below > 0 && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
+        paddingLeft: 2,
+        children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+          dimColor: true,
+          children: [
+            "\u2193 ",
+            visibleRange.hasMore.below,
+            " more"
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      selectableIndices.length === 0 && isSearching && /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
+        paddingLeft: 2,
+        marginY: 1,
+        children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
+          dimColor: true,
+          children: [
+            'No models match "',
+            searchQuery,
+            '"'
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Box_default, {
         marginTop: 1,
         children: /* @__PURE__ */ jsx_dev_runtime36.jsxDEV(Text, {
           dimColor: true,
-          children: isSwitching ? "Switching model..." : "Enter/s switch | \u2191\u2193 navigate | q quit"
+          children: isSwitching ? "Switching model..." : isSearching ? "Type to filter | Esc clear search" : "Enter select | \u2191\u2193 navigate | / search | q quit"
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
@@ -258478,7 +258618,7 @@ var SCOPE_OPTIONS = [
   { id: "global", label: "Global", desc: "Available everywhere (~/.skill/)" }
 ];
 var MAX_VISIBLE_SKILLS = 10;
-function getVisibleRange6(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_SKILLS) {
+function getVisibleRange7(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_SKILLS) {
   if (totalItems <= maxVisible) {
     return {
       start: 0,
@@ -259396,7 +259536,7 @@ function SkillsPanel({
   }
   const totalSkills = sortedSkills.length;
   const selectedForRange = totalSkills === 0 ? 0 : Math.min(selectedIndex, totalSkills - 1);
-  const skillRange = getVisibleRange6(selectedForRange, totalSkills, MAX_VISIBLE_SKILLS);
+  const skillRange = getVisibleRange7(selectedForRange, totalSkills, MAX_VISIBLE_SKILLS);
   const visibleSkills = sortedSkills.slice(skillRange.start, skillRange.end);
   const visibleEntries = visibleSkills.map((skill, offset) => {
     const actualIdx = skillRange.start + offset;
@@ -260872,7 +261012,7 @@ var ADD_FIELDS = [
   { key: "expiryYear", label: "Expiry Year", placeholder: "YYYY" },
   { key: "cvv", label: "CVV", placeholder: "3-4 digits", sensitive: true }
 ];
-function getVisibleRange7(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_ITEMS5) {
+function getVisibleRange8(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_ITEMS5) {
   if (totalItems <= maxVisible) {
     return {
       start: 0,
@@ -260962,7 +261102,7 @@ function WalletPanel({
     }
     setStatusMessage(null);
   }, [initialMode]);
-  const cardRange = import_react79.useMemo(() => getVisibleRange7(cardIndex, cards.length), [cardIndex, cards.length]);
+  const cardRange = import_react79.useMemo(() => getVisibleRange8(cardIndex, cards.length), [cardIndex, cards.length]);
   const currentCard = cards[cardIndex];
   const currentAddField = ADD_FIELDS[addFieldIndex];
   import_react79.useEffect(() => {
@@ -261608,7 +261748,7 @@ var defaultAddForm = () => ({
   scope: "assistant",
   description: ""
 });
-function getVisibleRange8(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_ITEMS6) {
+function getVisibleRange9(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_ITEMS6) {
   if (totalItems <= maxVisible) {
     return {
       start: 0,
@@ -261687,7 +261827,7 @@ function SecretsPanel({
   import_react80.useEffect(() => {
     setSecretIndex((prev) => Math.min(prev, Math.max(0, secrets2.length - 1)));
   }, [secrets2.length]);
-  const secretRange = import_react80.useMemo(() => getVisibleRange8(secretIndex, secrets2.length), [secretIndex, secrets2.length]);
+  const secretRange = import_react80.useMemo(() => getVisibleRange9(secretIndex, secrets2.length), [secretIndex, secrets2.length]);
   const currentSecret = secrets2[secretIndex];
   import_react80.useEffect(() => {
     if (mode === "detail" && !currentSecret) {
@@ -262314,7 +262454,7 @@ await init_build2();
 var import_react81 = __toESM(require_react(), 1);
 var jsx_dev_runtime45 = __toESM(require_jsx_dev_runtime(), 1);
 var MAX_VISIBLE_ITEMS7 = 5;
-function getVisibleRange9(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_ITEMS7) {
+function getVisibleRange10(selectedIndex, totalItems, maxVisible = MAX_VISIBLE_ITEMS7) {
   if (totalItems <= maxVisible) {
     return { start: 0, end: totalItems, hasMore: { above: 0, below: 0 } };
   }
@@ -262364,7 +262504,7 @@ function WorkspacePanel({
   import_react81.useEffect(() => {
     setWsIndex((prev) => Math.min(prev, Math.max(0, workspaces.length - 1)));
   }, [workspaces.length]);
-  const wsRange = import_react81.useMemo(() => getVisibleRange9(wsIndex, workspaces.length), [wsIndex, workspaces.length]);
+  const wsRange = import_react81.useMemo(() => getVisibleRange10(wsIndex, workspaces.length), [wsIndex, workspaces.length]);
   const currentWs = workspaces[wsIndex];
   import_react81.useEffect(() => {
     if (mode === "detail" && !currentWs) {
@@ -269253,17 +269393,38 @@ process.on("unhandledRejection", (reason) => {
   cleanup();
   process.exit(1);
 });
-var VERSION4 = "1.1.66";
+var VERSION4 = "1.1.67";
 var SYNC_START = "\x1B[?2026h";
 var SYNC_END = "\x1B[?2026l";
 function enableSynchronizedOutput() {
   const originalWrite = process.stdout.write.bind(process.stdout);
+  let buffer = "";
+  let flushScheduled = false;
+  function flush() {
+    flushScheduled = false;
+    if (!buffer)
+      return;
+    const output = buffer;
+    buffer = "";
+    originalWrite(SYNC_START + output + SYNC_END);
+  }
   process.stdout.write = function(chunk, encodingOrCallback, callback) {
     const raw = typeof chunk === "string" ? chunk : chunk.toString();
     const safe = sanitizeTerminalOutput(raw);
-    return originalWrite(SYNC_START + safe + SYNC_END, encodingOrCallback, callback);
+    buffer += safe;
+    if (!flushScheduled) {
+      flushScheduled = true;
+      queueMicrotask(flush);
+    }
+    if (typeof encodingOrCallback === "function") {
+      encodingOrCallback();
+    } else if (callback) {
+      callback();
+    }
+    return true;
   };
   return () => {
+    flush();
     process.stdout.write = originalWrite;
   };
 }
@@ -269373,4 +269534,4 @@ export {
   main
 };
 
-//# debugId=BC5CF87B7F42C6AF64756E2164756E21
+//# debugId=A5FDCCEC1934D13964756E2164756E21