@orbit-work/ui 0.1.0

package/src/screens/Sites.stories.tsx

@@ -0,0 +1,183 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import { SiteWorkbenchExample } from "../examples/SiteWorkbenchExample"
+import { DesktopSidebarView } from "../components/domain/desktop/DesktopSidebarView"
+import { DesktopSitesListView } from "../components/domain/desktop/DesktopSitesListView"
+import type { DesktopSiteItem } from "../components/domain/desktop/DesktopSitesListView"
+import { DesktopWorkbenchShell } from "../components/domain/desktop/DesktopWorkbenchShell"
+import { DesktopScreenFrame, SCREEN_PARAMETERS, noop, screenSidebarProps } from "./_screen"
+
+/**
+ * Sites 整屏（蓝图 06 · screens）——站点列表的组合证明。
+ *
+ * 组合件：`DesktopWorkbenchShell`（view=`sites`）｜`DesktopSidebarView`
+ * ｜`DesktopSitesListView`（A3-B3 起页首＝`composite/PageHead`：眉标「产物」／32px
+ * 大标题「工作台」／说明句 ＋ 右上 216 搜索与主按钮 ＋ 三段页签「站点 / 媒体库 /
+ * 档案馆」，后两枚一期置灰占位；状态筛选「全部 / 已发布 / 草稿」与 A3-B4 的「密集」
+ * 开关一起落在页签行右端）｜`Badge` 状态标 ＋ `CardGridSkeleton` / `CatalogEmptyState` 三态。
+ *
+ * ## 荧黄逐处旁注
+ * - 左半屏 · 侧栏「站点」nav current → `--ow-current-bg` 填充块＋500 字重 → **位置极 ×1**，
+ *   **零荧黄**。第二编码的信标点在本项**不存在**：`.dot` 零件只属 §12/§13 锁定的九枚
+ *   信标化图标（BeaconIcons 定稿明写「通用操作图标一律 Lucide 原形不动、不另造点」），
+ *   站点位用的 `Icons.Globe` 属那余下 85 枚 Lucide 原形，`.ownavitem.active svg .dot`
+ *   在本屏无落点是设计使然。要看点亮的对照屏见 Workspace（PanelSidebar 带 `.dot`）。
+ * - 右半屏 · 页头「新建站点」= `Button variant="primary"` → **行动极 ×1**
+ *   （原型这枚是「在会话里新建」，改口径要接主页技能 → 归研发，一期先留「新建站点」）。
+ * - 右半屏 · **状态极 0 处**：已发布/草稿/已停用走 `Badge` 的
+ *   success / normal / error tint 面＋文字（R1 双编码），不是荧黄；
+ *   列表与骨架屏是 §4 R3 中性件，骨架走呼吸不走 shimmer（§9）。
+ * - 版本号 `v3`、发布时间等读数 mono＋tabular-nums。
+ */
+const meta = {
+  title: "Screens/Sites",
+  parameters: SCREEN_PARAMETERS,
+} satisfies Meta
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+/**
+ * R2 L1-3-4：seed 的时间戳从 `Date.now() - HOUR` 换成**固定值**——相对时间读数每次截图都在漂，
+ * 回归比对不住（同一张 story 两次拍出「1 小时前 / 2 小时前」）。
+ * 卡脚读数同批补上 `fileCount` / `totalSizeBytes`（原型 SITES seed L3423–3425
+ * 「12 个文件 · 1.8 MB / 8 个文件 · 940 KB / 6 个文件 · 420 KB」），
+ * 件本身早就支持这一档（DesktopSitesListView `cardMeta`），只是整屏 seed 没喂。
+ */
+const FIXED_PUBLISHED = "2026-02-27T09:00:00.000Z"
+
+const SITES: DesktopSiteItem[] = [
+  {
+    id: "site-1",
+    name: "公司官网",
+    status: "SITE_STATUS_ACTIVE",
+    baseUrl: "https://orbit.work",
+    version: 3,
+    publishedAt: FIXED_PUBLISHED,
+    createdAt: "2026-02-20T09:00:00.000Z",
+    sessionId: "session-1",
+    description: "对外主站，产品与定价都在这里",
+    fileCount: 12,
+    totalSizeBytes: 1_887_437,
+  },
+  {
+    id: "site-2",
+    name: "产品落地页",
+    status: "SITE_STATUS_ACTIVE",
+    baseUrl: "https://lp.orbit.work",
+    version: 1,
+    publishedAt: "2026-02-26T09:00:00.000Z",
+    createdAt: "2026-02-25T09:00:00.000Z",
+    sessionId: "session-2",
+    description: "新版落地页，投放用",
+    fileCount: 8,
+    totalSizeBytes: 962_560,
+  },
+  {
+    id: "site-3",
+    name: "活动页面",
+    status: "SITE_STATUS_DRAFT",
+    baseUrl: "",
+    version: 1,
+    createdAt: "2026-02-27T07:00:00.000Z",
+    sessionId: "session-3",
+    description: "年度活动页，还在改文案",
+    fileCount: 6,
+    totalSizeBytes: 430_080,
+  },
+  {
+    id: "site-4",
+    name: "帮助文档",
+    status: "SITE_STATUS_DISABLED",
+    baseUrl: "https://help.orbit.work",
+    version: 5,
+    publishedAt: "2026-01-28T09:00:00.000Z",
+    createdAt: "2025-12-29T09:00:00.000Z",
+    sessionId: "session-4",
+    description: "旧版帮助中心，已停用",
+    fileCount: 24,
+    totalSizeBytes: 5_662_310,
+  },
+]
+
+function SitesScreen({
+  sites,
+  loading,
+  error,
+  dense,
+}: { sites: DesktopSiteItem[]; loading?: boolean; error?: string; dense?: boolean }) {
+  return (
+    <DesktopScreenFrame>
+      <DesktopWorkbenchShell
+        contained
+        view="sites"
+        sidebar={<DesktopSidebarView {...screenSidebarProps({ activeNav: "sites" })} />}
+        chat={null}
+        skills={null}
+        scheduledTasks={null}
+        workspace={null}
+        sites={
+          <DesktopSitesListView
+            sites={sites}
+            loading={Boolean(loading)}
+            error={error}
+            onCreateSite={noop}
+            onViewDetails={noop}
+            onPreviewSite={noop}
+            onRetry={noop}
+            dense={dense}
+            onDenseChange={noop}
+          />
+        }
+      />
+    </DesktopScreenFrame>
+  )
+}
+
+/** 有站点：四张卡覆盖已发布 ×2 / 草稿 / 已停用。 */
+export const Default: Story = {
+  render: () => <SitesScreen sites={SITES} />,
+}
+
+/**
+ * 加载中：站点卡自己的骨架（`.sites-grid` + `.site-card` 同形同网格：150 封面块＋
+ * 名/描述两行＋脚三段），呼吸档 1→.55→1 · 1.6s，禁 shimmer。
+ * 原来借技能广场的 `CardGridSkeleton`，载→内容会整块跳变（矮卡 83 → 高卡 244）。
+ */
+export const Loading: Story = {
+  render: () => <SitesScreen sites={[]} loading />,
+}
+
+/**
+ * 空态：§6 容器空态——信标 mono 母题＋一句 text-2，**动作槽空着**。
+ * 「空态不占行动极」是 G5 的既定口径（见 CatalogEmptyState 的件头注），本页的行动极
+ * 已经由页头「新建站点」primary 占掉，空态再摆一枚主钮就是同屏两处行动极。
+ * 有关键词时才出「清空搜索」secondary——那是退路不是主张。
+ * （原旁注写「＋主按钮」，与实现和 G5 口径都不符，按实现订正。）
+ */
+export const Empty: Story = {
+  render: () => <SitesScreen sites={[]} />,
+}
+
+/**
+ * 密集态（A3-B4，原型 L1898 开关 ＋ 口径 L4425）：页签行右端那枚「密集」按下之后，
+ * 列宽 340→236（1440 净宽从三列到四列）、封面 16:9→1:1、卡上的说明与「打开链接」收掉，
+ * 一屏能扫的产物翻倍。开关按下态＝`--ow-current-bg` 面 ＋ 500 字重 ＋ `aria-pressed`
+ * 三层一起说（R1 双编码，位置极语汇，不占状态极）。
+ * 这里用受控属性直接开着，方便与上面的 Default 并排比；实际用时不传就由本件自记。
+ */
+export const Dense: Story = {
+  render: () => <SitesScreen sites={SITES} dense />,
+}
+
+export const Workbench: Story = {
+  render: () => (
+    <DesktopScreenFrame>
+      <DesktopWorkbenchShell
+        contained
+        view="sites"
+        sidebar={<DesktopSidebarView {...screenSidebarProps({ activeNav: "sites" })} />}
+        sites={<SiteWorkbenchExample />}
+      />
+    </DesktopScreenFrame>
+  ),
+}

package/src/screens/Skills.stories.tsx

@@ -0,0 +1,83 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import { SCREEN_PARAMETERS } from "./_screen"
+import { SkillsCatalogScreen } from "./_skillsCatalog"
+
+/**
+ * Skills 整屏（蓝图 06 · screens）——插件三页签（专家 / 技能 / 连接器）的组合证明。
+ *
+ * 组合件：`DesktopWorkbenchShell`（view=`skills`）｜`DesktopSidebarView`
+ * ｜`DesktopSkillsPageView`（A3-B3 起页首＝`composite/PageHead`：眉标「工具」／32px
+ * 大标题「插件」／说明句 ＋ 右上 216 搜索与主按钮 ＋ 带通栏基线的 36 高页签带；
+ * A3-B4 起页头之下的筛选行是「分类 `Chip` 筛选档（未选也带 1px 边）＋ 右端
+ * `SegmentedControl variant="outline"`「全部 / 我的」」；底部 `Pagination` 一期保留）
+ * ｜`.plaza__grid` 里的 `SkillCardView` / `DesktopAgentCardView` / `DesktopConnectorCardView`
+ * （壳都是 `DesktopCatalogCardView`）｜`SkillAvatarView` 出卡头像。
+ * 底屏与 seed 在 `_skillsCatalog.tsx`，与 Screens/McpManager 同吃一份。
+ *
+ * ## R2·T2「三页签同形」逐处旁注
+ * - **页面壳本来就是同形的**（同一个 `DesktopSkillsPageView`）。Terry 说的「连接器那很奇怪」
+ *   落点其实有三处，都在卡与状态态上：① 连接器卡缺状态签/归属签/卡脚；
+ *   ② 连接器徽标是另一套形制（36 ＋ 1px 边 ＋ 纸面 ＋ 700，技能卡是 40 无边）；
+ *   ③ 三页签的载入/空态原来在宿主两条路上各拼一套。三条本轮全收。
+ * - **字形章去彩**（原型 4569–4570 `glyphOf`）：技能/连接器卡一律中性
+ *   `--ow-surface-2` ＋ `--ow-text-2`，专家卡走墨面 `--ow-avatar-agent-*`。
+ *   章色由卡通过 `GlyphToneProvider` 钉档——`SkillAvatarView` 的默认身份色轮转
+ *   只留给会话/命令面板那种「一屏要认出好几个身份」的场合，一个字没动。
+ * - **状态签**（原型 4562–4570 `statusOf`）：正在安装 mute / 有更新 warn / 已安装 ok /
+ *   已连接 ok / 待授权 warn，每卡至多一枚；归属签「我的 / 专家团」在它左边，也至多一枚。
+ *   「有更新」签与「更新」钮并存（照原型）：签说现状，钮说能做什么。
+ *
+ * ## 荧黄逐处旁注
+ * - 左半屏 · 侧栏该项实渲文案是**「插件」**，进 current 后主编码 `--ow-current-bg`
+ *   填充块＋500 字重 → **位置极 ×1**。
+ * - 右半屏 · 页头「添加技能 / 添加专家 / 添加连接器」= `Button variant="primary"`
+ *   → **行动极 ×1**（暗档实底就是它这一枚，原型 skills--connectors.dark 亦然）。
+ *   卡上的「安装 / 使用 / 更新 / 去授权 / 配置」是 secondary，不构成第二处行动极。
+ * - 右半屏 · **位置极**：选中的分类 chip 与分段器「全部」段都是 `--ow-current-bg` 面
+ *   ＋ 500 字重，与侧栏 current 同一套语汇，零荧黄。
+ * - 右半屏 · **状态极 0 处**：`Pagination`、分类 chip、目录卡都是 §4 R3 中性件；
+ *   状态签走 tint 底 ＋ on-tint 字，不是实底，也不是荧黄。
+ * - 版本号、卡脚元信息、总数、页码全部 mono＋tabular-nums。
+ */
+const meta = {
+  title: "Screens/Skills",
+  parameters: SCREEN_PARAMETERS,
+} satisfies Meta
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+/** 技能页签：六张卡覆盖已装 / 有更新 / 未装 / 安装中四种卡态，卡脚「v1.4.0 · 3 天前」。 */
+export const Market: Story = {
+  render: () => <SkillsCatalogScreen section="market" />,
+}
+
+/** 搜索无结果：空态走件内 `emptyState` 槽（`CatalogEmptyState grid` ＋「清空搜索」退路）。 */
+export const NoResult: Story = {
+  render: () => <SkillsCatalogScreen section="market" empty="search" />,
+}
+
+/** 专家页签：字形章墨面档，覆盖「专家团」「我的」两种归属签与 已安装/有更新/未装 三态。 */
+export const Agents: Story = {
+  render: () => <SkillsCatalogScreen section="agents" />,
+}
+
+/** 连接器页签：与前两张一模一样的壳与卡，卡脚是「stdio · 4 个工具」（原型 CONNS）。 */
+export const Connectors: Story = {
+  render: () => <SkillsCatalogScreen section="connectors" />,
+}
+
+/** 连接器页签空态：这一段一条都没有（原型 catEmptyText 的无搜索词分支）。 */
+export const ConnectorsEmpty: Story = {
+  render: () => <SkillsCatalogScreen section="connectors" empty="section" />,
+}
+
+/** 技能页签载入态：`DesktopSkillsPageView.loading` 出目录卡骨架网格（L3-3-7）。 */
+export const SkillsLoading: Story = {
+  render: () => <SkillsCatalogScreen section="market" loading />,
+}
+
+/** 连接器页签载入态：与技能页签同一张骨架网格——状态态也归件里管，宿主不再各拼一套。 */
+export const ConnectorsLoading: Story = {
+  render: () => <SkillsCatalogScreen section="connectors" loading />,
+}

package/src/screens/Workspace.stories.tsx

@@ -0,0 +1,191 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import { DesktopSidebarView } from "../components/domain/desktop/DesktopSidebarView"
+import { DesktopWorkbenchShell } from "../components/domain/desktop/DesktopWorkbenchShell"
+import { DesktopWorkspacePageView } from "../components/domain/desktop/DesktopWorkspacePageView"
+import {
+  DesktopWorkspaceMemoryView,
+  DesktopWorkspaceProjectRowView,
+} from "../components/domain/desktop/DesktopWorkspaceView"
+import type { DesktopWorkspaceMemorySection } from "../components/domain/desktop/DesktopWorkspaceView"
+import { Field } from "../components/primitives"
+import { DesktopScreenFrame, SCREEN_PARAMETERS, noop, screenSidebarProps } from "./_screen"
+
+/**
+ * Workspace 整屏（蓝图 06 · screens）——我的空间（项目 / 记忆）的组合证明。
+ *
+ * # ⚠ 整屏退役中（A11-B5 · 裁决 16）
+ * 原型 template.dc.html 里**没有这一屏**：侧栏只剩四项（新任务 / 插件 / 工作台 / 定时任务，
+ * 686–703），我的空间管的两件事分头归位——
+ * - 项目文件 → 右栏「文件」页签（2313–2338）：见 `Screens/Browser` 的 **FilesTab**；
+ * - 记忆 → 设置二级页第八段（2635–2673）：见 `Screens/SettingsMemory`。
+ *
+ * 下面三个故事（Projects / Memory / MemoryEmpty）**只作退役对照留档**，不再是验收基线；
+ * 它们靠 `showWorkspaceNav` 显式把侧栏第五项召回来才画得出（组件默认已是四项）。
+ * 宿主 `apps/desktop` 的 workspace 路由拆完后（删除条件见
+ * `components/domain/desktop/index.ts` 段尾清单），本文件连同三个故事一并删除。
+ * 故事 ID 有意保持不变（`screens-workspace--projects` 等），好让退役前后的截图对得上。
+ *
+ * 组合件：`DesktopWorkbenchShell`（view=`workspace`）｜`DesktopSidebarView`
+ * ｜`DesktopWorkspacePageView`（`Tabs` 两页 ＋ 工具组 ＋ `.fs-list` 滚动区）
+ * ｜`DesktopWorkspaceProjectRowView` × N｜`DesktopWorkspaceMemoryView`（分区记忆，
+ * 自带 §6 载/错/空三态）｜`Field` 出记忆搜索条。
+ *
+ * ## 荧黄逐处旁注
+ * - 左半屏 · 侧栏「我的空间」nav current（`files`）→ `--ow-accent-dot` 点亮
+ *   → **位置极 ×1**。
+ * - 右半屏 · **行动极 0 处**：项目行的「进入 / 打开目录」是次级动作，工具组是 ghost 图标钮。
+ * - 右半屏 · **状态极 0 处**：项目行与记忆条都是 §4 R3 中性件；记忆来源用
+ *   `sourceLabel` 文字＋tag 承义，不点信标。
+ * - 路径、条数等读数走 mono；`Tabs` 选中态是下划线＋字重，非荧黄。
+ */
+const meta = {
+  title: "Screens/Workspace",
+  /* A11-B5：整屏退役中，标签给 Storybook 侧栏一个可筛的记号；故事 ID 不改。 */
+  tags: ["deprecated"],
+  parameters: SCREEN_PARAMETERS,
+} satisfies Meta
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+const PROJECT_ROWS = [
+  { name: "orbit-fe", path: "/Users/zhangying/projects/orbit-fe" },
+  { name: "orbit-backend", path: "/Users/zhangying/projects/orbit-backend" },
+  { name: "design", path: "/Users/zhangying/projects/design" },
+  { name: "运营素材", path: "/Users/zhangying/Documents/运营素材" },
+]
+
+const MEMORY_SECTIONS: DesktopWorkspaceMemorySection[] = [
+  {
+    id: "profile",
+    title: "用户画像",
+    hint: "从长期对话里沉淀下来的稳定事实",
+    items: [
+      {
+        id: "m1",
+        subject: "工作语言",
+        text: "沟通用中文，代码注释也写中文。",
+        source: "extractor",
+        sourceLabel: "自动提取",
+        when: "08-12",
+      },
+      {
+        id: "m2",
+        subject: "常用仓库",
+        text: "日常在 orbit-fe 和 design 两个仓库之间来回。",
+        source: "extractor",
+        sourceLabel: "自动提取",
+        when: "08-20",
+      },
+    ],
+  },
+  {
+    id: "preference",
+    title: "偏好记忆",
+    hint: "你明确让我记住的",
+    items: [
+      {
+        id: "m3",
+        subject: "周报口径",
+        text: "周报只要「做完了什么 / 卡在哪 / 下周做什么」三段，不要罗列提交。",
+        source: "remember",
+        sourceLabel: "你让我记住",
+        when: "08-28",
+      },
+      {
+        id: "m4",
+        subject: "改动尺度",
+        text: "碰共享样式前先说一声，别顺手大改。",
+        source: "user",
+        sourceLabel: "你写的",
+        when: "08-30",
+      },
+    ],
+  },
+]
+
+/** @deprecated A11-B5：项目文件已归右栏「文件」页签（原型 2313–2338）。项目页：四行项目，进入与打开目录是两个独立动作。 */
+export const Projects: Story = {
+  name: "Projects（待退役 · 改看 Screens/Browser 的 FilesTab）",
+  render: () => (
+    <DesktopScreenFrame>
+      <DesktopWorkbenchShell
+        contained
+        view="workspace"
+        sidebar={<DesktopSidebarView {...screenSidebarProps({ activeNav: "files", showWorkspaceNav: true })} />}
+        chat={null}
+        skills={null}
+        sites={null}
+        scheduledTasks={null}
+        workspace={
+          <DesktopWorkspacePageView tab="projects" onTabChange={noop} sortAsc={false} onSort={noop}>
+            {PROJECT_ROWS.map((project) => (
+              <DesktopWorkspaceProjectRowView
+                key={project.path}
+                name={project.name}
+                path={project.path}
+                onEnter={noop}
+                onOpenDirectory={noop}
+              />
+            ))}
+          </DesktopWorkspacePageView>
+        }
+      />
+    </DesktopScreenFrame>
+  ),
+}
+
+/** @deprecated A11-B5：记忆已归设置二级页第八段（原型 2635–2673）。记忆页 + 搜索条：搜索框插在 Tabs 与列表之间。 */
+export const Memory: Story = {
+  name: "Memory（待退役 · 改看 Screens/SettingsMemory）",
+  render: () => (
+    <DesktopScreenFrame>
+      <DesktopWorkbenchShell
+        contained
+        view="workspace"
+        sidebar={<DesktopSidebarView {...screenSidebarProps({ activeNav: "files", showWorkspaceNav: true })} />}
+        chat={null}
+        skills={null}
+        sites={null}
+        scheduledTasks={null}
+        workspace={
+          <DesktopWorkspacePageView
+            tab="memory"
+            onTabChange={noop}
+            showMemorySearchAction
+            memorySearchOpen
+            onToggleMemorySearch={noop}
+            memorySearch={<Field placeholder="搜索记忆内容…" onChange={noop} />}
+            sortAsc
+            onSort={noop}
+          >
+            <DesktopWorkspaceMemoryView sections={MEMORY_SECTIONS} onOpenItem={noop} />
+          </DesktopWorkspacePageView>
+        }
+      />
+    </DesktopScreenFrame>
+  ),
+}
+
+/** @deprecated A11-B5：记忆空态随记忆段一起搬进设置；此处只留退役对照。 */
+export const MemoryEmpty: Story = {
+  name: "MemoryEmpty（待退役 · 改看 Screens/SettingsMemory）",
+  render: () => (
+    <DesktopScreenFrame>
+      <DesktopWorkbenchShell
+        contained
+        view="workspace"
+        sidebar={<DesktopSidebarView {...screenSidebarProps({ activeNav: "files", showWorkspaceNav: true })} />}
+        chat={null}
+        skills={null}
+        sites={null}
+        scheduledTasks={null}
+        workspace={
+          <DesktopWorkspacePageView tab="memory" onTabChange={noop} sortAsc={false} onSort={noop}>
+            <DesktopWorkspaceMemoryView sections={[]} />
+          </DesktopWorkspacePageView>
+        }
+      />
+    </DesktopScreenFrame>
+  ),
+}

package/src/screens/_home.tsx

@@ -0,0 +1,46 @@
+import { HomeBackdrop } from "../components/composite/HomeBackdrop"
+import { Composer } from "../components/domain/chat/Composer"
+import { ComposerProjectPicker } from "../components/domain/chat/Composer/parts/ComposerProjectPicker"
+import { DesktopHomeView } from "../components/domain/desktop/DesktopHomeView"
+import { StarterCapsules } from "../components/domain/desktop/StarterCapsules"
+import { noop } from "./_screen"
+
+/**
+ * 主屏底屏（R2 · 设置弹窗取证用）。
+ *
+ * 设置从整幅二级页改成模态后，四组设置整屏 story 的底下不能再是空壳——弹窗要证的是
+ * 「遮罩压住了什么」，底下没东西就等于没证。这里给一张**极简主屏**：线纹背景 ＋
+ * 品牌主视觉 ＋ 五枚起手胶囊 ＋ 空 Composer，恰好是 `Screens/Home` 的 `NewSession`
+ * 那张的静态版（无受控 state，story 里不需要交互）。
+ *
+ * 为什么不复用 Home.stories：那张搭在 story 的 render 函数里，没有可导出的件；
+ * 抽件就得动 `_screen.tsx`（本轮 T1/T4 两轨都在改那个文件）。所以单开这一份，
+ * 只放主屏一屏的组合，`_screen.tsx` 一行不动。
+ *
+ * 只是 `DesktopWorkbenchShell` 的 `chat` 槽内容，**不含壳**——壳与窗口带仍由各 story
+ * 自己的 `DesktopScreenFrame` ＋ 一枚 `contained` 的 `DesktopWorkbenchShell` 给
+ * （`ScreenFrameSource.test.mjs` 数的就是「一屏一壳」）。
+ */
+export function screenHomeChat() {
+  return (
+    <DesktopHomeView backdrop={<HomeBackdrop />} capsules={<StarterCapsules onSelect={noop} />}>
+      <Composer
+        value=""
+        onChange={noop}
+        placeholder="今天帮你做些什么？ / 调用技能与指令 @ 引用专家和连接器"
+        onSend={noop}
+        project={
+          <ComposerProjectPicker
+            value="orbit-fe"
+            options={[
+              { id: "default", name: "默认项目", label: "默认项目", description: "未归档的临时任务" },
+              { id: "orbit-fe", name: "orbit-fe", label: "orbit-fe", description: "前端主仓" },
+            ]}
+            onChange={noop}
+            onCreate={noop}
+          />
+        }
+      />
+    </DesktopHomeView>
+  )
+}