@steerable/agent-shell-web 0.6.48 → 0.6.50

package/src/lib/tauri-bridge.ts

@@ -8,7 +8,11 @@
 import { invoke } from '@tauri-apps/api/core';
 import { listen, type UnlistenFn } from '@tauri-apps/api/event';
 import html2canvas from 'html2canvas';
-import type { AppReleaseSnapshot, HostBridge } from './electron-bridge';
+import type {
+  AppReleaseSnapshot,
+  HostBridge,
+  PythonRunnerSnapshot,
+} from './electron-bridge';
 import { createHttpBridge } from './http-bridge';
 
 type VoidCallback = () => void;
@@ -38,6 +42,7 @@ export function createTauriBridge(): HostBridge {
   const bridge = createHttpBridge();
   const newChatMenu = createMenuSubscription('menu:new-chat');
   const terminalMenu = createMenuSubscription('menu:open-terminal');
+  const pasteMenu = createMenuSubscription('menu:paste');
 
   return {
     ...bridge,
@@ -85,6 +90,9 @@ export function createTauriBridge(): HostBridge {
     offMenuNewChat: newChatMenu.off,
     onMenuOpenTerminal: terminalMenu.on,
     offMenuOpenTerminal: terminalMenu.off,
+    onMenuPaste: pasteMenu.on,
+    offMenuPaste: pasteMenu.off,
+    readClipboardText: () => invoke<string>('host_read_clipboard_text'),
     app: {
       snapshot: () => invoke<AppReleaseSnapshot>('app_release_snapshot'),
       check: () => invoke<AppReleaseSnapshot>('app_release_check'),
@@ -106,6 +114,37 @@ export function createTauriBridge(): HostBridge {
         };
       },
     },
+    pythonRunner: {
+      snapshot: () => invoke<PythonRunnerSnapshot>('python_runner_snapshot'),
+      download: (url) =>
+        invoke<PythonRunnerSnapshot>('python_runner_download', {
+          url: url ?? null,
+        }),
+      cancel: () => invoke<PythonRunnerSnapshot>('python_runner_cancel'),
+      pickLocal: () => invoke<string | null>('python_runner_pick_local'),
+      useLocal: (path) =>
+        invoke<PythonRunnerSnapshot>('python_runner_use_local', { path }),
+      useDefault: () =>
+        invoke<PythonRunnerSnapshot>('python_runner_use_default'),
+      restart: () => invoke<void>('python_runner_restart'),
+      onState(callback) {
+        let unlisten: UnlistenFn | undefined;
+        let cancelled = false;
+        const pending = listen<PythonRunnerSnapshot>(
+          'python-runner-state',
+          (event) => callback(event.payload),
+        );
+        void pending.then((stop) => {
+          if (cancelled) stop();
+          else unlisten = stop;
+        });
+        return () => {
+          cancelled = true;
+          if (unlisten) unlisten();
+          else void pending.then((stop) => stop());
+        };
+      },
+    },
   };
 }
 

package/src/main.tsx

@@ -8,6 +8,7 @@ import { SettingsPage } from './pages/SettingsPage';
 import { getPackRoutes } from './packs/registry';
 import { getBrandLogoUrl, BRAND_NAME } from './brand';
 import { getAppShellGate } from './auth/gate';
+import { installHostPaste } from './lib/host-paste';
 import './styles/index.css';
 
 // 浏览器 dev mock 的安装在 bootstrap() 开头（动态 import + DEV 门）。
@@ -98,6 +99,7 @@ export async function bootstrap(): Promise<void> {
   // （品牌 logo 由包经 setBrandLogoUrl 注入，见 brand.ts）。
   document.title = BRAND_NAME;
   document.querySelector<HTMLLinkElement>('link[rel="icon"]')?.setAttribute('href', getBrandLogoUrl());
+  installHostPaste();
 
   const rootEl = document.getElementById('root');
   if (!rootEl) {

package/src/pages/AgentPage.tsx

@@ -1042,6 +1042,22 @@ function AgentChatView({
     ];
   }, [messages, remoteContent, chatId]);
   const effectiveIsStreaming = isStreaming || remoteStreaming;
+
+  useEffect(() => {
+    if (!chatId) return;
+    window.dispatchEvent(
+      new CustomEvent("chat:streaming-change", {
+        detail: { chatId, isStreaming: effectiveIsStreaming },
+      }),
+    );
+    return () => {
+      window.dispatchEvent(
+        new CustomEvent("chat:streaming-change", {
+          detail: { chatId, isStreaming: false },
+        }),
+      );
+    };
+  }, [chatId, effectiveIsStreaming]);
   const effectiveCurrentTurnActions: ExecutedAction[] = remoteStreaming
     ? ((liveStream.executedActions as ExecutedAction[] | undefined) ?? [])
     : currentTurnActions;
@@ -1101,6 +1117,7 @@ function AgentChatView({
             chatSlots={ctx.chatSlots}
             rightPanel={ctx.rightPanel}
             onToggleChatSlot={ctx.onToggleChatSlot}
+            onToggleRightPanel={ctx.onToggleChatSlot}
           />
         }
         onRegenerate={

package/src/pages/SettingsPage.tsx

@@ -1,10 +1,12 @@
 import { useRef, useState } from 'react';
-import { LuActivity, LuBlocks, LuBot, LuChartBar, LuMonitor, LuNetwork, LuPlug, LuSearch, LuSettings, LuShieldCheck } from 'react-icons/lu';
+import { LuActivity, LuBlocks, LuBot, LuChartBar, LuDownload, LuMonitor, LuNetwork, LuPlug, LuSearch, LuSettings, LuShieldCheck } from 'react-icons/lu';
 import { useOutletContext, useSearchParams } from 'react-router-dom';
 import { isElectron } from '@/lib/electron-bridge';
 import { AgentsSettingsPanel } from '@/components/settings/AgentsSettingsPanel';
 import { AppearanceSettingsPanel } from '@/components/settings/AppearanceSettingsPanel';
 import { AppUpdateSettingsPanel } from '@/components/settings/AppUpdateSettingsPanel';
+import { PortableSettingsPanel } from '@/components/settings/PortableSettingsPanel';
+import { PythonRunnerSettingsPanel } from '@/components/settings/PythonRunnerSettingsPanel';
 import { DiagnoseSettingsPanel } from '@/components/settings/DiagnoseSettingsPanel';
 import { InsightsSettingsPanel } from '@/components/settings/InsightsSettingsPanel';
 import {
@@ -21,6 +23,7 @@ import { UsagePanel } from '@/components/settings/UsagePanel';
 import { WebSearchSettingsPanel } from '@/components/settings/WebSearchSettingsPanel';
 import { getPackSettingsPanels } from '@/packs/registry';
 import { settingsChrome } from '@/lib/host-tools';
+import { isPortableEnabled } from '@/lib/portable';
 import type { AgentOutletContext } from '@/layouts/AgentLayout';
 
 type SettingsSection = 'skills' | 'mcp' | 'agents' | 'general';
@@ -218,6 +221,17 @@ export function SettingsPage() {
                 </section>
               ))}
 
+              {isPortableEnabled() && (
+              <section className="space-y-2" data-testid="settings-section-portable">
+                <h2 className="flex items-center gap-1.5 text-xs font-semibold text-agent-foreground">
+                  <LuDownload className="h-3.5 w-3.5 text-agent-muted-foreground" />
+                  备份与迁移
+                </h2>
+                <PortableSettingsPanel />
+              </section>
+              )}
+
+              <PythonRunnerSettingsPanel />
               <AppUpdateSettingsPanel />
             </>
           )}

package/src/styles/index.css

@@ -164,3 +164,32 @@ body {
 .chat-input-surface:has(.chat-input-editor[data-composing]) .chat-input-mirror {
   visibility: hidden;
 }
+
+/*
+ * Thin scrollbars everywhere. The system "always show" bar is about 15px.
+ * Kept in the base layer so a utility can still hide a scrollbar.
+ */
+@layer base {
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: color-mix(in oklab, var(--color-agent-foreground) 28%, transparent) transparent;
+  }
+
+  *::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  *::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    background: color-mix(in oklab, var(--color-agent-foreground) 28%, transparent);
+    border-radius: 999px;
+  }
+
+  *::-webkit-scrollbar-thumb:hover {
+    background: color-mix(in oklab, var(--color-agent-foreground) 45%, transparent);
+  }
+}

package/src/vite-env.d.ts

@@ -10,6 +10,8 @@ interface ImportMetaEnv {
   readonly VITE_APPROVAL?: string;
   readonly VITE_CHAT_MODES?: string;
   readonly VITE_SETTINGS?: string;
+  /** `'true'` 才打开对话与配置的导出/导入。缺省关。 */
+  readonly VITE_PORTABLE?: string;
 }
 
 interface ImportMeta {

package/vite.base.js

@@ -58,6 +58,7 @@ export function createProductViteConfig(options) {
             'import.meta.env.VITE_APPROVAL': JSON.stringify(product.approval ?? 'host'),
             'import.meta.env.VITE_CHAT_MODES': JSON.stringify(JSON.stringify(product.chatModes ?? ['agent', 'plan'])),
             'import.meta.env.VITE_SETTINGS': JSON.stringify(JSON.stringify(product.settings ?? {})),
+            'import.meta.env.VITE_PORTABLE': JSON.stringify(product.portable === true ? 'true' : 'false'),
         },
         resolve: {
             alias: {