bashio 2.0.0 → 2.1.0

package/dist/{App-SRRDMIMW.js → App-MVOM7NMT.js}

@@ -9,18 +9,17 @@ import {
   OPENROUTER_MODELS,
   THEMES,
   configExists,
-  copyToClipboard,
   createProvider,
   getThemeByName,
   loadConfig,
   runAuthSetup,
   saveConfig
-} from "./chunk-PYTBTPZN.js";
+} from "./chunk-6OLRZLFB.js";
 
 // src/chat/App.tsx
 import { MouseProvider } from "@ink-tools/ink-mouse";
-import { Box as Box11, render, Text as Text11, useApp, useInput as useInput7, useStdout as useStdout4 } from "ink";
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo5, useRef as useRef8, useState as useState7 } from "react";
+import { Box as Box10, render, Text as Text10, useApp, useInput as useInput6, useStdout as useStdout4 } from "ink";
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo5, useRef as useRef7, useState as useState6 } from "react";
 
 // src/chat/components/InputBox.tsx
 import { Box as Box2, Text as Text2, useInput } from "ink";
@@ -31,21 +30,39 @@ var SLASH_COMMANDS = [
   {
     name: "models",
     description: "Switch AI model",
-    action: "openModelSwitcher"
+    action: "openModelSwitcher",
+    shortcut: "Ctrl+P"
   },
   {
     name: "sessions",
     description: "Browse chat sessions",
-    action: "openSessionPicker"
+    action: "openSessionPicker",
+    shortcut: "Ctrl+O"
   },
   {
     name: "theme",
     description: "Change color theme",
-    action: "openThemePicker"
+    action: "openThemePicker",
+    shortcut: "Ctrl+T"
   },
-  { name: "new", description: "Start new chat session", action: "newSession" },
-  { name: "clear", description: "Clear current chat", action: "clearChat" },
-  { name: "exit", description: "Exit chat", action: "exitChat" }
+  {
+    name: "new",
+    description: "Start new chat session",
+    action: "newSession",
+    shortcut: "Ctrl+N"
+  },
+  {
+    name: "clear",
+    description: "Clear current chat",
+    action: "clearChat",
+    shortcut: "Ctrl+L"
+  },
+  {
+    name: "exit",
+    description: "Exit chat",
+    action: "exitChat",
+    shortcut: "Ctrl+C"
+  }
 ];
 function filterCommands(query) {
   const normalizedQuery = query.toLowerCase().replace(/^\//, "");
@@ -81,9 +98,10 @@ var MenuItem = memo(function MenuItem2({
 }) {
   const rowRef = useRef(null);
   const nameColWidth = 15;
+  const shortcutWidth = cmd.shortcut ? cmd.shortcut.length + 2 : 0;
   const nameText = `/${cmd.name}`.padEnd(nameColWidth);
-  const descWidth = width - nameColWidth - 6;
-  const descText = cmd.description.length > descWidth ? `${cmd.description.slice(0, descWidth - 3)}...` : cmd.description;
+  const descWidth = width - nameColWidth - shortcutWidth - 6;
+  const descText = cmd.description.length > descWidth ? `${cmd.description.slice(0, descWidth - 3)}...` : cmd.description.padEnd(descWidth);
   useOnMouseMove(rowRef, () => {
     onHover(index);
   });
@@ -91,14 +109,16 @@ var MenuItem = memo(function MenuItem2({
     onClick(index);
   });
   if (isSelected) {
-    return /* @__PURE__ */ jsx(Box, { ref: rowRef, backgroundColor: accent, paddingX: 1, children: /* @__PURE__ */ jsxs(Text, { color: "white", bold: true, children: [
-      nameText,
-      descText
-    ] }) });
+    return /* @__PURE__ */ jsxs(Box, { ref: rowRef, backgroundColor: accent, paddingX: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "white", bold: true, children: nameText }),
+      /* @__PURE__ */ jsx(Text, { color: "white", bold: true, children: descText }),
+      cmd.shortcut && /* @__PURE__ */ jsx(Text, { color: "white", bold: true, children: cmd.shortcut })
+    ] });
   }
   return /* @__PURE__ */ jsxs(Box, { ref: rowRef, paddingX: 1, children: [
     /* @__PURE__ */ jsx(Text, { color: textPrimary, children: nameText }),
-    /* @__PURE__ */ jsx(Text, { dimColor: true, children: descText })
+    /* @__PURE__ */ jsx(Text, { dimColor: true, children: descText }),
+    cmd.shortcut && /* @__PURE__ */ jsx(Text, { dimColor: true, children: cmd.shortcut })
   ] });
 });
 var SlashCommandMenu = memo(function SlashCommandMenu2({
@@ -411,137 +431,21 @@ ${v.slice(cursorPos)}`);
 });
 
 // src/chat/components/MessageList.tsx
-import { useOnClick as useOnClick3, useOnWheel } from "@ink-tools/ink-mouse";
 import { highlight } from "cli-highlight";
-import { Box as Box4, Text as Text4, useInput as useInput3 } from "ink";
+import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
 import { ScrollView } from "ink-scroll-view";
 import Spinner from "ink-spinner";
 import {
   forwardRef,
-  memo as memo4,
+  memo as memo3,
   useCallback,
   useEffect,
   useImperativeHandle,
   useMemo as useMemo3,
-  useRef as useRef4,
-  useState as useState3
+  useRef as useRef3,
+  useState as useState2
 } from "react";
-
-// src/chat/components/MessageContextMenu.tsx
-import { useOnClick as useOnClick2, useOnMouseMove as useOnMouseMove2 } from "@ink-tools/ink-mouse";
-import { Box as Box3, Text as Text3, useInput as useInput2 } from "ink";
-import { memo as memo3, useRef as useRef3, useState as useState2 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var menuItems = [
-  { label: "Copy", description: "message text to clipboard", action: "copy" },
-  { label: "Exit", description: "close this menu", action: "exit" }
-];
-var MenuItemRow = memo3(function MenuItemRow2({
-  item,
-  index,
-  isSelected,
-  rowWidth,
-  accent,
-  onHover,
-  onClick
-}) {
-  const rowRef = useRef3(null);
-  useOnMouseMove2(rowRef, () => {
-    onHover(index);
-  });
-  useOnClick2(rowRef, () => {
-    onClick(item.action);
-  });
-  return /* @__PURE__ */ jsxs3(
-    Box3,
-    {
-      ref: rowRef,
-      backgroundColor: isSelected ? accent : void 0,
-      width: rowWidth,
-      justifyContent: "space-between",
-      paddingX: 1,
-      children: [
-        /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "white" : "white", bold: isSelected, children: item.label }),
-        isSelected ? /* @__PURE__ */ jsx3(Text3, { color: "white", children: item.description }) : /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: item.description })
-      ]
-    }
-  );
-});
-var MessageContextMenu = memo3(function MessageContextMenu2({
-  onSelect,
-  onClose,
-  width = 50
-}) {
-  const [selectedIndex, setSelectedIndex] = useState2(0);
-  useInput2((input, key) => {
-    if (key.escape) {
-      onClose();
-      return;
-    }
-    if (key.return) {
-      const selected = menuItems[selectedIndex];
-      if (selected) {
-        if (selected.action === "exit") {
-          onClose();
-        } else {
-          onSelect(selected.action);
-        }
-      }
-      return;
-    }
-    if (key.upArrow || input === "k") {
-      setSelectedIndex((i) => Math.max(0, i - 1));
-    }
-    if (key.downArrow || input === "j") {
-      setSelectedIndex((i) => Math.min(menuItems.length - 1, i + 1));
-    }
-  });
-  const handleHover = (index) => {
-    setSelectedIndex(index);
-  };
-  const handleClick = (action) => {
-    if (action === "exit") {
-      onClose();
-    } else {
-      onSelect(action);
-    }
-  };
-  const theme = useTheme();
-  const menuWidth = Math.min(width, 50);
-  return /* @__PURE__ */ jsxs3(
-    Box3,
-    {
-      flexDirection: "column",
-      width: menuWidth,
-      borderStyle: "round",
-      borderColor: theme.accent,
-      backgroundColor: theme.background,
-      children: [
-        /* @__PURE__ */ jsxs3(Box3, { paddingX: 1, justifyContent: "space-between", children: [
-          /* @__PURE__ */ jsx3(Text3, { bold: true, color: theme.textPrimary, children: "Message Actions" }),
-          /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "esc" })
-        ] }),
-        /* @__PURE__ */ jsx3(Box3, { paddingX: 1, children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "\u2500".repeat(menuWidth - 4) }) }),
-        /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", paddingBottom: 1, children: menuItems.map((item, index) => /* @__PURE__ */ jsx3(
-          MenuItemRow,
-          {
-            item,
-            index,
-            isSelected: index === selectedIndex,
-            rowWidth: menuWidth - 2,
-            accent: theme.accent,
-            onHover: handleHover,
-            onClick: handleClick
-          },
-          item.action
-        )) })
-      ]
-    }
-  );
-});
-
-// src/chat/components/MessageList.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function parseInlineMarkdown(text, keyPrefix) {
   const nodes = [];
   const inlineRegex = /(\*\*|__)(.+?)\1|(\*|_)(.+?)\3|`([^`]+)`/g;
@@ -555,15 +459,15 @@ function parseInlineMarkdown(text, keyPrefix) {
     }
     if (match[2]) {
       nodes.push(
-        /* @__PURE__ */ jsx4(Text4, { bold: true, children: match[2] }, `${keyPrefix}-b-${idx++}`)
+        /* @__PURE__ */ jsx3(Text3, { bold: true, children: match[2] }, `${keyPrefix}-b-${idx++}`)
       );
     } else if (match[4]) {
       nodes.push(
-        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: match[4] }, `${keyPrefix}-i-${idx++}`)
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: match[4] }, `${keyPrefix}-i-${idx++}`)
       );
     } else if (match[5]) {
       nodes.push(
-        /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: match[5] }, `${keyPrefix}-c-${idx++}`)
+        /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: match[5] }, `${keyPrefix}-c-${idx++}`)
       );
     }
     lastIndex = match.index + match[0].length;
@@ -586,19 +490,19 @@ function parseLine(line, keyIndex, _maxWidth) {
     const headerText = headerMatch[2];
     const parsed2 = parseInlineMarkdown(headerText, `h-${keyIndex}`);
     if (level === 1) {
-      return /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: parsed2 }, keyIndex);
+      return /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: parsed2 }, keyIndex);
     }
     if (level === 2) {
-      return /* @__PURE__ */ jsx4(Text4, { bold: true, color: "white", children: parsed2 }, keyIndex);
+      return /* @__PURE__ */ jsx3(Text3, { bold: true, color: "white", children: parsed2 }, keyIndex);
     }
-    return /* @__PURE__ */ jsx4(Text4, { bold: true, children: parsed2 }, keyIndex);
+    return /* @__PURE__ */ jsx3(Text3, { bold: true, children: parsed2 }, keyIndex);
   }
   const bulletMatch = trimmed.match(/^[-*]\s+(.+)$/);
   if (bulletMatch) {
     const bulletText = bulletMatch[1];
     const parsed2 = parseInlineMarkdown(bulletText, `li-${keyIndex}`);
-    return /* @__PURE__ */ jsx4(Box4, { paddingLeft: indent, children: /* @__PURE__ */ jsxs4(Text4, { children: [
-      /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "\u2022" }),
+    return /* @__PURE__ */ jsx3(Box3, { paddingLeft: indent, children: /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: "\u2022" }),
       " ",
       parsed2
     ] }) }, keyIndex);
@@ -608,8 +512,8 @@ function parseLine(line, keyIndex, _maxWidth) {
     const num = numberedMatch[1];
     const itemText = numberedMatch[2];
     const parsed2 = parseInlineMarkdown(itemText, `ol-${keyIndex}`);
-    return /* @__PURE__ */ jsx4(Box4, { paddingLeft: indent, children: /* @__PURE__ */ jsxs4(Text4, { children: [
-      /* @__PURE__ */ jsxs4(Text4, { color: "yellow", children: [
+    return /* @__PURE__ */ jsx3(Box3, { paddingLeft: indent, children: /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: "yellow", children: [
         num,
         "."
       ] }),
@@ -621,17 +525,17 @@ function parseLine(line, keyIndex, _maxWidth) {
   if (quoteMatch) {
     const quoteText = quoteMatch[1];
     const parsed2 = parseInlineMarkdown(quoteText, `q-${keyIndex}`);
-    return /* @__PURE__ */ jsx4(Box4, { paddingLeft: 1, children: /* @__PURE__ */ jsxs4(Text4, { children: [
-      /* @__PURE__ */ jsx4(Text4, { color: "gray", children: "\u2502" }),
+    return /* @__PURE__ */ jsx3(Box3, { paddingLeft: 1, children: /* @__PURE__ */ jsxs3(Text3, { children: [
+      /* @__PURE__ */ jsx3(Text3, { color: "gray", children: "\u2502" }),
       " ",
-      /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: parsed2 })
+      /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: parsed2 })
     ] }) }, keyIndex);
   }
   if (trimmed.length === 0) {
-    return /* @__PURE__ */ jsx4(Text4, { children: " " }, keyIndex);
+    return /* @__PURE__ */ jsx3(Text3, { children: " " }, keyIndex);
   }
   const parsed = parseInlineMarkdown(line, `p-${keyIndex}`);
-  return /* @__PURE__ */ jsx4(Text4, { wrap: "wrap", children: parsed }, keyIndex);
+  return /* @__PURE__ */ jsx3(Text3, { wrap: "wrap", children: parsed }, keyIndex);
 }
 var BOX = {
   topLeft: "\u250C",
@@ -713,24 +617,24 @@ function parseTable(lines, startKey, maxWidth) {
     topBorder += c < numCols - 1 ? BOX.topMid : BOX.topRight;
   }
   tableRows.push(
-    /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: topBorder }) }, `top-${keyIdx++}`)
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: topBorder }) }, `top-${keyIdx++}`)
   );
   const wrappedHeaders = headers.map((h, idx) => wrapText(h, colWidths[idx]));
   const headerLineCount = Math.max(...wrappedHeaders.map((w) => w.length));
   for (let lineIdx = 0; lineIdx < headerLineCount; lineIdx++) {
     tableRows.push(
-      /* @__PURE__ */ jsxs4(Box4, { children: [
-        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: BOX.vertical }),
+      /* @__PURE__ */ jsxs3(Box3, { children: [
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: BOX.vertical }),
         headers.map((_, colIdx) => {
           const wrappedLines = wrappedHeaders[colIdx];
           const lineText = wrappedLines[lineIdx] || "";
-          return /* @__PURE__ */ jsxs4(Text4, { children: [
-            /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "yellow", children: [
+          return /* @__PURE__ */ jsxs3(Text3, { children: [
+            /* @__PURE__ */ jsxs3(Text3, { bold: true, color: "yellow", children: [
               " ",
               lineText.padEnd(colWidths[colIdx]),
               " "
             ] }),
-            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: BOX.vertical })
+            /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: BOX.vertical })
           ] }, `h-${colIdx}-${lineIdx}`);
         })
       ] }, `header-${keyIdx++}-${lineIdx}`)
@@ -742,7 +646,7 @@ function parseTable(lines, startKey, maxWidth) {
     headerSep += c < numCols - 1 ? BOX.midMid : BOX.rightMid;
   }
   tableRows.push(
-    /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: headerSep }) }, `sep-${keyIdx++}`)
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: headerSep }) }, `sep-${keyIdx++}`)
   );
   for (let rowIdx = 0; rowIdx < dataRows.length; rowIdx++) {
     const row = dataRows[rowIdx];
@@ -753,8 +657,8 @@ function parseTable(lines, startKey, maxWidth) {
     const maxLines = Math.max(...wrappedCells.map((w) => w.length));
     for (let lineIdx = 0; lineIdx < maxLines; lineIdx++) {
       tableRows.push(
-        /* @__PURE__ */ jsxs4(Box4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: BOX.vertical }),
+        /* @__PURE__ */ jsxs3(Box3, { children: [
+          /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: BOX.vertical }),
           headers.map((_, colIdx) => {
             const wrappedLines = wrappedCells[colIdx];
             const lineText = wrappedLines[lineIdx] || "";
@@ -763,11 +667,11 @@ function parseTable(lines, startKey, maxWidth) {
               paddedText,
               `cell-${rowIdx}-${colIdx}-${lineIdx}`
             );
-            return /* @__PURE__ */ jsxs4(Text4, { children: [
+            return /* @__PURE__ */ jsxs3(Text3, { children: [
               " ",
               parsed,
               " ",
-              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: BOX.vertical })
+              /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: BOX.vertical })
             ] }, `c-${colIdx}-${rowIdx}-${lineIdx}`);
           })
         ] }, `row-${keyIdx++}-${rowIdx}-${lineIdx}`)
@@ -780,10 +684,10 @@ function parseTable(lines, startKey, maxWidth) {
     bottomBorder += c < numCols - 1 ? BOX.bottomMid : BOX.bottomRight;
   }
   tableRows.push(
-    /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: bottomBorder }) }, `bottom-${keyIdx++}`)
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: bottomBorder }) }, `bottom-${keyIdx++}`)
   );
   return {
-    node: /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", children: tableRows }, startKey),
+    node: /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", children: tableRows }, startKey),
     linesConsumed: i
   };
 }
@@ -839,32 +743,32 @@ function parseContent(content, maxWidth) {
     try {
       const highlighted = highlight(code, { language, ignoreIllegals: true });
       parts.push(
-        /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", width: maxWidth - 4, children: /* @__PURE__ */ jsxs4(
-          Box4,
+        /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", width: maxWidth - 4, children: /* @__PURE__ */ jsxs3(
+          Box3,
           {
             borderStyle: "single",
             borderColor: "gray",
             paddingX: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: language }),
-              /* @__PURE__ */ jsx4(Text4, { children: highlighted })
+              /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: language }),
+              /* @__PURE__ */ jsx3(Text3, { children: highlighted })
             ]
           }
         ) }, keyIndex++)
       );
     } catch {
       parts.push(
-        /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", width: maxWidth - 4, children: /* @__PURE__ */ jsxs4(
-          Box4,
+        /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", width: maxWidth - 4, children: /* @__PURE__ */ jsxs3(
+          Box3,
           {
             borderStyle: "single",
             borderColor: "gray",
             paddingX: 1,
             flexDirection: "column",
             children: [
-              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: language }),
-              /* @__PURE__ */ jsx4(Text4, { children: code })
+              /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: language }),
+              /* @__PURE__ */ jsx3(Text3, { children: code })
             ]
           }
         ) }, keyIndex++)
@@ -880,39 +784,30 @@ function parseContent(content, maxWidth) {
     parts.push(...result.parts);
   }
   return parts.length > 0 ? parts : [
-    /* @__PURE__ */ jsx4(Text4, { wrap: "wrap", children: content }, 0)
+    /* @__PURE__ */ jsx3(Text3, { wrap: "wrap", children: content }, 0)
   ];
 }
-var Message = memo4(function Message2({
+var Message = memo3(function Message2({
   message,
   width,
-  messageIndex,
-  accent,
-  onMessageClick
+  accent
 }) {
   const isUser = message.role === "user";
-  const messageRef = useRef4(null);
   const parsedContent = useMemo3(
     () => parseContent(message.content, width - 4),
     [message.content, width]
   );
-  useOnClick3(
-    messageRef,
-    !isUser && onMessageClick ? () => {
-      onMessageClick(messageIndex, message.content);
-    } : null
-  );
-  return /* @__PURE__ */ jsxs4(Box4, { ref: messageRef, flexDirection: "column", marginY: 1, width, children: [
-    /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsxs4(Text4, { bold: true, color: isUser ? accent : "yellow", children: [
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginY: 1, width, children: [
+    /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsxs3(Text3, { bold: true, color: isUser ? accent : "yellow", children: [
       isUser ? "You" : "Bashio",
       ":"
     ] }) }),
-    /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", paddingLeft: 2, children: parsedContent })
+    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", paddingLeft: 2, children: parsedContent })
   ] });
 });
-var EmptyState = memo4(function EmptyState2({ height }) {
-  return /* @__PURE__ */ jsxs4(
-    Box4,
+var EmptyState = memo3(function EmptyState2({ height }) {
+  return /* @__PURE__ */ jsxs3(
+    Box3,
     {
       flexDirection: "column",
       height,
@@ -920,37 +815,17 @@ var EmptyState = memo4(function EmptyState2({ height }) {
       justifyContent: "center",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Start a conversation by typing a message below." }),
-        /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Type / for commands or Ctrl+P to switch models." })
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Start a conversation by typing a message below." }),
+        /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "Type / for commands or Ctrl+P to switch models." })
       ]
     }
   );
 });
-var MessageList = memo4(
+var MessageList = memo3(
   forwardRef(function MessageList2({ messages, currentResponse, isLoading, height, width, slashModeRef }, ref) {
     const theme = useTheme();
-    const scrollRef = useRef4(null);
-    const mouseRef = useRef4(null);
-    const [followOutput, setFollowOutput] = useState3(true);
-    const [contextMenu, setContextMenu] = useState3(null);
-    const handleMessageClick = useCallback(
-      (messageIndex, content) => {
-        setContextMenu({ messageIndex, content });
-      },
-      []
-    );
-    const handleContextMenuSelect = useCallback(
-      async (action) => {
-        if (action === "copy" && contextMenu) {
-          await copyToClipboard(contextMenu.content);
-        }
-        setContextMenu(null);
-      },
-      [contextMenu]
-    );
-    const handleContextMenuClose = useCallback(() => {
-      setContextMenu(null);
-    }, []);
+    const scrollRef = useRef3(null);
+    const [followOutput, setFollowOutput] = useState2(true);
     const boundedScrollBy = useCallback((delta) => {
       const sv = scrollRef.current;
       if (!sv) return;
@@ -984,7 +859,7 @@ var MessageList = memo4(
       }, 10);
       return () => clearTimeout(timer);
     }, [messagesCount, hasResponse, boundedScrollToBottom, followOutput]);
-    useInput3((input, key) => {
+    useInput2((input, key) => {
       if (slashModeRef.current) return;
       if (input.startsWith("\x1B[<")) {
         return;
@@ -1009,13 +884,6 @@ var MessageList = memo4(
       if (input === "k" && key.meta) boundedScrollBy(-3);
       if (input === "j" && key.meta) boundedScrollBy(3);
     });
-    useOnWheel(mouseRef, (event) => {
-      if (event.button === "wheel-up") {
-        boundedScrollBy(-3);
-      } else if (event.button === "wheel-down") {
-        boundedScrollBy(3);
-      }
-    });
     useEffect(() => {
       if (followOutput) return;
       const sv = scrollRef.current;
@@ -1031,69 +899,47 @@ var MessageList = memo4(
       [currentResponse, width]
     );
     if (messages.length === 0 && !currentResponse) {
-      return /* @__PURE__ */ jsx4(EmptyState, { height });
+      return /* @__PURE__ */ jsx3(EmptyState, { height });
     }
-    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", height, width, children: [
-      /* @__PURE__ */ jsx4(Box4, { ref: mouseRef, height, paddingX: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs4(ScrollView, { ref: scrollRef, height, children: [
-        messages.map((msg, i) => /* @__PURE__ */ jsx4(
-          Message,
-          {
-            message: msg,
-            width,
-            messageIndex: i,
-            accent: theme.accent,
-            onMessageClick: contextMenu === null ? handleMessageClick : void 0
-          },
-          `msg-${i}-${msg.role}`
-        )),
-        streamingContent && /* @__PURE__ */ jsxs4(
-          Box4,
-          {
-            flexDirection: "column",
-            marginY: 1,
-            width,
-            children: [
-              /* @__PURE__ */ jsx4(Box4, { children: /* @__PURE__ */ jsx4(Text4, { bold: true, color: "yellow", children: "Bashio:" }) }),
-              /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingLeft: 2, children: [
-                streamingContent,
-                /* @__PURE__ */ jsx4(Text4, { color: "yellow", children: "|" })
-              ] })
-            ]
-          },
-          "streaming"
-        ),
-        isLoading && !currentResponse && /* @__PURE__ */ jsxs4(Box4, { marginY: 1, children: [
-          /* @__PURE__ */ jsx4(Text4, { color: theme.accent, children: /* @__PURE__ */ jsx4(Spinner, { type: "dots" }) }),
-          /* @__PURE__ */ jsx4(Text4, { color: theme.accent, children: " Thinking..." })
-        ] }, "loading")
-      ] }) }),
-      contextMenu !== null && /* @__PURE__ */ jsx4(
-        Box4,
+    return /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", height, width, children: /* @__PURE__ */ jsx3(Box3, { height, paddingX: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs3(ScrollView, { ref: scrollRef, height, children: [
+      messages.map((msg, i) => /* @__PURE__ */ jsx3(
+        Message,
         {
-          position: "absolute",
+          message: msg,
           width,
-          height,
-          justifyContent: "center",
-          alignItems: "center",
-          children: /* @__PURE__ */ jsx4(
-            MessageContextMenu,
-            {
-              onSelect: handleContextMenuSelect,
-              onClose: handleContextMenuClose,
-              width: Math.min(width - 4, 50)
-            }
-          )
-        }
-      )
-    ] });
+          accent: theme.accent
+        },
+        `msg-${i}-${msg.role}`
+      )),
+      streamingContent && /* @__PURE__ */ jsxs3(
+        Box3,
+        {
+          flexDirection: "column",
+          marginY: 1,
+          width,
+          children: [
+            /* @__PURE__ */ jsx3(Box3, { children: /* @__PURE__ */ jsx3(Text3, { bold: true, color: "yellow", children: "Bashio:" }) }),
+            /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingLeft: 2, children: [
+              streamingContent,
+              /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: "|" })
+            ] })
+          ]
+        },
+        "streaming"
+      ),
+      isLoading && !currentResponse && /* @__PURE__ */ jsxs3(Box3, { marginY: 1, children: [
+        /* @__PURE__ */ jsx3(Text3, { color: theme.accent, children: /* @__PURE__ */ jsx3(Spinner, { type: "dots" }) }),
+        /* @__PURE__ */ jsx3(Text3, { color: theme.accent, children: " Thinking..." })
+      ] }, "loading")
+    ] }) }) });
   })
 );
 
 // src/chat/components/ModelSwitcher.tsx
-import { useOnClick as useOnClick4, useOnMouseMove as useOnMouseMove3 } from "@ink-tools/ink-mouse";
-import { Box as Box5, Text as Text5, useInput as useInput4, useStdout } from "ink";
-import { memo as memo5, useRef as useRef5, useState as useState4 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useOnClick as useOnClick2, useOnMouseMove as useOnMouseMove2 } from "@ink-tools/ink-mouse";
+import { Box as Box4, Text as Text4, useInput as useInput3, useStdout } from "ink";
+import { memo as memo4, useRef as useRef4, useState as useState3 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var PROVIDER_LABELS = {
   "claude-subscription": "Claude Pro/Max",
   "chatgpt-subscription": "ChatGPT Plus/Pro",
@@ -1103,7 +949,7 @@ var PROVIDER_LABELS = {
   ollama: "Ollama",
   openrouter: "OpenRouter"
 };
-var ModelRow = memo5(function ModelRow2({
+var ModelRow = memo4(function ModelRow2({
   option,
   isSelected,
   isCurrent,
@@ -1112,15 +958,15 @@ var ModelRow = memo5(function ModelRow2({
   onHover,
   onClick
 }) {
-  const rowRef = useRef5(null);
-  useOnMouseMove3(rowRef, onHover);
-  useOnClick4(rowRef, onClick);
+  const rowRef = useRef4(null);
+  useOnMouseMove2(rowRef, onHover);
+  useOnClick2(rowRef, onClick);
   const prefix = isSelected ? ">" : isCurrent ? "\u2713" : " ";
   const labelWithPrefix = ` ${prefix} ${option.label}`;
   const padding = Math.max(0, rowWidth - labelWithPrefix.length);
   const fullLine = labelWithPrefix + " ".repeat(padding);
-  return /* @__PURE__ */ jsx5(Box5, { ref: rowRef, children: /* @__PURE__ */ jsx5(
-    Text5,
+  return /* @__PURE__ */ jsx4(Box4, { ref: rowRef, children: /* @__PURE__ */ jsx4(
+    Text4,
     {
       backgroundColor: isSelected ? accent : void 0,
       color: isSelected ? "#000000" : void 0,
@@ -1176,7 +1022,7 @@ function ModelSwitcher({
   const currentIndex = options.findIndex(
     (o) => o.provider === currentProvider && o.model === currentModel
   );
-  const [selectedIndex, setSelectedIndex] = useState4(
+  const [selectedIndex, setSelectedIndex] = useState3(
     currentIndex >= 0 ? currentIndex : 0
   );
   const handleHover = (index) => {
@@ -1188,7 +1034,7 @@ function ModelSwitcher({
       onSelect(selected.provider, selected.model);
     }
   };
-  useInput4((input, key) => {
+  useInput3((input, key) => {
     if (key.escape) {
       onClose();
       return;
@@ -1216,8 +1062,8 @@ function ModelSwitcher({
   }
   const visibleOptions = options.slice(startIndex, startIndex + listHeight);
   let lastProvider = null;
-  return /* @__PURE__ */ jsx5(
-    Box5,
+  return /* @__PURE__ */ jsx4(
+    Box4,
     {
       flexDirection: "column",
       width,
@@ -1225,8 +1071,8 @@ function ModelSwitcher({
       justifyContent: "center",
       alignItems: "center",
       backgroundColor: theme.background,
-      children: /* @__PURE__ */ jsxs5(
-        Box5,
+      children: /* @__PURE__ */ jsxs4(
+        Box4,
         {
           flexDirection: "column",
           width: boxWidth,
@@ -1234,35 +1080,35 @@ function ModelSwitcher({
           borderColor: theme.accent,
           paddingX: 1,
           children: [
-            /* @__PURE__ */ jsxs5(Box5, { marginBottom: 1, justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsx5(Text5, { bold: true, color: theme.accent, children: "Model Selector" }),
-              /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "esc to exit" })
+            /* @__PURE__ */ jsxs4(Box4, { marginBottom: 1, justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx4(Text4, { bold: true, color: theme.accent, children: "Model Selector" }),
+              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "esc to exit" })
             ] }),
-            /* @__PURE__ */ jsxs5(Box5, { children: [
-              /* @__PURE__ */ jsx5(Text5, { color: theme.accent, children: "Current: " }),
-              /* @__PURE__ */ jsxs5(Text5, { children: [
+            /* @__PURE__ */ jsxs4(Box4, { children: [
+              /* @__PURE__ */ jsx4(Text4, { color: theme.accent, children: "Current: " }),
+              /* @__PURE__ */ jsxs4(Text4, { children: [
                 PROVIDER_LABELS[currentProvider],
                 " / ",
                 currentModel
               ] })
             ] }),
-            /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2500".repeat(boxWidth - 4) }),
-            /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: visibleOptions.map((option, i) => {
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2500".repeat(boxWidth - 4) }),
+            /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", children: visibleOptions.map((option, i) => {
               const actualIndex = startIndex + i;
               const isSelected = actualIndex === selectedIndex;
               const isCurrent = option.provider === currentProvider && option.model === currentModel;
               const showProviderHeader = option.provider !== lastProvider;
               lastProvider = option.provider;
-              return /* @__PURE__ */ jsxs5(
-                Box5,
+              return /* @__PURE__ */ jsxs4(
+                Box4,
                 {
                   flexDirection: "column",
                   children: [
-                    showProviderHeader && /* @__PURE__ */ jsxs5(Text5, { bold: true, color: theme.accent, children: [
+                    showProviderHeader && /* @__PURE__ */ jsxs4(Text4, { bold: true, color: theme.accent, children: [
                       i > 0 ? "\n" : "",
                       option.providerLabel
                     ] }),
-                    /* @__PURE__ */ jsx5(
+                    /* @__PURE__ */ jsx4(
                       ModelRow,
                       {
                         option,
@@ -1279,17 +1125,17 @@ function ModelSwitcher({
                 `${option.provider}-${option.model}`
               );
             }) }),
-            /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2500".repeat(boxWidth - 4) }),
-            /* @__PURE__ */ jsxs5(Box5, { justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u2191\u2193 navigate" }),
-              options.length > listHeight && /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
+            /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2500".repeat(boxWidth - 4) }),
+            /* @__PURE__ */ jsxs4(Box4, { justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u2191\u2193 navigate" }),
+              options.length > listHeight && /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
                 startIndex + 1,
                 "-",
                 Math.min(startIndex + listHeight, options.length),
                 "/",
                 options.length
               ] }),
-              /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "\u21B5 select" })
+              /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "\u21B5 select" })
             ] })
           ]
         }
@@ -1299,22 +1145,22 @@ function ModelSwitcher({
 }
 
 // src/chat/components/SessionHeader.tsx
-import { Box as Box6, Text as Text6 } from "ink";
-import { memo as memo6 } from "react";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var SessionHeader = memo6(function SessionHeader2({
+import { Box as Box5, Text as Text5 } from "ink";
+import { memo as memo5 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var SessionHeader = memo5(function SessionHeader2({
   sessionTitle,
   width
 }) {
   const theme = useTheme();
-  return /* @__PURE__ */ jsxs6(
-    Box6,
+  return /* @__PURE__ */ jsxs5(
+    Box5,
     {
       borderStyle: "single",
-      borderLeft: true,
+      borderLeft: false,
       borderRight: false,
       borderTop: false,
-      borderBottom: false,
+      borderBottom: true,
       borderColor: theme.accent,
       backgroundColor: theme.secondaryBg,
       paddingX: 1,
@@ -1322,17 +1168,17 @@ var SessionHeader = memo6(function SessionHeader2({
       gap: 1,
       width,
       children: [
-        /* @__PURE__ */ jsx6(Text6, { color: theme.accent, children: "#" }),
-        /* @__PURE__ */ jsx6(Text6, { color: theme.textPrimary, children: sessionTitle })
+        /* @__PURE__ */ jsx5(Text5, { color: theme.accent, children: "#" }),
+        /* @__PURE__ */ jsx5(Text5, { color: theme.textPrimary, children: sessionTitle })
       ]
     }
   );
 });
 
 // src/chat/components/SessionPicker.tsx
-import { useOnClick as useOnClick5, useOnMouseMove as useOnMouseMove4 } from "@ink-tools/ink-mouse";
-import { Box as Box7, Text as Text7, useInput as useInput5, useStdout as useStdout2 } from "ink";
-import { memo as memo7, useRef as useRef6, useState as useState5 } from "react";
+import { useOnClick as useOnClick3, useOnMouseMove as useOnMouseMove3 } from "@ink-tools/ink-mouse";
+import { Box as Box6, Text as Text6, useInput as useInput4, useStdout as useStdout2 } from "ink";
+import { memo as memo6, useRef as useRef5, useState as useState4 } from "react";
 
 // src/chat/utils/sessions.ts
 import {
@@ -1443,7 +1289,7 @@ function cleanupOldSessions() {
 }
 
 // src/chat/components/SessionPicker.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function formatDate(isoString) {
   const date = new Date(isoString);
   const now = /* @__PURE__ */ new Date();
@@ -1457,7 +1303,7 @@ function formatDate(isoString) {
   if (diffDays < 7) return `${diffDays}d ago`;
   return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
 }
-var SessionRow = memo7(function SessionRow2({
+var SessionRow = memo6(function SessionRow2({
   isNew,
   session,
   isSelected,
@@ -1468,22 +1314,22 @@ var SessionRow = memo7(function SessionRow2({
   onHover,
   onClick
 }) {
-  const rowRef = useRef6(null);
-  useOnMouseMove4(rowRef, () => {
+  const rowRef = useRef5(null);
+  useOnMouseMove3(rowRef, () => {
     onHover(index);
   });
-  useOnClick5(rowRef, () => {
+  useOnClick3(rowRef, () => {
     onClick(index);
   });
   if (isNew) {
-    return /* @__PURE__ */ jsx7(
-      Box7,
+    return /* @__PURE__ */ jsx6(
+      Box6,
       {
         ref: rowRef,
         backgroundColor: isSelected ? accent : void 0,
         width: rowWidth,
         paddingX: 1,
-        children: /* @__PURE__ */ jsxs7(Text7, { color: isSelected ? "white" : "green", bold: isSelected, children: [
+        children: /* @__PURE__ */ jsxs6(Text6, { color: isSelected ? "white" : "green", bold: isSelected, children: [
           isSelected ? " > " : "   ",
           "+ New Chat"
         ] })
@@ -1492,19 +1338,19 @@ var SessionRow = memo7(function SessionRow2({
   }
   if (!session) return null;
   const title = session.title.length > titleWidth ? `${session.title.slice(0, titleWidth - 3)}...` : session.title.padEnd(titleWidth);
-  return /* @__PURE__ */ jsxs7(
-    Box7,
+  return /* @__PURE__ */ jsxs6(
+    Box6,
     {
       ref: rowRef,
       backgroundColor: isSelected ? accent : void 0,
       width: rowWidth,
       paddingX: 1,
       children: [
-        /* @__PURE__ */ jsxs7(Text7, { color: isSelected ? "white" : void 0, bold: isSelected, children: [
+        /* @__PURE__ */ jsxs6(Text6, { color: isSelected ? "white" : void 0, bold: isSelected, children: [
           isSelected ? " > " : "   ",
           title
         ] }),
-        /* @__PURE__ */ jsxs7(Text7, { color: isSelected ? "white" : void 0, dimColor: !isSelected, children: [
+        /* @__PURE__ */ jsxs6(Text6, { color: isSelected ? "white" : void 0, dimColor: !isSelected, children: [
           " ",
           session.messageCount,
           " msgs | ",
@@ -1518,8 +1364,8 @@ function SessionPicker({ onSelect, onClose }) {
   const { stdout } = useStdout2();
   const width = stdout?.columns ?? 80;
   const height = stdout?.rows ?? 24;
-  const [sessions, setSessions] = useState5(() => listSessions());
-  const [selectedIndex, setSelectedIndex] = useState5(0);
+  const [sessions, setSessions] = useState4(() => listSessions());
+  const [selectedIndex, setSelectedIndex] = useState4(0);
   const totalItems = sessions.length + 1;
   const handleSelect = (index) => {
     if (index === 0) {
@@ -1537,7 +1383,7 @@ function SessionPicker({ onSelect, onClose }) {
   const handleClick = (index) => {
     handleSelect(index);
   };
-  useInput5((input, key) => {
+  useInput4((input, key) => {
     if (key.escape) {
       onClose();
       return;
@@ -1579,8 +1425,8 @@ function SessionPicker({ onSelect, onClose }) {
   const theme = useTheme();
   const rowWidth = Math.min(76, width - 6);
   const titleWidth = Math.min(40, width - 30);
-  return /* @__PURE__ */ jsx7(
-    Box7,
+  return /* @__PURE__ */ jsx6(
+    Box6,
     {
       flexDirection: "column",
       width,
@@ -1588,25 +1434,25 @@ function SessionPicker({ onSelect, onClose }) {
       justifyContent: "center",
       alignItems: "center",
       backgroundColor: theme.background,
-      children: /* @__PURE__ */ jsxs7(
-        Box7,
+      children: /* @__PURE__ */ jsxs6(
+        Box6,
         {
           flexDirection: "column",
           width: Math.min(80, width - 4),
           borderStyle: "double",
           borderColor: theme.accent,
           children: [
-            /* @__PURE__ */ jsxs7(Box7, { paddingX: 2, paddingY: 1, justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsx7(Text7, { bold: true, color: theme.accent, children: "Chat Sessions" }),
-              /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "Esc: close | Enter: select | Ctrl+D: delete" })
+            /* @__PURE__ */ jsxs6(Box6, { paddingX: 2, paddingY: 1, justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx6(Text6, { bold: true, color: theme.accent, children: "Chat Sessions" }),
+              /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Esc: close | Enter: select | Ctrl+D: delete" })
             ] }),
-            /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "\u2500".repeat(Math.min(76, width - 8)) }) }),
-            /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
+            /* @__PURE__ */ jsx6(Box6, { paddingX: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "\u2500".repeat(Math.min(76, width - 8)) }) }),
+            /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingX: 1, paddingY: 1, children: [
               visibleItems.map((item, i) => {
                 const actualIndex = startIndex + i;
                 const isSelected = actualIndex === selectedIndex;
                 if (item.type === "new") {
-                  return /* @__PURE__ */ jsx7(
+                  return /* @__PURE__ */ jsx6(
                     SessionRow,
                     {
                       isNew: true,
@@ -1621,7 +1467,7 @@ function SessionPicker({ onSelect, onClose }) {
                     "new-chat"
                   );
                 }
-                return /* @__PURE__ */ jsx7(
+                return /* @__PURE__ */ jsx6(
                   SessionRow,
                   {
                     session: item.session,
@@ -1636,9 +1482,9 @@ function SessionPicker({ onSelect, onClose }) {
                   item.session.id
                 );
               }),
-              sessions.length === 0 && /* @__PURE__ */ jsx7(Box7, { paddingY: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "No previous sessions" }) })
+              sessions.length === 0 && /* @__PURE__ */ jsx6(Box6, { paddingY: 1, children: /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "No previous sessions" }) })
             ] }),
-            totalItems > visibleCount && /* @__PURE__ */ jsx7(Box7, { paddingX: 2, paddingBottom: 1, children: /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
+            totalItems > visibleCount && /* @__PURE__ */ jsx6(Box6, { paddingX: 2, paddingBottom: 1, children: /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
               "Showing ",
               startIndex + 1,
               "-",
@@ -1654,12 +1500,12 @@ function SessionPicker({ onSelect, onClose }) {
 }
 
 // src/chat/components/ThemePicker.tsx
-import { useOnClick as useOnClick6, useOnMouseMove as useOnMouseMove5, useOnWheel as useOnWheel2 } from "@ink-tools/ink-mouse";
-import { Box as Box8, Text as Text8, useInput as useInput6, useStdout as useStdout3 } from "ink";
-import { memo as memo8, useRef as useRef7, useState as useState6 } from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useOnClick as useOnClick4, useOnMouseMove as useOnMouseMove4, useOnWheel } from "@ink-tools/ink-mouse";
+import { Box as Box7, Text as Text7, useInput as useInput5, useStdout as useStdout3 } from "ink";
+import { memo as memo7, useRef as useRef6, useState as useState5 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var MAX_VISIBLE_THEMES = 12;
-var ThemeRow = memo8(function ThemeRow2({
+var ThemeRow = memo7(function ThemeRow2({
   theme,
   isSelected,
   isCurrent,
@@ -1668,19 +1514,19 @@ var ThemeRow = memo8(function ThemeRow2({
   onHover,
   onClick
 }) {
-  const rowRef = useRef7(null);
-  useOnMouseMove5(rowRef, onHover);
-  useOnClick6(rowRef, onClick);
-  return /* @__PURE__ */ jsx8(
-    Box8,
+  const rowRef = useRef6(null);
+  useOnMouseMove4(rowRef, onHover);
+  useOnClick4(rowRef, onClick);
+  return /* @__PURE__ */ jsx7(
+    Box7,
     {
       ref: rowRef,
       backgroundColor: isSelected ? selectedTheme.accent : void 0,
       width: rowWidth,
       paddingX: 1,
-      children: /* @__PURE__ */ jsxs8(Text8, { color: isSelected ? "white" : void 0, bold: isSelected, children: [
-        isCurrent && !isSelected && /* @__PURE__ */ jsx8(Text8, { color: selectedTheme.accent, children: "\u25CF " }),
-        isCurrent && isSelected && /* @__PURE__ */ jsx8(Text8, { color: "white", children: "\u25CF " }),
+      children: /* @__PURE__ */ jsxs7(Text7, { color: isSelected ? "white" : void 0, bold: isSelected, children: [
+        isCurrent && !isSelected && /* @__PURE__ */ jsx7(Text7, { color: selectedTheme.accent, children: "\u25CF " }),
+        isCurrent && isSelected && /* @__PURE__ */ jsx7(Text7, { color: "white", children: "\u25CF " }),
         !isCurrent && "  ",
         theme.displayName
       ] })
@@ -1695,9 +1541,9 @@ function ThemePicker({
   const { stdout } = useStdout3();
   const width = stdout?.columns ?? 80;
   const height = stdout?.rows ?? 24;
-  const listRef = useRef7(null);
+  const listRef = useRef6(null);
   const currentIndex = THEMES.findIndex((t) => t.name === currentTheme);
-  const [selectedIndex, setSelectedIndex] = useState6(
+  const [selectedIndex, setSelectedIndex] = useState5(
     currentIndex >= 0 ? currentIndex : 0
   );
   const visibleCount = Math.min(MAX_VISIBLE_THEMES, height - 10);
@@ -1710,7 +1556,7 @@ function ThemePicker({
       onSelect(selected.name);
     }
   };
-  useInput6((input, key) => {
+  useInput5((input, key) => {
     if (key.escape) {
       onClose();
       return;
@@ -1735,7 +1581,7 @@ function ThemePicker({
       setSelectedIndex((i) => Math.min(THEMES.length - 1, i + visibleCount));
     }
   });
-  useOnWheel2(listRef, (event) => {
+  useOnWheel(listRef, (event) => {
     if (event.button === "wheel-up") {
       setSelectedIndex((i) => Math.max(0, i - 1));
     } else if (event.button === "wheel-down") {
@@ -1753,8 +1599,8 @@ function ThemePicker({
   const visibleThemes = THEMES.slice(startIndex, startIndex + visibleCount);
   const selectedTheme = THEMES[selectedIndex] ?? THEMES[0];
   const rowWidth = Math.min(60, width - 8);
-  return /* @__PURE__ */ jsx8(
-    Box8,
+  return /* @__PURE__ */ jsx7(
+    Box7,
     {
       flexDirection: "column",
       width,
@@ -1762,22 +1608,22 @@ function ThemePicker({
       justifyContent: "center",
       alignItems: "center",
       backgroundColor: selectedTheme.background,
-      children: /* @__PURE__ */ jsxs8(
-        Box8,
+      children: /* @__PURE__ */ jsxs7(
+        Box7,
         {
           flexDirection: "column",
           width: Math.min(64, width - 4),
           borderStyle: "round",
           borderColor: selectedTheme.accent,
           children: [
-            /* @__PURE__ */ jsxs8(Box8, { paddingX: 2, paddingTop: 1, justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsx8(Text8, { bold: true, color: selectedTheme.textPrimary, children: "Themes" }),
-              /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "esc" })
+            /* @__PURE__ */ jsxs7(Box7, { paddingX: 2, paddingTop: 1, justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx7(Text7, { bold: true, color: selectedTheme.textPrimary, children: "Themes" }),
+              /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "esc" })
             ] }),
-            /* @__PURE__ */ jsx8(Box8, { paddingX: 1, children: /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "\u2500".repeat(Math.min(60, width - 8)) }) }),
-            /* @__PURE__ */ jsx8(Box8, { ref: listRef, flexDirection: "column", paddingY: 1, children: visibleThemes.map((theme, i) => {
+            /* @__PURE__ */ jsx7(Box7, { paddingX: 1, children: /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "\u2500".repeat(Math.min(60, width - 8)) }) }),
+            /* @__PURE__ */ jsx7(Box7, { ref: listRef, flexDirection: "column", paddingY: 1, children: visibleThemes.map((theme, i) => {
               const actualIndex = startIndex + i;
-              return /* @__PURE__ */ jsx8(
+              return /* @__PURE__ */ jsx7(
                 ThemeRow,
                 {
                   theme,
@@ -1791,9 +1637,9 @@ function ThemePicker({
                 theme.name
               );
             }) }),
-            /* @__PURE__ */ jsxs8(Box8, { paddingX: 2, paddingBottom: 1, justifyContent: "space-between", children: [
-              /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "j/k or arrows to navigate" }),
-              THEMES.length > visibleCount && /* @__PURE__ */ jsxs8(Text8, { dimColor: true, children: [
+            /* @__PURE__ */ jsxs7(Box7, { paddingX: 2, paddingBottom: 1, justifyContent: "space-between", children: [
+              /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "j/k or arrows to navigate" }),
+              THEMES.length > visibleCount && /* @__PURE__ */ jsxs7(Text7, { dimColor: true, children: [
                 startIndex + 1,
                 "-",
                 Math.min(startIndex + visibleCount, THEMES.length),
@@ -1809,13 +1655,13 @@ function ThemePicker({
 }
 
 // src/chat/components/WelcomeScreen.tsx
-import { Box as Box10, Text as Text10 } from "ink";
-import { memo as memo10 } from "react";
+import { Box as Box9, Text as Text9 } from "ink";
+import { memo as memo9 } from "react";
 
 // src/chat/components/CatIcon.tsx
-import { Box as Box9, Text as Text9 } from "ink";
-import { memo as memo9, useMemo as useMemo4 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text8 } from "ink";
+import { memo as memo8, useMemo as useMemo4 } from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var CAT_LINES = [
   "  \u2588\u2588      \u2588\u2588  ",
   " \u2588\u2588\u2591\u2591\u2588\u2588\u2588\u2588\u2591\u2591\u2588\u2588 ",
@@ -1826,7 +1672,7 @@ var CAT_LINES = [
   " \u2588\u2588\u2591\u2592\u2592\u2592\u2592\u2592\u2592\u2591\u2588\u2588 ",
   "  \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588  "
 ];
-var CatIcon = memo9(function CatIcon2() {
+var CatIcon = memo8(function CatIcon2() {
   const theme = useTheme();
   const colors = useMemo4(
     () => ({
@@ -1837,23 +1683,23 @@ var CatIcon = memo9(function CatIcon2() {
     }),
     [theme.accent]
   );
-  return /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", alignItems: "center", children: CAT_LINES.map((line, i) => (
+  return /* @__PURE__ */ jsx8(Box8, { flexDirection: "column", alignItems: "center", children: CAT_LINES.map((line, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: Static ASCII art
-    /* @__PURE__ */ jsx9(Text9, { children: line.split("").map((char, j) => {
+    /* @__PURE__ */ jsx8(Text8, { children: line.split("").map((char, j) => {
       const color = colors[char];
       if (color) {
         return (
           // biome-ignore lint/suspicious/noArrayIndexKey: Static char
-          /* @__PURE__ */ jsx9(Text9, { color, children: "\u2588" }, `char-${i}-${j}`)
+          /* @__PURE__ */ jsx8(Text8, { color, children: "\u2588" }, `char-${i}-${j}`)
         );
       }
-      return /* @__PURE__ */ jsx9(Text9, { children: " " }, `char-${i}-${j}`);
+      return /* @__PURE__ */ jsx8(Text8, { children: " " }, `char-${i}-${j}`);
     }) }, `line-${i}`)
   )) });
 });
 
 // src/chat/components/WelcomeScreen.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var BASHIO_ASCII = `
 \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 
 \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557
@@ -1862,15 +1708,15 @@ var BASHIO_ASCII = `
 \u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D
 \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D 
 `.trim();
-var WelcomeScreen = memo10(function WelcomeScreen2({
+var WelcomeScreen = memo9(function WelcomeScreen2({
   width,
   height,
   children
 }) {
   const lines = BASHIO_ASCII.split("\n");
   const theme = useTheme();
-  return /* @__PURE__ */ jsx10(
-    Box10,
+  return /* @__PURE__ */ jsx9(
+    Box9,
     {
       flexDirection: "column",
       width,
@@ -1878,20 +1724,20 @@ var WelcomeScreen = memo10(function WelcomeScreen2({
       justifyContent: "center",
       alignItems: "center",
       backgroundColor: theme.background,
-      children: /* @__PURE__ */ jsxs9(
-        Box10,
+      children: /* @__PURE__ */ jsxs8(
+        Box9,
         {
           flexDirection: "column",
           alignItems: "center",
           backgroundColor: theme.background,
           children: [
-            /* @__PURE__ */ jsx10(CatIcon, {}),
-            /* @__PURE__ */ jsx10(Box10, { paddingTop: 1, backgroundColor: theme.background }),
+            /* @__PURE__ */ jsx9(CatIcon, {}),
+            /* @__PURE__ */ jsx9(Box9, { paddingTop: 1, backgroundColor: theme.background }),
             lines.map((line, i) => (
               // biome-ignore lint/suspicious/noArrayIndexKey: Static ASCII art lines
-              /* @__PURE__ */ jsx10(Text10, { color: theme.textPrimary, bold: true, children: line }, `ascii-${i}`)
+              /* @__PURE__ */ jsx9(Text9, { color: theme.textPrimary, bold: true, children: line }, `ascii-${i}`)
             )),
-            children && /* @__PURE__ */ jsx10(Box10, { paddingTop: 2, backgroundColor: theme.background, children })
+            children && /* @__PURE__ */ jsx9(Box9, { paddingTop: 2, backgroundColor: theme.background, children })
           ]
         }
       )
@@ -1953,18 +1799,18 @@ function createSyncOutputStream(stdout) {
 }
 
 // src/chat/App.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function ChatApp() {
   const { exit } = useApp();
   const { stdout } = useStdout4();
-  const [height, setHeight] = useState7(stdout?.rows ?? 24);
-  const [width, setWidth] = useState7(stdout?.columns ?? 80);
-  const messageListRef = useRef8(null);
-  const slashModeRef = useRef8(false);
-  const [config, setConfig] = useState7(null);
-  const [provider, setProvider] = useState7(null);
-  const [currentSession, setCurrentSession] = useState7(null);
-  const [state, setState] = useState7({
+  const [height, setHeight] = useState6(stdout?.rows ?? 24);
+  const [width, setWidth] = useState6(stdout?.columns ?? 80);
+  const messageListRef = useRef7(null);
+  const slashModeRef = useRef7(false);
+  const [config, setConfig] = useState6(null);
+  const [provider, setProvider] = useState6(null);
+  const [currentSession, setCurrentSession] = useState6(null);
+  const [state, setState] = useState6({
     messages: [],
     isLoading: false,
     currentResponse: "",
@@ -2017,8 +1863,8 @@ function ChatApp() {
       if (key.ctrl && input === "c") {
         exit();
       }
-      if (!slashModeRef.current && noPickerOpen) {
-        if (key.ctrl && input === "m" || key.ctrl && input === "p") {
+      if (!slashModeRef.current && noPickerOpen && !state.isLoading) {
+        if (key.ctrl && input === "p") {
           setState((s) => ({ ...s, showModelSwitcher: true }));
         }
         if (key.ctrl && input === "o") {
@@ -2027,6 +1873,31 @@ function ChatApp() {
         if (key.ctrl && input === "t") {
           setState((s) => ({ ...s, showThemePicker: true }));
         }
+        if (key.ctrl && input === "n") {
+          if (config) {
+            const activeProvider2 = config.activeProvider;
+            const model = config.providers[activeProvider2]?.model ?? "unknown";
+            const session = createSession(model, activeProvider2);
+            setCurrentSession(session);
+            setState((s) => ({
+              ...s,
+              messages: [],
+              error: null
+            }));
+          }
+        }
+        if (key.ctrl && input === "l") {
+          setState((s) => ({ ...s, messages: [], error: null }));
+          if (currentSession) {
+            const clearedSession = {
+              ...currentSession,
+              messages: [],
+              messageCount: 0
+            };
+            saveSession(clearedSession);
+            setCurrentSession(clearedSession);
+          }
+        }
       }
       if (key.escape) {
         if (state.showModelSwitcher) {
@@ -2045,10 +1916,13 @@ function ChatApp() {
       noPickerOpen,
       state.showModelSwitcher,
       state.showSessionPicker,
-      state.showThemePicker
+      state.showThemePicker,
+      state.isLoading,
+      config,
+      currentSession
     ]
   );
-  useInput7(handleGlobalInput);
+  useInput6(handleGlobalInput);
   const handleSubmit = useCallback2(
     async (message) => {
       if (!provider || !message.trim()) return;
@@ -2229,19 +2103,19 @@ function ChatApp() {
     [currentThemeName]
   );
   if (!config || !provider) {
-    return /* @__PURE__ */ jsx11(
-      Box11,
+    return /* @__PURE__ */ jsx10(
+      Box10,
       {
         width,
         height,
         justifyContent: "center",
         alignItems: "center",
-        children: /* @__PURE__ */ jsx11(Text11, { children: "Loading..." })
+        children: /* @__PURE__ */ jsx10(Text10, { children: "Loading..." })
       }
     );
   }
   if (state.showThemePicker) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(
       ThemePicker,
       {
         currentTheme: currentThemeName,
@@ -2251,7 +2125,7 @@ function ChatApp() {
     );
   }
   if (state.showSessionPicker) {
-    return /* @__PURE__ */ jsx11(ThemeProvider, { value: theme, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(ThemeProvider, { value: theme, children: /* @__PURE__ */ jsx10(
       SessionPicker,
       {
         onSelect: handleSessionSelect,
@@ -2260,7 +2134,7 @@ function ChatApp() {
     ) });
   }
   if (state.showModelSwitcher) {
-    return /* @__PURE__ */ jsx11(ThemeProvider, { value: theme, children: /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx10(ThemeProvider, { value: theme, children: /* @__PURE__ */ jsx10(
       ModelSwitcher,
       {
         config,
@@ -2273,14 +2147,14 @@ function ChatApp() {
   const currentModel = config.providers[activeProvider]?.model ?? "unknown";
   const isEmptyChat = state.messages.length === 0 && !state.currentResponse;
   if (isEmptyChat) {
-    return /* @__PURE__ */ jsx11(ThemeProvider, { value: theme, children: /* @__PURE__ */ jsx11(
-      Box11,
+    return /* @__PURE__ */ jsx10(ThemeProvider, { value: theme, children: /* @__PURE__ */ jsx10(
+      Box10,
       {
         flexDirection: "column",
         width,
         height,
         backgroundColor: theme.background,
-        children: /* @__PURE__ */ jsx11(WelcomeScreen, { width, height, children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx10(WelcomeScreen, { width, height, children: /* @__PURE__ */ jsx10(
           InputBox,
           {
             onSubmit: handleSubmit,
@@ -2301,22 +2175,22 @@ function ChatApp() {
     5,
     height - inputBoxHeight - sessionHeaderHeight - 2
   );
-  return /* @__PURE__ */ jsx11(ThemeProvider, { value: theme, children: /* @__PURE__ */ jsxs10(
-    Box11,
+  return /* @__PURE__ */ jsx10(ThemeProvider, { value: theme, children: /* @__PURE__ */ jsxs9(
+    Box10,
     {
       flexDirection: "column",
       width,
       height,
       backgroundColor: theme.background,
       children: [
-        /* @__PURE__ */ jsx11(Box11, { paddingX: 1, marginTop: 1, children: /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(Box10, { paddingX: 1, marginTop: 1, children: /* @__PURE__ */ jsx10(
           SessionHeader,
           {
             sessionTitle: currentSession?.title ?? "New Chat",
             width: width - 2
           }
         ) }),
-        /* @__PURE__ */ jsx11(Box11, { flexDirection: "column", height: messageListHeight, children: /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(Box10, { flexDirection: "column", height: messageListHeight, children: /* @__PURE__ */ jsx10(
           MessageList,
           {
             ref: messageListRef,
@@ -2328,11 +2202,11 @@ function ChatApp() {
             slashModeRef
           }
         ) }),
-        state.error && /* @__PURE__ */ jsx11(Box11, { paddingX: 1, children: /* @__PURE__ */ jsxs10(Text11, { color: "red", children: [
+        state.error && /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsxs9(Text10, { color: "red", children: [
           "Error: ",
           state.error
         ] }) }),
-        /* @__PURE__ */ jsx11(Box11, { paddingX: 1, children: /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(Box10, { paddingX: 1, children: /* @__PURE__ */ jsx10(
           InputBox,
           {
             onSubmit: handleSubmit,
@@ -2360,7 +2234,7 @@ async function runChat() {
   process.stdout.write("\x1B[?25l");
   process.stdout.write("\x1B[2J\x1B[H");
   const instance = render(
-    /* @__PURE__ */ jsx11(MouseProvider, { children: /* @__PURE__ */ jsx11(ChatApp, {}) }),
+    /* @__PURE__ */ jsx10(MouseProvider, { autoEnable: false, children: /* @__PURE__ */ jsx10(ChatApp, {}) }),
     {
       exitOnCtrlC: false,
       stdout: syncOutput
@@ -2375,4 +2249,4 @@ async function runChat() {
 export {
   runChat
 };
-//# sourceMappingURL=App-SRRDMIMW.js.map
+//# sourceMappingURL=App-MVOM7NMT.js.map