openmates 0.27.0-alpha.2 → 0.27.0-alpha.3

package/dist/{chunk-S7KAERLW.js → chunk-USV2GHLA.js}

@@ -60003,6 +60003,12 @@ Only output the final Markdown table. Do NOT include explanations, notes, or any
     title: {
       text: "Apps"
     },
+    results: {
+      text: "Results"
+    },
+    no_results: {
+      text: "No results found."
+    },
     app_label: {
       text: "App"
     },
@@ -83031,9 +83037,11 @@ var TuiTerminal = class {
   keyInput = new PassThrough();
   decoder = new StringDecoder("utf8");
   pendingInput = "";
+  pendingMouse = "";
   paste = false;
   pasteText = "";
   inputTimer = null;
+  mouseTimer = null;
   rawInput = (chunk) => this.receiveInput(typeof chunk === "string" ? chunk : this.decoder.write(chunk));
   input;
   output;
@@ -83069,6 +83077,7 @@ var TuiTerminal = class {
     this.output.write("\x1B[?1049h");
     this.output.write("\x1B[?25l");
     this.output.write("\x1B[?2004h");
+    this.output.write("\x1B[?1000h\x1B[?1006h");
     this.output.write("\x1B[2J\x1B[H");
   }
   leave() {
@@ -83089,8 +83098,11 @@ var TuiTerminal = class {
     this.input.off("data", this.rawInput);
     if (this.resizeHandler) this.output.off("resize", this.resizeHandler);
     if (this.inputTimer) clearTimeout(this.inputTimer);
+    if (this.mouseTimer) clearTimeout(this.mouseTimer);
+    this.mouseTimer = null;
     this.inputTimer = null;
     this.pendingInput = "";
+    this.pendingMouse = "";
     this.paste = false;
     this.pasteText = "";
     this.output.write("\x1B[?25h");
@@ -83114,6 +83126,7 @@ var TuiTerminal = class {
         this.output.write("\x1B[?1049h");
         this.output.write("\x1B[?25l");
         this.output.write("\x1B[?2004h");
+        this.output.write("\x1B[?1000h\x1B[?1006h");
         this.output.write("\x1B[2J\x1B[H");
       }
     }
@@ -83130,9 +83143,10 @@ var TuiTerminal = class {
   }
   render(frame) {
     if (!this.active || this.suspended) return;
-    this.output.write("\x1B[H");
-    this.output.write(frame);
-    this.output.write("\x1B[J");
+    const rows2 = frame.split("\n").slice(0, this.height);
+    const body = rows2.map((row, index) => `\x1B[${index + 1};1H\x1B[2K${row}`).join("");
+    const tail = rows2.length < this.height ? `\x1B[${rows2.length + 1};1H\x1B[J` : "";
+    this.output.write(`\x1B[?2026h${body}${tail}\x1B[?2026l`);
   }
   receiveInput(text4) {
     if (this.inputTimer) clearTimeout(this.inputTimer);
@@ -83146,7 +83160,7 @@ var TuiTerminal = class {
         this.pasteText = (this.pasteText + before).slice(0, 131072);
         this.keyHandler?.(this.pasteText, { name: "paste" });
         this.pasteText = "";
-      } else this.keyInput.write(before);
+      } else this.dispatchInput(before);
       this.paste = !this.paste;
       this.pendingInput = this.pendingInput.slice(found + marker.length);
       this.receiveInput("");
@@ -83157,13 +83171,53 @@ var TuiTerminal = class {
     const ready2 = this.pendingInput.slice(0, this.pendingInput.length - trailing);
     this.pendingInput = trailing ? this.pendingInput.slice(-trailing) : "";
     if (this.paste) this.pasteText = (this.pasteText + ready2).slice(0, 131072);
-    else if (ready2) this.keyInput.write(ready2);
+    else if (ready2) this.dispatchInput(ready2);
     if (trailing && !this.paste) this.inputTimer = setTimeout(() => {
-      this.keyInput.write(this.pendingInput);
+      this.dispatchInput(this.pendingInput);
       this.pendingInput = "";
       this.inputTimer = null;
     }, 30);
   }
+  /** Consume SGR mouse reports without letting clicks become composer text. */
+  dispatchInput(text4) {
+    if (this.mouseTimer) clearTimeout(this.mouseTimer);
+    this.mouseTimer = null;
+    const input = this.pendingMouse + text4;
+    this.pendingMouse = "";
+    let offset = 0;
+    while (offset < input.length) {
+      const start = input.indexOf("\x1B[<", offset);
+      if (start < 0) {
+        const rest2 = input.slice(offset), prefix = rest2.endsWith("\x1B[") ? "\x1B[" : rest2.endsWith("\x1B") ? "\x1B" : "";
+        this.keyInput.write(prefix ? rest2.slice(0, -prefix.length) : rest2);
+        if (prefix) {
+          this.pendingMouse = prefix;
+          this.mouseTimer = setTimeout(() => {
+            const pending = this.pendingMouse;
+            this.pendingMouse = "";
+            this.mouseTimer = null;
+            if (pending === "\x1B") this.keyHandler?.("\x1B", { name: "escape", sequence: pending });
+            else this.keyInput.write(pending);
+          }, 500);
+        }
+        break;
+      }
+      this.keyInput.write(input.slice(offset, start));
+      const rest = input.slice(start), report = /^\x1b\[<(\d+);(\d+);(\d+)([mM])/.exec(rest);
+      if (!report) {
+        if (rest.length < 128 && /^\x1b\[<[\d;]*$/.test(rest)) {
+          this.pendingMouse = rest;
+          break;
+        }
+        this.keyInput.write(rest.slice(0, 3));
+        offset = start + 3;
+        continue;
+      }
+      const button = Number(report[1]);
+      if (report[4] === "M" && button & 64 && ((button & 3) === 0 || (button & 3) === 1)) this.keyHandler?.("", { name: (button & 3) === 0 ? "scrollup" : "scrolldown", sequence: report[0] });
+      offset = start + report[0].length;
+    }
+  }
   removeListeners() {
     if (this.keyHandler) {
       this.keyInput.off("keypress", this.keyHandler);
@@ -83171,8 +83225,11 @@ var TuiTerminal = class {
     }
     this.input.off("data", this.rawInput);
     if (this.inputTimer) clearTimeout(this.inputTimer);
+    if (this.mouseTimer) clearTimeout(this.mouseTimer);
+    this.mouseTimer = null;
     this.inputTimer = null;
     this.pendingInput = "";
+    this.pendingMouse = "";
     this.paste = false;
     this.pasteText = "";
     if (this.resizeHandler) {
@@ -83556,18 +83613,11 @@ function colorSequence(color, mode, background) {
 function foreground(value, color, mode, bold = false) {
   return mode === "none" ? value : `${bold ? "\x1B[1m" : ""}${colorSequence(rgb(color), mode, false)}${value}\x1B[0m`;
 }
-function gradientLine(value, width, colors, mode, row = 0, rows2 = 1) {
+function backgroundLine(value, width, color, mode, bold = false) {
   const line = padCells(value, width);
   if (mode === "none") return line;
-  const start = rgb(colors.start), end = rgb(colors.end);
-  let output = mode === "ansi16" ? "\x1B[97m" : colorSequence([255, 255, 255], mode, false);
-  let column = 0;
-  for (const { segment } of segments.segment(line)) {
-    const ratio = (column / Math.max(1, width - 1) + row / Math.max(1, rows2 - 1)) / 2;
-    output += colorSequence(start.map((v, i) => Math.round(v + (end[i] - v) * ratio)), mode, true) + segment;
-    column += graphemeWidth(segment);
-  }
-  return output + "\x1B[0m";
+  const white = mode === "ansi16" ? "\x1B[97m" : colorSequence([255, 255, 255], mode, false);
+  return `${bold ? "\x1B[1m" : ""}${white}${colorSequence(rgb(color), mode, true)}${line}\x1B[0m`;
 }
 
 // src/tuiProjectsWorkspace.ts
@@ -84505,9 +84555,9 @@ function paletteActions(query) {
 
 // src/tuiLayout.ts
 var WORKSPACES = ["chats", "apps", "projects", "workflows", "tasks"];
-var DEFAULT_CHAT_GRADIENT = { start: "#4867cd", end: "#5a85eb" };
-function chatGradient(category) {
-  return category && CATEGORY_GRADIENTS[category] || DEFAULT_CHAT_GRADIENT;
+var DEFAULT_CHAT_BACKGROUND = "#4867cd";
+function chatBackground(category) {
+  return category && CATEGORY_GRADIENTS[category]?.start || DEFAULT_CHAT_BACKGROUND;
 }
 function sidebarLines(state) {
   const selected = (label3, index) => `${state.focus === "sidebar" && state.sidebarIndex === index ? ">" : " "} ${label3}`;
@@ -84530,6 +84580,7 @@ function workspaceHint(state) {
   if (state.focus === "navigation") return "\u2190/\u2192 workspace   Enter open   Tab focus   Ctrl+B sidebar";
   if (state.focus === "inspiration") return "\u2190/\u2192 inspiration   Enter explore   Tab focus";
   if (state.focus === "sidebar") return "\u2191/\u2193 choose   Enter open   Ctrl+B close   Tab focus";
+  if (state.screen === "start" || state.screen === "chats") return state.focus === "composer" ? "Enter send   Shift+Tab chats   Ctrl+N new   Ctrl+B sidebar" : "\u2190/\u2192 chat   Enter open   Tab write   \u2191/\u2193 scroll   Ctrl+B sidebar";
   if (state.workflowEdit) return "Enter save title   Esc cancel edit";
   if (state.screen === "workflow") return "g template   r runs   \u2191/\u2193 select   Enter expand   e title   E config   x run   c cancel";
   if (state.screen === "task") return "e edit   m status   a activity   s start   d done   b block   Esc back";
@@ -84538,7 +84589,7 @@ function workspaceHint(state) {
   if (state.screen === "app-skill") return "1\u20133 tabs   Enter use skill   Esc app   Ctrl+P actions";
   if (state.screen === "app-result") return "\u2191/\u2193 scroll   Esc saved results   Ctrl+P actions";
   if (state.screen === "apps") return "\u2191/\u2193 choose   Enter open   /search   /browse Show all   Tab focus";
-  if (state.screen === "projects" || state.screen === "tasks" || state.screen === "workflows" || state.screen === "chats") return "\u2191/\u2193 choose   Enter open   /search filter   Tab focus   Ctrl+P actions";
+  if (state.screen === "projects" || state.screen === "tasks" || state.screen === "workflows") return "\u2191/\u2193 choose   Enter open   /search filter   Tab focus   Ctrl+P actions";
   if (state.screen === "interests") return "\u2191/\u2193 move   Space select   Enter continue   Esc back";
   if (state.screen === "examples") return "\u2191/\u2193 choose   Enter open   /search filter   Esc back";
   return "Enter send   Alt+Enter newline   Ctrl+B sidebar   Ctrl+P actions   @ attach";
@@ -84598,20 +84649,22 @@ function renderWorkspaceFrame(state, rawWidth, rawHeight, body, options = {}) {
   if (overlay) {
     const marker = content.findIndex((row) => lineText(row).startsWith("> "));
     start = marker >= bodyHeight ? Math.max(0, marker - bodyHeight + 3) : 0;
-  } else if (["start", "tasks", "projects", "project", "chats", "examples", "workflow", "workflows", "apps", "app", "app-skill"].includes(state.screen) && state.focus === "content") {
+  } else if (state.followSelection && ["start", "tasks", "projects", "project", "chats", "examples", "workflow", "workflows", "apps", "app", "app-skill"].includes(state.screen) && state.focus === "content") {
     const markers = content.map((row, index) => /(?:^|[│|])\s*[>›] /.test(lineText(row)) ? index : -1).filter((index) => index >= 0);
     const marker = state.screen === "workflow" ? markers.at(-1) ?? -1 : markers[0] ?? -1;
     let selectionEnd = marker;
-    if (state.screen === "workflow" && marker >= 0) {
+    if (["workflow", "start", "chats"].includes(state.screen) && marker >= 0) {
       const closing = content.findIndex((row, index) => index > marker && lineText(row).includes("\u2570"));
       selectionEnd = Math.min(marker + 10, closing < 0 ? marker : closing);
     }
-    if (selectionEnd >= start + viewportHeight) start = Math.min(maxStart, selectionEnd - viewportHeight + 2);
+    if (selectionEnd >= start + viewportHeight) start = Math.min(maxStart, selectionEnd - viewportHeight + 1);
     if (marker >= 0 && marker < start) start = marker;
   }
+  if (!overlay && !sidebarOverlay) state.scrollOffset = state.screen === "chat" ? maxStart - start : start;
+  state.followSelection = false;
   const heroRows = options.headerRows ?? 0;
   const category = state.screen === "example" ? state.activeExample?.chat.category : state.activeChat?.category;
-  const gradient = chatGradient(category);
+  const background = chatBackground(category);
   const allSide = sidebarLines(state);
   const sideMarker = allSide.findIndex((row) => row.startsWith("> "));
   const sideStart = Math.max(0, sideMarker - bodyHeight + 3);
@@ -84626,8 +84679,18 @@ function renderWorkspaceFrame(state, rawWidth, rawHeight, body, options = {}) {
     if (style && !overlay && !sidebarOverlay) {
       const inset = Math.max(0, Math.min(Math.floor(contentWidth / 2) - 1, style.inset ?? 0));
       const span = Math.max(1, contentWidth - 2 * inset);
-      rendered = " ".repeat(inset) + (style.gradient ? gradientLine(raw, span, style.gradient, mode, style.row ?? 0, style.rows ?? 1) : foreground(padCells(raw, span), style.color ?? "#e6e6e6", mode, style.bold)) + " ".repeat(inset);
-    } else if (!overlay && !sidebarOverlay && index < heroRows) rendered = gradientLine(raw, contentWidth, gradient, mode, index, heroRows);
+      if (style.spans) {
+        let remaining = span;
+        rendered = "";
+        for (const part of style.spans) {
+          const text4 = truncateCells(terminalText(part.text).replace(/\n/g, " "), remaining), size = cells(text4);
+          rendered += part.background ? backgroundLine(text4, size, part.background, mode, part.bold) : text4;
+          remaining -= size;
+          if (!remaining) break;
+        }
+        rendered = " ".repeat(inset) + rendered + " ".repeat(remaining + inset);
+      } else rendered = " ".repeat(inset) + (style.background ? backgroundLine(raw, span, style.background, mode, style.bold) : foreground(padCells(raw, span), style.color ?? "#e6e6e6", mode, style.bold)) + " ".repeat(inset);
+    } else if (!overlay && !sidebarOverlay && index < heroRows) rendered = backgroundLine(raw, contentWidth, background, mode);
     else if (raw.startsWith("> ") || raw.includes("\u203A")) rendered = foreground(rendered, "#ff553b", mode, true);
     else if (/^(You|Sophia|Tasks|Projects|Workflows|Recent chats|Suggestions|Actions)$/.test(raw)) rendered = foreground(rendered, "#5a85eb", mode, true);
     if (sidebarWidth) rendered = foreground(padCells(side[i] ?? "", sidebarWidth - 2), "#cfcfcf", mode) + `${vertical} ` + rendered;
@@ -84916,31 +84979,61 @@ function homeHeader(state, width, height) {
   const title = inspiration?.feature?.title || inspiration?.title || "Daily inspiration";
   const banner = [centered2(`DAILY INSPIRATION  ${state.focus === "inspiration" ? "\u2039  Enter open  \u203A" : "\u2039  Ctrl+O explore  \u203A"}`, width), "", ...parts.map((line) => centered2(line, width)), centered2(title, width)];
   while (banner.length < rows2) banner.push("");
-  banner.forEach((text4, row) => result.push({ text: text4, gradient, row, rows: banner.length }));
+  banner.forEach((text4) => result.push({ text: text4, background: gradient.start }));
   result.push("", { text: centered2(state.workspace === "apps" ? prompts.apps : state.username ? `Hey ${state.username}!` : "Hey there!", width), bold: true });
   if (state.workspace !== "chats" || !homeChatItems(state).length) result.push({ text: centered2(state.workspace === "apps" ? "Use your apps directly and return to saved results." : prompts[state.workspace], width), color: "#cfcfcf" });
   result.push("");
   return result;
 }
 function renderHomeChatCards(state, width, height) {
-  const all = homeChatItems(state), chats = state.homeShowAll || state.filter ? all : all.slice(0, Math.max(3, state.selectedIndex + 1));
-  const result = homeHeader(state, width, height);
-  if (chats.length) result.push(centered2(state.signedIn ? "Continue where you left off" : "Explore example chats", width), "");
-  else result.push(centered2(state.homeLoading ? "Loading your recent chats\u2026" : "Start a chat below. Your recent chats will appear here.", width), "");
-  const cardWidth = Math.min(width, 88), inset = Math.max(0, Math.floor((width - cardWidth) / 2)), inner = Math.max(1, cardWidth - 4);
-  chats.forEach((chat, index) => {
-    const gradient = chat.category && CATEGORY_GRADIENTS[chat.category] || BLUE;
+  const chats = homeChatItems(state), result = homeHeader(state, width, height);
+  if (!chats.length) {
+    result.push(centered2(state.homeLoading ? "Loading your recent chats\u2026" : "Start a chat below. Your recent chats will appear here.", width), "");
+    return result;
+  }
+  result.push(centered2(state.signedIn ? "Continue where you left off" : "Explore example chats", width), "");
+  const selected = Math.max(0, Math.min(chats.length - 1, state.selectedIndex));
+  const cardWidth = Math.min(width, 36), inner = Math.max(1, cardWidth - 4), stride = cardWidth + 2;
+  const slots = Math.max(1, Math.floor((width + 2) / stride));
+  const first = Math.max(0, selected - slots + 1);
+  const cards = chats.slice(first, first + slots + 1).map((chat, index) => {
+    const active = first + index === selected && state.focus === "content";
+    const title = wrapCells(`${active ? "\u203A " : ""}${chat.title || "Untitled chat"}`, inner).slice(0, 2);
+    const summary = wrapCells(chat.summary || "Continue this conversation", inner).slice(0, 2);
+    while (title.length < 2) title.push("");
+    while (summary.length < 2) summary.push("");
     const rows2 = cardWidth < 4 ? [truncateCells(chat.title || "Untitled chat", cardWidth)] : [
-      `\u256D${"\u2500".repeat(Math.max(0, cardWidth - 2))}\u256E`,
-      `\u2502 ${padCells(`${index === state.selectedIndex && state.focus === "content" ? "\u203A" : " "} ${chat.title || "Untitled chat"}`, inner)} \u2502`,
-      `\u2502 ${padCells(chat.summary || "Continue this conversation", inner)} \u2502`,
+      `\u256D${"\u2500".repeat(cardWidth - 2)}\u256E`,
+      ...title.map((line) => `\u2502 ${padCells(line, inner)} \u2502`),
+      ...summary.map((line) => `\u2502 ${padCells(line, inner)} \u2502`),
       `\u2502 ${padCells(chat.category?.replaceAll("_", " ") || "Chat", inner)} \u2502`,
-      `\u2570${"\u2500".repeat(Math.max(0, cardWidth - 2))}\u256F`
+      `\u2570${"\u2500".repeat(cardWidth - 2)}\u256F`
     ];
-    rows2.forEach((text4, row) => result.push({ text: text4, gradient, inset, row, rows: rows2.length }));
-    result.push("");
+    return { rows: rows2, background: (chat.category && CATEGORY_GRADIENTS[chat.category] || BLUE).start, active };
   });
-  result.push(centered2(`${state.homeShowAll ? "Back to recent" : "Show my chats"}  \xB7  Search  \xB7  /new New chat`, width));
+  for (let row = 0; row < cards[0].rows.length; row++) {
+    const spans = [];
+    let remaining = width;
+    for (const card of cards) {
+      if (!remaining) break;
+      const text4 = truncateCells(card.rows[row], remaining);
+      spans.push({ text: text4, background: card.background, bold: card.active });
+      remaining -= cells(text4);
+      if (remaining) {
+        const gap = " ".repeat(Math.min(2, remaining));
+        spans.push({ text: gap });
+        remaining -= gap.length;
+      }
+    }
+    result.push({ text: spans.map((span) => span.text).join(""), spans });
+  }
+  result.push(
+    "",
+    centered2(`${selected > 0 ? "\u2039" : " "}  Chat ${selected + 1} of ${chats.length}  ${selected < chats.length - 1 ? "\u203A" : " "}`, width),
+    centered2("\u2190/\u2192 choose chat  \xB7  Enter open  \xB7  Tab write", width),
+    "",
+    centered2("/search Search chats  \xB7  Ctrl+N New chat", width)
+  );
   return result;
 }
 
@@ -85677,7 +85770,7 @@ function createInitialTuiState() {
     sidebarOpen: false,
     sidebarIndex: 0,
     navigationIndex: 0,
-    focus: "composer",
+    focus: "content",
     signedIn: false,
     form: null,
     paletteOpen: false,
@@ -85711,6 +85804,7 @@ function createInitialTuiState() {
     screen: "start",
     input: "",
     scrollOffset: 0,
+    followSelection: false,
     selectedIndex: 0,
     selectedInterests: [],
     examples: [],
@@ -85780,7 +85874,7 @@ function renderTuiFrame(state, width, height, options = {}) {
   return renderWorkspaceFrame(state, width, height, renderBody(state, bodyWidth, height), { ...options, stickyRows, headerRows: state.screen === "chat" || state.screen === "example" ? renderChatHeader(state, bodyWidth).length : void 0 });
 }
 function coloredHero(lines, rows2, gradient = PRIMARY_GRADIENT) {
-  return lines.map((text4, index) => index < rows2 ? { text: text4, gradient, row: index, rows: rows2 } : text4);
+  return lines.map((text4, index) => index < rows2 ? { text: text4, background: gradient.start } : text4);
 }
 var blueHero = (lines, rows2) => coloredHero(lines, rows2);
 function homeCards(lines, width, gradients) {
@@ -85792,7 +85886,7 @@ function homeCards(lines, width, gradients) {
   }
   return groups.filter((group) => group.length).flatMap((group, index) => {
     const cardWidth = Math.min(width, Math.max(...group.map(cells))), inset = Math.max(0, Math.floor((width - cardWidth) / 2));
-    return [...group.map((text4, row) => ({ text: text4, gradient: gradients[index] ?? PRIMARY_GRADIENT, inset, row, rows: group.length })), ""];
+    return [...group.map((text4) => ({ text: text4, background: (gradients[index] ?? PRIMARY_GRADIENT).start, inset })), ""];
   });
 }
 function renderBody(state, width, height) {
@@ -86107,7 +86201,7 @@ function route(state, workspace, screen) {
   state.workspace = workspace;
   state.screen = screen;
   state.navigationIndex = WORKSPACES.indexOf(workspace);
-  state.focus = workspace === "chats" && screen !== "chats" ? "composer" : "content";
+  state.focus = workspace === "chats" && !["start", "chats"].includes(screen) ? "composer" : "content";
   state.input = "";
   state.inputCursor = null;
   state.filter = "";
@@ -86342,7 +86436,7 @@ async function handleWorkspaceCommand(context, command) {
       return true;
     case "/sidebar":
       state.sidebarOpen = !state.sidebarOpen;
-      state.focus = state.sidebarOpen ? "sidebar" : state.workspace === "chats" ? "composer" : "content";
+      state.focus = state.sidebarOpen ? "sidebar" : state.workspace === "chats" && !["start", "chats"].includes(state.screen) ? "composer" : "content";
       render();
       if (state.sidebarOpen) await recent(context);
       return true;
@@ -86672,18 +86766,24 @@ async function handleWorkspaceKey(context, chunk, key) {
     return true;
   }
   if (state.workflowEdit) return false;
-  if (["pageup", "pagedown", "home", "end"].includes(key.name ?? "")) {
+  const chatHome = state.screen === "start" || state.screen === "chats";
+  if (["pageup", "pagedown", "home", "end", "scrollup", "scrolldown"].includes(key.name ?? "") || (chatHome || state.screen === "project" && state.projectTab === "overview") && ["up", "down"].includes(key.name ?? "") && ["composer", "content"].includes(state.focus) && !state.input.startsWith("/")) {
     const bottom = state.screen === "chat";
+    state.followSelection = false;
     if (key.name === "home") state.scrollOffset = bottom ? 1e4 : 0;
     else if (key.name === "end") state.scrollOffset = bottom ? 0 : 1e4;
-    else state.scrollOffset = Math.max(0, state.scrollOffset + (key.name === "pageup" ? -1 : 1) * (bottom ? -10 : 10));
+    else {
+      const direction = ["pageup", "scrollup", "up"].includes(key.name ?? "") ? -1 : 1;
+      const step = key.name?.startsWith("page") ? Math.max(1, (context.terminal.height ?? 24) - 9) : key.name?.startsWith("scroll") ? 3 : 1;
+      state.scrollOffset = Math.max(0, state.scrollOffset + direction * (bottom ? -step : step));
+    }
     render();
     return true;
   }
   if (key.name === "escape") {
     if (state.focus === "sidebar") {
       state.sidebarOpen = false;
-      state.focus = state.workspace === "chats" ? "composer" : "content";
+      state.focus = chatHome ? "content" : state.workspace === "chats" ? "composer" : "content";
     } else if (state.screen === "task") {
       state.screen = state.workspace === "projects" ? "project" : "tasks";
       state.focus = "content";
@@ -86726,7 +86826,7 @@ async function handleWorkspaceKey(context, chunk, key) {
       const choices = TUI_ACTIONS.filter((a) => a.command.startsWith(state.input));
       if (choices.length) state.input = choices[state.paletteIndex % choices.length].command + " ";
     } else {
-      const focuses = ["composer", ...isWorkspaceHome(state) ? ["inspiration"] : [], "content", ...state.sidebarOpen ? ["sidebar"] : [], "navigation"];
+      const focuses = ["content", "composer", ...isWorkspaceHome(state) ? ["inspiration"] : [], ...state.sidebarOpen ? ["sidebar"] : [], "navigation"];
       state.focus = focuses[(focuses.indexOf(state.focus) + (key.shift ? -1 : 1) + focuses.length) % focuses.length];
     }
     render();
@@ -86740,6 +86840,14 @@ async function handleWorkspaceKey(context, chunk, key) {
     render();
     return true;
   }
+  if (chatHome && state.focus === "content" && (key.name === "left" || key.name === "right")) {
+    state.selectedIndex = Math.max(0, Math.min(Math.max(0, homeChatItems(state).length - 1), state.selectedIndex + (key.name === "left" ? -1 : 1)));
+    state.followSelection = true;
+    render();
+    return true;
+  }
+  if (chatHome && state.focus === "content" && !key.ctrl && !key.meta && chunk && chunk >= " " && key.name !== "return") state.focus = "composer";
+  if (state.focus === "content" && (["up", "down", "return"].includes(key.name ?? "") || state.screen === "workflow" && ["g", "r", "e", "E", "x", "c"].includes(chunk))) state.followSelection = true;
   if (state.focus === "navigation") {
     if (key.name === "left" || key.name === "right") state.navigationIndex = (state.navigationIndex + (key.name === "left" ? -1 : 1) + WORKSPACES.length) % WORKSPACES.length;
     else if (key.name === "return") await context.command(`/${WORKSPACES[state.navigationIndex]}`);
@@ -87607,7 +87715,7 @@ async function moveSelectionOrScroll(params, direction) {
     state.selectedWorkflowNodeIndex = clamp(state.selectedWorkflowNodeIndex + direction, 0, Math.max(0, nodeCount - 1));
     return;
   }
-  state.scrollOffset = Math.max(0, state.scrollOffset - direction);
+  state.scrollOffset = Math.max(0, state.scrollOffset + direction * (state.screen === "chat" ? -1 : 1));
 }
 function toggleSelectedWorkflowNode(state) {
   const workflow = state.activeWorkflow;

package/dist/cli.js

@@ -19,7 +19,7 @@ import {
   serializeToYaml,
   shouldRequireTrustedAccountGuard,
   waitForWorkflowRun
-} from "./chunk-S7KAERLW.js";
+} from "./chunk-USV2GHLA.js";
 import "./chunk-IWKP55ZB.js";
 import "./chunk-BBKJZ23O.js";
 export {

package/dist/index.js

@@ -43,7 +43,7 @@ import {
   selectAssistantMessagesForSpeech,
   serializeToYaml,
   summarizeAssistantSpeech
-} from "./chunk-S7KAERLW.js";
+} from "./chunk-USV2GHLA.js";
 import "./chunk-IWKP55ZB.js";
 import "./chunk-BBKJZ23O.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openmates",
-  "version": "0.27.0-alpha.2",
+  "version": "0.27.0-alpha.3",
   "description": "OpenMates CLI and SDK",
   "type": "module",
   "main": "dist/index.js",