openmates 0.27.0-alpha.5 → 0.27.0-alpha.6

package/dist/{chunk-P4SMXK2Z.js → chunk-WQOBJUWS.js}

@@ -84546,6 +84546,21 @@ function padCells(value, width) {
   const trimmed = truncateCells(value, width);
   return trimmed + " ".repeat(Math.max(0, width - cells(trimmed)));
 }
+function sliceCells(value, start, width) {
+  start = Math.max(0, Math.floor(start));
+  width = Math.max(0, Math.floor(width));
+  const end = start + width;
+  let position = 0, result = "";
+  for (const { segment } of segments.segment(terminalText(value).replace(/\n/g, " "))) {
+    const size = graphemeWidth(segment), next = position + size;
+    if (next > start && position < end) {
+      result += position >= start && next <= end ? segment : " ".repeat(Math.min(end, next) - Math.max(start, position));
+    }
+    position = next;
+    if (position >= end) break;
+  }
+  return result + " ".repeat(Math.max(0, width - cells(result)));
+}
 function wrapCells(value, width) {
   width = Math.max(1, width);
   const result = [];
@@ -85572,7 +85587,7 @@ function workspaceHint(state) {
   if (state.screen === "app") return "1\u20135 tabs   \u2191/\u2193 choose   Enter open   Esc Apps   /search";
   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 === "apps") return state.focus === "composer" ? "Type /command   Shift+Tab apps   Ctrl+B sidebar" : "\u2190/\u2192 app   Enter open   \u2191/\u2193 scroll   /search   /browse Show all   Ctrl+B sidebar";
   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";
@@ -85637,7 +85652,7 @@ function renderWorkspaceFrame(state, rawWidth, rawHeight, body, options = {}) {
     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 (["workflow", "start", "chats"].includes(state.screen) && marker >= 0) {
+    if (["workflow", "start", "chats", "apps"].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);
     }
@@ -85690,6 +85705,48 @@ function titleCase(value) {
   return value.charAt(0).toUpperCase() + value.slice(1);
 }
 
+// src/tuiCarousel.ts
+function renderCardCarousel(cards, width, selectedIndex, focused) {
+  width = Math.max(1, Math.floor(width));
+  if (!cards.length) return [];
+  const selected = Math.max(0, Math.min(cards.length - 1, selectedIndex));
+  const cardWidth = Math.min(width, 36), inner = Math.max(1, cardWidth - 4), stride = cardWidth + 2;
+  const center = Math.floor((width - cardWidth) / 2);
+  const reach = Math.ceil(width / stride);
+  const visible = cards.slice(Math.max(0, selected - reach), selected + reach + 1).map((card, offset) => {
+    const index = Math.max(0, selected - reach) + offset, active = index === selected && focused;
+    const title = wrapCells(`${active ? "\u203A " : ""}${card.title}`, inner).slice(0, 2);
+    const description = wrapCells(card.description, inner).slice(0, 2);
+    while (title.length < 2) title.push("");
+    while (description.length < 2) description.push("");
+    const rows2 = cardWidth < 4 ? [truncateCells(card.title, cardWidth)] : [
+      `\u256D${"\u2500".repeat(cardWidth - 2)}\u256E`,
+      ...title.map((line) => `\u2502 ${padCells(line, inner)} \u2502`),
+      ...description.map((line) => `\u2502 ${padCells(line, inner)} \u2502`),
+      `\u2502 ${padCells(card.footer, inner)} \u2502`,
+      `\u2570${"\u2500".repeat(cardWidth - 2)}\u256F`
+    ];
+    return { rows: rows2, left: center + (index - selected) * stride, background: card.background, active };
+  });
+  return Array.from({ length: visible[0].rows.length }, (_, row) => {
+    const spans = [];
+    let column = 0;
+    for (const card of visible) {
+      const start = Math.max(0, card.left), end = Math.min(width, card.left + cardWidth);
+      if (end <= start) continue;
+      if (start > column) spans.push({ text: " ".repeat(start - column) });
+      spans.push({ text: sliceCells(card.rows[row], Math.max(0, -card.left), end - start), background: card.background, bold: card.active });
+      column = end;
+    }
+    if (column < width) spans.push({ text: " ".repeat(width - column) });
+    return { text: spans.map((span) => span.text).join(""), spans };
+  });
+}
+function centeredCarouselText(text4, width) {
+  const value = truncateCells(text4, width);
+  return " ".repeat(Math.max(0, Math.floor((width - cells(value)) / 2))) + value;
+}
+
 // ../workspaceInspirationDefaults.ts
 function getWorkspaceInspirations(surface) {
   const now = Math.floor(Date.now() / 1e3);
@@ -85950,10 +86007,7 @@ async function loadHomeData(state, client2, render) {
     render();
   }
 }
-function centered2(text4, width) {
-  const value = truncateCells(text4, width);
-  return " ".repeat(Math.max(0, Math.floor((width - cells(value)) / 2))) + value;
-}
+var centered2 = centeredCarouselText;
 function homeHeader(state, width, height) {
   const inspiration = currentInspiration(state), rows2 = Math.max(4, Math.min(8, Math.floor(height / 5))), result = [];
   const gradient = inspiration?.category && CATEGORY_GRADIENTS[inspiration.category] || CATEGORY_GRADIENTS.general_knowledge;
@@ -85977,40 +86031,12 @@ function renderHomeChatCards(state, width, height) {
   }
   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(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(cardWidth - 2)}\u256F`
-    ];
-    return { rows: rows2, background: (chat.category && CATEGORY_GRADIENTS[chat.category] || BLUE).start, active };
-  });
-  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(...renderCardCarousel(chats.map((chat) => ({
+    title: chat.title || "Untitled chat",
+    description: chat.summary || "Continue this conversation",
+    footer: chat.category?.replaceAll("_", " ") || "Chat",
+    background: (chat.category && CATEGORY_GRADIENTS[chat.category] || BLUE).start
+  })), width, selected, state.focus === "content"));
   result.push(
     "",
     centered2(`${selected > 0 ? "\u2039" : " "}  Chat ${selected + 1} of ${chats.length}  ${selected < chats.length - 1 ? "\u203A" : " "}`, width),
@@ -86228,20 +86254,26 @@ function visibleTuiApps(apps, query = "") {
   const words = query.toLocaleLowerCase().trim().split(/\s+/).filter(Boolean);
   return apps.filter((app) => words.every((word) => `${app.name} ${app.description} ${app.category} ${app.skills.map((skill) => skill.name).join(" ")}`.toLocaleLowerCase().includes(word)));
 }
+function homeTuiApps(apps, query = "", showAll = false) {
+  const visible = visibleTuiApps(apps, query);
+  return showAll || query ? visible : visible.slice(0, HOME_APP_ORDER.length);
+}
 function renderTuiAppsHome(apps, options) {
   const width = Math.max(1, options.width);
   const visible = visibleTuiApps(apps, options.query);
-  const lines = [];
-  if (!visible.length) lines.push(options.query ? "No matching apps." : "No apps available.");
-  for (const app of visible) {
-    lines.push(...cardLines(
-      `${app.id === options.selectedId ? "\u203A" : " "} ${app.name}`,
-      app.description,
-      `${app.skills.length} skills${app.category ? ` \xB7 ${app.category.replaceAll("_", " ")}` : ""}`,
-      width
-    ), "");
-  }
-  return lines;
+  if (!visible.length) return [centeredCarouselText(options.query ? "No matching apps." : "No apps available.", width)];
+  const selected = Math.max(0, Math.min(visible.length - 1, options.selectedIndex ?? visible.findIndex((app) => app.id === options.selectedId)));
+  return [
+    ...renderCardCarousel(visible.map((app) => ({
+      title: app.name,
+      description: app.description,
+      footer: `${app.skills.length} skills${app.category ? ` \xB7 ${app.category.replaceAll("_", " ")}` : ""}`,
+      background: (APP_GRADIENTS[app.id] ?? PRIMARY_GRADIENT).start
+    })), width, selected, options.selectedId !== void 0),
+    "",
+    centeredCarouselText(`${selected > 0 ? "\u2039" : " "}  App ${selected + 1} of ${visible.length}  ${selected < visible.length - 1 ? "\u203A" : " "}`, width),
+    centeredCarouselText("\u2190/\u2192 choose app  \xB7  Enter open  \xB7  Tab focus", width)
+  ];
 }
 function cardLines(title, description, footer, width) {
   if (width < 4) return [truncateCells(title, width)];
@@ -86888,8 +86920,13 @@ function renderBody(state, width, height) {
     case "chats":
       return renderHomeChatCards(state, width, height);
     case "apps": {
-      const apps = visibleTuiApps(state.apps, state.filter), visible = state.homeShowAll || state.filter ? apps : apps.slice(0, Math.max(6, state.selectedIndex + 1));
-      return [...homeHeader(state, width, height), ...homeCards(renderTuiAppsHome(visible, { width: Math.min(width, 88), selectedId: state.focus === "content" ? apps[state.selectedIndex]?.id : void 0 }), width, visible.map((app) => APP_GRADIENTS[app.id] ?? PRIMARY_GRADIENT)), "Show all  \xB7  /search Search apps"];
+      const apps = homeTuiApps(state.apps, state.filter, state.homeShowAll);
+      return [
+        ...homeHeader(state, width, height),
+        ...renderTuiAppsHome(apps, { width, selectedIndex: state.selectedIndex, selectedId: state.focus === "content" ? apps[state.selectedIndex]?.id : void 0 }),
+        "",
+        centeredCarouselText(`${state.homeShowAll ? "/browse Featured apps" : "/browse Show all"}  \xB7  /search Search apps`, width)
+      ];
     }
     case "app": {
       const app = state.activeApp;
@@ -87750,8 +87787,8 @@ async function handleWorkspaceKey(context, chunk, key) {
     return true;
   }
   if (state.workflowEdit) return false;
-  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 chatHome = state.screen === "start" || state.screen === "chats", carouselHome = chatHome || state.screen === "apps";
+  if (["pageup", "pagedown", "home", "end", "scrollup", "scrolldown"].includes(key.name ?? "") || (carouselHome || 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;
@@ -87824,8 +87861,9 @@ 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)));
+  if (carouselHome && state.focus === "content" && (key.name === "left" || key.name === "right")) {
+    const count = chatHome ? homeChatItems(state).length : homeTuiApps(state.apps, state.filter, state.homeShowAll).length;
+    state.selectedIndex = Math.max(0, Math.min(Math.max(0, count - 1), state.selectedIndex + (key.name === "left" ? -1 : 1)));
     state.followSelection = true;
     render();
     return true;
@@ -87880,7 +87918,7 @@ async function handleWorkspaceKey(context, chunk, key) {
     }
     const resultsTab = state.screen === "app" ? state.appTab === "embeds" : state.screen === "app-skill" && state.appSkillTab === "embeds";
     const workflowsTab = state.screen === "app" ? state.appTab === "workflows" : state.screen === "app-skill" && state.appSkillTab === "workflows";
-    const count = state.screen === "apps" ? visibleTuiApps(state.apps, state.filter).length : resultsTab ? state.appResults.items.length : workflowsTab ? state.appWorkflows.items.length : state.activeApp?.skills.length ?? 0;
+    const count = state.screen === "apps" ? homeTuiApps(state.apps, state.filter, state.homeShowAll).length : resultsTab ? state.appResults.items.length : workflowsTab ? state.appWorkflows.items.length : state.activeApp?.skills.length ?? 0;
     if (key.name === "up" || key.name === "down") {
       state.selectedIndex = Math.max(0, Math.min(count - 1, state.selectedIndex + (key.name === "up" ? -1 : 1)));
       render();
@@ -87888,7 +87926,7 @@ async function handleWorkspaceKey(context, chunk, key) {
     }
     if (key.name === "return") {
       if (state.screen === "apps") {
-        const app = visibleTuiApps(state.apps, state.filter)[state.selectedIndex];
+        const app = homeTuiApps(state.apps, state.filter, state.homeShowAll)[state.selectedIndex];
         if (app) await context.command(`/app ${app.id}`);
       } else if (resultsTab) {
         const result = state.appResults.items[state.selectedIndex];

package/dist/cli.js

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

package/dist/index.js

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

package/package.json

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