@microboxlabs/miot-chat 0.1.0 → 0.1.1

package/dist/index.js

@@ -671,10 +671,18 @@ import { render } from "ink";
 import { createElement } from "react";
 
 // src/tui/App.tsx
-import { Box as Box12 } from "ink";
-import { useCallback as useCallback2, useMemo as useMemo2, useState as useState7 } from "react";
+import { Box as Box16, Text as Text17, useInput as useInput7 } from "ink";
+import { useCallback as useCallback2, useMemo as useMemo2, useState as useState8 } from "react";
 import { randomUUID as randomUUID2 } from "crypto";
 
+// src/version.ts
+import { createRequire } from "module";
+function packageVersion() {
+  const require2 = createRequire(import.meta.url);
+  const pkg = require2("../package.json");
+  return pkg.version;
+}
+
 // src/tui/input/Editor.tsx
 import { Box, Text, useInput } from "ink";
 import { useReducer, useState } from "react";
@@ -1028,15 +1036,9 @@ function renderLine(line, cursorCol) {
   ] });
 }
 
-// src/tui/header/Header.tsx
+// src/tui/chrome/TopLine.tsx
 import { Box as Box2, Text as Text3 } from "ink";
 
-// src/tui/session/agentic.ts
-var AGENTIC_TENANT_LOCK2 = "mintral";
-function isAgenticTenantMismatch(mode, tenant) {
-  return mode === "agentic" && tenant !== AGENTIC_TENANT_LOCK2;
-}
-
 // src/tui/transcript/Spinner.tsx
 import { Text as Text2 } from "ink";
 import { useEffect, useState as useState2 } from "react";
@@ -1057,129 +1059,421 @@ function Spinner(props) {
   return /* @__PURE__ */ jsx2(Text2, { color: props.color, children: FRAMES[frame] });
 }
 
-// src/tui/header/Header.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var SEPARATOR = " \xB7 ";
-function Header(props) {
-  const { meta, streaming, pendingApprovals } = props;
-  const shortConv = meta.conversationId.slice(0, 8);
-  const agenticWarn = isAgenticTenantMismatch(meta.mode, meta.tenantId);
-  const chips = [];
-  chips.push(/* @__PURE__ */ jsxs2(Text3, { children: [
-    "tenant=",
-    meta.tenantId
-  ] }, "tenant"));
-  chips.push(/* @__PURE__ */ jsxs2(Text3, { children: [
-    "user=",
-    meta.userId
-  ] }, "user"));
-  chips.push(/* @__PURE__ */ jsxs2(Text3, { children: [
-    "conv=",
-    shortConv
-  ] }, "conv"));
-  chips.push(
-    /* @__PURE__ */ jsxs2(Text3, { color: agenticWarn ? "yellow" : void 0, children: [
-      agenticWarn ? "\u26A0 " : "",
-      "mode=",
-      meta.mode
-    ] }, "mode")
+// src/tui/theme/ThemeProvider.tsx
+import { createContext, useContext, useMemo, useState as useState3 } from "react";
+
+// src/tui/theme/themes.ts
+var DARK_THEME = {
+  accent: "cyan",
+  assistant: "white",
+  user: "cyan",
+  dim: "gray",
+  warn: "yellow",
+  err: "red",
+  ok: "green",
+  border: "gray",
+  prompt: "cyan",
+  spinner: "cyan"
+};
+var LIGHT_THEME = {
+  accent: "blue",
+  assistant: "black",
+  user: "blue",
+  dim: "gray",
+  warn: "yellow",
+  err: "red",
+  ok: "green",
+  border: "gray",
+  prompt: "blue",
+  spinner: "blue"
+};
+var HIGH_CONTRAST_THEME = {
+  accent: "white",
+  assistant: "white",
+  user: "white",
+  dim: "white",
+  warn: "yellow",
+  err: "red",
+  ok: "green",
+  border: "white",
+  prompt: "white",
+  spinner: "white"
+};
+var BUILTIN_THEMES = {
+  dark: DARK_THEME,
+  light: LIGHT_THEME,
+  "high-contrast": HIGH_CONTRAST_THEME
+};
+var DEFAULT_THEME_NAME = "dark";
+function builtinThemeNames() {
+  return Object.keys(BUILTIN_THEMES).sort();
+}
+
+// src/tui/theme/ThemeProvider.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ThemeContext = createContext({
+  theme: DARK_THEME,
+  setTheme: () => void 0
+});
+function ThemeProvider(props) {
+  const [theme, setTheme] = useState3(
+    props.initialTheme ?? DARK_THEME
   );
-  chips.push(/* @__PURE__ */ jsx3(Text3, { dimColor: true, children: meta.baseUrl }, "url"));
-  if (meta.profileName) {
-    chips.push(/* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
-      "profile=",
-      meta.profileName
-    ] }, "profile"));
-  }
-  if (pendingApprovals > 0) {
-    chips.push(
-      /* @__PURE__ */ jsxs2(Text3, { color: "yellow", children: [
-        "approvals=",
-        pendingApprovals
-      ] }, "appr")
-    );
-  }
-  if (typeof props.turns === "number") {
-    chips.push(/* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
-      "turns=",
-      props.turns
-    ] }, "turns"));
-  }
-  if (typeof props.approxTokens === "number") {
-    const pct = typeof props.contextPercent === "number" ? ` (${props.contextPercent}%)` : "";
-    chips.push(
-      /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
-        "ctx\u2248",
-        props.approxTokens,
-        "tok",
-        pct
-      ] }, "tok")
-    );
-  }
-  if (props.usageTotals && (props.usageTotals.inputTokens > 0 || props.usageTotals.outputTokens > 0)) {
-    const u = props.usageTotals;
+  const value = useMemo(
+    () => ({ theme, setTheme }),
+    [theme]
+  );
+  return /* @__PURE__ */ jsx3(ThemeContext.Provider, { value, children: props.children });
+}
+function useTheme() {
+  return useContext(ThemeContext);
+}
+
+// src/tui/chrome/TopLine.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function TopLine(props) {
+  const { theme } = useTheme();
+  const shortConv = props.meta.conversationId.slice(0, 8);
+  return /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, children: [
+    /* @__PURE__ */ jsxs2(Text3, { color: theme.dim, children: [
+      "\u2387 ",
+      props.meta.tenantId,
+      " \xB7 ",
+      props.meta.userId,
+      " \xB7 conv ",
+      shortConv
+    ] }),
+    props.streaming ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+      /* @__PURE__ */ jsx4(Text3, { color: theme.dim, children: " " }),
+      /* @__PURE__ */ jsx4(Spinner, { color: theme.spinner })
+    ] }) : null
+  ] });
+}
+
+// src/tui/chrome/TipLine.tsx
+import { Box as Box3, Text as Text4 } from "ink";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var TIPS = [
+  "Tip: type / to see available commands.",
+  "Tip: ctrl+r resumes a saved session.",
+  "Tip: ctrl+t switches the color theme.",
+  "Tip: /save stores this conversation for later.",
+  "Tip: /export writes the conversation as markdown."
+];
+function TipLine(props) {
+  const { theme } = useTheme();
+  const tip = TIPS[props.tipIndex % TIPS.length];
+  return /* @__PURE__ */ jsx5(Box3, { paddingX: 1, children: /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: tip }) });
+}
+
+// src/tui/chrome/FooterLine.tsx
+import { Box as Box4, Text as Text5 } from "ink";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function FooterLine(props) {
+  const { theme } = useTheme();
+  const segments = [];
+  segments.push(`turns ${props.turns}`);
+  segments.push(`ctx\u2248${props.approxTokens}tok (${props.contextPercent}%)`);
+  const u = props.usageTotals;
+  if (u && (u.inputTokens > 0 || u.outputTokens > 0)) {
     const cost = u.costUsd > 0 ? ` $${u.costUsd.toFixed(4)}` : "";
-    chips.push(
-      /* @__PURE__ */ jsxs2(Text3, { dimColor: true, children: [
-        "usage=",
-        u.inputTokens,
-        "\u2192",
-        u.outputTokens,
-        cost
-      ] }, "usage")
-    );
+    segments.push(`${u.inputTokens}\u2192${u.outputTokens}${cost}`);
   }
-  if (streaming) {
-    chips.push(/* @__PURE__ */ jsx3(Spinner, { color: "cyan" }, "spinner"));
+  segments.push(props.baseUrl);
+  if (props.profileName) {
+    segments.push(`profile ${props.profileName}`);
   }
-  return /* @__PURE__ */ jsx3(Box2, { borderStyle: "round", paddingX: 1, flexDirection: "row", flexWrap: "wrap", children: interpose(chips, (i) => /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: SEPARATOR }, `sep-${i}`)) });
+  return /* @__PURE__ */ jsxs3(Box4, { paddingX: 1, justifyContent: "flex-end", children: [
+    props.pendingApprovals > 0 ? /* @__PURE__ */ jsxs3(Text5, { color: theme.warn, children: [
+      "approvals ",
+      props.pendingApprovals,
+      " \xB7 "
+    ] }) : null,
+    /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: segments.join(" \xB7 ") })
+  ] });
 }
-function interpose(nodes, sep) {
-  const out = [];
-  nodes.forEach((node, i) => {
-    if (i > 0) out.push(sep(i));
-    out.push(node);
-  });
-  return out;
+
+// src/tui/chrome/InputFrame.tsx
+import { Box as Box5, Text as Text6 } from "ink";
+
+// src/tui/hooks/useTerminalWidth.ts
+import { useStdout } from "ink";
+import { useEffect as useEffect2, useState as useState4 } from "react";
+var FALLBACK_COLUMNS = 80;
+var MIN_COLUMNS = 20;
+function useTerminalWidth() {
+  const { stdout } = useStdout();
+  const [columns, setColumns] = useState4(
+    stdout?.columns ?? FALLBACK_COLUMNS
+  );
+  useEffect2(() => {
+    if (!stdout) return;
+    const onResize = () => {
+      setColumns(stdout.columns ?? FALLBACK_COLUMNS);
+    };
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  return Math.max(MIN_COLUMNS, columns);
+}
+var FALLBACK_ROWS = 24;
+var MIN_ROWS = 10;
+function useTerminalRows() {
+  const { stdout } = useStdout();
+  const [rows, setRows] = useState4(stdout?.rows ?? FALLBACK_ROWS);
+  useEffect2(() => {
+    if (!stdout) return;
+    const onResize = () => {
+      setRows(stdout.rows ?? FALLBACK_ROWS);
+    };
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  return Math.max(MIN_ROWS, rows);
+}
+
+// src/tui/chrome/InputFrame.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function InputFrame(props) {
+  const cols = useTerminalWidth();
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsxs4(Box5, { flexDirection: "column", width: cols, children: [
+    /* @__PURE__ */ jsx7(
+      Box5,
+      {
+        borderStyle: "round",
+        borderColor: theme.border,
+        borderBottom: false,
+        paddingX: 1,
+        children: props.children
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      BottomBorder,
+      {
+        cols,
+        label: props.label,
+        warn: props.labelWarn ?? false
+      }
+    )
+  ] });
+}
+function BottomBorder(props) {
+  const { theme } = useTheme();
+  const visibleLabel = props.warn ? `\u26A0 ${props.label}` : props.label;
+  const labelText = ` ${visibleLabel} `;
+  const fill = props.cols - 2 - labelText.length - 2;
+  if (fill < 1) {
+    return /* @__PURE__ */ jsxs4(Text6, { color: theme.border, children: [
+      "\u2570",
+      "\u2500".repeat(Math.max(0, props.cols - 2)),
+      "\u256F"
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4(Text6, { children: [
+    /* @__PURE__ */ jsxs4(Text6, { color: theme.border, children: [
+      "\u2570",
+      "\u2500".repeat(fill)
+    ] }),
+    /* @__PURE__ */ jsx7(Text6, { color: props.warn ? theme.warn : theme.dim, children: labelText }),
+    /* @__PURE__ */ jsx7(Text6, { color: theme.border, children: "\u2500\u2500\u256F" })
+  ] });
 }
 
-// src/tui/transcript/Transcript.tsx
+// src/tui/chrome/WelcomeCard.tsx
 import { Box as Box6, Text as Text7 } from "ink";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var LOGO = [
+  [
+    { text: "\u2880", tone: "accent" },
+    { text: "\u2800\u2800\u2800\u2800\u2800\u2800\u2800\u2800", tone: "accent" },
+    { text: "\u28C0", tone: "accent" },
+    { text: "\u28E4\u28E4\u28C0", tone: "warn" },
+    { text: "\u2800\u2800\u2800\u2800\u2800\u2800\u2800\u2800", tone: "accent" },
+    { text: "\u2840", tone: "accent" }
+  ],
+  [
+    { text: "\u2800", tone: "accent" },
+    { text: "\u28BF\u28F6\u28F6\u28E4\u28E4\u28F0", tone: "accent" },
+    { text: "\u28B6\u28FF\u28FF\u28FF\u28FF\u28FF\u28FF\u28F7", tone: "warn" },
+    { text: "\u28C6\u28E4\u28E4\u28F6\u28F6\u287F", tone: "accent" },
+    { text: "\u2800", tone: "accent" }
+  ],
+  [
+    { text: "\u2800", tone: "accent" },
+    { text: "\u2808\u281B\u28DB\u289B\u28DB\u28DB\u285B\u283A", tone: "accent" },
+    { text: "\u28BF\u28FF\u28FF\u287F", tone: "warn" },
+    { text: "\u281F\u281B\u28DB\u28DB\u28DB\u28DB\u281B\u2801", tone: "accent" },
+    { text: "\u2800", tone: "accent" }
+  ],
+  [
+    { text: "\u2800", tone: "accent" },
+    { text: "\u2880\u28FF\u28FF", tone: "accent" },
+    { text: "\u28FF\u289F\u28DB\u28DB\u28BF\u28E6", tone: "face" },
+    { text: "\u28CC\u28E1", tone: "accent" },
+    { text: "\u28F4\u287E\u28DB\u28DB\u287F\u28FF", tone: "face" },
+    { text: "\u28FF\u28F7", tone: "accent" },
+    { text: "\u2800\u2800", tone: "accent" }
+  ],
+  [
+    { text: "\u2800", tone: "accent" },
+    { text: "\u28F8\u28FF", tone: "accent" },
+    { text: "\u28FF", tone: "face" },
+    { text: "\u28B3", tone: "accent" },
+    { text: "\u287F", tone: "warn" },
+    { text: "\u286F", tone: "accent" },
+    { text: "\u2819\u28F7", tone: "warn" },
+    { text: "\u28BB\u28FF\u28FF\u285F", tone: "face" },
+    { text: "\u28FE\u280B", tone: "warn" },
+    { text: "\u28BD", tone: "accent" },
+    { text: "\u28BB", tone: "warn" },
+    { text: "\u28FD", tone: "accent" },
+    { text: "\u28FF", tone: "face" },
+    { text: "\u28FF\u2847", tone: "accent" },
+    { text: "\u2800", tone: "accent" }
+  ],
+  [
+    { text: "\u2800", tone: "accent" },
+    { text: "\u28BB\u28FF", tone: "accent" },
+    { text: "\u28FF", tone: "face" },
+    { text: "\u285C\u28E7\u28C0\u28E0\u287F", tone: "warn" },
+    { text: "\u28FC\u287F\u28FF\u28E7", tone: "face" },
+    { text: "\u28BF\u28C4\u28E0\u287E", tone: "warn" },
+    { text: "\u28FB", tone: "accent" },
+    { text: "\u28FF", tone: "face" },
+    { text: "\u28FF\u2847", tone: "accent" },
+    { text: "\u2800", tone: "accent" }
+  ],
+  [
+    { text: "\u2800", tone: "accent" },
+    { text: "\u2818\u28FF\u28FF", tone: "accent" },
+    { text: "\u28FF\u28F6\u28EF\u28F7\u28FE\u285F", tone: "face" },
+    { text: "\u2801\u28EC", tone: "accent" },
+    { text: "\u28FB\u28F7\u28FE\u28FF\u28FE\u28FF", tone: "face" },
+    { text: "\u28FF\u287F", tone: "accent" },
+    { text: "\u2800\u2800", tone: "accent" }
+  ],
+  [
+    { text: "\u2800\u2800", tone: "accent" },
+    { text: "\u2818\u28BF\u28FF\u28FF", tone: "accent" },
+    { text: "\u28FF\u28FF\u28FF\u28FF", tone: "face" },
+    { text: "\u2844\u28A1", tone: "accent" },
+    { text: "\u28FF\u28FF\u28FF\u28FF", tone: "face" },
+    { text: "\u28FF\u28FF\u281F\u2801", tone: "accent" },
+    { text: "\u2800\u2800", tone: "accent" }
+  ],
+  [
+    { text: "\u2800\u2800\u2800\u2800", tone: "accent" },
+    { text: "\u2819\u283B\u28BF\u28FF\u28FF", tone: "accent" },
+    { text: "\u28FF\u28FF\u28FF\u28FF", tone: "face" },
+    { text: "\u28FF\u28FF\u287F\u281F\u2801", tone: "accent" },
+    { text: "\u2800\u2800\u2800\u2800", tone: "accent" }
+  ],
+  [
+    { text: "\u2800\u2800\u2800\u2800\u2800\u2800\u2800", tone: "accent" },
+    { text: "\u2808\u2819\u281B\u281B\u281B\u281B\u2809\u2801", tone: "accent" },
+    { text: "\u2800\u2800\u2800\u2800\u2800\u2800\u2800", tone: "accent" }
+  ]
+];
+var MENU = [
+  { label: "Resume session", shortcut: "ctrl+r" },
+  { label: "Switch theme", shortcut: "ctrl+t" },
+  { label: "Help", shortcut: "ctrl+g  (/help)" },
+  { label: "Quit", shortcut: "ctrl+q" }
+];
+var CHROME_ROWS = 6;
+var CARD_ROWS = 14;
+function WelcomeCard(props) {
+  const cols = useTerminalWidth();
+  const rows = useTerminalRows();
+  const { theme } = useTheme();
+  return /* @__PURE__ */ jsx8(
+    Box6,
+    {
+      flexDirection: "column",
+      justifyContent: "center",
+      height: Math.max(CARD_ROWS + 1, rows - CHROME_ROWS),
+      children: /* @__PURE__ */ jsxs5(
+        Box6,
+        {
+          borderStyle: "round",
+          borderColor: theme.border,
+          width: Math.min(cols, 64),
+          alignSelf: "center",
+          paddingX: 2,
+          paddingY: 1,
+          flexDirection: "row",
+          children: [
+            /* @__PURE__ */ jsx8(Box6, { flexDirection: "column", marginRight: 3, children: LOGO.map((row, i) => /* @__PURE__ */ jsx8(Text7, { children: row.map((seg, j) => /* @__PURE__ */ jsx8(
+              Text7,
+              {
+                color: seg.tone === "warn" ? theme.warn : seg.tone === "face" ? theme.assistant : theme.accent,
+                children: seg.text
+              },
+              j
+            )) }, i)) }),
+            /* @__PURE__ */ jsxs5(Box6, { flexDirection: "column", flexGrow: 1, children: [
+              /* @__PURE__ */ jsxs5(Box6, { children: [
+                /* @__PURE__ */ jsx8(Text7, { color: theme.accent, bold: true, children: "miot chat" }),
+                /* @__PURE__ */ jsxs5(Text7, { color: theme.dim, children: [
+                  " v",
+                  props.version
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx8(Box6, { height: 1 }),
+              MENU.map((item) => /* @__PURE__ */ jsxs5(Box6, { justifyContent: "space-between", children: [
+                /* @__PURE__ */ jsx8(Text7, { children: item.label }),
+                /* @__PURE__ */ jsx8(Text7, { color: theme.dim, children: item.shortcut })
+              ] }, item.label))
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/tui/transcript/Transcript.tsx
+import { Box as Box10, Text as Text11 } from "ink";
 
 // src/tui/transcript/AssistantTurn.tsx
-import { Box as Box3, Text as Text4 } from "ink";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text8 } from "ink";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function AssistantTurn(props) {
   const { text, status } = props.item;
   const color = status === "failed" ? "red" : status === "complete" ? "green" : "white";
-  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "row", marginTop: 1, children: [
-    status === "streaming" ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx4(Spinner, { color: "cyan" }),
-      /* @__PURE__ */ jsxs3(Text4, { color, bold: true, children: [
+  return /* @__PURE__ */ jsxs6(Box7, { flexDirection: "row", marginTop: 1, children: [
+    status === "streaming" ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+      /* @__PURE__ */ jsx9(Spinner, { color: "cyan" }),
+      /* @__PURE__ */ jsxs6(Text8, { color, bold: true, children: [
         " ",
         "miot",
         " "
       ] })
-    ] }) : /* @__PURE__ */ jsxs3(Text4, { color, bold: true, children: [
+    ] }) : /* @__PURE__ */ jsxs6(Text8, { color, bold: true, children: [
       status === "failed" ? "\u2717 " : "\u2713 ",
       "miot",
       " "
     ] }),
-    /* @__PURE__ */ jsx4(Text4, { color, children: text })
+    /* @__PURE__ */ jsx9(Text8, { color, children: text })
   ] });
 }
 
 // src/tui/transcript/ToolCall.tsx
-import { Box as Box4, Text as Text5 } from "ink";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text9 } from "ink";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function ToolCall(props) {
   const { name, status, message } = props.item;
   const color = status === "failed" ? "red" : status === "ok" ? "green" : "yellow";
   const glyph = status === "running" ? null : status === "ok" ? "\u2713" : "\u2717";
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "row", children: [
-    /* @__PURE__ */ jsx5(Text5, { color, children: glyph !== null ? `${glyph} ` : "" }),
-    status === "running" ? /* @__PURE__ */ jsx5(Spinner, { color }) : null,
-    /* @__PURE__ */ jsxs4(Text5, { color, children: [
+  return /* @__PURE__ */ jsxs7(Box8, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx10(Text9, { color, children: glyph !== null ? `${glyph} ` : "" }),
+    status === "running" ? /* @__PURE__ */ jsx10(Spinner, { color }) : null,
+    /* @__PURE__ */ jsxs7(Text9, { color, children: [
       " ",
       "tool: ",
       name,
@@ -1189,24 +1483,24 @@ function ToolCall(props) {
 }
 
 // src/tui/transcript/UserTurn.tsx
-import { Box as Box5, Text as Text6 } from "ink";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text10 } from "ink";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function UserTurn(props) {
   const { text } = props.item;
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", marginTop: 1, children: [
-    /* @__PURE__ */ jsxs5(Text6, { color: "cyan", bold: true, children: [
+  return /* @__PURE__ */ jsxs8(Box9, { flexDirection: "row", marginTop: 1, children: [
+    /* @__PURE__ */ jsxs8(Text10, { color: "cyan", bold: true, children: [
       "you",
       " "
     ] }),
-    /* @__PURE__ */ jsx6(Text6, { children: text })
+    /* @__PURE__ */ jsx11(Text10, { children: text })
   ] });
 }
 
 // src/tui/transcript/Transcript.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function Transcript(props) {
   const activeChainIdx = props.isStreaming ? findActiveChainIndex(props.items) : -1;
-  return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", children: props.items.map((item, i) => /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx12(Box10, { flexDirection: "column", children: props.items.map((item, i) => /* @__PURE__ */ jsx12(
     TranscriptItemView,
     {
       item,
@@ -1231,38 +1525,38 @@ function TranscriptItemView(props) {
   const { item, isActive } = props;
   switch (item.kind) {
     case "user":
-      return /* @__PURE__ */ jsx7(UserTurn, { item });
+      return /* @__PURE__ */ jsx12(UserTurn, { item });
     case "assistant":
-      return /* @__PURE__ */ jsx7(AssistantTurn, { item });
+      return /* @__PURE__ */ jsx12(AssistantTurn, { item });
     case "tool":
-      return /* @__PURE__ */ jsx7(ToolCall, { item });
+      return /* @__PURE__ */ jsx12(ToolCall, { item });
     case "route":
-      return /* @__PURE__ */ jsx7(ChainRow, { prefix: "route:", isActive, children: item.route });
+      return /* @__PURE__ */ jsx12(ChainRow, { prefix: "route:", isActive, children: item.route });
     case "agent":
-      return /* @__PURE__ */ jsx7(ChainRow, { prefix: "agent:", isActive, children: item.agent });
+      return /* @__PURE__ */ jsx12(ChainRow, { prefix: "agent:", isActive, children: item.agent });
     case "thinking":
-      return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", children: [
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "  \u22EE " }),
-        /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: item.text })
+      return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "row", children: [
+        /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: "  \u22EE " }),
+        /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: item.text })
       ] });
     case "plan":
-      return /* @__PURE__ */ jsx7(ChainRow, { prefix: "plan:", isActive, children: item.message });
+      return /* @__PURE__ */ jsx12(ChainRow, { prefix: "plan:", isActive, children: item.message });
     case "freshness":
-      return /* @__PURE__ */ jsxs6(Text7, { color: "yellow", children: [
+      return /* @__PURE__ */ jsxs9(Text11, { color: "yellow", children: [
         "\u26A0 ",
         item.message
       ] });
     case "artifact":
-      return /* @__PURE__ */ jsx7(ChainRow, { prefix: "artifact:", isActive, children: item.artifactKind });
+      return /* @__PURE__ */ jsx12(ChainRow, { prefix: "artifact:", isActive, children: item.artifactKind });
     case "system":
-      return /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: item.text });
+      return /* @__PURE__ */ jsx12(Text11, { dimColor: true, children: item.text });
   }
 }
 function ChainRow(props) {
   if (props.isActive) {
-    return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", children: [
-      /* @__PURE__ */ jsx7(Spinner, { color: "cyan" }),
-      /* @__PURE__ */ jsxs6(Text7, { color: "cyan", bold: true, children: [
+    return /* @__PURE__ */ jsxs9(Box10, { flexDirection: "row", children: [
+      /* @__PURE__ */ jsx12(Spinner, { color: "cyan" }),
+      /* @__PURE__ */ jsxs9(Text11, { color: "cyan", bold: true, children: [
         " ",
         props.prefix,
         " ",
@@ -1270,7 +1564,7 @@ function ChainRow(props) {
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs6(Text7, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs9(Text11, { dimColor: true, children: [
     "\xB7 ",
     props.prefix,
     " ",
@@ -1279,7 +1573,7 @@ function ChainRow(props) {
 }
 
 // src/tui/modals/ContextModal.tsx
-import { Box as Box7, Text as Text8, useInput as useInput2 } from "ink";
+import { Box as Box11, Text as Text12, useInput as useInput2 } from "ink";
 
 // src/tui/session/selectors.ts
 function isStreaming(state) {
@@ -1331,7 +1625,7 @@ function contextPercent(state) {
 }
 
 // src/tui/modals/ContextModal.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 function ContextModal(props) {
   const { session, lastRunId } = props;
   useInput2(
@@ -1356,24 +1650,24 @@ function ContextModal(props) {
     "pending approvals",
     String(session.pendingApprovals.length)
   ]);
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
-    /* @__PURE__ */ jsx8(Text8, { bold: true, children: "session context" }),
-    fields.map(([key, value]) => /* @__PURE__ */ jsxs7(Text8, { children: [
+  return /* @__PURE__ */ jsxs10(Box11, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
+    /* @__PURE__ */ jsx13(Text12, { bold: true, children: "session context" }),
+    fields.map(([key, value]) => /* @__PURE__ */ jsxs10(Text12, { children: [
       key.padEnd(18),
       " ",
       value
     ] }, key)),
-    /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "esc/enter to close" })
+    /* @__PURE__ */ jsx13(Text12, { dimColor: true, children: "esc/enter to close" })
   ] });
 }
 
 // src/tui/modals/ResumePicker.tsx
-import { Box as Box8, Text as Text9, useInput as useInput3 } from "ink";
-import { useState as useState3 } from "react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text13, useInput as useInput3 } from "ink";
+import { useState as useState5 } from "react";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function ResumePicker(props) {
   const maxRows = props.maxRows ?? 10;
-  const [index, setIndex] = useState3(0);
+  const [index, setIndex] = useState5(0);
   const summaries = props.summaries;
   const cap = Math.max(0, summaries.length - 1);
   useInput3(
@@ -1398,23 +1692,23 @@ function ResumePicker(props) {
     { isActive: props.isFocused ?? true }
   );
   if (summaries.length === 0) {
-    return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
-      /* @__PURE__ */ jsx9(Text9, { bold: true, children: "resume session" }),
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "(no saved sessions)" }),
-      /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "esc to close" })
+    return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
+      /* @__PURE__ */ jsx14(Text13, { bold: true, children: "resume session" }),
+      /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "(no saved sessions)" }),
+      /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "esc to close" })
     ] });
   }
   const visible = summaries.slice(0, maxRows);
   const truncated = summaries.length - visible.length;
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
-    /* @__PURE__ */ jsx9(Text9, { bold: true, children: "resume session" }),
-    visible.map((s, i) => /* @__PURE__ */ jsx9(Text9, { inverse: i === index, children: summarize(s) }, s.id)),
-    truncated > 0 ? /* @__PURE__ */ jsxs8(Text9, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs11(Box12, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
+    /* @__PURE__ */ jsx14(Text13, { bold: true, children: "resume session" }),
+    visible.map((s, i) => /* @__PURE__ */ jsx14(Text13, { inverse: i === index, children: summarize(s) }, s.id)),
+    truncated > 0 ? /* @__PURE__ */ jsxs11(Text13, { dimColor: true, children: [
       "\u2026 ",
       truncated,
       " more"
     ] }) : null,
-    /* @__PURE__ */ jsx9(Text9, { dimColor: true, children: "\u2191\u2193 navigate \xB7 enter select \xB7 esc cancel" })
+    /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: "\u2191\u2193 navigate \xB7 enter select \xB7 esc cancel" })
   ] });
 }
 function summarize(s) {
@@ -1430,62 +1724,13 @@ function truncate(text, max) {
 }
 
 // src/tui/modals/ThemePicker.tsx
-import { Box as Box9, Text as Text10, useInput as useInput4 } from "ink";
-import { useState as useState4 } from "react";
-
-// src/tui/theme/themes.ts
-var DARK_THEME = {
-  accent: "cyan",
-  assistant: "white",
-  user: "cyan",
-  dim: "gray",
-  warn: "yellow",
-  err: "red",
-  ok: "green",
-  border: "gray",
-  prompt: "cyan",
-  spinner: "cyan"
-};
-var LIGHT_THEME = {
-  accent: "blue",
-  assistant: "black",
-  user: "blue",
-  dim: "gray",
-  warn: "yellow",
-  err: "red",
-  ok: "green",
-  border: "gray",
-  prompt: "blue",
-  spinner: "blue"
-};
-var HIGH_CONTRAST_THEME = {
-  accent: "white",
-  assistant: "white",
-  user: "white",
-  dim: "white",
-  warn: "yellow",
-  err: "red",
-  ok: "green",
-  border: "white",
-  prompt: "white",
-  spinner: "white"
-};
-var BUILTIN_THEMES = {
-  dark: DARK_THEME,
-  light: LIGHT_THEME,
-  "high-contrast": HIGH_CONTRAST_THEME
-};
-var DEFAULT_THEME_NAME = "dark";
-function builtinThemeNames() {
-  return Object.keys(BUILTIN_THEMES).sort();
-}
-
-// src/tui/modals/ThemePicker.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text14, useInput as useInput4 } from "ink";
+import { useState as useState6 } from "react";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function ThemePicker(props) {
   const names = builtinThemeNames();
   const initial = props.initialName ? Math.max(0, names.indexOf(props.initialName)) : 0;
-  const [index, setIndex] = useState4(initial);
+  const [index, setIndex] = useState6(initial);
   const cap = names.length - 1;
   useInput4(
     (_input, key) => {
@@ -1508,23 +1753,23 @@ function ThemePicker(props) {
     },
     { isActive: props.isFocused ?? true }
   );
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
-    /* @__PURE__ */ jsx10(Text10, { bold: true, children: "theme" }),
+  return /* @__PURE__ */ jsxs12(Box13, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
+    /* @__PURE__ */ jsx15(Text14, { bold: true, children: "theme" }),
     names.map((name, i) => {
       const t = BUILTIN_THEMES[name];
       const sample = t ? `accent=${t.accent} user=${t.user}` : "";
-      return /* @__PURE__ */ jsxs9(Text10, { inverse: i === index, children: [
+      return /* @__PURE__ */ jsxs12(Text14, { inverse: i === index, children: [
         name.padEnd(15),
         " ",
         sample
       ] }, name);
     }),
-    /* @__PURE__ */ jsx10(Text10, { dimColor: true, children: "\u2191\u2193 navigate \xB7 enter apply \xB7 esc cancel" })
+    /* @__PURE__ */ jsx15(Text14, { dimColor: true, children: "\u2191\u2193 navigate \xB7 enter apply \xB7 esc cancel" })
   ] });
 }
 
 // src/tui/modals/ApprovalModal.tsx
-import { Box as Box10, Text as Text11, useInput as useInput5 } from "ink";
+import { Box as Box14, Text as Text15, useInput as useInput5 } from "ink";
 
 // src/tui/session/approvals.ts
 var APPROVALS_UI_ENV = "MIOT_CHAT_APPROVALS_UI";
@@ -1536,7 +1781,7 @@ function isApprovalsUiEnabled(env = process.env) {
 var APPROVAL_REPLY_PLACEHOLDER = "approval reply not yet supported by harness";
 
 // src/tui/modals/ApprovalModal.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function ApprovalModal(props) {
   const { approval, onResolve } = props;
   useInput5(
@@ -1549,22 +1794,22 @@ function ApprovalModal(props) {
     { isActive: props.isFocused ?? true }
   );
   const data = JSON.stringify(approval.data, null, 2);
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
-    /* @__PURE__ */ jsx11(Text11, { bold: true, color: "yellow", children: "approval requested" }),
-    /* @__PURE__ */ jsx11(Text11, { children: approval.message || "(no message)" }),
-    /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: data }),
-    /* @__PURE__ */ jsx11(Text11, { children: "[Y] approve  [N] deny  [Esc] later" }),
-    /* @__PURE__ */ jsx11(Text11, { dimColor: true, children: APPROVAL_REPLY_PLACEHOLDER })
+  return /* @__PURE__ */ jsxs13(Box14, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
+    /* @__PURE__ */ jsx16(Text15, { bold: true, color: "yellow", children: "approval requested" }),
+    /* @__PURE__ */ jsx16(Text15, { children: approval.message || "(no message)" }),
+    /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: data }),
+    /* @__PURE__ */ jsx16(Text15, { children: "[Y] approve  [N] deny  [Esc] later" }),
+    /* @__PURE__ */ jsx16(Text15, { dimColor: true, children: APPROVAL_REPLY_PLACEHOLDER })
   ] });
 }
 
 // src/tui/modals/RunsPicker.tsx
-import { Box as Box11, Text as Text12, useInput as useInput6 } from "ink";
-import { useState as useState5 } from "react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box15, Text as Text16, useInput as useInput6 } from "ink";
+import { useState as useState7 } from "react";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function RunsPicker(props) {
   const maxRows = props.maxRows ?? 10;
-  const [index, setIndex] = useState5(0);
+  const [index, setIndex] = useState7(0);
   const cap = Math.max(0, props.runs.length - 1);
   useInput6(
     (_input, key) => {
@@ -1588,23 +1833,23 @@ function RunsPicker(props) {
     { isActive: props.isFocused ?? true }
   );
   if (props.runs.length === 0) {
-    return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
-      /* @__PURE__ */ jsx12(Text12, { bold: true, children: "recent runs" }),
-      /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "(no runs in this session)" }),
-      /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "esc to close" })
+    return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
+      /* @__PURE__ */ jsx17(Text16, { bold: true, children: "recent runs" }),
+      /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "(no runs in this session)" }),
+      /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "esc to close" })
     ] });
   }
   const visible = props.runs.slice(0, maxRows);
   const truncated = props.runs.length - visible.length;
-  return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
-    /* @__PURE__ */ jsx12(Text12, { bold: true, children: "recent runs" }),
-    visible.map((r, i) => /* @__PURE__ */ jsx12(Text12, { inverse: i === index, children: formatRow(r) }, r.runId)),
-    truncated > 0 ? /* @__PURE__ */ jsxs11(Text12, { dimColor: true, children: [
+  return /* @__PURE__ */ jsxs14(Box15, { flexDirection: "column", borderStyle: "round", paddingX: 1, children: [
+    /* @__PURE__ */ jsx17(Text16, { bold: true, children: "recent runs" }),
+    visible.map((r, i) => /* @__PURE__ */ jsx17(Text16, { inverse: i === index, children: formatRow(r) }, r.runId)),
+    truncated > 0 ? /* @__PURE__ */ jsxs14(Text16, { dimColor: true, children: [
       "\u2026 ",
       truncated,
       " more"
     ] }) : null,
-    /* @__PURE__ */ jsx12(Text12, { dimColor: true, children: "\u2191\u2193 navigate \xB7 enter replay \xB7 esc cancel" })
+    /* @__PURE__ */ jsx17(Text16, { dimColor: true, children: "\u2191\u2193 navigate \xB7 enter replay \xB7 esc cancel" })
   ] });
 }
 function formatRow(r) {
@@ -1643,27 +1888,6 @@ function findPrecedingPrompt(items, startAt) {
   return null;
 }
 
-// src/tui/theme/ThemeProvider.tsx
-import { createContext, useContext, useMemo, useState as useState6 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var ThemeContext = createContext({
-  theme: DARK_THEME,
-  setTheme: () => void 0
-});
-function ThemeProvider(props) {
-  const [theme, setTheme] = useState6(
-    props.initialTheme ?? DARK_THEME
-  );
-  const value = useMemo(
-    () => ({ theme, setTheme }),
-    [theme]
-  );
-  return /* @__PURE__ */ jsx13(ThemeContext.Provider, { value, children: props.children });
-}
-function useTheme() {
-  return useContext(ThemeContext);
-}
-
 // src/tui/theme/loadUserTheme.ts
 function loadUserTheme(config) {
   if (config === void 0 || config === null) {
@@ -1695,8 +1919,14 @@ function resolveByName(name) {
   };
 }
 
+// src/tui/session/agentic.ts
+var AGENTIC_TENANT_LOCK2 = "mintral";
+function isAgenticTenantMismatch(mode, tenant) {
+  return mode === "agentic" && tenant !== AGENTIC_TENANT_LOCK2;
+}
+
 // src/tui/useSession.ts
-import { useCallback, useEffect as useEffect2, useReducer as useReducer2, useRef } from "react";
+import { useCallback, useEffect as useEffect3, useReducer as useReducer2, useRef } from "react";
 import { appendFileSync, mkdirSync as mkdirSync3 } from "fs";
 import { dirname as dirname3 } from "path";
 
@@ -2178,7 +2408,7 @@ function useSession(opts) {
     () => initialSession(opts.initial, opts.ctx)
   );
   const stateRef = useRef(state);
-  useEffect2(() => {
+  useEffect3(() => {
     stateRef.current = state;
   }, [state]);
   const abortRef = useRef(null);
@@ -2771,14 +3001,13 @@ function lastUserPrompt(state) {
 }
 
 // src/tui/App.tsx
-import { Text as Text13 } from "ink";
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 function App(props) {
   const themeResult = useMemo2(
     () => loadUserTheme(props.config.theme),
     [props.config.theme]
   );
-  return /* @__PURE__ */ jsx14(ThemeProvider, { initialTheme: themeResult.theme, children: /* @__PURE__ */ jsx14(AppInner, { ...props, themeWarning: themeResult.warning }) });
+  return /* @__PURE__ */ jsx18(ThemeProvider, { initialTheme: themeResult.theme, children: /* @__PURE__ */ jsx18(AppInner, { ...props, themeWarning: themeResult.warning }) });
 }
 function AppInner(props) {
   const home = props.home ?? defaultMiotChatHome();
@@ -2798,8 +3027,8 @@ function AppInner(props) {
     client: props.client
   });
   const { setTheme } = useTheme();
-  const [extraItems, setExtraItems] = useState7([]);
-  const [modal, setModalState] = useState7({ spec: null });
+  const [extraItems, setExtraItems] = useState8([]);
+  const [modal, setModalState] = useState8({ spec: null });
   const registry = useMemo2(() => {
     const reg = new SlashRegistry();
     reg.register(helpCommand).register(clearCommand).register(resetCommand).register(exitCommand).register(modeCommand).register(tenantCommand).register(userCommand).register(saveCommand).register(contextCommand).register(whoamiCommand).register(themeCommand).register(resumeCommand).register(exportCommand).register(runsCommand).register(approveCommand);
@@ -2857,6 +3086,13 @@ function AppInner(props) {
       appendSystem
     ]
   );
+  useInput7((input, key) => {
+    if (!key.ctrl || modal.spec !== null) return;
+    if (input === "r") void dispatchSlash("/resume");
+    else if (input === "t") void dispatchSlash("/theme");
+    else if (input === "g") void dispatchSlash("/help");
+    else if (input === "q") void dispatchSlash("/exit");
+  });
   const handleSubmit = useCallback2(
     (text) => {
       if (text.trim().startsWith("/")) {
@@ -2877,16 +3113,21 @@ function AppInner(props) {
   );
   const modalSpec = modal.spec;
   const editorActive = modalSpec === null;
-  return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", children: [
-    props.themeWarning ? /* @__PURE__ */ jsx14(Box12, { paddingX: 1, children: /* @__PURE__ */ jsx14(SystemNote, { text: `theme: ${props.themeWarning}` }) }) : null,
-    /* @__PURE__ */ jsx14(
+  const version = useMemo2(() => packageVersion(), []);
+  const showWelcome = allItems.length === 0 && modalSpec === null;
+  const meta = session.state.meta;
+  const agenticWarn = isAgenticTenantMismatch(meta.mode, meta.tenantId);
+  return /* @__PURE__ */ jsxs15(Box16, { flexDirection: "column", children: [
+    props.themeWarning ? /* @__PURE__ */ jsx18(Box16, { paddingX: 1, children: /* @__PURE__ */ jsx18(SystemNote, { text: `theme: ${props.themeWarning}` }) }) : null,
+    /* @__PURE__ */ jsx18(TopLine, { meta, streaming: isStreaming(session.state) }),
+    showWelcome ? /* @__PURE__ */ jsx18(WelcomeCard, { version }) : /* @__PURE__ */ jsx18(
       Transcript,
       {
         items: allItems,
         isStreaming: isStreaming(session.state)
       }
     ),
-    modalSpec?.kind === "context" ? /* @__PURE__ */ jsx14(
+    modalSpec?.kind === "context" ? /* @__PURE__ */ jsx18(
       ContextModal,
       {
         session: session.state,
@@ -2894,7 +3135,7 @@ function AppInner(props) {
         onClose: closeModal
       }
     ) : null,
-    modalSpec?.kind === "resume" ? /* @__PURE__ */ jsx14(
+    modalSpec?.kind === "resume" ? /* @__PURE__ */ jsx18(
       ResumePicker,
       {
         summaries: listSessions(home),
@@ -2907,7 +3148,7 @@ function AppInner(props) {
         onCancel: closeModal
       }
     ) : null,
-    modalSpec?.kind === "theme" ? /* @__PURE__ */ jsx14(
+    modalSpec?.kind === "theme" ? /* @__PURE__ */ jsx18(
       ThemePicker,
       {
         initialName: typeof modalSpec.payload?.name === "string" ? modalSpec.payload.name : void 0,
@@ -2922,7 +3163,7 @@ function AppInner(props) {
         onCancel: closeModal
       }
     ) : null,
-    modalSpec?.kind === "approval" && isApprovalsUiEnabled() && session.state.pendingApprovals.length > 0 ? /* @__PURE__ */ jsx14(
+    modalSpec?.kind === "approval" && isApprovalsUiEnabled() && session.state.pendingApprovals.length > 0 ? /* @__PURE__ */ jsx18(
       ApprovalModal,
       {
         approval: session.state.pendingApprovals[0],
@@ -2932,7 +3173,7 @@ function AppInner(props) {
         }
       }
     ) : null,
-    modalSpec?.kind === "runs" ? /* @__PURE__ */ jsx14(
+    modalSpec?.kind === "runs" ? /* @__PURE__ */ jsx18(
       RunsPickerWrapped,
       {
         state: session.state,
@@ -2943,27 +3184,28 @@ function AppInner(props) {
         onCancel: closeModal
       }
     ) : null,
-    /* @__PURE__ */ jsx14(
-      Header,
+    /* @__PURE__ */ jsx18(TipLine, { tipIndex: turnCount(session.state) }),
+    /* @__PURE__ */ jsx18(InputFrame, { label: `miot \xB7 ${meta.mode}`, labelWarn: agenticWarn, children: /* @__PURE__ */ jsx18(Editor, { onSubmit: handleSubmit, isFocused: editorActive }) }),
+    /* @__PURE__ */ jsx18(
+      FooterLine,
       {
-        meta: session.state.meta,
-        streaming: isStreaming(session.state),
-        pendingApprovals: pendingApprovalCount(session.state),
         turns: turnCount(session.state),
         approxTokens: approxTokenCount(session.state),
         contextPercent: contextPercent(session.state),
-        usageTotals: session.state.usageTotals
+        usageTotals: session.state.usageTotals,
+        baseUrl: meta.baseUrl,
+        profileName: meta.profileName,
+        pendingApprovals: pendingApprovalCount(session.state)
       }
-    ),
-    /* @__PURE__ */ jsx14(Editor, { onSubmit: handleSubmit, isFocused: editorActive })
+    )
   ] });
 }
 function RunsPickerWrapped(props) {
   const runs = summarizeRuns(props.state);
-  return /* @__PURE__ */ jsx14(RunsPicker, { runs, onSelect: props.onSelect, onCancel: props.onCancel });
+  return /* @__PURE__ */ jsx18(RunsPicker, { runs, onSelect: props.onSelect, onCancel: props.onCancel });
 }
 function SystemNote(props) {
-  return /* @__PURE__ */ jsx14(Box12, { children: /* @__PURE__ */ jsx14(Text13, { dimColor: true, children: props.text }) });
+  return /* @__PURE__ */ jsx18(Box16, { children: /* @__PURE__ */ jsx18(Text17, { dimColor: true, children: props.text }) });
 }
 
 // src/tui/runTui.ts