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

package/src/components/composite/Section/Section.stories.tsx

@@ -1,148 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { Button } from "../../primitives/Button"
-import { EmptyState } from "../../primitives/EmptyState"
-import { InlineMessage } from "../../primitives/InlineMessage"
-import { Switch } from "../../primitives/Switch"
-import { Skeleton } from "../Skeleton"
-import { Section } from "./index"
-
-const meta = {
-  title: "Composite/Section",
-  component: Section,
-  parameters: { layout: "padded" },
-  tags: ["autodocs"],
-} satisfies Meta<typeof Section>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-/** 标准形：标题 + 说明（text-2）+ 内容槽 + 底部 1px 分隔。 */
-export const Default: Story = {
-  args: {
-    title: "通用",
-    description: "语言、启动方式一类的基础偏好。",
-    children: "内容槽。",
-  },
-}
-
-/** 只有标题：归口自设置页里那行裸标题。 */
-export const TitleOnly: Story = {
-  args: {
-    title: "模型选择",
-    children: "内容槽。",
-  },
-}
-
-/** 带眉标：中文 500 字重 12px +0.08em，色 --ow-eyebrow。 */
-export const WithEyebrow: Story = {
-  args: {
-    eyebrow: "账号",
-    title: "套餐管理",
-    description: "切换套餐后需要等待审批通过。",
-    children: "内容槽。",
-  },
-}
-
-/** 标题行右侧动作：开关、按钮一类。 */
-export const WithActions: Story = {
-  args: {
-    title: "开发者模式",
-    description: "打开后会在侧栏显示调试入口。",
-    actions: <Switch checked onChange={() => {}} />,
-    children: "内容槽。",
-  },
-}
-
-/** 收尾节：关掉底部分隔，避免和页面底边撞线。 */
-export const WithoutDivider: Story = {
-  args: {
-    title: "关于",
-    description: "版本与许可信息。",
-    divider: false,
-    children: "内容槽。",
-  },
-}
-
-/** 无内容槽：只做一段标题 + 说明的引导。 */
-export const HeadOnly: Story = {
-  args: {
-    eyebrow: "安全",
-    title: "系统授权",
-    description: "Orbitwork 在这台电脑上运行所需要的系统授权。",
-  },
-}
-
-/** 空态：内容槽走 EmptyState 原语。 */
-export const EmptyBody: Story = {
-  args: {
-    title: "定时任务",
-    description: "到点自动跑起来的任务都在这里。",
-    children: <EmptyState message="这个项目还没有定时任务。" actionLabel="新建任务" onAction={() => {}} />,
-  },
-}
-
-/** 加载态：skeleton 呼吸，禁 shimmer。 */
-export const LoadingBody: Story = {
-  args: {
-    title: "模型选择",
-    description: "日常对话与任务使用的模型。",
-    children: <Skeleton variant="text" lines={2} />,
-  },
-}
-
-/** 错误态：人话一句 + mono 详情折叠。 */
-export const ErrorBody: Story = {
-  args: {
-    title: "模型选择",
-    description: "日常对话与任务使用的模型。",
-    children: (
-      <InlineMessage
-        variant="error"
-        action={
-          <Button size="sm" variant="secondary">
-            重试
-          </Button>
-        }
-      >
-        模型清单没拉下来，检查网络后重试。
-      </InlineMessage>
-    ),
-  },
-}
-
-/** 整页叠放：分节间靠 1px 分隔，末节关分隔。 */
-export const PageStack: Story = {
-  render: () => (
-    <div className="flex flex-col gap-6 max-w-[640px]">
-      <Section eyebrow="账号" title="个人资料" description="头像与显示名在会话里可见。">
-        内容槽。
-      </Section>
-      <Section title="通用" description="语言、启动方式一类的基础偏好。">
-        内容槽。
-      </Section>
-      <Section title="关于" description="版本与许可信息。" divider={false}>
-        <span className="font-[family-name:var(--ow-font-mono)] tabular-nums text-ow-text-2">2.0.0 · 构建 1842</span>
-      </Section>
-    </div>
-  ),
-}
-
-/**
- * 眉标档标题（R2 · 找茬 L1-1-8）：`titleTier="eyebrow"` 把标题字形换成
- * 12/500 `+0.08em` `--ow-eyebrow`，**设置弹窗内的组标题**一律走它——右栏头已经是
- * 一枚 24 的段标题，紧挨着再来一枚 14/600 就是双标题（原型的设置面组标题也全是眉标档）。
- * 只换字形：标题仍是 `<h3>` ＋ `aria-labelledby`，无障碍名不丢。
- */
-export const TitleTierEyebrow: Story = {
-  render: () => (
-    <div className="flex flex-col gap-6 max-w-[640px]">
-      <Section title="默认标题档" description="14/600 --ow-text —— 独立成屏的分节用它。" />
-      <Section
-        title="默认模型"
-        titleTier="eyebrow"
-        description="12/500 +0.08em --ow-eyebrow —— 设置面内的组标题用它。"
-        divider={false}
-      />
-    </div>
-  ),
-}

package/src/components/composite/Section/SectionSource.test.mjs

@@ -1,59 +0,0 @@
-import assert from "node:assert/strict"
-import { readFile } from "node:fs/promises"
-import test from "node:test"
-
-const source = await readFile(new URL("./index.tsx", import.meta.url), "utf8")
-const indexSource = await readFile(new URL("../index.ts", import.meta.url), "utf8")
-const models = await readFile(new URL("../ModelsSettingsSectionView/index.tsx", import.meta.url), "utf8")
-const plan = await readFile(new URL("../PlanSettingsSectionView/index.tsx", import.meta.url), "utf8")
-
-test("Section 四件成套：眉标 + 标题 + 说明 text-2 + 内容槽", () => {
-  assert.match(source, /data-ow-part="eyebrow"/)
-  assert.match(source, /data-ow-part="title"/)
-  assert.match(source, /data-ow-part="description"/)
-  assert.match(source, /data-ow-part="body"/)
-  assert.match(source, /text-\[color:var\(--ow-text-2\)\]/)
-})
-
-test("眉标按 §8 中文档：500 字重 · 12px · +0.08em · --ow-eyebrow", () => {
-  assert.match(source, /font-medium/)
-  assert.match(source, /text-\[length:var\(--ow-fs-eyebrow-cjk,12px\)\]/)
-  assert.match(source, /tracking-\[var\(--ow-ls-eyebrow-cjk,0\.08em\)\]/)
-  assert.match(source, /text-\[color:var\(--ow-eyebrow\)\]/)
-})
-
-test("底部 1px --ow-border 分隔可关；标题绑到 section", () => {
-  assert.match(source, /divider = true/)
-  assert.match(source, /divider && "pb-5 border-b border-ow-border"/)
-  assert.match(source, /aria-labelledby=\{titleId\}/)
-  assert.match(source, /<h3/)
-})
-
-test("Section 是 R3 中性件：不碰荧黄三极", () => {
-  assert.doesNotMatch(source, /--ow-beacon|--ow-accent-dot|--ow-yellow/)
-})
-
-test("任意值 var() 带类型标注（ambiguous-arbitrary 铁律）", () => {
-  assert.doesNotMatch(source, /(?:text|border)-\[var\(--ow-/)
-  assert.doesNotMatch(source, /font-\[var\(--ow-font-/)
-})
-
-test("公开导出，且包内 .set-section 裸标题已归口到 Section", () => {
-  assert.match(indexSource, /export \* from ['"]\.\/Section['"]/)
-  assert.doesNotMatch(models, /className="set-section"/)
-  assert.doesNotMatch(plan, /className="set-section"/)
-})
-
-/* R2 找茬 L1-1-8：设置面内的组标题一律眉标档——右栏头已经是一枚 24 的段标题，
-   紧挨着再来一枚 14/600 就是双标题；原型（模板 L2503 / L2578 / L2589）也全是眉标档。
-   两个消费方逐个锁住，免得日后有人把 titleTier 顺手删掉。 */
-test('设置面内的组标题走眉标档（titleTier="eyebrow"）', () => {
-  assert.match(source, /titleTier\?: "default" \| "eyebrow"/)
-  assert.match(source, /titleTier = "default"/)
-  // 只换字形，标题仍是 <h3> ＋ aria-labelledby，无障碍名不丢
-  assert.match(source, /titleTier === "eyebrow"\s*\?\s*"font-medium text-\[length:var\(--ow-fs-eyebrow-cjk,12px\)\]/)
-  assert.match(source, /data-ow-tier=\{titleTier\}/)
-  // 文案照原型 L2503 从「模型选择」改「默认模型」
-  assert.match(models, /<Section title="默认模型" titleTier="eyebrow"/)
-  assert.match(plan, /<Section title="套餐管理" titleTier="eyebrow"/)
-})

package/src/components/composite/Section/index.tsx

@@ -1,105 +0,0 @@
-import { type HTMLAttributes, type ReactNode, useId } from "react"
-import { cn } from "../../../lib/utils"
-
-export interface SectionProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-  /** 分节标题（默认 600 字重 · --ow-fs-ui；`titleTier="eyebrow"` 时走眉标档）。 */
-  title: ReactNode
-  /**
-   * 标题档（R2 · 找茬 L1-1-8）。
-   * - `default`（缺省）：14/600 `--ow-text` —— 独立成屏的分节用它。
-   * - `eyebrow`：12/500 `+0.08em` `--ow-eyebrow` —— **设置面内的组标题**用它。
-   *   设置弹窗的右栏头已经是一枚 24 的段标题，紧挨着再来一枚 14/600 就是双标题；
-   *   原型（模板 L2503「默认模型」、L2578「已发布的站点」、L2589「已分享的会话」）
-   *   一律是眉标档。这一档只换字形，标题仍走 `<h3>` ＋ `aria-labelledby`，
-   *   不像「传 eyebrow ＋ title={null}」那样把无障碍名弄丢。
-   */
-  titleTier?: "default" | "eyebrow"
-  /** 眉标（可选）：中文 500 字重 · 12px · +0.08em · --ow-eyebrow（§8）。拉丁文案自行大写。 */
-  eyebrow?: ReactNode
-  /** 一句说明，text-2；像同事说话：短句、不感叹、无 emoji（§8）。 */
-  description?: ReactNode
-  /** 标题行右侧动作区（开关、按钮、链接）。 */
-  actions?: ReactNode
-  /** 底部 1px --ow-border 分隔；一屏最后一节传 false 收尾。 */
-  divider?: boolean
-  children?: ReactNode
-  className?: string
-}
-
-/**
- * Section — 设置页分节（DS 2.0 模式件，R3 中性件）
- *
- * 结构：眉标（可选）＋标题＋说明（text-2）＋内容槽＋底部 1px `--ow-border` 分隔。
- * 归口自设置页 `.set-section` 裸标题：那只有一行 600 字重标题，没有眉标/说明/分隔，
- * 各页各写一遍。本件把分节收成一个壳，标题走 `aria-labelledby` 绑到 `<section>`。
- *
- * R2（找茬 L1-1-8）加 `titleTier`：设置面内的组标题一律走眉标档，因为右栏头本身
- * 已经是一枚 24 的段标题，两枚标题挨在一起读成双标题。原型的设置面组标题也全是眉标档。
- */
-export function Section({
-  title,
-  titleTier = "default",
-  eyebrow,
-  description,
-  actions,
-  divider = true,
-  children,
-  className,
-  ...rest
-}: SectionProps) {
-  const titleId = useId()
-
-  return (
-    <section
-      data-slot="section"
-      data-ow-state={divider ? "divided" : undefined}
-      aria-labelledby={titleId}
-      {...rest}
-      className={cn("flex flex-col min-w-0", divider && "pb-5 border-b border-ow-border", className)}
-    >
-      <div data-ow-part="head" className="flex items-start gap-3 min-w-0">
-        <div className="flex-1 min-w-0">
-          {eyebrow && (
-            <div
-              data-ow-part="eyebrow"
-              className="mb-1.5 font-medium text-[length:var(--ow-fs-eyebrow-cjk,12px)] tracking-[var(--ow-ls-eyebrow-cjk,0.08em)] leading-none text-[color:var(--ow-eyebrow)]"
-            >
-              {eyebrow}
-            </div>
-          )}
-          <h3
-            id={titleId}
-            data-ow-part="title"
-            data-ow-tier={titleTier}
-            className={cn(
-              "m-0 leading-tight font-[family-name:var(--ow-font-sans)]",
-              titleTier === "eyebrow"
-                ? "font-medium text-[length:var(--ow-fs-eyebrow-cjk,12px)] tracking-[var(--ow-ls-eyebrow-cjk,0.08em)] text-[color:var(--ow-eyebrow)]"
-                : "font-semibold text-ow-fs-ui text-ow-text",
-            )}
-          >
-            {title}
-          </h3>
-          {description && (
-            <p
-              data-ow-part="description"
-              className="mt-1.5 mb-0 text-[length:var(--ow-fs-body-sm,12px)] leading-normal text-[color:var(--ow-text-2)]"
-            >
-              {description}
-            </p>
-          )}
-        </div>
-        {actions && (
-          <div data-ow-part="actions" className="flex flex-shrink-0 items-center gap-2">
-            {actions}
-          </div>
-        )}
-      </div>
-      {children != null && (
-        <div data-ow-part="body" className="mt-3 min-w-0">
-          {children}
-        </div>
-      )}
-    </section>
-  )
-}

package/src/components/composite/SelectionBulkBar/SelectionBulkBar.stories.tsx

@@ -1,111 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { Button } from "../../primitives/Button"
-import { SelectionBulkBar } from "./index"
-
-const meta = {
-  title: "Composite/SelectionBulkBar",
-  component: SelectionBulkBar,
-  parameters: { layout: "fullscreen" },
-  tags: ["autodocs"],
-} satisfies Meta<typeof SelectionBulkBar>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-const Stage = ({ children }: { children: React.ReactNode }) => (
-  <div style={{ position: "relative", height: 220, background: "var(--ow-bg)", padding: 16 }}>
-    <p style={{ margin: 0, fontSize: "var(--ow-fs-ui, 13px)", color: "var(--ow-text-2)" }}>
-      列表内容区。勾选后浮条贴底居中出现。
-    </p>
-    {children}
-  </div>
-)
-
-const defaultActions = (
-  <>
-    <Button variant="secondary" size="sm">
-      移动到
-    </Button>
-    <Button variant="secondary" size="sm">
-      导出
-    </Button>
-    <Button variant="danger" size="sm">
-      删除
-    </Button>
-  </>
-)
-
-export const Default: Story = {
-  render: () => (
-    <Stage>
-      <SelectionBulkBar count={3} actions={defaultActions} onClear={() => {}} />
-    </Stage>
-  ),
-}
-
-export const CountOnly: Story = {
-  name: "只有计数",
-  render: () => (
-    <Stage>
-      <SelectionBulkBar count={1} onClear={() => {}} />
-    </Stage>
-  ),
-}
-
-export const LargeCount: Story = {
-  name: "大计数（mono 读数）",
-  render: () => (
-    <Stage>
-      <SelectionBulkBar count={1284} noun="个文件" actions={defaultActions} onClear={() => {}} />
-    </Stage>
-  ),
-}
-
-export const Disabled: Story = {
-  name: "禁用",
-  render: () => (
-    <Stage>
-      <SelectionBulkBar
-        count={3}
-        disabled
-        onClear={() => {}}
-        actions={
-          <>
-            <Button variant="secondary" size="sm" disabled>
-              移动到
-            </Button>
-            <Button variant="danger" size="sm" disabled>
-              删除
-            </Button>
-          </>
-        }
-      />
-    </Stage>
-  ),
-}
-
-export const Hidden: Story = {
-  name: "无选中（不渲染）",
-  render: () => (
-    <Stage>
-      <SelectionBulkBar count={0} actions={defaultActions} onClear={() => {}} />
-    </Stage>
-  ),
-}
-
-export const DualTheme: Story = {
-  name: "双主题对照",
-  render: () => (
-    <div style={{ display: "flex" }}>
-      {(["light", "dark"] as const).map((theme) => (
-        <div
-          key={theme}
-          data-theme={theme}
-          style={{ position: "relative", flex: 1, height: 200, background: "var(--ow-bg)", padding: 16 }}
-        >
-          <SelectionBulkBar count={12} actions={defaultActions} onClear={() => {}} />
-        </div>
-      ))}
-    </div>
-  ),
-}

package/src/components/composite/SelectionBulkBar/SelectionBulkBarSource.test.mjs

@@ -1,44 +0,0 @@
-import assert from "node:assert/strict"
-import { readFile } from "node:fs/promises"
-import test from "node:test"
-
-const source = await readFile(new URL("./index.tsx", import.meta.url), "utf8")
-
-test("底部浮条立面走 §5 弹层档：popover-bg + 1px border + shadow-pop", () => {
-  assert.match(source, /bg-\[var\(--ow-popover-bg\)\] border border-\[color:var\(--ow-border\)\]/)
-  assert.match(source, /\[box-shadow:var\(--ow-shadow-pop\)\]/)
-  assert.match(source, /absolute bottom-4 left-1\/2/)
-  assert.match(source, /z-\[var\(--ow-z-sticky\)\]/)
-})
-
-test("圆角按 §7 用卡片档 token，不用裸 Tailwind 圆角", () => {
-  assert.match(source, /\[border-radius:var\(--ow-radius-card\)\]/)
-  assert.doesNotMatch(source, /\brounded(?:-(?:sm|md|lg|xl|full))?\b/)
-})
-
-test("计数是读数：mono + tabular-nums", () => {
-  assert.match(source, /data-ow-part="count"[\s\S]*?font-\[family-name:var\(--ow-font-mono\)\] tabular-nums/)
-})
-
-test("操作区用 Button 组，分隔用 Divider 原语，不自造线", () => {
-  assert.match(source, /import \{ Button \} from "\.\.\/\.\.\/primitives\/Button"/)
-  assert.match(source, /import \{ Divider \} from "\.\.\/\.\.\/primitives\/Divider"/)
-  assert.match(source, /<Divider orientation="vertical"/)
-})
-
-test("选中数变化可被读屏播报", () => {
-  assert.match(source, /role="region"/)
-  assert.match(source, /aria-live="polite"/)
-})
-
-test("R3 中性件：不带信标/荧黄；任意值 var() 带类型标注", () => {
-  assert.doesNotMatch(source, /var\(--ow-beacon|var\(--ow-accent-dot|var\(--ow-yellow/)
-  assert.doesNotMatch(source, /(?:text|border)-\[var\(--ow-/)
-  assert.doesNotMatch(source, /font-\[var\(--ow-font-/)
-})
-
-// ── R2 复审 ────────────────────────────────────────────────────────────────
-test("清空钮走 Button 原语的 icon= 入参（iconOnly 复合变体自带 w-7），不手写等价宽度", () => {
-  assert.match(source, /icon=\{<Close aria-hidden="true" \/>\}/)
-  assert.doesNotMatch(source, /className="w-7 px-0"/)
-})

package/src/components/composite/SelectionBulkBar/index.tsx

@@ -1,99 +0,0 @@
-"use client"
-
-import type { ReactNode } from "react"
-import { cn } from "../../../lib/utils"
-import { Button } from "../../primitives/Button"
-import { Divider } from "../../primitives/Divider"
-import { Close } from "../Icons"
-
-/**
- * SelectionBulkBar — 批量选择条（DS 2.0 模式件，R3 中性件，无信标）。
- *
- * 底部浮条：立面按 §5 弹层档——--ow-popover-bg 底 ＋ 1px --ow-border ＋ --ow-shadow-pop
- * （悬浮层永远保留边框）；圆角按 §7 走 --ow-radius-card(12)；计数为读数，mono + tabular-nums；
- * 操作区放 Button 组（primitives/Button，主操作 primary、危险操作 danger）；
- * z 用 --ow-z-sticky（贴内容区，低于它自己弹出的菜单）。
- *
- * 无障碍：role="region" + aria-live="polite"，选中数变化时读屏播报。
- */
-export interface SelectionBulkBarProps {
-  /** 已选数量；为 0 时默认不渲染（alwaysVisible 可覆盖） */
-  count: number
-  /** 计数量词，默认「项」 */
-  noun?: string
-  /** 操作区：Button 组 */
-  actions?: ReactNode
-  /** 清空选择；给出时右侧渲染清空钮 */
-  onClear?: () => void
-  /** 清空钮 aria-label，默认「清空选择」 */
-  clearLabel?: string
-  /** 计数为 0 时仍渲染（用于文档/故事陈列） */
-  alwaysVisible?: boolean
-  /** 禁用态：条内所有操作置灰（逐 token，非统一透明度） */
-  disabled?: boolean
-  className?: string
-}
-
-export function SelectionBulkBar({
-  count,
-  noun = "项",
-  actions,
-  onClear,
-  clearLabel = "清空选择",
-  alwaysVisible = false,
-  disabled = false,
-  className,
-}: SelectionBulkBarProps) {
-  if (count <= 0 && !alwaysVisible) return null
-
-  return (
-    <div
-      data-slot="selection-bulk-bar"
-      data-ow-part="bar"
-      data-ow-role="selection"
-      role="region"
-      aria-live="polite"
-      aria-label="批量操作"
-      className={cn(
-        "absolute bottom-4 left-1/2 -translate-x-1/2 z-[var(--ow-z-sticky)]",
-        "flex items-center gap-3 h-12 px-3 box-border",
-        "bg-[var(--ow-popover-bg)] border border-[color:var(--ow-border)]",
-        "[border-radius:var(--ow-radius-card)] [box-shadow:var(--ow-shadow-pop)]",
-        "text-[length:var(--ow-fs-ui)] text-[color:var(--ow-text)]",
-        className,
-      )}
-    >
-      <span data-ow-part="count" className="inline-flex items-center gap-1 whitespace-nowrap pl-1">
-        <span className="text-[color:var(--ow-text-2)]">已选</span>
-        <span className="font-[family-name:var(--ow-font-mono)] tabular-nums font-medium">{count}</span>
-        <span className="text-[color:var(--ow-text-2)]">{noun}</span>
-      </span>
-
-      {actions && (
-        <>
-          <Divider orientation="vertical" className="my-2" />
-          <div data-ow-part="actions" className="flex items-center gap-2">
-            {actions}
-          </div>
-        </>
-      )}
-
-      {onClear && (
-        <>
-          <Divider orientation="vertical" className="my-2" />
-          {/* icon-only 走 Button 原语的 icon= 入参（size sm ＋ iconOnly 复合变体自带 w-7），
-              与同簇 RowOverflowMenu/SearchInput 同一条配方；不再手写等价宽度。 */}
-          <Button
-            data-ow-part="clear"
-            variant="ghost"
-            size="sm"
-            disabled={disabled}
-            onClick={onClear}
-            aria-label={clearLabel}
-            icon={<Close aria-hidden="true" />}
-          />
-        </>
-      )}
-    </div>
-  )
-}

package/src/components/composite/ShareStrip/ShareStrip.stories.tsx

@@ -1,123 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { ShareStrip } from "./index"
-
-/**
- * 分享页品牌页脚（品牌锁定件）：对外分享屏底部 58px 舞台恒定条。
- * 舞台 token 全套恒定，不随工具栏 data-theme 翻转——浅暗两主题下渲染完全一致。
- * 每张分享屏至多一条，永远贴底；应用内部 chrome 不出现。
- */
-const meta = {
-  title: "Composite/ShareStrip",
-  component: ShareStrip,
-  parameters: {
-    layout: "padded",
-    docs: {
-      description: {
-        component:
-          "对外分享屏的品牌页脚与回流入口：左 22px lockup、中口号「交给 Orbitwork，工作继续。」、" +
-          "右「在 Orbitwork 中打开」次级按钮。荧黄仅卫星一处（状态极）；quiet 模式卫星降级月白。" +
-          "宽 <720px 隐藏中间口号（容器查询）。",
-      },
-    },
-  },
-  tags: ["autodocs"],
-} satisfies Meta<typeof ShareStrip>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {
-  args: {},
-}
-
-export const Quiet: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story: "quiet：分享内容自身已占状态极（如生成中的实时视图）时，卫星降级为月白 mono 版 mark，让位于内容。",
-      },
-    },
-  },
-  args: { quiet: true },
-}
-
-export const WhiteLabel: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story:
-          "白标租户：productName/wordmark/slogan 覆盖品牌文本（字标永远小写），舞台 token 与几何不变。缺省回落 Orbitwork 默认品牌。",
-      },
-    },
-  },
-  args: { productName: "ACME Suite", wordmark: "acme suite", slogan: "交给团队，继续创造。" },
-}
-
-export const Narrow: Story = {
-  parameters: {
-    docs: { description: { story: "宽 <720px：隐藏中间口号，保 lockup＋按钮；按钮文案不缩写。" } },
-  },
-  render: () => (
-    <div style={{ width: 640 }}>
-      <ShareStrip />
-    </div>
-  ),
-}
-
-export const OnShareScreen: Story = {
-  parameters: {
-    docs: {
-      description: {
-        story: "分享屏合成示意：内容纸面（纸面语境由分享屏自身承担）＋贴底品牌条；整屏走舞台 token，恒定不随主题。",
-      },
-    },
-  },
-  render: () => (
-    <div
-      style={{
-        height: 320,
-        borderRadius: 10,
-        overflow: "hidden",
-        display: "flex",
-        flexDirection: "column",
-        background: "var(--ow-stage-bg)",
-        border: "1px solid color-mix(in srgb, var(--ow-stage-muted) 30%, transparent)",
-      }}
-    >
-      <div style={{ flex: 1, overflow: "hidden", display: "flex", justifyContent: "center" }}>
-        <div
-          data-theme="light"
-          style={{
-            width: 620,
-            maxWidth: "90%",
-            marginTop: 24,
-            background: "#FFFFFF",
-            borderRadius: "6px 6px 0 0",
-            boxShadow: "var(--ow-shadow-pop)",
-            padding: "16px 22px 0",
-          }}
-        >
-          <div style={{ fontSize: 15, fontWeight: 600, color: "#182132", letterSpacing: "0.01em" }}>
-            长三角冷链仓网选址分析
-          </div>
-          <div
-            style={{
-              marginTop: 6,
-              fontFamily: "var(--ow-font-mono)",
-              fontSize: 11,
-              fontVariantNumeric: "tabular-nums",
-              color: "#7A8394",
-            }}
-          >
-            由 Orbitwork Agent 生成 · 2026-08-28 14:02 · 12 页 · 来源 38 处
-          </div>
-          <div style={{ marginTop: 8, fontSize: 12, lineHeight: 1.75, color: "#4A5164" }}>
-            综合 38 个候选园区的租金、干线距离与电力容量三项评分，嘉兴平湖与南通开发区进入最终短名单；
-            苏州工业园因冷库存量趋于饱和，建议仅作中转节点保留。
-          </div>
-        </div>
-      </div>
-      <ShareStrip />
-    </div>
-  ),
-}