@orbit-work/ui 0.1.2-preview.0 → 0.1.2

package/src/components/domain/desktop/DesktopSidebarView/DesktopSidebarView.stories.tsx

@@ -1,454 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { userEvent } from "@storybook/test"
-import { DesktopSidebarView } from "./index"
-import type { DesktopSidebarProject } from "./index"
-
-const meta = {
-  title: "Desktop/DesktopSidebarView",
-  component: DesktopSidebarView,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "fullscreen",
-  },
-  decorators: [
-    (Story) => (
-      <div style={{ height: "100vh", display: "flex" }}>
-        <Story />
-      </div>
-    ),
-  ],
-} satisfies Meta<typeof DesktopSidebarView>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-const mockProjects: DesktopSidebarProject[] = [
-  {
-    id: "default",
-    label: "默认项目",
-    open: true,
-    isDefault: true,
-    loadingMore: false,
-    canLoadMore: false,
-    threads: [
-      {
-        id: "thread-1",
-        projectId: "default",
-        title: "实现用户登录功能",
-        active: true,
-        running: false,
-        unread: false,
-      },
-      {
-        id: "thread-2",
-        projectId: "default",
-        title: "修复数据库连接问题",
-        active: false,
-        running: true,
-        runningCount: "3/7",
-        unread: false,
-      },
-      {
-        id: "thread-3",
-        projectId: "default",
-        title: "优化首页加载性能",
-        active: false,
-        running: false,
-        unread: true,
-      },
-    ],
-  },
-  {
-    id: "project-1",
-    label: "移动端项目",
-    open: true,
-    isDefault: false,
-    loadingMore: false,
-    canLoadMore: true,
-    threads: [
-      {
-        id: "thread-4",
-        projectId: "project-1",
-        title: "适配 iOS 15",
-        active: false,
-        running: false,
-        unread: false,
-      },
-    ],
-  },
-  {
-    id: "project-2",
-    label: "后端服务",
-    open: false,
-    isDefault: false,
-    loadingMore: false,
-    canLoadMore: false,
-    threads: [],
-  },
-]
-
-const mockUser = {
-  name: "张三",
-  avatarUrl: "https://api.dicebear.com/7.x/avataaars/svg?seed=Felix",
-}
-
-export const Default: Story = {
-  args: {
-    collapsed: false,
-    width: 260,
-    newTaskTitle: "新任务",
-    projects: mockProjects,
-    user: mockUser,
-    showArchived: false,
-    onCollapsedChange: () => { },
-    onWidthChange: () => { },
-    onNavigate: () => { },
-    onOpenSettings: () => { },
-    onNewTask: () => { },
-    onToggleProject: () => { },
-    onLoadMore: () => { },
-    onRefreshProjects: () => { },
-    onShowArchivedChange: () => { },
-    onSelectThread: () => { },
-    onCreateProject: async () => { },
-    onRenameProject: async () => { },
-    onDeleteProject: async () => { },
-    onOpenProjectDirectory: () => { },
-    onRenameThread: async () => { },
-    onMoveThread: async () => { },
-    onDeleteThread: async () => { },
-    onArchiveThread: async () => { },
-    onShareThread: () => { },
-    onFeedback: () => { },
-    onLogout: () => { },
-  },
-}
-
-/**
- * mac 折叠态（R2）：没有通栏带，折叠钮住在侧栏顶行里——折叠后整栏收成 **rail 116**
- * （8 + 68 让位块 + 4 + 28 钮 + 8），只剩那一行，导航/项目/底栏整块不渲染，钮仍在 x=80。
- */
-export const CollapsedMacRail: Story = {
-  args: {
-    ...Default.args,
-    platform: "mac",
-    collapsed: true,
-    width: 60,
-  },
-}
-
-/** linux/web 折叠态：顶行无红绿灯让位块，rail 收成 **44**（8 + 28 + 8），钮在 x=8。 */
-export const CollapsedLinuxRail: Story = {
-  args: {
-    ...Default.args,
-    platform: "linux",
-    collapsed: true,
-    width: 60,
-  },
-}
-
-export const WithActiveNav: Story = {
-  args: {
-    ...Default.args,
-    activeNav: "skills",
-  },
-}
-
-/**
- * SidebarCurrent 位置极落地（ow/components/surfaces/SidebarCurrent）：
- * 当前项「我的空间」＝var(--ow-current-bg) 底＋500 字重＋图标内信标点点亮
- * （信标族 workspace 图标 .dot，浅=深黄 --ow-accent-dot / 暗=荧黄）；
- * 同列「修复数据库连接问题」行尾＝--ow-progress-fill 实心点＋mono 计数（3/7）＝状态极改形。
- * hover 其余导航项可见信标点预亮 40%（仅信标族图标）。浅/暗主题经工具栏 data-theme 切换验证。
- */
-export const CurrentPoleAndRunningCount: Story = {
-  args: {
-    ...Default.args,
-    /* A11-B1：「我的空间」缺省已退出导航（showWorkspaceNav 默认 false），Default 因此是
-       「新任务 / 插件 / 工作台 / 定时任务」四项。本故事要示范的是**信标族图标内那颗点**
-       ——本栏只有 workspace(PanelSidebar) 与 schedule(Clock) 两枚带 `.dot`，schedule 那枚
-       已由下面的 CurrentPoleOnSchedule 占着，所以这里显式打开开关把 workspace 请回来，
-       顺带把新开关本身的开态也钉在基线里。 */
-    showWorkspaceNav: true,
-    activeNav: "files",
-    projects: [
-      {
-        ...mockProjects[0],
-        threads: mockProjects[0].threads.map((thread) => ({ ...thread, active: false })),
-      },
-      ...mockProjects.slice(1),
-    ],
-  },
-}
-
-/** 定时任务（信标族 schedule 图标）为当前项：另一枚信标点亮位形。 */
-export const CurrentPoleOnSchedule: Story = {
-  args: {
-    ...Default.args,
-    activeNav: "cron",
-    projects: [
-      {
-        ...mockProjects[0],
-        threads: mockProjects[0].threads.map((thread) => ({ ...thread, active: false })),
-      },
-      ...mockProjects.slice(1),
-    ],
-  },
-}
-
-export const WithIMThreads: Story = {
-  args: {
-    ...Default.args,
-    projects: [
-      {
-        ...mockProjects[0],
-        threads: [
-          {
-            id: "im-1",
-            projectId: "default",
-            title: "来自企业微信的会话",
-            active: false,
-            running: false,
-            unread: true,
-            sourceIcon: "WeCom",
-            sourceLabel: "企业微信",
-          },
-          {
-            id: "im-2",
-            projectId: "default",
-            title: "来自钉钉的会话",
-            active: false,
-            running: false,
-            unread: false,
-            sourceIcon: "DingTalk",
-            sourceLabel: "钉钉",
-          },
-          {
-            id: "im-3",
-            projectId: "default",
-            title: "来自飞书的会话",
-            active: true,
-            running: false,
-            unread: false,
-            sourceIcon: "Feishu",
-            sourceLabel: "飞书",
-          },
-        ],
-      },
-      ...mockProjects.slice(1),
-    ],
-  },
-}
-
-export const WithBranchedThreads: Story = {
-  args: {
-    ...Default.args,
-    projects: [
-      {
-        ...mockProjects[0],
-        threads: [
-          ...mockProjects[0].threads,
-          {
-            id: "branched-1",
-            projectId: "default",
-            title: "分支会话：尝试新方案",
-            active: false,
-            running: false,
-            unread: false,
-            branched: true,
-          },
-        ],
-      },
-      ...mockProjects.slice(1),
-    ],
-  },
-}
-
-export const WithArchivedThreads: Story = {
-  args: {
-    ...Default.args,
-    showArchived: true,
-    projects: [
-      {
-        ...mockProjects[0],
-        threads: [
-          ...mockProjects[0].threads,
-          {
-            id: "archived-1",
-            projectId: "default",
-            title: "已归档的会话",
-            active: false,
-            running: false,
-            unread: false,
-            archived: true,
-          },
-        ],
-      },
-      ...mockProjects.slice(1),
-    ],
-  },
-}
-
-export const WithUpdateAvailable: Story = {
-  args: {
-    ...Default.args,
-    update: {
-      state: "available",
-      version: "2.1.0",
-    },
-  },
-}
-
-export const WithUpdateDownloading: Story = {
-  args: {
-    ...Default.args,
-    update: {
-      state: "downloading",
-      version: "2.1.0",
-      percent: 45,
-    },
-  },
-}
-
-export const WithUpdateReady: Story = {
-  args: {
-    ...Default.args,
-    update: {
-      state: "ready",
-      version: "2.1.0",
-    },
-  },
-}
-
-export const WithLoadError: Story = {
-  args: {
-    ...Default.args,
-    projects: [
-      mockProjects[0],
-      {
-        ...mockProjects[1],
-        loadError: "加载失败",
-      },
-      mockProjects[2],
-    ],
-  },
-}
-
-export const EmptyProject: Story = {
-  args: {
-    ...Default.args,
-    projects: [
-      {
-        id: "empty",
-        label: "空项目",
-        open: true,
-        isDefault: false,
-        loadingMore: false,
-        canLoadMore: false,
-        threads: [],
-      },
-    ],
-  },
-}
-
-export const WithPetVisible: Story = {
-  args: {
-    ...Default.args,
-    petVisible: true,
-  },
-}
-
-/**
- * §4·R1 未读双编码：未读＝行尾多出的 --ow-info 点（位置/形是第一编码）＋ title="未读"
- * 文字编码，颜色只当第二编码，永不荧黄。同屏对照「运行中」行：同为 6px 圆点但色不同
- * （--ow-progress-fill 墨/月白）且必带 mono 计数，两者靠计数与文字区分而非只靠色。
- */
-export const UnreadVersusRunning: Story = {
-  args: {
-    ...Default.args,
-    projects: [
-      {
-        ...mockProjects[0],
-        threads: [
-          { id: "u-1", projectId: "default", title: "未读：设计评审回复", active: false, running: false, unread: true },
-          {
-            id: "u-2",
-            projectId: "default",
-            title: "运行中：批量导出报表",
-            active: false,
-            running: true,
-            runningCount: "12/40",
-            unread: false,
-          },
-          {
-            id: "u-3",
-            projectId: "default",
-            title: "运行中且未读：夜间构建",
-            active: false,
-            running: true,
-            runningCount: "3/7",
-            unread: true,
-          },
-          {
-            id: "u-4",
-            projectId: "default",
-            title: "已读且空闲：周报草稿",
-            active: false,
-            running: false,
-            unread: false,
-          },
-        ],
-      },
-    ],
-  },
-}
-
-/** §6 容器加载态：展开更多正在拉取（骨架档由 .owthread-more 的 disabled 逐 token 承担，禁统一透明度）。 */
-export const WithLoadingMore: Story = {
-  args: {
-    ...Default.args,
-    projects: [mockProjects[0], { ...mockProjects[1], loadingMore: true, canLoadMore: true }, mockProjects[2]],
-  },
-}
-
-/** 更新胶囊错误档：error 语义色＋「重试」文字（R1 颜色不单独承载状态）。 */
-export const WithUpdateError: Story = {
-  args: {
-    ...Default.args,
-    update: {
-      state: "error",
-      version: "2.1.0",
-    },
-  },
-}
-
-/**
- * R2 · T4：账户菜单满配 props（套餐 / 积分 / 版本号 / 主题 / 邮箱 / ID）。
- *
- * `play` 在渲染完成后点 `.owuser__main`，story 自己就是开态（R2 终检补：此前全库零 `play`，
- * batchshot 拍到的是闭态）。面本体的逐条证据在 `Desktop/DesktopAccountMenuView` 那四张
- * （不 portal，直接可截）；这一张证明「侧栏把这些 props 接上了 ＋ 菜单从账户行弹出的位置」。
- * 菜单 portal 到 body、fixed 定位，截图要等 `[role="menu"]` 出现再拍。
- */
-export const AccountMenuOpen: Story = {
-  args: {
-    ...Default.args,
-    user: { name: "张颖", avatarUrl: "", email: "zhangying@orbitwork.ai", id: "usr_8f3a21c7" },
-    activeNav: "new",
-    plan: { name: "体验版", action: { label: "升级", onClick: () => undefined } },
-    credits: { used: 1240, limit: 2000 },
-    version: "v1.4.2",
-    theme: "light",
-    onThemeChange: () => undefined,
-    petVisible: true,
-    onPetVisibleChange: () => undefined,
-    onOpenMemory: () => undefined,
-    onCopyUserId: () => undefined,
-    onCheckUpdate: () => undefined,
-  },
-  /* 渲染完成后点账户行把菜单打开——story 名叫「开态」就得自己是开态（R2 终检补）。 */
-  play: async ({ canvasElement }) => {
-    const trigger = canvasElement.querySelector<HTMLElement>(".owuser__main")
-    if (trigger) await userEvent.click(trigger)
-  },
-}