skydive-cli 0.1.0-beta.239 → 0.1.0-beta.260

package/dist/js/bin.mjs

@@ -31,7 +31,7 @@ var __exportAll = (all, no_symbols) => {
 
 //#endregion
 //#region package.json
-var version$1 = "0.1.0-beta.239";
+var version$1 = "0.1.0-beta.260";
 
 //#endregion
 //#region src/types.ts
@@ -2152,7 +2152,7 @@ const chatCommand = {
 			printError(`Unknown theme "${themeId}". Valid themes: ${themes.map((t) => t.id).join(", ")}`);
 			process.exit(1);
 		}
-		const { runChat } = await import("./boot-CIdJ5Als.mjs");
+		const { runChat } = await import("./boot-C5ztfr8K.mjs");
 		await runChat({
 			appUrl,
 			sessionToken: session.value.sessionToken,
@@ -3330,7 +3330,7 @@ const switchCommand = {
 				printError("The workspace picker needs the Bun runtime and it could not be set up automatically. Pass a workspace slug instead, or install Bun and retry.");
 				process.exit(1);
 			}
-			const { runWorkspacePicker } = await import("./boot-CIdJ5Als.mjs");
+			const { runWorkspacePicker } = await import("./boot-C5ztfr8K.mjs");
 			await runWorkspacePicker(session);
 			return;
 		}

package/dist/js/{boot-CIdJ5Als.mjs → boot-C5ztfr8K.mjs}

@@ -16,6 +16,7 @@ import os, { homedir, platform, release, tmpdir } from "node:os";
 import { createConnection } from "node:net";
 import { access, appendFile, mkdir, mkdtemp, readFile, rm, stat, writeFile } from "node:fs/promises";
 import { Fragment, jsx, jsxs } from "@opentui/react/jsx-runtime";
+import fuzzysort from "fuzzysort";
 import { fileURLToPath } from "node:url";
 import { fileTypeFromBuffer } from "file-type";
 import { structuredPatch } from "diff";
@@ -1240,6 +1241,68 @@ function windowStart(highlight, total, visible) {
 	return Math.max(0, Math.min(desired, total - visible));
 }
 
+//#endregion
+//#region src/chat/tui/fuzzy.ts
+/**
+* Rank `items` against `query` across multiple keys with fuzzysort — the
+* OpenCode pattern. An empty/whitespace query returns everything in the
+* caller's original order (fuzzysort has nothing to rank); otherwise items
+* where no key matches are dropped and the rest come back best-first.
+*/
+function fuzzyFilter(query, items, keys) {
+	const needle = query.trim();
+	if (!needle) return items.map((item) => ({
+		item,
+		highlights: keys.map(() => null)
+	}));
+	return fuzzysort.go(needle, items, { keys: [...keys] }).map((result) => ({
+		item: result.obj,
+		highlights: keys.map((_key, i) => {
+			const indexes = result[i]?.indexes;
+			return indexes !== void 0 && indexes.length > 0 ? indexes : null;
+		})
+	}));
+}
+/**
+* Split `text` into contiguous segments for rendering, marking the ones
+* covered by `indexes` (matched characters) so the view can color them.
+* Null/absent indexes yield a single unmatched segment.
+*/
+function highlightSegments(text, indexes) {
+	if (!text) return [];
+	if (!indexes || indexes.length === 0) return [{
+		text,
+		matched: false
+	}];
+	const matched = new Set(indexes);
+	const segments = [];
+	for (let i = 0; i < text.length; i++) {
+		const isMatch = matched.has(i);
+		const last = segments.at(-1);
+		if (last && last.matched === isMatch) last.text += text[i];
+		else segments.push({
+			text: text[i] ?? "",
+			matched: isMatch
+		});
+	}
+	return segments;
+}
+
+//#endregion
+//#region src/chat/tui/fuzzy-text.tsx
+/**
+* Inline text with fuzzy-matched characters colored. Renders as spans, so it
+* must sit inside a <text>. `fg` styles the unmatched characters (defaults to
+* inheriting from the enclosing <text>); matches are always warning-colored,
+* which reads on both the plain and the selected (accent) row.
+*/
+function FuzzyText({ text, indexes, fg }) {
+	return /* @__PURE__ */ jsx(Fragment, { children: highlightSegments(text, indexes).map((segment, i) => /* @__PURE__ */ jsx("span", {
+		fg: segment.matched ? theme.warning : fg,
+		children: segment.text
+	}, i)) });
+}
+
 //#endregion
 //#region src/chat/tui/screens/agent-picker.tsx
 function AgentPickerScreen() {
@@ -1332,12 +1395,12 @@ function FilterableAgentList({ agents, scope, onPick }) {
 	useEffect(() => {
 		setHighlight(0);
 	}, [scope]);
-	const q = query.trim().toLowerCase();
-	const filtered = q ? agents.filter((a) => agentHaystack(a).includes(q)) : agents;
+	const hits = fuzzyFilter(query, agents, agentKeys);
+	const filtered = hits.map((h) => h.item);
 	const clamped = Math.min(highlight, Math.max(0, filtered.length - 1));
 	const visibleRows = Math.max(3, height - 6);
 	const start = windowStart(clamped, filtered.length, visibleRows);
-	const windowed = filtered.slice(start, start + visibleRows);
+	const windowed = hits.slice(start, start + visibleRows);
 	useKeyboard((key) => {
 		if (key.name === "up") setHighlight(Math.max(0, clamped - 1));
 		else if (key.name === "down") setHighlight(Math.min(Math.max(0, filtered.length - 1), clamped + 1));
@@ -1399,28 +1462,33 @@ function FilterableAgentList({ agents, scope, onPick }) {
 						query,
 						"”"
 					]
-				}) : windowed.map((a, i) => {
+				}) : windowed.map((hit, i) => {
+					const a = hit.item;
 					const selected = start + i === clamped;
 					return /* @__PURE__ */ jsxs("text", {
 						fg: selected ? theme.accent : theme.fg,
-						children: [selected ? "› " : "  ", agentLabel(a)]
+						children: [
+							selected ? "› " : "  ",
+							/* @__PURE__ */ jsx(FuzzyText, {
+								text: a.name,
+								indexes: hit.highlights[0]
+							}),
+							a.slug ? /* @__PURE__ */ jsxs(Fragment, { children: ["  @", /* @__PURE__ */ jsx(FuzzyText, {
+								text: a.slug,
+								indexes: hit.highlights[1]
+							})] }) : null
+						]
 					}, a.id);
 				})
 			})
 		]
 	});
 }
-function agentHaystack(a) {
-	return [
-		a.name,
-		a.slug ?? "",
-		a.title ?? ""
-	].join(" ").toLowerCase();
-}
-function agentLabel(a) {
-	if (a.slug) return `${a.name}  @${a.slug}`;
-	return a.name;
-}
+const agentKeys = [
+	(a) => a.name,
+	(a) => a.slug ?? "",
+	(a) => a.title ?? ""
+];
 
 //#endregion
 //#region src/chat/tui/agent-name.ts
@@ -1755,11 +1823,10 @@ function ConversationList({ agent, conversations, onPick }) {
 	const [list, setList] = useState(conversations);
 	const [confirmId, setConfirmId] = useState(null);
 	const [error, setError] = useState(null);
-	const q = query.trim().toLowerCase();
-	const filtered = q ? list.filter((c) => conversationHaystack(c).includes(q)) : list;
-	const rows = [{ kind: "new" }, ...filtered.map((conv) => ({
+	const hits = fuzzyFilter(query, list, conversationKeys);
+	const rows = [{ kind: "new" }, ...hits.map((hit) => ({
 		kind: "conv",
-		conv
+		hit
 	}))];
 	const clamped = Math.min(highlight, Math.max(0, rows.length - 1));
 	const visibleRows = Math.max(3, height - 6);
@@ -1777,7 +1844,7 @@ function ConversationList({ agent, conversations, onPick }) {
 		else onPick({
 			kind: "chat",
 			agent,
-			conversation: row.conv
+			conversation: row.hit.item
 		});
 	};
 	const deleteConversation = (id) => {
@@ -1804,7 +1871,7 @@ function ConversationList({ agent, conversations, onPick }) {
 			const row = rows[clamped];
 			if (row?.kind === "conv") {
 				setError(null);
-				setConfirmId(row.conv.id);
+				setConfirmId(row.hit.item.id);
 			}
 		} else if (key.name === "return") {
 			const row = rows[clamped];
@@ -1849,7 +1916,7 @@ function ConversationList({ agent, conversations, onPick }) {
 			}) : /* @__PURE__ */ jsxs("text", {
 				fg: theme.dim,
 				children: [
-					filtered.length,
+					hits.length,
 					"/",
 					list.length,
 					" · ↑/↓ move · ↵ open · ctrl+d delete · esc back"
@@ -1871,21 +1938,22 @@ function ConversationList({ agent, conversations, onPick }) {
 						fg,
 						children: [
 							selected ? "› " : "  ",
-							row.conv.title ?? "(untitled)",
+							/* @__PURE__ */ jsx(FuzzyText, {
+								text: row.hit.item.title ?? "(untitled)",
+								indexes: row.hit.item.title ? row.hit.highlights[0] : null
+							}),
 							/* @__PURE__ */ jsxs("span", {
 								fg: theme.dim,
-								children: [" ", previewLine(row.conv)]
+								children: [" ", previewLine(row.hit.item)]
 							})
 						]
-					}, row.conv.id);
+					}, row.hit.item.id);
 				})
 			})
 		]
 	});
 }
-function conversationHaystack(c) {
-	return [c.title ?? "", c.preview ?? ""].join(" ").toLowerCase();
-}
+const conversationKeys = [(c) => c.title ?? "", (c) => c.preview ?? ""];
 function previewLine(c) {
 	const when = relativeTime(c.updatedAt);
 	const prefix = c.preview ? c.preview.replace(/\s+/g, " ").trim() : "";
@@ -4311,12 +4379,12 @@ function FilterableModelList({ models, currentModel, modelLocked, agentId, onSel
 	const [saving, setSaving] = useState(false);
 	const [saveError, setSaveError] = useState(null);
 	const rest = useStore((s) => s.rest);
-	const q = query.trim().toLowerCase();
-	const filtered = q ? models.filter((m) => modelHaystack(m).includes(q)) : models;
+	const hits = fuzzyFilter(query, models, modelKeys);
+	const filtered = hits.map((h) => h.item);
 	const clamped = Math.min(highlight, Math.max(0, filtered.length - 1));
 	const visibleRows = Math.max(3, height - 8);
 	const start = windowStart(clamped, filtered.length, visibleRows);
-	const windowed = filtered.slice(start, start + visibleRows);
+	const windowed = hits.slice(start, start + visibleRows);
 	async function select(model) {
 		if (!rest || saving) return;
 		if (model.id === currentModel) {
@@ -4395,7 +4463,8 @@ function FilterableModelList({ models, currentModel, modelLocked, agentId, onSel
 						query,
 						"”"
 					]
-				}) : windowed.map((m, i) => {
+				}) : windowed.map((hit, i) => {
+					const m = hit.item;
 					const selected = start + i === clamped;
 					const isCurrent = m.id === currentModel;
 					return /* @__PURE__ */ jsxs("text", {
@@ -4403,7 +4472,19 @@ function FilterableModelList({ models, currentModel, modelLocked, agentId, onSel
 						children: [
 							selected ? "› " : "  ",
 							isCurrent ? "● " : "  ",
-							modelLabel(m)
+							m.providerDisplay ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FuzzyText, {
+								text: m.providerDisplay,
+								indexes: hit.highlights[1]
+							}), " · "] }) : null,
+							/* @__PURE__ */ jsx(FuzzyText, {
+								text: m.displayName,
+								indexes: hit.highlights[0]
+							}),
+							"  ",
+							/* @__PURE__ */ jsx(FuzzyText, {
+								text: m.id,
+								indexes: hit.highlights[2]
+							})
 						]
 					}, m.id);
 				})
@@ -4415,16 +4496,11 @@ function FilterableModelList({ models, currentModel, modelLocked, agentId, onSel
 		]
 	});
 }
-function modelHaystack(m) {
-	return [
-		m.displayName,
-		m.providerDisplay ?? "",
-		m.id
-	].join(" ").toLowerCase();
-}
-function modelLabel(m) {
-	return `${m.providerDisplay ? `${m.providerDisplay} · ` : ""}${m.displayName}  ${m.id}`;
-}
+const modelKeys = [
+	(m) => m.displayName,
+	(m) => m.providerDisplay ?? "",
+	(m) => m.id
+];
 /**
 * The REST error routes return `{ "error": "message" }`. Pull that out for a
 * human-readable status line; fall back to the raw body on anything else.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "skydive-cli",
-  "version": "0.1.0-beta.239",
+  "version": "0.1.0-beta.260",
   "description": "Skydive CLI — manage AI agents from the command line",
   "homepage": "https://skydive.com",
   "license": "MIT",
@@ -33,6 +33,7 @@
     "diff": "9.0.0",
     "eventsource-parser": "^3.0.8",
     "file-type": "^21.3.4",
+    "fuzzysort": "^3.1.0",
     "neverthrow": "^8.2.0",
     "open": "^10.1.0",
     "react": "^19.0.0",