@steerable/agent-shell-web 0.6.71 → 0.6.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steerable/agent-shell-web",
-  "version": "0.6.71",
+  "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.71",
-    "@steerable/agent-ui": "0.6.71"
+    "@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.71"
+    "@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/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>