openmates 0.27.0-alpha.8 → 0.27.0-alpha.9

package/dist/{chunk-IUOCCXVD.js → chunk-GTS7R6VM.js}

@@ -86133,6 +86133,16 @@ async function createTuiChatProject(state, client2, chatIds) {
 // src/tuiLayout.ts
 var WORKSPACES = ["chats", "apps", "projects", "workflows", "tasks"];
 var DEFAULT_CHAT_BACKGROUND = "#4867cd";
+var CONTENT_MAX_COLUMNS = 100;
+function workspaceGeometry(state, rawWidth) {
+  const width = Math.max(1, Math.floor(rawWidth));
+  const gutter = Math.min(2, Math.floor((width - 1) / 2));
+  const sidebarWidth = state.sidebarOpen && width >= 90 && !state.form && !state.paletteOpen ? 27 : 0;
+  const paneWidth = Math.max(1, width - gutter * 2 - sidebarWidth);
+  const contentWidth = Math.min(CONTENT_MAX_COLUMNS, paneWidth);
+  const inset = Math.floor((paneWidth - contentWidth) / 2);
+  return { width, gutter, sidebarWidth, paneWidth, contentWidth, inset };
+}
 function chatBackground(category) {
   return category && CATEGORY_GRADIENTS[category]?.start || DEFAULT_CHAT_BACKGROUND;
 }
@@ -86196,29 +86206,24 @@ function overlayLines(state, width, height) {
   return rows2;
 }
 function renderWorkspaceFrame(state, rawWidth, rawHeight, body, options = {}) {
-  const width = Math.max(1, Math.floor(rawWidth)), height = Math.max(1, Math.floor(rawHeight));
+  const { gutter, sidebarWidth, paneWidth, contentWidth, inset } = workspaceGeometry(state, rawWidth);
+  const height = Math.max(1, Math.floor(rawHeight));
   const mode = options.colorMode ?? "none";
   const ascii = options.ascii ?? false;
-  const inner = Math.max(1, width - 4);
   const line = ascii ? "-" : "\u2500", vertical = ascii ? "|" : "\u2502";
-  const border = (left, right) => left + line.repeat(Math.max(0, width - 2)) + right;
-  const top = border(ascii ? "+" : "\u256D", ascii ? "+" : "\u256E");
-  const bottom = border(ascii ? "+" : "\u2570", ascii ? "+" : "\u256F");
-  const divider = border(ascii ? "+" : "\u251C", ascii ? "+" : "\u2524");
-  const box = (text4, style) => `${vertical} ${style ?? padCells(text4, inner)} ${vertical}`;
+  const place = (rendered, side2 = " ".repeat(sidebarWidth)) => " ".repeat(gutter) + side2 + " ".repeat(inset) + rendered + " ".repeat(paneWidth - inset - contentWidth + gutter);
   const labels = WORKSPACES.map((w, i) => state.workspace === w ? `[${titleCase(w)}]` : state.focus === "navigation" && i === state.navigationIndex ? `>${titleCase(w)}<` : titleCase(w)).join("  ");
   const title = state.activeChat?.title && state.workspace === "chats" ? ` \xB7 ${state.activeChat.title}` : "";
-  const nav = width >= 90 ? `OpenMates  ${labels}${title}` : `OpenMates  [${titleCase(state.workspace)}]  ${state.sidebarOpen ? "Sidebar open" : "Ctrl+B sidebar"}${title}`;
-  const inputLines = state.input.split("\n");
+  const nav = contentWidth >= 90 ? `OpenMates  ${labels}${title}` : `OpenMates  [${titleCase(state.workspace)}]  ${state.sidebarOpen ? "Sidebar open" : "Ctrl+B sidebar"}${title}`;
+  const inputWidth = Math.max(1, contentWidth - 6);
+  const inputLines = state.input.split("\n").flatMap((text4) => wrapCells(text4, inputWidth));
   const showComposer = state.workspace !== "apps" || state.focus === "composer" || Boolean(state.input);
   const composerRows = showComposer ? Math.min(3, Math.max(1, inputLines.length)) : 0;
-  const bodyHeight = Math.max(1, height - 5 - (showComposer ? 1 + composerRows : 0));
+  const bodyHeight = Math.max(1, height - 2 - (showComposer ? composerRows + 3 : 1));
   const overlay = state.form || state.paletteOpen;
   const sidebar = state.sidebarOpen && !overlay;
-  const sidebarWidth = sidebar && width >= 90 ? 27 : 0;
-  const contentWidth = Math.max(1, inner - sidebarWidth);
   const sidebarOverlay = sidebar && !sidebarWidth;
-  let content = overlay ? overlayLines(state, inner, bodyHeight) : sidebarOverlay ? sidebarLines(state) : body;
+  let content = overlay ? overlayLines(state, contentWidth, bodyHeight) : sidebarOverlay ? sidebarLines(state) : body;
   const stickyCount = !overlay && !sidebarOverlay ? Math.min(options.stickyRows ?? 0, Math.max(0, bodyHeight - 8)) : 0;
   const fixed = content.slice(0, stickyCount);
   content = content.slice(stickyCount);
@@ -86260,8 +86265,8 @@ function renderWorkspaceFrame(state, rawWidth, rawHeight, body, options = {}) {
     const raw = terminalText(lineText(value)).replace(/\n/g, " ");
     let rendered = padCells(raw, contentWidth);
     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);
+      const inset2 = Math.max(0, Math.min(Math.floor(contentWidth / 2) - 1, style.inset ?? 0));
+      const span = Math.max(1, contentWidth - 2 * inset2);
       if (style.spans) {
         let remaining = span;
         rendered = "";
@@ -86271,19 +86276,34 @@ function renderWorkspaceFrame(state, rawWidth, rawHeight, body, options = {}) {
           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);
+        rendered = " ".repeat(inset2) + rendered + " ".repeat(remaining + inset2);
+      } else rendered = " ".repeat(inset2) + (style.background ? backgroundLine(raw, span, style.background, mode, style.bold) : foreground(padCells(raw, span), style.color ?? "#e6e6e6", mode, style.bold)) + " ".repeat(inset2);
     } 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;
-    rows2.push(box("", rendered));
+    const sidebarRow = sidebarWidth ? foreground(padCells(side[i] ?? "", sidebarWidth - 2), "#cfcfcf", mode) + `${vertical} ` : void 0;
+    rows2.push(place(rendered, sidebarRow));
   }
   const placeholder = state.screen === "example" ? "Continue from this example, or ask your own question..." : state.workspace === "chats" ? state.screen === "chat" ? "Ask a follow-up, use @file, or type /help" : "Ask anything..." : state.workspace === "projects" ? "Name a new project  \xB7  /search to browse" : state.workspace === "workflows" ? "Describe new workflow  \xB7  /search to browse" : state.workspace === "tasks" ? "Add or update tasks  \xB7  /search to browse" : "Search apps or type / for actions";
-  const composer = showComposer ? inputLines.slice(-composerRows).map((text4, i) => box(`${i ? "  " : "> "}${text4 || (!state.input ? placeholder : "")}`)) : [];
   const hint = state.status && state.screen !== "status" ? `${state.status}  \xB7  ${workspaceHint(state)}` : workspaceHint(state);
-  const frame = [top, box("", foreground(padCells(nav, inner), "#cfcfcf", mode, true)), divider, ...rows2, ...showComposer ? [divider, ...composer] : [], box("", foreground(padCells(hint, inner), state.focus === "composer" ? "#a0a0a0" : "#ff553b", mode)), bottom];
-  return frame.slice(0, height).map((row) => width < 5 ? truncateCells(row, width) : row).join("\n");
+  const hintColor = state.focus === "composer" ? "#a0a0a0" : "#ff553b";
+  const composer = [];
+  if (showComposer) {
+    const inputRows = inputLines.slice(-composerRows).map((text4, i) => `${i ? "  " : "> "}${text4 || (!state.input ? placeholder : "")}`);
+    if (contentWidth < 6) composer.push(...inputRows.map((text4) => place(padCells(text4, contentWidth))), place(foreground(padCells(hint, contentWidth), hintColor, mode)), place(" ".repeat(contentWidth)), place(" ".repeat(contentWidth)));
+    else {
+      const edge = (left, right) => place(foreground(left + line.repeat(contentWidth - 2) + right, "#6b6b6b", mode));
+      const inputRow = (text4, color) => place(foreground(vertical, "#6b6b6b", mode) + " " + foreground(padCells(text4, contentWidth - 4), color ?? "#e6e6e6", mode) + " " + foreground(vertical, "#6b6b6b", mode));
+      composer.push(edge(ascii ? "+" : "\u256D", ascii ? "+" : "\u256E"), ...inputRows.map((text4) => inputRow(text4)), inputRow(hint, hintColor), edge(ascii ? "+" : "\u2570", ascii ? "+" : "\u256F"));
+    }
+  }
+  const frame = [
+    place(foreground(padCells(nav, contentWidth), "#cfcfcf", mode, true)),
+    place(" ".repeat(contentWidth)),
+    ...rows2,
+    ...showComposer ? composer : [place(foreground(padCells(hint, contentWidth), hintColor, mode))]
+  ];
+  return frame.slice(0, height).join("\n");
 }
 function titleCase(value) {
   return value.charAt(0).toUpperCase() + value.slice(1);
@@ -87479,8 +87499,7 @@ function rankExamples(examples, interests) {
   }).sort((a, b) => b.score - a.score || a.index - b.index).map((entry) => entry.example);
 }
 function renderTuiFrame(state, width, height, options = {}) {
-  const sidebarWidth = state.sidebarOpen && width >= 90 ? 27 : 0;
-  const bodyWidth = Math.max(1, width - 4 - sidebarWidth);
+  const bodyWidth = workspaceGeometry(state, width).contentWidth;
   const stickyRows = state.screen === "project" && state.activeProject ? renderProjectIdentity(state.activeProject, { width: bodyWidth }).length + renderProjectTabs(state.projectTab, bodyWidth).length : state.screen === "app" && state.activeApp ? renderTuiAppIdentity(state.activeApp, bodyWidth).length + renderTuiAppTabs(state.appTab, bodyWidth).length : state.screen === "app-skill" && state.activeAppSkill ? renderTuiAppsSkillIdentity(state.activeAppSkill, bodyWidth).length + renderTuiAppsSkillTabs(state.appSkillTab, bodyWidth).length : state.screen === "workflow" && state.activeWorkflow ? renderWorkflowIdentity(state.activeWorkflow, { width: bodyWidth, run: state.workflowTab === "runs" ? state.workflowRuns[state.selectedWorkflowRunIndex] : void 0 }).length + (bodyWidth < 36 ? 7 : 4) : 0;
   return renderWorkspaceFrame(state, width, height, renderBody(state, bodyWidth, height), { ...options, stickyRows, headerRows: state.screen === "chat" || state.screen === "example" ? renderChatHeader(state, bodyWidth).length : void 0 });
 }
@@ -88711,7 +88730,7 @@ async function handleWorkspaceKey(context, chunk, key) {
     }
   }
   if (state.focus === "content" && (state.screen === "task" || state.screen === "tasks")) {
-    if (state.screen === "tasks" && (key.name === "left" || key.name === "right") && context.terminal.width - (state.sidebarOpen && context.terminal.width >= 90 ? 27 : 0) - 4 < 110) {
+    if (state.screen === "tasks" && (key.name === "left" || key.name === "right") && workspaceGeometry(state, context.terminal.width).contentWidth < 110) {
       const selected = selectedTask(state), current = TASK_STATUSES.indexOf(state.taskStatusFilter || selected?.status || "todo");
       state.taskStatusFilter = TASK_STATUSES[(current + (key.name === "left" ? -1 : 1) + TASK_STATUSES.length) % TASK_STATUSES.length];
       state.selectedIndex = 0;

package/dist/cli.js

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

package/dist/index.js

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

package/package.json

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