@steerable/agent-shell-web 0.6.64 → 0.6.65

package/src/layouts/request-chat-slot.ts

@@ -0,0 +1,22 @@
+/**
+ * 让对话里的文件点击打开右侧栏位。
+ *
+ * 直接通知布局：没有这个标签就打开，已经打开就切过去。整栏收着时一并展开。
+ */
+
+const listeners = new Set<(slotId: string) => void>();
+
+/** 打开并聚焦这个栏位。 */
+export function requestChatSlot(slotId: string): void {
+  for (const listener of listeners) listener(slotId);
+}
+
+/** 布局挂上后接收请求。返回取消订阅。 */
+export function subscribeChatSlotRequests(
+  listener: (slotId: string) => void,
+): () => void {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}

package/src/layouts/right-panel-tabs.ts

@@ -0,0 +1,149 @@
+/**
+ * 右侧栏位的多标签状态。
+ *
+ * 同一会话可以同时打开终端和若干包槽位。`active` 是当前看见的那一个。
+ * `collapsed` 表示整栏收起：标签还留着，右侧不显示，再打开时恢复。
+ * 持久化兼容以前每个会话只存一个字符串的格式。
+ */
+
+export type RightPanelTabs = {
+  tabs: string[];
+  active: string;
+  collapsed?: boolean;
+};
+
+/** 每个会话各自的标签：chatId → 打开的标签（没有标签时不落盘）。 */
+export type RightPanelMap = Record<string, RightPanelTabs>;
+
+export function normalizeRightPanelEntry(
+  value: unknown,
+  isValidValue: (value: string) => boolean,
+): RightPanelTabs | null {
+  if (typeof value === 'string') {
+    return isValidValue(value) ? { tabs: [value], active: value } : null;
+  }
+  if (!value || typeof value !== 'object' || Array.isArray(value)) return null;
+  const record = value as { tabs?: unknown; active?: unknown; collapsed?: unknown };
+  const seen = new Set<string>();
+  const tabs: string[] = [];
+  if (Array.isArray(record.tabs)) {
+    for (const item of record.tabs) {
+      if (typeof item !== 'string' || !isValidValue(item) || seen.has(item)) continue;
+      seen.add(item);
+      tabs.push(item);
+    }
+  }
+  if (tabs.length === 0) return null;
+  const active =
+    typeof record.active === 'string' && tabs.includes(record.active)
+      ? record.active
+      : tabs[0]!;
+  return record.collapsed === true ? { tabs, active, collapsed: true } : { tabs, active };
+}
+
+/**
+ * 解析持久化的「会话 → 右侧标签」映射。
+ *
+ * 兼容这些历史格式：
+ *   - 多标签：{"<chatId>": { "tabs": ["ppt", "terminal"], "active": "ppt" }}；
+ *   - 单值映射：{"<chatId>": "terminal" | "<slotId>"} → 一个标签；
+ *   - 整个值就是单个字符串 → 迁到当前会话；
+ *   - 更老：只记录终端是否打开过的布尔 key。
+ * 无效的会话 / 栏位值会被丢弃。
+ */
+export function parseRightPanelMap(options: {
+  raw: string | null;
+  legacyTerminalOpen: string | null;
+  chatId: string | null;
+  isValidValue: (value: string) => boolean;
+}): RightPanelMap {
+  const { raw, legacyTerminalOpen, chatId, isValidValue } = options;
+  if (raw !== null) {
+    if (raw === '') return {};
+    try {
+      const parsed = JSON.parse(raw) as unknown;
+      if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {
+        const map: RightPanelMap = {};
+        for (const [key, value] of Object.entries(parsed as Record<string, unknown>)) {
+          const entry = normalizeRightPanelEntry(value, isValidValue);
+          if (entry) map[key] = entry;
+        }
+        return map;
+      }
+    } catch {
+      const entry = normalizeRightPanelEntry(raw, isValidValue);
+      if (entry && chatId) return { [chatId]: entry };
+    }
+    return {};
+  }
+  if (legacyTerminalOpen === '1' && chatId && isValidValue('terminal')) {
+    return { [chatId]: { tabs: ['terminal'], active: 'terminal' } };
+  }
+  return {};
+}
+
+/** 快捷键：整栏收着时打开并显示这一项；没开就追加并显示；已开但不是当前就切过去；当前这个就关掉。 */
+export function toggleRightPanelEntry(
+  current: RightPanelTabs | null,
+  kind: string,
+): RightPanelTabs | null {
+  if (current?.collapsed) {
+    const tabs = current.tabs.includes(kind) ? current.tabs : [...current.tabs, kind];
+    return { tabs, active: kind };
+  }
+  if (!current || !current.tabs.includes(kind)) {
+    return { tabs: current ? [...current.tabs, kind] : [kind], active: kind };
+  }
+  if (current.active !== kind) return { tabs: current.tabs, active: kind };
+  return closeRightPanelTab(current, kind);
+}
+
+/** 收起整栏。标签保留，下次展开还是这些。 */
+export function collapseRightPanel(current: RightPanelTabs): RightPanelTabs {
+  return { tabs: current.tabs, active: current.active, collapsed: true };
+}
+
+/** 展开整栏，回到收起前正在看的标签。 */
+export function expandRightPanel(current: RightPanelTabs): RightPanelTabs {
+  return { tabs: current.tabs, active: current.active };
+}
+
+/** 关掉一个标签。关掉的是当前标签时，改看相邻的那一个。 */
+export function closeRightPanelTab(
+  current: RightPanelTabs,
+  kind: string,
+): RightPanelTabs | null {
+  const tabs = current.tabs.filter((id) => id !== kind);
+  if (tabs.length === 0) return null;
+  if (current.active !== kind) return { tabs, active: current.active };
+  const index = current.tabs.indexOf(kind);
+  const active = tabs[Math.min(index, tabs.length - 1)] ?? tabs[0]!;
+  return { tabs, active };
+}
+
+/**
+ * 自动展开：栏位空着时打开并显示；已经有别的标签时只把这个加进去，不抢走当前标签。
+ * 这个标签已经开着则保持原样。
+ */
+export function revealRightPanelTab(
+  current: RightPanelTabs | null,
+  kind: string,
+): RightPanelTabs {
+  if (!current) return { tabs: [kind], active: kind };
+  if (current.collapsed) {
+    const tabs = current.tabs.includes(kind) ? current.tabs : [...current.tabs, kind];
+    return { tabs, active: kind };
+  }
+  if (current.tabs.includes(kind)) return current;
+  return { tabs: [...current.tabs, kind], active: current.active };
+}
+
+/** 打开并显示。已经开着时只切换当前标签。 */
+export function openRightPanelTab(
+  current: RightPanelTabs | null,
+  kind: string,
+): RightPanelTabs {
+  if (!current) return { tabs: [kind], active: kind };
+  if (current.tabs.includes(kind)) return { tabs: current.tabs, active: kind };
+  return { tabs: [...current.tabs, kind], active: kind };
+}

package/src/pages/AgentPage.tsx

@@ -1190,6 +1190,12 @@ function AgentChatView({
     ...pendingFollowUps.map((message) => message.content),
     ...remoteFollowUps,
   ];
+  const chatOutputs = useMemo(() => {
+    const merged: TurnFile[] = [];
+    for (const files of Object.values(turnFilesByMessageId)) merged.push(...files);
+    merged.push(...currentTurnFiles);
+    return merged;
+  }, [turnFilesByMessageId, currentTurnFiles]);
   const handleRemovePendingFollowUp = (index: number) => {
     if (index < pendingFollowUps.length) {
       removeFollowUp(index);
@@ -1228,8 +1234,13 @@ function AgentChatView({
             tasks={tasks}
             chatSlots={ctx.chatSlots}
             rightPanel={ctx.rightPanel}
-            onToggleChatSlot={ctx.onToggleChatSlot}
-            onToggleRightPanel={ctx.onToggleChatSlot}
+            openPanelIds={ctx.openPanelIds}
+            onOpenRightPanel={ctx.onOpenRightPanel}
+            showProject={showProjectsChrome}
+            project={chatProject}
+            outputs={chatOutputs}
+            onShare={hasHostBridge() ? handleShare : undefined}
+            onChatChanged={ctx.refreshChats}
           />
         }
         onRegenerate={