@steerable/agent-shell-web 0.6.24 → 0.6.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steerable/agent-shell-web",
-  "version": "0.6.24",
+  "version": "0.6.25",
   "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",
@@ -46,8 +46,8 @@
     "react-router-dom": "^6.30.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
-    "@steerable/agent-ui": "0.6.24",
-    "@steerable/agent-protocol": "0.6.24"
+    "@steerable/agent-ui": "0.6.25",
+    "@steerable/agent-protocol": "0.6.25"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.0",
@@ -60,7 +60,7 @@
     "typescript": "^5.8.3",
     "vite": "^5.4.21",
     "vitest": "^3.2.4",
-    "@steerable/pack-sdk": "0.6.24"
+    "@steerable/pack-sdk": "0.6.25"
   },
   "scripts": {
     "gen": "echo agent-shell-web",

package/src/brand.ts

@@ -15,6 +15,14 @@ export const LOCAL_ASSISTANT_AGENT_ID = 'local-assistant';
 
 export const BRAND_NAME: string = import.meta.env.VITE_BRAND_NAME ?? 'Steerable Shell';
 
+/**
+ * 品牌锁头标题。产品/包可在 brand.title 注入；空字符串表示不配标题，
+ * 侧栏只按原比例显示 logo。未 define 时回落 displayName，避免旧
+ * vite.base.js 漏注入时露出壳默认名。
+ */
+export const BRAND_TITLE: string =
+  import.meta.env.VITE_BRAND_TITLE ?? import.meta.env.VITE_BRAND_NAME ?? 'Steerable Shell';
+
 /** shell 默认 logo（中性通用图标）；包品牌 logo 由包 web 模块注册覆盖。 */
 let brandLogoUrl: string = shellLogoUrl;
 

package/src/components/AgentSidebar.tsx

@@ -120,13 +120,7 @@ import {
 import type { UseChatsAndAgentsResult } from '@/hooks/useChatsAndAgents';
 import type { PackChatSlotContribution } from '@/packs/registry';
 import type { RightPanelState } from '@/layouts/AgentLayout';
-// 必须 import 而不是写 src="/favicon.png"：public/ 下的资源 Vite 永远按绝对路径
-// /favicon.png 输出，dev 模式下 dev server 提供根路径所以能加载，但打包成
-// Electron 后渲染进程走 file:// 协议，/favicon.png 会被解析成文件系统根目录
-// 下的 favicon.png（必然 404）。改成模块导入后，Vite 会把图片放到 dist/assets
-// 下并发出 base-relative URL，配合 vite.config.ts 的 `base: './'` 在两种模式
-// 下都能正确加载。
-import { getBrandLogoUrl, BRAND_NAME } from '@/brand';
+import { BrandLockup } from '@/components/BrandLockup';
 
 const DEFAULT_DOT_COLOR = '#7c3aed';
 
@@ -627,22 +621,7 @@ export function AgentSidebar({
     <div className="flex h-full w-full flex-col border-r border-agent-border/60 bg-agent-muted/70 backdrop-blur-md">
       {/* ───── Brand + actions ───── */}
       <div className="flex h-12 flex-shrink-0 items-center justify-between px-3">
-        <div className="flex min-w-0 items-center gap-2">
-          {/*
-            品牌 logo —— src 用 module-imported asset，不要写 /favicon.png（见
-            文件顶部 import 的注释）。shell 默认是中性通用图标；产品品牌
-            logo 由激活包的 web 模块在注册时注入（getBrandLogoUrl）。
-          */}
-          <img
-            src={getBrandLogoUrl()}
-            alt={BRAND_NAME}
-            className="h-6 w-6 flex-shrink-0 select-none"
-            draggable={false}
-          />
-          <span className="truncate text-sm font-semibold tracking-tight text-agent-foreground">
-            {BRAND_NAME}
-          </span>
-        </div>
+        <BrandLockup />
         <div className="flex items-center gap-1">
           <button
             type="button"

package/src/components/BrandLockup.tsx

@@ -0,0 +1,24 @@
+import { BRAND_NAME, BRAND_TITLE, getBrandLogoUrl } from '@/brand';
+
+/**
+ * 侧栏品牌锁头。配了 brand.title 就 logo + 标题；没配标题则只显示 logo，
+ * 并按原图宽高比缩放（一体字标不要压成方图）。
+ */
+export function BrandLockup() {
+  const title = BRAND_TITLE.trim();
+  return (
+    <div className="flex min-w-0 items-center gap-2">
+      <img
+        src={getBrandLogoUrl()}
+        alt={title || BRAND_NAME}
+        className="h-6 w-auto max-w-[10rem] flex-shrink-0 select-none object-contain object-left"
+        draggable={false}
+      />
+      {title ? (
+        <span className="truncate text-sm font-semibold tracking-tight text-agent-foreground">
+          {title}
+        </span>
+      ) : null}
+    </div>
+  );
+}

package/vite.base.js

@@ -50,6 +50,7 @@ export function createProductViteConfig(options) {
             // logo 不走 define——资产必须静态 import 才进 bundle，由包 web 模块
             // 在注册时经 setBrandLogoUrl 注入（本包 src/brand.ts）。
             'import.meta.env.VITE_BRAND_NAME': JSON.stringify(brand?.displayName ?? 'Steerable Shell'),
+            'import.meta.env.VITE_BRAND_TITLE': JSON.stringify(brand?.title ?? ''),
             'import.meta.env.VITE_BRAND_TAGLINE': JSON.stringify(brand?.tagline ?? '一款本地桌面 AI 伙伴'),
             'import.meta.env.VITE_DEFAULT_AGENT_ID': JSON.stringify(brand?.defaultAgentId ?? 'local-assistant'),
         },