@steerable/agent-shell-web 0.6.70 → 0.6.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steerable/agent-shell-web",
-  "version": "0.6.70",
+  "version": "0.6.72",
   "type": "module",
   "description": "Steerable framework — product-neutral renderer SPA source for @steerable/agent-shell (React + Vite). Consumed by product web entry points via the `@/` alias (anchored at this package's src/) and the createProductViteConfig factory. Published as a source package (src/), plus the compiled vite.base config factory (vite.base.js + .d.ts) for Node-side config loading.",
   "license": "Apache-2.0",
@@ -45,8 +45,8 @@
     "react-router-dom": "^6.30.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
-    "@steerable/agent-protocol": "0.6.70",
-    "@steerable/agent-ui": "0.6.70"
+    "@steerable/agent-protocol": "0.6.72",
+    "@steerable/agent-ui": "0.6.72"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.0",
@@ -59,7 +59,7 @@
     "typescript": "^5.8.3",
     "vite": "^5.4.21",
     "vitest": "^3.2.4",
-    "@steerable/pack-sdk": "0.6.70"
+    "@steerable/pack-sdk": "0.6.72"
   },
   "scripts": {
     "gen": "echo agent-shell-web",

package/src/brand.ts

@@ -3,10 +3,11 @@
  * （VITE_BRAND_* define：product.json brand 优先，其次激活包 pack.json
  * brand，3.1）；logo 资产由激活包的 web 模块在注册时经
  * setBrandLogoUrl() 注入（资产静态 import 在包内，只进本产品 bundle）。
- * 未注入时一律回落到 shell 默认（Steerable Shell / 舵轮标）。
+ * 未注入时一律回落到 shell 默认（Steerable Shell：方形标 + 横版字标）。
  * 主进程侧对应物见 src/brand.ts。
  */
-import shellLogoUrl from '@/assets/logo-steerable.svg';
+import shellMarkUrl from '@/assets/logo-steerable-mark.png';
+import shellWordmarkUrl from '@/assets/logo-steerable-wordmark.png';
 
 /** 当前构建的 flavor（开放字符串，0.3g 起不再是二值联合）。 */
 export const APP_FLAVOR: string = import.meta.env.VITE_APP_FLAVOR ?? 'generic';
@@ -30,25 +31,35 @@ export const BRAND_TITLE: string =
 export const BRAND_HOME_HINT: string =
   import.meta.env.VITE_BRAND_HOME_HINT ?? 'Type a message to start a new chat.';
 
-/** shell 默认 logo（Steerable 舵轮标）；包品牌 logo 由包 web 模块注册覆盖。 */
-let brandLogoUrl: string = shellLogoUrl;
+/** shell 默认方形标，用于侧栏和 favicon。包只注册一枚 logo 时与字标相同。 */
+let brandMarkUrl: string = shellMarkUrl;
+
+/** shell 默认横版字标，用于空对话首屏。包品牌 logo 由包 web 模块注册覆盖。 */
+let brandLogoUrl: string = shellWordmarkUrl;
 
 /**
  * 注册产品品牌 logo（包的 register*Renderer() 在 bootstrap 前调用）。
  * 重复注册抛错（组装期笔误，fail fast——与 node 侧 setProductBrand 同语义）。
+ * 包只提供一枚图，方形标和字标都用它。
  */
 export function setBrandLogoUrl(url: string): void {
-  if (brandLogoUrl !== shellLogoUrl && brandLogoUrl !== url) {
+  if (brandLogoUrl !== shellWordmarkUrl && brandLogoUrl !== url) {
     throw new Error('[brand] logo already set');
   }
   brandLogoUrl = url;
+  brandMarkUrl = url;
 }
 
-/** 当前产品品牌 logo（bootstrap 之后读取——包的注册已完成）。 */
+/** 当前产品品牌字标（bootstrap 之后读取——包的注册已完成）。 */
 export function getBrandLogoUrl(): string {
   return brandLogoUrl;
 }
 
+/** 当前产品方形标。shell 默认是彩色 S；包覆盖后与字标相同。 */
+export function getBrandMarkUrl(): string {
+  return brandMarkUrl;
+}
+
 /** 首页 / 新对话未选手动专家时绑定的内置智能体（包品牌可覆盖）。 */
 export const DEFAULT_AGENT_ID: string =
   import.meta.env.VITE_DEFAULT_AGENT_ID ?? LOCAL_ASSISTANT_AGENT_ID;

package/src/components/BrandLockup.tsx

@@ -1,4 +1,4 @@
-import { BRAND_NAME, BRAND_TITLE, getBrandLogoUrl } from '@/brand';
+import { BRAND_NAME, BRAND_TITLE, getBrandMarkUrl } from '@/brand';
 
 export interface BrandLockupProps {
   className?: string;
@@ -24,7 +24,7 @@ export function BrandLockup({ className, onClick }: BrandLockupProps = {}) {
         .join(' ')}
     >
       <img
-        src={getBrandLogoUrl()}
+        src={getBrandMarkUrl()}
         alt={title || BRAND_NAME}
         className={`${title ? 'h-5' : 'h-6'} w-auto max-w-[10rem] flex-shrink-0 select-none object-contain object-left`}
         draggable={false}

package/src/components/chat/EmptyChatHero.tsx

@@ -2,7 +2,7 @@ import { BRAND_HOME_HINT, BRAND_NAME, getBrandLogoUrl } from '@/brand';
 import { t } from '@/i18n';
 
 /**
- * 新对话落地页与空会话首屏的品牌区：侧栏同一枚 logo，加一句
+ * 新对话落地页与空会话首屏的品牌区：横版字标，加一句
  * 产品可配的副文案（brand.homeHint）。
  */
 export function EmptyChatHero() {
@@ -13,7 +13,7 @@ export function EmptyChatHero() {
         <img
           src={getBrandLogoUrl()}
           alt={BRAND_NAME}
-          className="mx-auto h-12 w-auto max-w-[12rem] select-none object-contain"
+          className="mx-auto h-16 w-auto max-w-[18rem] select-none object-contain"
           draggable={false}
         />
       </h1>

package/src/components/chat/TaskOutcomeCards.tsx

@@ -83,17 +83,21 @@ function TaskOutcomeCard({
 
       <div className="min-w-0 flex-1">
         <div
-          className={
+          data-task-outcome-title=""
+          className={`line-clamp-2 break-words ${
             failed
               ? 'text-red-700 dark:text-red-300'
               : 'text-emerald-700 dark:text-emerald-300'
-          }
+          }`}
         >
           {failed ? t('Background task failed: ') : t('Background task completed: ')}
           <span className="font-medium">{task.task}</span>
         </div>
         {detail && (
-          <div className="mt-1 line-clamp-3 whitespace-pre-wrap text-agent-muted-foreground">
+          <div
+            data-task-outcome-detail=""
+            className="mt-1 line-clamp-2 break-words text-agent-muted-foreground"
+          >
             {detail}
           </div>
         )}

package/src/lib/host-bridge.ts

@@ -129,6 +129,18 @@ export interface PythonRunnerSnapshot {
   restartRequired: boolean;
 }
 
+export interface HostClipboardFile {
+  name: string;
+  path?: string;
+  dataBase64?: string;
+  mime?: string;
+}
+
+export interface HostClipboard {
+  text: string;
+  files: HostClipboardFile[];
+}
+
 export interface HostBridge {
   runtime: 'local';
   platform: NodeJS.Platform;
@@ -197,25 +209,17 @@ export interface HostBridge {
   offMenuOpenTerminal?: () => void;
   /**
    * App menu IPC — `Cmd+V` / 编辑 → 粘贴 fires `menu:paste`.
-   * WKWebView does not expose that pasteboard to the page, so the renderer
-   * reads it through `readClipboard`.
+   * WKWebView does not expose that pasteboard to the page, so the host reads
+   * it before emitting the event.
    */
-  onMenuPaste?: (callback: () => void) => void;
+  onMenuPaste?: (callback: (clipboard: HostClipboard) => void) => void;
   offMenuPaste?: () => void;
   /**
    * OS pasteboard. `files` are copied paths or a screenshot PNG.
    * Text is empty when the pasteboard holds files, so the path is not
    * inserted into the composer as well.
    */
-  readClipboard?: () => Promise<{
-    text: string;
-    files: Array<{
-      name: string;
-      path?: string;
-      dataBase64?: string;
-      mime?: string;
-    }>;
-  }>;
+  readClipboard?: () => Promise<HostClipboard>;
   /** Plain text from the OS pasteboard. Empty when the clipboard has no text. */
   readClipboardText?: () => Promise<string>;
   /**

package/src/lib/host-paste.ts

@@ -4,18 +4,13 @@
  * and writes it into the focused field.
  */
 
-export interface HostClipboardFile {
-  name: string;
-  path?: string;
-  dataBase64?: string;
-  mime?: string;
-}
+import {
+  getHostBridge,
+  type HostClipboard,
+  type HostClipboardFile,
+} from './host-bridge';
 
-export interface HostClipboard {
-  text: string;
-  files: HostClipboardFile[];
-}
-import { getHostBridge } from './host-bridge';
+export type { HostClipboardFile } from './host-bridge';
 
 let pending = false;
 let lastEditable: HTMLElement | null = null;
@@ -44,8 +39,8 @@ export function installHostPaste(): void {
     if (isEditable(target)) lastEditable = target;
   });
   const bridge = getHostBridge();
-  bridge?.onMenuPaste?.(() => {
-    requestHostPaste();
+  bridge?.onMenuPaste?.((clipboard) => {
+    insertHostClipboard(clipboard);
   });
 }
 
@@ -58,8 +53,7 @@ export function requestHostPaste(target?: HTMLElement | null): void {
   pending = true;
   void readHostClipboard(readClipboard, readText)
     .then((clip) => {
-      if (clip.files.length > 0) insertHostFiles(clip.files, target ?? null);
-      if (clip.text) insertHostText(clip.text, target ?? null);
+      insertHostClipboard(clip, target ?? null);
     })
     .catch((error: unknown) => {
       console.warn('[host-paste] clipboard read failed', error);
@@ -100,6 +94,11 @@ export function hostClipboardAvailable(): boolean {
   );
 }
 
+function insertHostClipboard(clipboard: HostClipboard, target: HTMLElement | null = null): void {
+  if (clipboard.files.length > 0) insertHostFiles(clipboard.files, target);
+  if (clipboard.text) insertHostText(clipboard.text, target);
+}
+
 function isEditable(target: EventTarget | null): target is HTMLElement {
   if (isTerminalInput(target) || !(target instanceof HTMLElement)) return false;
   if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) return true;

package/src/lib/tauri-bridge.ts

@@ -10,22 +10,23 @@ import { listen, type UnlistenFn } from '@tauri-apps/api/event';
 import html2canvas from 'html2canvas';
 import type {
   AppReleaseSnapshot,
+  HostClipboard,
   HostBridge,
   PythonRunnerSnapshot,
 } from './host-bridge';
 import { createHttpBridge } from './http-bridge';
 
-type VoidCallback = () => void;
+type EventCallback<T> = (payload: T) => void;
 
-function createMenuSubscription(event: string): {
-  on(callback: VoidCallback): void;
+function createMenuSubscription<T = void>(event: string): {
+  on(callback: EventCallback<T>): void;
   off(): void;
 } {
-  const subscriptions = new Map<VoidCallback, Promise<UnlistenFn>>();
+  const subscriptions = new Map<EventCallback<T>, Promise<UnlistenFn>>();
   return {
     on(callback) {
       if (subscriptions.has(callback)) return;
-      const subscription = listen(event, () => callback());
+      const subscription = listen<T>(event, ({ payload }) => callback(payload));
       subscriptions.set(callback, subscription);
     },
     off() {
@@ -42,7 +43,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');
+  const pasteMenu = createMenuSubscription<HostClipboard>('menu:paste');
 
   return {
     ...bridge,
@@ -92,11 +93,7 @@ export function createTauriBridge(): HostBridge {
     offMenuOpenTerminal: terminalMenu.off,
     onMenuPaste: pasteMenu.on,
     offMenuPaste: pasteMenu.off,
-    readClipboard: () =>
-      invoke<{
-        text: string;
-        files: Array<{ name: string; path?: string; dataBase64?: string; mime?: string }>;
-      }>('host_read_clipboard'),
+    readClipboard: () => invoke<HostClipboard>('host_read_clipboard'),
     readClipboardText: () => invoke<string>('host_read_clipboard_text'),
     app: {
       snapshot: () => invoke<AppReleaseSnapshot>('app_release_snapshot'),

package/src/main.tsx

@@ -7,7 +7,7 @@ import { AgentLayout } from './layouts/AgentLayout';
 import { AgentPage } from './pages/AgentPage';
 import { SettingsPage } from './pages/SettingsPage';
 import { getPackRoutes } from './packs/registry';
-import { getBrandLogoUrl, BRAND_NAME } from './brand';
+import { getBrandMarkUrl, BRAND_NAME } from './brand';
 import { getAppShellGate } from './auth/gate';
 import { installHostPaste } from './lib/host-paste';
 import './styles/index.css';
@@ -107,7 +107,11 @@ export async function bootstrap(): Promise<void> {
   document.documentElement.lang = getLocale() === 'zh' ? 'zh-CN' : getLocale();
   window.steerableHost?.setLocale?.(getLocale());
   document.title = BRAND_NAME;
-  document.querySelector<HTMLLinkElement>('link[rel="icon"]')?.setAttribute('href', getBrandLogoUrl());
+  const icon = document.querySelector<HTMLLinkElement>('link[rel="icon"]');
+  if (icon) {
+    icon.type = 'image/png';
+    icon.href = getBrandMarkUrl();
+  }
   installHostPaste();
 
   const rootEl = document.getElementById('root');

package/public/favicon.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
-  <circle cx="24" cy="24" r="17" stroke="#5c6bc0" stroke-width="3.5"/>
-  <circle cx="24" cy="24" r="5" fill="#5c6bc0"/>
-  <g stroke="#5c6bc0" stroke-width="3.5" stroke-linecap="round">
-    <line x1="24" y1="2.5" x2="24" y2="12"/>
-    <line x1="24" y1="36" x2="24" y2="45.5"/>
-    <line x1="2.5" y1="24" x2="12" y2="24"/>
-    <line x1="36" y1="24" x2="45.5" y2="24"/>
-    <line x1="8.8" y1="8.8" x2="15.5" y2="15.5"/>
-    <line x1="32.5" y1="32.5" x2="39.2" y2="39.2"/>
-    <line x1="39.2" y1="8.8" x2="32.5" y2="15.5"/>
-    <line x1="15.5" y1="32.5" x2="8.8" y2="39.2"/>
-  </g>
-</svg>

package/src/assets/logo-steerable.svg

@@ -1,14 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none">
-  <circle cx="24" cy="24" r="17" stroke="#5c6bc0" stroke-width="3.5"/>
-  <circle cx="24" cy="24" r="5" fill="#5c6bc0"/>
-  <g stroke="#5c6bc0" stroke-width="3.5" stroke-linecap="round">
-    <line x1="24" y1="2.5" x2="24" y2="12"/>
-    <line x1="24" y1="36" x2="24" y2="45.5"/>
-    <line x1="2.5" y1="24" x2="12" y2="24"/>
-    <line x1="36" y1="24" x2="45.5" y2="24"/>
-    <line x1="8.8" y1="8.8" x2="15.5" y2="15.5"/>
-    <line x1="32.5" y1="32.5" x2="39.2" y2="39.2"/>
-    <line x1="39.2" y1="8.8" x2="32.5" y2="15.5"/>
-    <line x1="15.5" y1="32.5" x2="8.8" y2="39.2"/>
-  </g>
-</svg>