@kmugalkhod/lightcode 0.10.0 → 0.11.0

package/cli.js

@@ -124,7 +124,7 @@ var init_logger = __esm(() => {
 });
 
 // packages/shared/src/version.ts
-var lightcodeVersion = "0.10.0";
+var lightcodeVersion = "0.11.0";
 
 // packages/shared/src/index.ts
 var productName = "Lightcode";
@@ -577,11 +577,11 @@ var init_help_overlay = __esm(() => {
   init_keymap();
   init_cli_theme();
   screenHints = [
-    { context: "Chat", hint: "Tab/Ctrl+T switch mode | @ attach files | /compact, /undo actions" },
-    { context: "Chat", hint: "Ctrl+O expand tool output | Ctrl+R show reasoning | Enter send | Ctrl+Enter newline" },
-    { context: "IDE", hint: "F2 IDE layout (Explorer \xB7 Editor \xB7 Chat) | Tab focus Explorer | \u2192/Enter open file | click \u270E or e to edit, Ctrl+S save | [ ] tabs" },
-    { context: "Copy", hint: "Ctrl+Y copy mode (\u2191/\u2193 pick, Enter copy, c code) | /copy [last|code|all]" },
-    { context: "Sessions", hint: "Enter resume | r rename | f fork | / filter | e export (.md) | d delete" }
+    { context: "Chat", hint: "Tab/Ctrl+T switch mode \xB7 @ attach files \xB7 /compact, /undo actions" },
+    { context: "Chat", hint: "Ctrl+O expand tool output \xB7 Ctrl+R show reasoning \xB7 Enter send \xB7 Ctrl+Enter newline" },
+    { context: "IDE", hint: "F2 IDE layout (Explorer \xB7 Editor \xB7 Chat) \xB7 Tab focus Explorer \xB7 \u2192/Enter open file \xB7 e edit, Ctrl+S save \xB7 [ ] tabs" },
+    { context: "Copy", hint: "Ctrl+Y copy mode (\u2191/\u2193 pick, Enter copy, c code) \xB7 /copy [last|code|all]" },
+    { context: "Sessions", hint: "Enter resume \xB7 r rename \xB7 f fork \xB7 / filter \xB7 e export (.md) \xB7 d delete" }
   ];
 });
 
@@ -595,7 +595,7 @@ function getSlashPageRoutes(query = "") {
     return getNavigationRoutes();
   }
   return getNavigationRoutes().filter((route) => {
-    return route.path.toLowerCase().includes(normalizedQuery) || route.shortcut.replace(/^\//, "").toLowerCase().includes(normalizedQuery) || route.label.toLowerCase().includes(normalizedQuery) || route.description.toLowerCase().includes(normalizedQuery);
+    return route.shortcut.replace(/^\//, "").toLowerCase().startsWith(normalizedQuery) || route.label.toLowerCase().includes(normalizedQuery);
   });
 }
 function getPathFromAction(action) {
@@ -807,7 +807,7 @@ function CommandPalette({ query, setQuery, selectedIndex }) {
             gap: 2,
             children: [
               /* @__PURE__ */ jsxDEV2(PaletteHint, {
-                text: "Up/Down",
+                text: "\u2191/\u2193",
                 description: "navigate"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV2(PaletteHint, {
@@ -942,6 +942,33 @@ var init_command_palette = __esm(() => {
   init_cli_theme();
 });
 
+// apps/cli/src/ui/cli-theme-capabilities.ts
+function isUtf8Locale(env) {
+  const locale = env.LC_ALL || env.LC_CTYPE || env.LANG || "";
+  if (!locale) {
+    return true;
+  }
+  return /utf-?8/i.test(locale);
+}
+function detectTerminalCapabilities(env = process.env) {
+  const noColor = Boolean(env.NO_COLOR);
+  const dumbTerm = env.TERM === "dumb";
+  return {
+    color: !noColor && !dumbTerm,
+    unicode: isUtf8Locale(env),
+    reducedMotion: Boolean(env.NO_COLOR || env.LIGHTCODE_REDUCED_MOTION)
+  };
+}
+function resolveGlyphs(caps) {
+  return caps.unicode ? glyphs.unicode : glyphs.ascii;
+}
+var terminalCapabilities, activeGlyphs;
+var init_cli_theme_capabilities = __esm(() => {
+  init_cli_theme();
+  terminalCapabilities = detectTerminalCapabilities();
+  activeGlyphs = resolveGlyphs(terminalCapabilities);
+});
+
 // apps/cli/src/commands/slash-page-menu.tsx
 import { jsxDEV as jsxDEV3 } from "@opentui/react/jsx-dev-runtime";
 function SlashPageMenu({
@@ -949,7 +976,7 @@ function SlashPageMenu({
   selectedIndex,
   routes
 }) {
-  const normalizedQuery = query.trim();
+  const normalizedQuery = query.trim().replace(/^\//, "");
   const isFiltering = normalizedQuery.length > 0;
   return /* @__PURE__ */ jsxDEV3("box", {
     width: "100%",
@@ -966,7 +993,7 @@ function SlashPageMenu({
         }, undefined, false, undefined, this) : routes.map((route, index) => /* @__PURE__ */ jsxDEV3(MenuItem, {
           route,
           selected: index === selectedIndex
-        }, route.id, false, undefined, this))
+        }, route.shortcut, false, undefined, this))
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV3("box", {
         flexDirection: "row",
@@ -979,22 +1006,14 @@ function SlashPageMenu({
         children: [
           /* @__PURE__ */ jsxDEV3("text", {
             fg: cliTheme.overlay.footerText,
-            children: isFiltering ? `Showing: "${normalizedQuery.replace(/^\//, "")}" - ${routes.length} result${routes.length !== 1 ? "s" : ""}` : `${routes.length} page${routes.length !== 1 ? "s" : ""}`
+            children: isFiltering ? `"${normalizedQuery}" \xB7 ${routes.length} result${routes.length !== 1 ? "s" : ""}` : `${routes.length} page${routes.length !== 1 ? "s" : ""}`
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV3("box", {
             flexGrow: 1
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV3("text", {
             ...typeRole("caption"),
-            children: "Enter open | "
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("text", {
-            ...typeRole("emphasis"),
-            children: "Up/Down"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV3("text", {
-            ...typeRole("caption"),
-            children: " select | Esc close"
+            children: "\u2191/\u2193 select \xB7 Enter open \xB7 Esc close"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -1014,13 +1033,14 @@ function MenuItem({ route, selected }) {
       /* @__PURE__ */ jsxDEV3("text", {
         width: 2,
         fg: selected ? cliTheme.overlay.selectedBorder : cliTheme.text.muted,
-        children: selected ? ">" : " "
+        children: selected ? activeGlyphs.roleUser : " "
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV3("box", {
         backgroundColor: cliTheme.overlay.badgeBackground,
         paddingX: 1,
         paddingY: 0,
         marginRight: 1,
+        flexShrink: 0,
         children: /* @__PURE__ */ jsxDEV3("text", {
           fg: cliTheme.overlay.badgeText,
           children: [
@@ -1030,12 +1050,18 @@ function MenuItem({ route, selected }) {
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV3("text", {
+        wrapMode: "none",
+        truncate: true,
+        flexShrink: 0,
         fg: selected ? cliTheme.overlay.selectedRowText : cliTheme.text.primary,
         attributes: selected ? TextAttributes.BOLD : TextAttributes.NONE,
         marginRight: 2,
         children: route.label
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV3("text", {
+        wrapMode: "none",
+        truncate: true,
+        flexShrink: 1,
         fg: selected ? cliTheme.overlay.selectedRowText : cliTheme.overlay.description,
         children: route.description
       }, undefined, false, undefined, this)
@@ -1076,6 +1102,7 @@ function EmptyState({ query }) {
 var init_slash_page_menu = __esm(() => {
   init_cli_theme();
   init_cli_theme();
+  init_cli_theme_capabilities();
 });
 
 // packages/ai/src/constants.ts
@@ -8759,7 +8786,7 @@ function filterChatSlashActions(query) {
   if (!normalized) {
     return chatSlashActions;
   }
-  return chatSlashActions.filter((action) => action.shortcut.replace(/^\//, "").toLowerCase().includes(normalized) || action.label.toLowerCase().includes(normalized) || action.description.toLowerCase().includes(normalized));
+  return chatSlashActions.filter((action) => action.shortcut.replace(/^\//, "").toLowerCase().startsWith(normalized) || action.label.toLowerCase().includes(normalized));
 }
 var chatSlashActions;
 var init_chat_slash_actions = __esm(() => {
@@ -8814,18 +8841,27 @@ var init_chat_slash_actions = __esm(() => {
       label: "Permission mode",
       description: "Switch permission level: read-only, workspace-write, or danger-full-access",
       shortcut: "/permission",
+      availableOnHome: true,
       run: async () => {}
     }
   ];
 });
 
 // apps/cli/src/commands/slash-menu-items.ts
-function getSlashMenuItems(query, { includeChatActions }) {
+function getSlashMenuItems(query, { host }) {
   const routes = getSlashPageRoutes(query);
-  if (!includeChatActions) {
+  if (host === "other") {
     return routes;
   }
-  return [...filterChatSlashActions(query), ...routes];
+  const actions = filterChatSlashActions(query).filter((action) => host === "chat" || action.availableOnHome);
+  const seenShortcuts = new Set;
+  return [...actions, ...routes].filter((item) => {
+    if (seenShortcuts.has(item.shortcut)) {
+      return false;
+    }
+    seenShortcuts.add(item.shortcut);
+    return true;
+  });
 }
 var init_slash_menu_items = __esm(() => {
   init_route_registry();
@@ -10327,7 +10363,6 @@ function ChatInteractionPopup({
   const [customAnswer, setCustomAnswer] = useState2("");
   const [validationMessage, setValidationMessage] = useState2(null);
   const submitVerb = submitLabel.toLowerCase();
-  const hintLabel = onCancel ? `Up/Down select | Enter ${submitVerb} | Esc dismiss` : `Up/Down select | Enter ${submitVerb}`;
   const rows = useMemo2(() => {
     const optionRows = options.map((option) => ({
       value: option.value,
@@ -10348,10 +10383,18 @@ function ChatInteractionPopup({
       }
     ];
   }, [allowCustomResponse, options]);
+  const inputOnly = options.length === 0 && allowCustomResponse;
+  const visibleRows = inputOnly ? [] : rows;
   const safeSelectedIndex = Math.min(selectedIndex, Math.max(rows.length - 1, 0));
   const selectedRow = rows[safeSelectedIndex];
   const requiresCustomResponse = Boolean(selectedRow?.isCustom || selectedRow && requireCustomResponseForValues.includes(selectedRow.value));
-  const canShowInput = requiresCustomResponse || rows.length === 0 && allowCustomResponse;
+  const canShowInput = inputOnly || requiresCustomResponse;
+  const hintLabel = [
+    visibleRows.length > 1 ? "\u2191/\u2193 select" : null,
+    visibleRows.length > 1 ? "1-9 pick" : null,
+    `Enter ${submitVerb}`,
+    onCancel ? "Esc dismiss" : null
+  ].filter(Boolean).join(" \xB7 ");
   const submitCurrentSelection = () => {
     if (!selectedRow && !canShowInput) {
       return;
@@ -10359,14 +10402,14 @@ function ChatInteractionPopup({
     if (canShowInput) {
       const answer = customAnswer.trim();
       if (answer.length === 0) {
-        setValidationMessage("Please enter a response before submitting.");
+        setValidationMessage(selectedRow && !selectedRow.isCustom && !inputOnly ? "This choice needs a short note \u2014 type it below." : "Type an answer first, then press Enter.");
         return;
       }
       setValidationMessage(null);
       onSubmit({
         answer,
-        selectedOption: selectedRow && !selectedRow.isCustom ? selectedRow.label : undefined,
-        selectedValue: selectedRow && !selectedRow.isCustom ? selectedRow.value : undefined,
+        selectedOption: selectedRow && !selectedRow.isCustom && !inputOnly ? selectedRow.label : undefined,
+        selectedValue: selectedRow && !selectedRow.isCustom && !inputOnly ? selectedRow.value : undefined,
         source: selectedRow?.isCustom || !selectedRow || requiresCustomResponse ? "custom" : "option"
       });
       return;
@@ -10379,6 +10422,10 @@ function ChatInteractionPopup({
       source: "option"
     });
   };
+  const selectRow = (index) => {
+    setValidationMessage(null);
+    setSelectedIndex(Math.min(Math.max(index, 0), Math.max(rows.length - 1, 0)));
+  };
   useKeyboard((keyEvent) => {
     if (rows.length === 0 && !canShowInput) {
       if (isEscapeKey(keyEvent.name.toLowerCase()) && onCancel) {
@@ -10392,15 +10439,33 @@ function ChatInteractionPopup({
     if (isDownKey(keyName)) {
       keyEvent.preventDefault();
       keyEvent.stopPropagation();
-      setValidationMessage(null);
-      setSelectedIndex((currentIndex) => Math.min(currentIndex + 1, Math.max(rows.length - 1, 0)));
+      selectRow(safeSelectedIndex + 1);
       return;
     }
     if (isUpKey(keyName)) {
       keyEvent.preventDefault();
       keyEvent.stopPropagation();
-      setValidationMessage(null);
-      setSelectedIndex((currentIndex) => Math.max(currentIndex - 1, 0));
+      selectRow(safeSelectedIndex - 1);
+      return;
+    }
+    if (!canShowInput && visibleRows.length > 1 && /^[1-9]$/.test(keyName)) {
+      const index = Number(keyName) - 1;
+      if (index < rows.length) {
+        keyEvent.preventDefault();
+        keyEvent.stopPropagation();
+        selectRow(index);
+        const row = rows[index];
+        const needsInput = row.isCustom || requireCustomResponseForValues.includes(row.value);
+        if (!needsInput) {
+          setValidationMessage(null);
+          onSubmit({
+            answer: row.label,
+            selectedOption: row.label,
+            selectedValue: row.value,
+            source: "option"
+          });
+        }
+      }
       return;
     }
     if (isEnterKey(keyName)) {
@@ -10421,23 +10486,35 @@ function ChatInteractionPopup({
     borderStyle: borderStyleFor.modal,
     borderColor: cliTheme.borders.active,
     backgroundColor: cliTheme.surfaces.panel,
-    paddingX: 1,
+    paddingX: 2,
     paddingY: 1,
     gap: 1,
     children: [
-      /* @__PURE__ */ jsxDEV6("text", {
-        ...typeRole("title"),
-        children: title
-      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("box", {
+        width: "100%",
+        flexDirection: "row",
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ jsxDEV6("text", {
+            ...typeRole("title"),
+            children: title
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6("text", {
+            fg: cliTheme.text.muted,
+            children: submitLabel
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
       /* @__PURE__ */ jsxDEV6("text", {
         fg: cliTheme.text.primary,
         children: question
       }, undefined, false, undefined, this),
-      rows.length > 0 ? /* @__PURE__ */ jsxDEV6("box", {
+      visibleRows.length > 0 ? /* @__PURE__ */ jsxDEV6("box", {
         width: "100%",
         flexDirection: "column",
-        children: rows.map((row, index) => {
-          const rowColors = getOverlayRowColors(index === safeSelectedIndex);
+        children: visibleRows.map((row, index) => {
+          const selected = index === safeSelectedIndex;
+          const rowColors = getOverlayRowColors(selected);
           return /* @__PURE__ */ jsxDEV6("box", {
             width: "100%",
             flexDirection: "column",
@@ -10445,17 +10522,32 @@ function ChatInteractionPopup({
             backgroundColor: rowColors.backgroundColor,
             children: [
               /* @__PURE__ */ jsxDEV6("text", {
-                fg: rowColors.primaryTextColor,
+                fg: selected ? cliTheme.accent.primary : rowColors.primaryTextColor,
                 children: [
-                  index + 1,
-                  ". ",
-                  row.label
+                  /* @__PURE__ */ jsxDEV6("span", {
+                    children: selected ? `${activeGlyphs.roleUser} ` : "  "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("span", {
+                    fg: selected ? cliTheme.accent.primary : cliTheme.text.muted,
+                    children: [
+                      index + 1,
+                      ".",
+                      " "
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV6("span", {
+                    fg: rowColors.primaryTextColor,
+                    children: row.label
+                  }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this),
               row.description ? /* @__PURE__ */ jsxDEV6("text", {
-                ...typeRole("caption"),
-                children: row.description
-              }, undefined, false, undefined, this) : null
+                fg: rowColors.secondaryTextColor,
+                children: [
+                  "     ",
+                  row.description
+                ]
+              }, undefined, true, undefined, this) : null
             ]
           }, row.value, true, undefined, this);
         })
@@ -10465,16 +10557,19 @@ function ChatInteractionPopup({
         flexDirection: "column",
         gap: 1,
         children: [
-          selectedRow && !selectedRow.isCustom ? /* @__PURE__ */ jsxDEV6("text", {
+          selectedRow && !selectedRow.isCustom && !inputOnly ? /* @__PURE__ */ jsxDEV6("text", {
             fg: cliTheme.text.secondary,
-            children: "Additional details required"
+            children: "Add a short note to continue:"
           }, undefined, false, undefined, this) : null,
           /* @__PURE__ */ jsxDEV6("input", {
             value: customAnswer,
-            onChange: (value) => {
+            onInput: (value) => {
               setValidationMessage(null);
               setCustomAnswer(value ?? "");
             },
+            onSubmit: () => {
+              submitCurrentSelection();
+            },
             placeholder,
             width: "100%",
             focused: true,
@@ -10487,27 +10582,17 @@ function ChatInteractionPopup({
         fg: cliTheme.semantic.warning,
         children: validationMessage
       }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV6("box", {
-        width: "100%",
-        flexDirection: "row",
-        justifyContent: "space-between",
-        children: [
-          /* @__PURE__ */ jsxDEV6("text", {
-            ...typeRole("caption"),
-            children: hintLabel
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV6("text", {
-            fg: cliTheme.text.secondary,
-            children: submitLabel
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+      /* @__PURE__ */ jsxDEV6("text", {
+        ...typeRole("caption"),
+        children: hintLabel
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 var customOptionValue = "__custom_answer__";
 var init_chat_interaction_popup = __esm(() => {
   init_cli_theme();
+  init_cli_theme_capabilities();
 });
 
 // apps/cli/src/components/chat/chat-message-error-part.tsx
@@ -10850,33 +10935,6 @@ var init_chat_message_text_part = __esm(() => {
   markdownSyntaxStyle = codeSyntaxStyle;
 });
 
-// apps/cli/src/ui/cli-theme-capabilities.ts
-function isUtf8Locale(env) {
-  const locale = env.LC_ALL || env.LC_CTYPE || env.LANG || "";
-  if (!locale) {
-    return true;
-  }
-  return /utf-?8/i.test(locale);
-}
-function detectTerminalCapabilities(env = process.env) {
-  const noColor = Boolean(env.NO_COLOR);
-  const dumbTerm = env.TERM === "dumb";
-  return {
-    color: !noColor && !dumbTerm,
-    unicode: isUtf8Locale(env),
-    reducedMotion: Boolean(env.NO_COLOR || env.LIGHTCODE_REDUCED_MOTION)
-  };
-}
-function resolveGlyphs(caps) {
-  return caps.unicode ? glyphs.unicode : glyphs.ascii;
-}
-var terminalCapabilities, activeGlyphs;
-var init_cli_theme_capabilities = __esm(() => {
-  init_cli_theme();
-  terminalCapabilities = detectTerminalCapabilities();
-  activeGlyphs = resolveGlyphs(terminalCapabilities);
-});
-
 // apps/cli/src/components/chat/chat-diff-card.tsx
 import { jsxDEV as jsxDEV11 } from "@opentui/react/jsx-dev-runtime";
 function collapseDiff(diff, maxLines) {
@@ -13404,7 +13462,6 @@ function PermissionModeSelector({
   onClose
 }) {
   const [selectedIndex, setSelectedIndex] = useState11(0);
-  const [keyboardActive, setKeyboardActive] = useState11(false);
   useEffect7(() => {
     if (currentMode) {
       const currentIndex = permissionModes.findIndex((m) => m.mode === currentMode);
@@ -13421,17 +13478,21 @@ function PermissionModeSelector({
       onClose();
       return;
     }
+    if (keyName === "tab" || keyEvent.sequence === "\t") {
+      keyEvent.preventDefault();
+      keyEvent.stopPropagation();
+      setSelectedIndex((current) => keyEvent.shift ? (current - 1 + permissionModes.length) % permissionModes.length : (current + 1) % permissionModes.length);
+      return;
+    }
     if (isDownKey(keyName)) {
       keyEvent.preventDefault();
       keyEvent.stopPropagation();
-      setKeyboardActive(true);
       setSelectedIndex((current) => Math.min(current + 1, permissionModes.length - 1));
       return;
     }
     if (isUpKey(keyName)) {
       keyEvent.preventDefault();
       keyEvent.stopPropagation();
-      setKeyboardActive(true);
       setSelectedIndex((current) => Math.max(current - 1, 0));
       return;
     }
@@ -13467,7 +13528,7 @@ function PermissionModeSelector({
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV21("text", {
             fg: cliTheme.overlay.footerText,
-            children: "\u2191/\u2193 select | Enter confirm | Esc cancel"
+            children: "Tab/\u2191/\u2193 select \xB7 Enter confirm \xB7 Esc cancel"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -13476,16 +13537,13 @@ function PermissionModeSelector({
         paddingY: 1,
         children: permissionModes.map((modeOption, index) => {
           const isSelected = index === selectedIndex;
-          const rowColors = getOverlayRowColors(isSelected && keyboardActive);
+          const rowColors = getOverlayRowColors(isSelected);
           return /* @__PURE__ */ jsxDEV21("box", {
             width: "100%",
             flexDirection: "column",
             paddingX: 2,
             paddingY: 1,
             backgroundColor: rowColors.backgroundColor,
-            borderStyle: "single",
-            border: isSelected ? ["left"] : undefined,
-            borderColor: isSelected ? cliTheme.accent.primary : cliTheme.overlay.border,
             children: [
               /* @__PURE__ */ jsxDEV21("box", {
                 width: "100%",
@@ -13496,7 +13554,7 @@ function PermissionModeSelector({
                     width: 3,
                     fg: isSelected ? cliTheme.accent.primary : cliTheme.text.muted,
                     attributes: TextAttributes3.BOLD,
-                    children: isSelected ? "> " : "  "
+                    children: isSelected ? `${activeGlyphs.roleUser} ` : "  "
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV21("text", {
                     fg: isSelected ? cliTheme.overlay.selectedRowText : cliTheme.text.primary,
@@ -13524,7 +13582,8 @@ function PermissionModeSelector({
                   fg: modeOption.mode === "danger-full-access" ? cliTheme.semantic.error : cliTheme.text.muted,
                   attributes: TextAttributes3.DIM,
                   children: [
-                    "\u2022 ",
+                    activeGlyphs.bullet,
+                    " ",
                     risk
                   ]
                 }, risk, true, undefined, this))
@@ -13563,6 +13622,7 @@ function PermissionModeSelector({
 var permissionModes;
 var init_permission_mode_selector = __esm(() => {
   init_cli_theme();
+  init_cli_theme_capabilities();
   permissionModes = [
     {
       mode: "read-only",
@@ -13678,6 +13738,16 @@ function fuzzyScore(query, candidate) {
     previousMatchIndex = foundIndex;
     candidateIndex = foundIndex + 1;
   }
+  const substringIndex = normalizedCandidate.indexOf(normalizedQuery);
+  if (substringIndex !== -1) {
+    score += 8 + normalizedQuery.length * 2;
+    if (substringIndex === 0 || BOUNDARY_CHARS.has(normalizedCandidate[substringIndex - 1])) {
+      score += 4;
+    }
+    if (substringIndex > normalizedCandidate.lastIndexOf("/")) {
+      score += 4;
+    }
+  }
   return score - candidate.length / 100;
 }
 function fuzzyFilter(query, candidates, limit = 6) {
@@ -13863,8 +13933,11 @@ function ChatTextArea({
     if (mentionMatches.length === 0) {
       return;
     }
-    if (event.name === "tab") {
+    if (event.name === "tab" || isEnterLike) {
       event.preventDefault();
+      if (isEnterLike) {
+        lastManualNewlineAt.current = Date.now();
+      }
       acceptMention(mentionMatches[selectedMentionIndex]);
     } else if (event.name === "down") {
       event.preventDefault();
@@ -13939,11 +14012,11 @@ function ChatTextArea({
             fg: index === selectedMentionIndex ? cliTheme.overlay.selectedRowText : cliTheme.text.secondary,
             bg: index === selectedMentionIndex ? cliTheme.overlay.selectedRowBackground : undefined,
             attributes: index === selectedMentionIndex ? TextAttributes4.BOLD : TextAttributes4.NONE,
-            children: `${index === selectedMentionIndex ? "> " : "  "}${mentionPath}`
+            children: `${index === selectedMentionIndex ? `${activeGlyphs.roleUser} ` : "  "}${mentionPath}`
           }, mentionPath, false, undefined, this)),
           /* @__PURE__ */ jsxDEV22("text", {
             ...typeRole("caption"),
-            children: "Tab attach | Up/Down select | Esc dismiss"
+            children: "\u2191/\u2193 select \xB7 Enter attach \xB7 Esc dismiss"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this) : null,
@@ -13990,6 +14063,7 @@ var trailingMentionPattern, textareaKeyBindings;
 var init_chat_text_area = __esm(() => {
   init_cli_theme();
   init_cli_theme();
+  init_cli_theme_capabilities();
   init_clipboard_image();
   init_fuzzy_match();
   init_image_attachments();
@@ -14127,80 +14201,53 @@ function getApprovalDescription(approval) {
 function ChatToolApprovalCard({
   approvals,
   onResolve,
-  onResolveAll
+  onResolveAll,
+  hasDraftText = false
 }) {
   const [selectedIndex, setSelectedIndex] = useState13(0);
-  const [keyboardActive, setKeyboardActive] = useState13(false);
   const safeSelectedIndex = Math.min(selectedIndex, Math.max(approvals.length - 1, 0));
   useEffect9(() => {
     setSelectedIndex((currentIndex) => Math.min(currentIndex, Math.max(approvals.length - 1, 0)));
   }, [approvals.length]);
   useKeyboard3((keyEvent) => {
-    if (approvals.length === 0) {
+    if (approvals.length === 0 || hasDraftText) {
       return;
     }
     const keyName = keyEvent.name.toLowerCase();
     if (isDownKey(keyName)) {
       keyEvent.preventDefault();
       keyEvent.stopPropagation();
-      if (!keyboardActive) {
-        setKeyboardActive(true);
-        setSelectedIndex(0);
-        return;
-      }
-      setKeyboardActive(true);
       setSelectedIndex((currentIndex) => Math.min(currentIndex + 1, approvals.length - 1));
       return;
     }
     if (isUpKey(keyName)) {
       keyEvent.preventDefault();
       keyEvent.stopPropagation();
-      if (!keyboardActive) {
-        setKeyboardActive(true);
-        setSelectedIndex(0);
-        return;
-      }
-      setKeyboardActive(true);
       setSelectedIndex((currentIndex) => Math.max(currentIndex - 1, 0));
       return;
     }
-    if (!keyboardActive) {
-      return;
-    }
     if (isEnterKey(keyName)) {
       keyEvent.preventDefault();
       keyEvent.stopPropagation();
       onResolve("approve", safeSelectedIndex);
-      return;
-    }
-    if (keyName === "d") {
-      keyEvent.preventDefault();
-      keyEvent.stopPropagation();
-      onResolve("deny", safeSelectedIndex);
-      return;
-    }
-    if (keyName === "a") {
-      keyEvent.preventDefault();
-      keyEvent.stopPropagation();
-      onResolveAll("approve");
-      return;
-    }
-    if (isEscapeKey(keyName)) {
-      keyEvent.preventDefault();
-      keyEvent.stopPropagation();
-      setKeyboardActive(false);
     }
   });
   if (approvals.length === 0) {
     return null;
   }
+  const hint = hasDraftText ? "Finish your reply below \u2014 approve/deny commands work there" : [
+    approvals.length > 1 ? "\u2191/\u2193 select" : null,
+    "Enter approve",
+    "type deny to reject",
+    approvals.length > 1 ? "approve all / deny all" : null
+  ].filter(Boolean).join(" \xB7 ");
   return /* @__PURE__ */ jsxDEV24("box", {
     width: "100%",
     flexDirection: "column",
     borderStyle: "single",
-    borderColor: keyboardActive ? cliTheme.accent.primary : cliTheme.semantic.warning,
+    borderColor: cliTheme.semantic.warning,
     backgroundColor: cliTheme.surfaces.panel,
-    paddingX: 1,
+    paddingX: 2,
     paddingY: 1,
     gap: 1,
     children: [
@@ -14212,11 +14259,14 @@ function ChatToolApprovalCard({
           /* @__PURE__ */ jsxDEV24("text", {
             fg: cliTheme.semantic.warning,
             attributes: typeRole("title").attributes,
-            children: "Tool Approval"
-          }, undefined, false, undefined, this),
+            children: [
+              activeGlyphs.toolApproval,
+              " Tool access request"
+            ]
+          }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV24("text", {
-            fg: keyboardActive ? cliTheme.accent.primary : cliTheme.text.muted,
-            children: keyboardActive ? `keyboard focus - ${approvals.length} pending` : `${approvals.length} pending - press Down to focus`
+            fg: cliTheme.text.muted,
+            children: approvals.length === 1 ? "1 pending" : `${approvals.length} pending`
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -14224,7 +14274,8 @@ function ChatToolApprovalCard({
         width: "100%",
         flexDirection: "column",
         children: approvals.map((approval, index) => {
-          const rowColors = getOverlayRowColors(keyboardActive && index === safeSelectedIndex);
+          const selected = index === safeSelectedIndex;
+          const rowColors = getOverlayRowColors(selected);
           const target = truncateInline2(getApprovalTarget(approval));
           return /* @__PURE__ */ jsxDEV24("box", {
             width: "100%",
@@ -14234,46 +14285,51 @@ function ChatToolApprovalCard({
             children: [
               /* @__PURE__ */ jsxDEV24("text", {
                 fg: rowColors.primaryTextColor,
-                attributes: keyboardActive && index === safeSelectedIndex ? TextAttributes6.BOLD : TextAttributes6.NONE,
+                attributes: selected ? TextAttributes6.BOLD : TextAttributes6.NONE,
                 children: [
-                  keyboardActive && index === safeSelectedIndex ? "> " : "  ",
-                  index + 1,
-                  ". ",
-                  approval.toolName,
-                  " ",
-                  target
+                  /* @__PURE__ */ jsxDEV24("span", {
+                    fg: selected ? cliTheme.accent.primary : cliTheme.text.muted,
+                    children: [
+                      selected ? `${activeGlyphs.roleUser} ` : "  ",
+                      index + 1,
+                      ".",
+                      " "
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV24("span", {
+                    children: approval.toolName
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV24("span", {
+                    fg: rowColors.secondaryTextColor,
+                    children: [
+                      " ",
+                      target
+                    ]
+                  }, undefined, true, undefined, this)
                 ]
               }, undefined, true, undefined, this),
               /* @__PURE__ */ jsxDEV24("text", {
                 fg: rowColors.secondaryTextColor,
                 attributes: TextAttributes6.DIM,
-                children: getApprovalDescription(approval)
-              }, undefined, false, undefined, this)
+                children: [
+                  "     ",
+                  getApprovalDescription(approval)
+                ]
+              }, undefined, true, undefined, this)
             ]
           }, approval.toolCallId, true, undefined, this);
         })
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV24("box", {
-        width: "100%",
-        flexDirection: "row",
-        justifyContent: "space-between",
-        children: [
-          /* @__PURE__ */ jsxDEV24("text", {
-            fg: cliTheme.text.muted,
-            attributes: TextAttributes6.DIM,
-            children: keyboardActive ? "Enter approve | d deny | a approve all | Esc release focus" : "Down focus card | or type approve/deny below"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV24("text", {
-            fg: cliTheme.text.secondary,
-            children: "approve/deny also works in reply"
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
+      /* @__PURE__ */ jsxDEV24("text", {
+        ...typeRole("caption"),
+        children: hint
+      }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
 var init_chat_tool_approval_card = __esm(() => {
   init_cli_theme();
+  init_cli_theme_capabilities();
   init_text_utils();
   init_cli_theme();
 });
@@ -14659,6 +14715,53 @@ var init_file_mentions = __esm(() => {
   };
 });
 
+// apps/cli/src/utils/workspace-files.ts
+import { readdir as readdir3 } from "fs/promises";
+import path18 from "path";
+async function listWorkspaceFiles(root, limit = 3000) {
+  const files = [];
+  const queue = [root];
+  while (queue.length > 0 && files.length < limit) {
+    const directory = queue.shift();
+    let entries;
+    try {
+      entries = await readdir3(directory, { withFileTypes: true });
+    } catch {
+      continue;
+    }
+    entries.sort((left, right) => left.name.localeCompare(right.name));
+    for (const entry of entries) {
+      if (entry.name.startsWith(".") || ignoredDirectoryNames2.has(entry.name)) {
+        continue;
+      }
+      const absolutePath = path18.join(directory, entry.name);
+      if (entry.isDirectory()) {
+        queue.push(absolutePath);
+      } else if (entry.isFile()) {
+        files.push(path18.relative(root, absolutePath).replaceAll("\\", "/"));
+        if (files.length >= limit) {
+          break;
+        }
+      }
+    }
+  }
+  return files;
+}
+var ignoredDirectoryNames2;
+var init_workspace_files = __esm(() => {
+  ignoredDirectoryNames2 = new Set([
+    ".git",
+    ".next",
+    ".turbo",
+    ".vercel",
+    "coverage",
+    "dist",
+    "node_modules",
+    "out",
+    "target"
+  ]);
+});
+
 // apps/cli/src/screens/chat-screen.tsx
 import { useKeyboard as useKeyboard4, useRenderer, useTerminalDimensions } from "@opentui/react";
 import { useCallback as useCallback7, useEffect as useEffect13, useMemo as useMemo8, useRef as useRef7, useState as useState17 } from "react";
@@ -14737,11 +14840,13 @@ function ChatScreen() {
   const [contextState, setContextState] = useState17(null);
   const [actionNotice, setActionNotice] = useState17(null);
   const [permissionSelectorOpen, setPermissionSelectorOpen] = useState17(false);
+  const [draftHasText, setDraftHasText] = useState17(false);
   const slashRoutes = getSlashMenuItems(slashMenuQuery, {
-    includeChatActions: true
+    host: "chat"
   });
   const selectedSlashRouteIndex = Math.min(slashMenuSelected, Math.max(slashRoutes.length - 1, 0));
   const syncSlashMenuFromInput = useCallback7((text) => {
+    setDraftHasText(text.trim().length > 0);
     const firstLine = text.split(/\r?\n/, 1)[0] ?? "";
     if (!firstLine.startsWith("/")) {
       if (slashMenuOpen) {
@@ -14893,10 +14998,9 @@ function ChatScreen() {
     let cancelled = false;
     async function loadMentionCandidates() {
       try {
-        const { createWorkspaceContext: createWorkspaceContext2, executeGlobSearch: executeGlobSearch2 } = await Promise.resolve().then(() => (init_runtime17(), exports_runtime));
-        const output = await executeGlobSearch2({ pattern: "**/*", maxResults: 200 }, createWorkspaceContext2(process.cwd()));
+        const files = await listWorkspaceFiles(process.cwd());
         if (!cancelled) {
-          setMentionCandidates(output.matches.filter((match) => match.type === "file").map((match) => match.path));
+          setMentionCandidates(files);
         }
       } catch {}
     }
@@ -14961,29 +15065,29 @@ function ChatScreen() {
   const [activeFilePath, setActiveFilePath] = useState17(null);
   const openFileContent = useFileContent(activeFilePath, process.cwd(), fileReloadToken);
   const isEditingFile = panelMode === "edit";
-  const openFileTab = useCallback7((path18) => {
-    setOpenFiles((current) => current.includes(path18) ? current : [...current, path18].slice(-MAX_OPEN_TABS));
-    setActiveFilePath(path18);
+  const openFileTab = useCallback7((path19) => {
+    setOpenFiles((current) => current.includes(path19) ? current : [...current, path19].slice(-MAX_OPEN_TABS));
+    setActiveFilePath(path19);
   }, []);
   useEffect13(() => {
     if (fileTree.openFilePath) {
       openFileTab(fileTree.openFilePath);
     }
   }, [fileTree.openFilePath, openFileTab]);
-  const selectFileTab = useCallback7((path18) => {
+  const selectFileTab = useCallback7((path19) => {
     setPanelMode("browse");
-    setActiveFilePath(path18);
+    setActiveFilePath(path19);
   }, []);
-  const closeFileTab = useCallback7((path18) => {
+  const closeFileTab = useCallback7((path19) => {
     setPanelMode("browse");
     setOpenFiles((current) => {
-      const index = current.indexOf(path18);
+      const index = current.indexOf(path19);
       if (index === -1) {
         return current;
       }
-      const next = current.filter((file) => file !== path18);
+      const next = current.filter((file) => file !== path19);
       setActiveFilePath((active) => {
-        if (active !== path18) {
+        if (active !== path19) {
           return active;
         }
         return next[index] ?? next[index - 1] ?? null;
@@ -15066,13 +15170,13 @@ function ChatScreen() {
       setPanelFocused(false);
     }
   }, [panelVisible]);
-  const selectChangedPath = useCallback7((path18) => {
-    setSelectedChangedPath(path18);
+  const selectChangedPath = useCallback7((path19) => {
+    setSelectedChangedPath(path19);
     setChangedSelectionPinned(true);
   }, []);
-  const openChangedFile = useCallback7((path18) => {
-    selectChangedPath(path18);
-    openFileTab(path18);
+  const openChangedFile = useCallback7((path19) => {
+    selectChangedPath(path19);
+    openFileTab(path19);
   }, [selectChangedPath, openFileTab]);
   const moveChangedSelection = useCallback7((delta) => {
     if (changesFiles.length === 0) {
@@ -15445,7 +15549,7 @@ function ChatScreen() {
     }
     const isCtrlY = keyName === "y" && keyEvent.ctrl && !keyEvent.meta && !keyEvent.super && !keyEvent.hyper && !keyEvent.shift;
     if (isCtrlY) {
-      if (!isSessionIdValid || hasBlockingPopup || slashMenuOpen || copyableMessages.length === 0) {
+      if (!isSessionIdValid || hasBlockingPopup || slashMenuOpen || permissionSelectorOpen || copyableMessages.length === 0) {
         return;
       }
       keyEvent.preventDefault();
@@ -15459,7 +15563,7 @@ function ChatScreen() {
     if (!isPlainTab && !isCtrlT) {
       return;
     }
-    if (!isSessionIdValid || hasBlockingPopup || slashMenuOpen) {
+    if (!isSessionIdValid || hasBlockingPopup || slashMenuOpen || permissionSelectorOpen) {
       return;
     }
     keyEvent.preventDefault();
@@ -15487,8 +15591,8 @@ function ChatScreen() {
     }, undefined, false, undefined, this) : null,
     inputArea: /* @__PURE__ */ jsxDEV27(ChatTextArea, {
       placeholder: isLoading ? "Waiting for response..." : "Reply... (@ to attach files)",
-      focused: canTypeInChat && !copyModeOpen && !panelFocused && !isEditingFile,
-      disabled: !canTypeInChat || copyModeOpen || panelFocused || isEditingFile,
+      focused: canTypeInChat && !copyModeOpen && !permissionSelectorOpen && !panelFocused && !isEditingFile,
+      disabled: !canTypeInChat || copyModeOpen || permissionSelectorOpen || panelFocused || isEditingFile,
       slashMenuOpen,
       mentionCandidates,
       onTextChange: syncSlashMenuFromInput,
@@ -15531,7 +15635,7 @@ function ChatScreen() {
               wrapMode: "none",
               truncate: true,
               fg: cliTheme.text.muted,
-              children: "Use approval card or approve/deny commands"
+              children: "Enter approve \xB7 type deny to reject \xB7 or reply"
             }, undefined, false, undefined, this) : hasBlockingPopup ? /* @__PURE__ */ jsxDEV27("text", {
               wrapMode: "none",
               truncate: true,
@@ -15541,7 +15645,7 @@ function ChatScreen() {
               wrapMode: "none",
               truncate: true,
               fg: cliTheme.text.muted,
-              children: "Choose a page or press Esc"
+              children: "\u2191/\u2193 select \xB7 Enter open \xB7 Esc close"
             }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV27("text", {
               wrapMode: "none",
               truncate: true,
@@ -15651,7 +15755,8 @@ function ChatScreen() {
       pendingApprovals.length > 0 ? /* @__PURE__ */ jsxDEV27(ChatToolApprovalCard, {
         approvals: pendingApprovals,
         onResolve: resolveToolApproval,
-        onResolveAll: resolveAllToolApprovals
+        onResolveAll: resolveAllToolApprovals,
+        hasDraftText: draftHasText
       }, undefined, false, undefined, this) : null,
       todos.length > 0 ? /* @__PURE__ */ jsxDEV27(ChatTodoStatusCard, {
         todos
@@ -15881,6 +15986,7 @@ var init_chat_screen = __esm(() => {
   init_file_mentions();
   init_markdown_code();
   init_text_utils();
+  init_workspace_files();
   init_badge();
   planConfirmationAcceptKeywords = [
     "yes",
@@ -16550,7 +16656,7 @@ var init_home_ascii_art = __esm(() => {
 
 // apps/cli/src/components/home-text-area.tsx
 import { useKeyboard as useKeyboard6 } from "@opentui/react";
-import { useState as useState19 } from "react";
+import { useEffect as useEffect15, useState as useState19 } from "react";
 import { useNavigate as useNavigate2 } from "react-router";
 import { jsxDEV as jsxDEV30 } from "@opentui/react/jsx-dev-runtime";
 function HomeTextArea() {
@@ -16562,14 +16668,27 @@ function HomeTextArea() {
     slashMenuSelected,
     setSlashMenuSelected,
     openSlashMenu,
-    closeSlashMenu
+    closeSlashMenu,
+    requestedChatActionId,
+    clearRequestedChatAction
   } = useAppState();
   const [sessionCreateError, setSessionCreateError] = useState19(null);
   const [isCreatingSession, setIsCreatingSession] = useState19(false);
   const [mode, setMode] = useState19(defaultCodingAgentMode);
-  const slashRoutes = getSlashPageRoutes(slashMenuQuery);
+  const [permissionMode, setPermissionMode] = useState19(undefined);
+  const [permissionSelectorOpen, setPermissionSelectorOpen] = useState19(false);
+  const slashRoutes = getSlashMenuItems(slashMenuQuery, { host: "home" });
   const selectedIndex = Math.min(slashMenuSelected, Math.max(slashRoutes.length - 1, 0));
   const modeDefinition = codingAgentModes[mode];
+  useEffect15(() => {
+    if (!requestedChatActionId) {
+      return;
+    }
+    clearRequestedChatAction();
+    if (requestedChatActionId === "permission") {
+      setPermissionSelectorOpen(true);
+    }
+  }, [clearRequestedChatAction, requestedChatActionId]);
   const syncSlashMenuFromInput = (text) => {
     const firstLine = text.split(/\r?\n/, 1)[0] ?? "";
     if (!firstLine.startsWith("/")) {
@@ -16588,7 +16707,7 @@ function HomeTextArea() {
     const keyName = keyEvent.name.toLowerCase();
     const isPlainTab = (keyName === "tab" || keyEvent.sequence === "\t") && !keyEvent.ctrl && !keyEvent.meta && !keyEvent.super && !keyEvent.hyper && !keyEvent.shift;
     const isCtrlT = keyName === "t" && keyEvent.ctrl && !keyEvent.meta && !keyEvent.super && !keyEvent.hyper && !keyEvent.shift;
-    if (!isPlainTab && !isCtrlT || slashMenuOpen || isCreatingSession) {
+    if (!isPlainTab && !isCtrlT || slashMenuOpen || permissionSelectorOpen || isCreatingSession) {
       return;
     }
     keyEvent.preventDefault();
@@ -16606,7 +16725,8 @@ function HomeTextArea() {
       const response = await client.sessions.$post({
         json: {
           cwd: process.cwd(),
-          mode
+          mode,
+          permissionMode
         }
       });
       if (!response.ok) {
@@ -16621,7 +16741,8 @@ function HomeTextArea() {
         state: {
           input: text,
           skipHistoryLoad: true,
-          mode
+          mode,
+          permissionMode
         }
       });
     } catch (sessionCreateFailure) {
@@ -16642,11 +16763,18 @@ function HomeTextArea() {
         allowEmpty: true,
         trimOnSubmit: false,
         placeholder: 'Ask anything... "What is the tech stack of this project?"',
-        focused: !isCreatingSession,
-        disabled: isCreatingSession,
+        focused: !isCreatingSession && !permissionSelectorOpen,
+        disabled: isCreatingSession || permissionSelectorOpen,
         slashMenuOpen,
         onTextChange: syncSlashMenuFromInput,
-        beforeInput: slashMenuOpen ? /* @__PURE__ */ jsxDEV30(SlashPageMenu, {
+        beforeInput: permissionSelectorOpen ? /* @__PURE__ */ jsxDEV30(PermissionModeSelector, {
+          currentMode: permissionMode,
+          onSelect: (newMode) => {
+            setPermissionMode(newMode);
+            setPermissionSelectorOpen(false);
+          },
+          onClose: () => setPermissionSelectorOpen(false)
+        }, undefined, false, undefined, this) : slashMenuOpen ? /* @__PURE__ */ jsxDEV30(SlashPageMenu, {
           query: slashMenuQuery,
           selectedIndex,
           routes: slashRoutes
@@ -16671,7 +16799,14 @@ function HomeTextArea() {
                 /* @__PURE__ */ jsxDEV30("span", {
                   fg: cliTheme.text.muted,
                   children: " mode"
-                }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this),
+                permissionMode ? /* @__PURE__ */ jsxDEV30("span", {
+                  fg: permissionMode === "danger-full-access" ? cliTheme.semantic.warning : cliTheme.text.muted,
+                  children: [
+                    " \xB7 ",
+                    permissionMode
+                  ]
+                }, undefined, true, undefined, this) : null
               ]
             }, undefined, true, undefined, this)
           ]
@@ -16689,21 +16824,22 @@ function HomeTextArea() {
 }
 var init_home_text_area = __esm(() => {
   init_src2();
+  init_slash_menu_items();
   init_slash_page_menu();
   init_client();
   init_chat_text_area();
-  init_route_registry();
+  init_permission_mode_selector();
   init_app_state();
   init_cli_theme();
   init_text_utils();
 });
 
 // apps/cli/src/components/server-status.tsx
-import { useEffect as useEffect15, useState as useState20 } from "react";
+import { useEffect as useEffect16, useState as useState20 } from "react";
 import { jsxDEV as jsxDEV31 } from "@opentui/react/jsx-dev-runtime";
 function ServerStatus() {
   const [status, setStatus] = useState20("checking");
-  useEffect15(() => {
+  useEffect16(() => {
     let cancelled = false;
     async function checkServer2() {
       try {
@@ -16764,7 +16900,7 @@ var init_home_screen = __esm(() => {
 
 // apps/cli/src/screens/model-screen.tsx
 import { useKeyboard as useKeyboard7 } from "@opentui/react";
-import { useCallback as useCallback9, useEffect as useEffect16, useState as useState21 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect17, useState as useState21 } from "react";
 import { jsxDEV as jsxDEV33 } from "@opentui/react/jsx-dev-runtime";
 function ModelScreen() {
   const [isLoading, setIsLoading] = useState21(true);
@@ -16786,7 +16922,7 @@ function ModelScreen() {
       setIsLoading(false);
     }
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     loadModelConfig();
   }, [loadModelConfig]);
   useKeyboard7((keyEvent) => {
@@ -16920,7 +17056,7 @@ var init_model_screen = __esm(() => {
 // apps/cli/src/components/chat/model-selector.tsx
 import { TextAttributes as TextAttributes8 } from "@opentui/core";
 import { useKeyboard as useKeyboard8 } from "@opentui/react";
-import { useEffect as useEffect17, useMemo as useMemo10, useState as useState22 } from "react";
+import { useEffect as useEffect18, useMemo as useMemo10, useState as useState22 } from "react";
 import { jsxDEV as jsxDEV34 } from "@opentui/react/jsx-dev-runtime";
 function formatContextLength(contextLength) {
   if (!contextLength) {
@@ -16936,7 +17072,7 @@ function ModelSelector({ onClose, notify }) {
   const [isApplying, setIsApplying] = useState22(false);
   const [filter, setFilter] = useState22("");
   const [selectedIndex, setSelectedIndex] = useState22(0);
-  useEffect17(() => {
+  useEffect18(() => {
     let cancelled = false;
     async function loadModels() {
       try {
@@ -16978,7 +17114,7 @@ function ModelSelector({ onClose, notify }) {
     }
     return models.filter((model) => model.id.toLowerCase().includes(normalized) || model.name.toLowerCase().includes(normalized));
   }, [filter, models]);
-  useEffect17(() => {
+  useEffect18(() => {
     setSelectedIndex((current) => Math.min(current, Math.max(filteredModels.length - 1, 0)));
   }, [filteredModels.length]);
   const applyModel = async (model) => {
@@ -17069,7 +17205,7 @@ function ModelSelector({ onClose, notify }) {
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV34("text", {
             fg: cliTheme.overlay.footerText,
-            children: "type to filter | \u2191/\u2193 select | Enter confirm | Esc cancel"
+            children: "type to filter \xB7 \u2191/\u2193 select \xB7 Enter confirm \xB7 Esc cancel"
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
@@ -17121,7 +17257,7 @@ function ModelSelector({ onClose, notify }) {
                   width: 2,
                   fg: isSelected ? cliTheme.accent.primary : cliTheme.text.muted,
                   attributes: TextAttributes8.BOLD,
-                  children: isSelected ? ">" : " "
+                  children: isSelected ? activeGlyphs.roleUser : " "
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV34("text", {
                   fg: isSelected ? cliTheme.overlay.selectedRowText : cliTheme.text.primary,
@@ -17131,7 +17267,7 @@ function ModelSelector({ onClose, notify }) {
                 /* @__PURE__ */ jsxDEV34("text", {
                   fg: cliTheme.text.muted,
                   marginLeft: 2,
-                  children: `${formatContextLength(model.contextLength)}${model.supportsTools ? " | tools" : ""}${model.supportsReasoning ? " | reasoning" : ""}`
+                  children: `${formatContextLength(model.contextLength)}${model.supportsTools ? " \xB7 tools" : ""}${model.supportsReasoning ? " \xB7 reasoning" : ""}`
                 }, undefined, false, undefined, this),
                 model.id === currentModel && /* @__PURE__ */ jsxDEV34("text", {
                   fg: cliTheme.accent.primary,
@@ -17146,7 +17282,7 @@ function ModelSelector({ onClose, notify }) {
             marginTop: 1,
             children: /* @__PURE__ */ jsxDEV34("text", {
               fg: cliTheme.overlay.footerText,
-              children: `${filteredModels.length} model${filteredModels.length === 1 ? "" : "s"}${isApplying ? " | switching..." : ""}`
+              children: `${filteredModels.length} model${filteredModels.length === 1 ? "" : "s"}${isApplying ? " \xB7 switching..." : ""}`
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
         ]
@@ -17158,6 +17294,7 @@ var maxVisibleRows = 8;
 var init_model_selector = __esm(() => {
   init_client();
   init_cli_theme();
+  init_cli_theme_capabilities();
 });
 
 // apps/cli/src/screens/model-select-screen.tsx
@@ -17199,13 +17336,13 @@ var init_model_select_screen = __esm(() => {
 import { useKeyboard as useKeyboard9 } from "@opentui/react";
 import { existsSync as existsSync8, mkdirSync as mkdirSync5, readFileSync as readFileSync5, writeFileSync as writeFileSync3 } from "fs";
 import os5 from "os";
-import path18 from "path";
+import path19 from "path";
 import { useCallback as useCallback10, useState as useState24 } from "react";
 import { useNavigate as useNavigate4 } from "react-router";
 import { jsxDEV as jsxDEV36 } from "@opentui/react/jsx-dev-runtime";
 function getUserSettingsPath() {
   const configured = process.env.LIGHTCODE_USER_CONFIG?.trim();
-  return configured ?? path18.join(os5.homedir(), ".lightcode", "settings.json");
+  return configured ?? path19.join(os5.homedir(), ".lightcode", "settings.json");
 }
 function mergeUserSettings(update) {
   const settingsPath = getUserSettingsPath();
@@ -17218,7 +17355,7 @@ function mergeUserSettings(update) {
       }
     } catch {}
   }
-  mkdirSync5(path18.dirname(settingsPath), { recursive: true });
+  mkdirSync5(path19.dirname(settingsPath), { recursive: true });
   writeFileSync3(settingsPath, `${JSON.stringify({ ...existing, ...update }, null, 2)}
 `, "utf8");
   return settingsPath;
@@ -17360,7 +17497,7 @@ function OnboardingScreen() {
               children: [
                 /* @__PURE__ */ jsxDEV36("text", {
                   fg: index === selectedIndex ? cliTheme.accent.primary : cliTheme.text.muted,
-                  children: index === selectedIndex ? ">" : " "
+                  children: index === selectedIndex ? activeGlyphs.roleUser : " "
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV36("text", {
                   fg: index === selectedIndex ? cliTheme.overlay.selectedRowText : cliTheme.text.primary,
@@ -17376,7 +17513,7 @@ function OnboardingScreen() {
             /* @__PURE__ */ jsxDEV36("text", {
               fg: cliTheme.text.muted,
               attributes: TextAttributes.DIM,
-              children: "Up/Down select - Enter continue"
+              children: "\u2191/\u2193 select \xB7 Enter continue"
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this) : null,
@@ -17543,8 +17680,8 @@ var init_onboarding_screen = __esm(() => {
 });
 
 // apps/cli/src/screens/session-list-screen.tsx
-import { useKeyboard as useKeyboard10 } from "@opentui/react";
-import { useCallback as useCallback11, useEffect as useEffect18, useMemo as useMemo11, useState as useState25 } from "react";
+import { useKeyboard as useKeyboard10, useTerminalDimensions as useTerminalDimensions2 } from "@opentui/react";
+import { useCallback as useCallback11, useEffect as useEffect19, useMemo as useMemo11, useState as useState25 } from "react";
 import { useNavigate as useNavigate5 } from "react-router";
 import { jsxDEV as jsxDEV37 } from "@opentui/react/jsx-dev-runtime";
 function getSessionLabel(session) {
@@ -17572,6 +17709,12 @@ function SessionListScreen() {
   const safeSelectedIndex = Math.min(selectedIndex, Math.max(visibleSessions.length - 1, 0));
   const selectedSession = visibleSessions[safeSelectedIndex] ?? null;
   const inputActive = filterOpen || renamingSessionId !== null;
+  const { height: terminalHeight } = useTerminalDimensions2();
+  const maxVisibleRows2 = Math.max(5, terminalHeight - 12);
+  const windowStart = Math.max(0, Math.min(safeSelectedIndex - Math.floor(maxVisibleRows2 / 2), visibleSessions.length - maxVisibleRows2));
+  const windowedSessions = visibleSessions.slice(windowStart, windowStart + maxVisibleRows2);
+  const hiddenAbove = windowStart;
+  const hiddenBelow = Math.max(0, visibleSessions.length - (windowStart + windowedSessions.length));
   const applyLoadedSessions = useCallback11((loadedSessions, droppedCount) => {
     setSessions(loadedSessions);
     setSelectedIndex((currentIndex) => Math.min(currentIndex, Math.max(loadedSessions.length - 1, 0)));
@@ -17724,7 +17867,7 @@ function SessionListScreen() {
       setActionMessage(getErrorMessage(error, "Unable to rename session."));
     }
   }, [loadSessions]);
-  useEffect18(() => {
+  useEffect19(() => {
     loadSessions();
   }, [loadSessions]);
   useKeyboard10((keyEvent) => {
@@ -17811,9 +17954,9 @@ function SessionListScreen() {
   });
   const footerText = useMemo11(() => {
     if (sessions.length === 0) {
-      return `u refresh | l resume latest | ${BACK_SHORTCUT_LABEL} back`;
+      return `u refresh \xB7 l resume latest \xB7 ${BACK_SHORTCUT_LABEL} back`;
     }
-    return "Enter resume | r rename | f fork | / filter | e export | d delete | u refresh";
+    return "Enter resume \xB7 r rename \xB7 f fork \xB7 / filter \xB7 e export \xB7 d delete \xB7 u refresh";
   }, [sessions.length]);
   return /* @__PURE__ */ jsxDEV37("box", {
     width: "100%",
@@ -17847,7 +17990,7 @@ function SessionListScreen() {
         paddingX: 1,
         children: /* @__PURE__ */ jsxDEV37("text", {
           fg: cliTheme.accent.primary,
-          children: `Filter: "${filterQuery}" (${visibleSessions.length} match${visibleSessions.length === 1 ? "" : "es"}) - Esc clears`
+          children: `Filter: "${filterQuery}" (${visibleSessions.length} match${visibleSessions.length === 1 ? "" : "es"}) \xB7 Esc clears`
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this) : null,
       /* @__PURE__ */ jsxDEV37("box", {
@@ -17864,7 +18007,7 @@ function SessionListScreen() {
               /* @__PURE__ */ jsxDEV37("text", {
                 fg: cliTheme.accent.primary,
                 attributes: TextAttributes.BOLD,
-                children: sessions.length === 0 ? "\u25C6 No sessions yet" : "No matches"
+                children: sessions.length === 0 ? `${activeGlyphs.roleAssistant} No sessions yet` : "No matches"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV37("text", {
                 fg: cliTheme.text.muted,
@@ -17872,43 +18015,79 @@ function SessionListScreen() {
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this) : null,
-          visibleSessions.map((session, index) => {
+          hiddenAbove > 0 ? /* @__PURE__ */ jsxDEV37("box", {
+            paddingX: 1,
+            flexShrink: 0,
+            children: /* @__PURE__ */ jsxDEV37("text", {
+              fg: cliTheme.text.muted,
+              attributes: TextAttributes.DIM,
+              children: `\u2191 ${hiddenAbove} more`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : null,
+          windowedSessions.map((session, windowIndex) => {
+            const index = windowStart + windowIndex;
             const isSelected = index === safeSelectedIndex;
             const rowColors = getOverlayRowColors(isSelected);
             const selectedForDelete = pendingDeleteId === session.id;
             return /* @__PURE__ */ jsxDEV37("box", {
               flexDirection: "column",
               paddingX: 1,
+              flexShrink: 0,
               backgroundColor: rowColors.backgroundColor,
               children: [
                 /* @__PURE__ */ jsxDEV37("box", {
                   flexDirection: "row",
                   justifyContent: "space-between",
                   children: [
+                    /* @__PURE__ */ jsxDEV37("box", {
+                      flexShrink: 1,
+                      height: 1,
+                      overflow: "hidden",
+                      children: /* @__PURE__ */ jsxDEV37("text", {
+                        wrapMode: "none",
+                        truncate: true,
+                        fg: selectedForDelete ? cliTheme.semantic.error : rowColors.primaryTextColor,
+                        attributes: TextAttributes.BOLD,
+                        children: [
+                          isSelected ? `${activeGlyphs.roleUser} ` : "  ",
+                          index + 1,
+                          ". ",
+                          truncateInline2(getSessionLabel(session), 64)
+                        ]
+                      }, undefined, true, undefined, this)
+                    }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV37("text", {
-                      fg: selectedForDelete ? cliTheme.semantic.error : rowColors.primaryTextColor,
-                      attributes: TextAttributes.BOLD,
-                      children: [
-                        index + 1,
-                        ". ",
-                        truncateInline2(getSessionLabel(session), 64)
-                      ]
-                    }, undefined, true, undefined, this),
-                    /* @__PURE__ */ jsxDEV37("text", {
+                      wrapMode: "none",
+                      truncate: true,
+                      flexShrink: 0,
                       fg: rowColors.secondaryTextColor,
                       attributes: TextAttributes.DIM,
-                      children: `${session.messageCount} msgs - ${session.mode} - ${formatDate2(session.updatedAt)}`
+                      children: `${session.messageCount} msgs \xB7 ${session.mode} \xB7 ${formatDate2(session.updatedAt)}`
                     }, undefined, false, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
                 isSelected && session.latestUserPromptPreview ? /* @__PURE__ */ jsxDEV37("text", {
+                  wrapMode: "none",
+                  truncate: true,
                   fg: rowColors.secondaryTextColor,
                   attributes: TextAttributes.DIM,
-                  children: truncateInline2(session.latestUserPromptPreview, 110)
-                }, undefined, false, undefined, this) : null
+                  children: [
+                    "    ",
+                    truncateInline2(session.latestUserPromptPreview, 110)
+                  ]
+                }, undefined, true, undefined, this) : null
               ]
             }, session.id, true, undefined, this);
-          })
+          }),
+          hiddenBelow > 0 ? /* @__PURE__ */ jsxDEV37("box", {
+            paddingX: 1,
+            flexShrink: 0,
+            children: /* @__PURE__ */ jsxDEV37("text", {
+              fg: cliTheme.text.muted,
+              attributes: TextAttributes.DIM,
+              children: `\u2193 ${hiddenBelow} more`
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : null
         ]
       }, undefined, true, undefined, this),
       actionMessage ? /* @__PURE__ */ jsxDEV37("box", {
@@ -17933,7 +18112,7 @@ function SessionListScreen() {
         children: /* @__PURE__ */ jsxDEV37("text", {
           fg: cliTheme.text.muted,
           attributes: TextAttributes.DIM,
-          children: inputActive ? "Enter confirm | Esc cancel" : footerText
+          children: inputActive ? "Enter confirm \xB7 Esc cancel" : footerText
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
@@ -17946,15 +18125,16 @@ var init_session_list_screen = __esm(() => {
   init_keymap();
   init_export_session_markdown();
   init_chat_text_area();
+  init_cli_theme_capabilities();
   init_cli_theme();
   init_text_utils();
 });
 
 // apps/cli/src/hooks/use-config-badge.ts
-import { useEffect as useEffect19, useState as useState26 } from "react";
+import { useEffect as useEffect20, useState as useState26 } from "react";
 function useConfigBadge(refreshNonce = 0) {
   const [state, setState] = useState26({ status: "loading" });
-  useEffect19(() => {
+  useEffect20(() => {
     let cancelled = false;
     async function loadConfig() {
       try {
@@ -18021,7 +18201,7 @@ __export(exports_app, {
   App: () => App
 });
 import { useKeyboard as useKeyboard11, useRenderer as useRenderer2 } from "@opentui/react";
-import { useEffect as useEffect20, useRef as useRef8, useState as useState27 } from "react";
+import { useEffect as useEffect21, useRef as useRef8, useState as useState27 } from "react";
 import { MemoryRouter, Navigate, Route, Routes, useLocation as useLocation3, useNavigate as useNavigate6 } from "react-router";
 import { jsxDEV as jsxDEV39 } from "@opentui/react/jsx-dev-runtime";
 function getCurrentViewLabel(pathname) {
@@ -18071,6 +18251,7 @@ function AppContent() {
     closePalette,
     slashMenuOpen,
     slashMenuQuery,
+    setSlashMenuQuery,
     slashMenuSelected,
     setSlashMenuSelected,
     openSlashMenu,
@@ -18115,7 +18296,7 @@ function AppContent() {
     ctrlCArmedRef.current = true;
     showCtrlCNotice("Press Ctrl+C again to exit");
   };
-  useEffect20(() => {
+  useEffect21(() => {
     return () => {
       if (ctrlCTimerRef.current) {
         clearTimeout(ctrlCTimerRef.current);
@@ -18127,9 +18308,9 @@ function AppContent() {
   const inChatSession = location.pathname.startsWith("/sessions/");
   const inputHostsSlashMenu = location.pathname === "/" || location.pathname === "/home" || inChatSession;
   const handleAction = (action) => {
-    const path19 = getPathFromAction(action);
-    if (path19) {
-      navigate(path19);
+    const path20 = getPathFromAction(action);
+    if (path20) {
+      navigate(path20);
       return;
     }
     switch (action) {
@@ -18140,7 +18321,9 @@ function AppContent() {
         openPalette();
         break;
       case "system:slashPalette":
-        openSlashMenu();
+        if (!inputHostsSlashMenu) {
+          openSlashMenu();
+        }
         break;
       case "system:back":
         if (canGoBack) {
@@ -18171,8 +18354,9 @@ function AppContent() {
     }
   };
   const filteredCommands = searchCommands(paletteQuery.trim());
+  const slashMenuHost = inChatSession ? "chat" : location.pathname === "/" || location.pathname === "/home" ? "home" : "other";
   const filteredSlashRoutes = getSlashMenuItems(slashMenuQuery, {
-    includeChatActions: inChatSession
+    host: slashMenuHost
   });
   const selectedSlashRouteIndex = Math.min(slashMenuSelected, Math.max(filteredSlashRoutes.length - 1, 0));
   const isDownKey2 = (keyEvent) => isDownKey(keyEvent.name, { vim: false });
@@ -18202,10 +18386,24 @@ function AppContent() {
   };
   const handleSlashMenuKeyDown = (keyEvent) => {
     const maxIndex = filteredSlashRoutes.length - 1;
-    if (isBackspaceKey2(keyEvent) && !inputHostsSlashMenu && slashMenuQuery.trim().length <= 1) {
-      captureKeyEvent(keyEvent);
-      closeSlashMenu();
-      return;
+    if (!inputHostsSlashMenu) {
+      if (isBackspaceKey2(keyEvent)) {
+        captureKeyEvent(keyEvent);
+        if (slashMenuQuery.trim().length <= 1) {
+          closeSlashMenu();
+        } else {
+          setSlashMenuQuery((query) => query.length > 1 ? query.slice(0, -1) : query);
+          setSlashMenuSelected(0);
+        }
+        return;
+      }
+      const typed = keyEvent.sequence ?? "";
+      if (typed.length === 1 && typed >= " " && typed !== "\x7F" && !keyEvent.ctrl && !isEnterKey2(keyEvent) && !isEscapeKey2(keyEvent) && !isUpKey2(keyEvent) && !isDownKey2(keyEvent)) {
+        captureKeyEvent(keyEvent);
+        setSlashMenuQuery((query) => query + typed);
+        setSlashMenuSelected(0);
+        return;
+      }
     }
     if (maxIndex < 0) {
       if (isEscapeKey2(keyEvent)) {
@@ -18271,17 +18469,17 @@ function AppContent() {
   });
   const configBadge = useConfigBadge(configRefreshNonce);
   const needsOnboarding = configBadge.status === "available" && configBadge.missingCredentialHints.length > 0;
-  useEffect20(() => {
+  useEffect21(() => {
     if (needsOnboarding && location.pathname !== "/onboarding") {
       navigate("/onboarding");
     }
   }, [location.pathname, navigate, needsOnboarding]);
   const getFooterStatus = () => {
     if (slashMenuOpen) {
-      return "Slash pages open | Enter Open | Backspace Close | Esc Cancel";
+      return "Slash pages \xB7 \u2191/\u2193 select \xB7 Enter open \xB7 Esc close";
     }
-    const backHint = canGoBack ? `Esc/${BACK_SHORTCUT_LABEL} Back | ` : "";
-    return backHint + "/ Pages | Ctrl+P Cmd | F1 Help | Ctrl+C Quit";
+    const backHint = canGoBack ? `Esc/${BACK_SHORTCUT_LABEL} back \xB7 ` : "";
+    return backHint + "/ pages \xB7 Ctrl+P commands \xB7 F1 help \xB7 Ctrl+C quit";
   };
   return /* @__PURE__ */ jsxDEV39("box", {
     flexDirection: "column",