@orbit-work/ui 0.1.0

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

@@ -0,0 +1,122 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import { Brain, Globe } from "../../../composite/Icons"
+import { DesktopSelectionCard } from "./index"
+
+const meta = {
+  title: "Desktop/DesktopSelectionCard",
+  component: DesktopSelectionCard,
+  decorators: [
+    (Story) => (
+      <div style={{ padding: 20, background: "var(--ow-bg)", maxWidth: 500 }}>
+        <Story />
+      </div>
+    ),
+  ],
+} satisfies Meta<typeof DesktopSelectionCard>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {
+    selected: false,
+    title: "Claude Opus 5",
+    description: "最强大的模型，适合复杂任务",
+    onSelect: () => console.log("Selected"),
+  },
+}
+
+export const Selected: Story = {
+  args: {
+    selected: true,
+    title: "Claude Opus 5",
+    description: "最强大的模型，适合复杂任务",
+    onSelect: () => console.log("Selected"),
+  },
+}
+
+export const WithLeadingIcon: Story = {
+  args: {
+    selected: false,
+    title: "公开访问",
+    description: "任何人都可以访问此站点",
+    leading: <Globe />,
+    onSelect: () => console.log("Selected"),
+  },
+}
+
+export const WithBadge: Story = {
+  args: {
+    selected: true,
+    title: "Claude Sonnet 5",
+    description: "平衡性能与成本",
+    badge: "推荐",
+    onSelect: () => console.log("Selected"),
+  },
+}
+
+export const WithAction: Story = {
+  args: {
+    selected: false,
+    title: "自定义模型配置",
+    description: "温度: 0.7, Top P: 0.9",
+    // actionLabel＝可见文案（短），actionAriaLabel＝读屏用的完整名
+    actionLabel: "删除",
+    actionAriaLabel: "删除此配置",
+    onSelect: () => console.log("Selected"),
+    onAction: () => console.log("Action clicked"),
+  },
+}
+
+export const Complex: Story = {
+  args: {
+    selected: true,
+    title: "企业级方案",
+    description: "专属部署，支持定制化需求",
+    leading: <Brain />,
+    badge: "企业版",
+    actionLabel: "删除",
+    onSelect: () => console.log("Selected"),
+    onAction: () => console.log("Action clicked"),
+  },
+}
+
+export const Group: Story = {
+  render: () => (
+    <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
+      <DesktopSelectionCard
+        selected={true}
+        title="Claude Opus 5"
+        description="最强大的模型，适合复杂任务"
+        badge="推荐"
+        onSelect={() => console.log("Opus selected")}
+      />
+      <DesktopSelectionCard
+        selected={false}
+        title="Claude Sonnet 5"
+        description="平衡性能与成本"
+        onSelect={() => console.log("Sonnet selected")}
+      />
+      <DesktopSelectionCard
+        selected={false}
+        title="Claude Haiku 4.5"
+        description="快速响应，成本最低"
+        onSelect={() => console.log("Haiku selected")}
+      />
+    </div>
+  ),
+}
+
+/** 长描述 + 删除钮：R2 前这里的省略号会压在「删除」下面（钮曾是 absolute right/bottom）。 */
+export const LongDescriptionWithAction: Story = {
+  args: {
+    selected: true,
+    title: "自定义模型配置（长名）",
+    description: "温度 0.7、Top P 0.9、最大输出 8192、停止序列 3 条、系统提示词覆盖已开启",
+    badge: "使用中",
+    actionLabel: "删除",
+    actionAriaLabel: "删除此配置",
+    onSelect: () => console.log("Selected"),
+    onAction: () => console.log("Action clicked"),
+  },
+}

package/src/components/domain/desktop/DesktopSelectionCard/DesktopSelectionCardSource.test.mjs

@@ -0,0 +1,42 @@
+import assert from "node:assert/strict"
+import { readFile } from "node:fs/promises"
+import test from "node:test"
+
+const card = await readFile(new URL("./index.tsx", import.meta.url), "utf8")
+/* R2：外观段（DesktopAppearanceSettings）原来是本件的第二个消费方——皮肤色卡网格。
+   裁决 10「皮肤不做」把那一整段撤了，本文件对它的两条断言随之取消；
+   现在唯一的真实消费方是宠物设置。等哪天再有第二个消费方，把它加回这里。 */
+const pet = await readFile(new URL("../DesktopPetSettings/index.tsx", import.meta.url), "utf8")
+const styles = await readFile(new URL("../../../../../styles/desktop-surfaces.css", import.meta.url), "utf8")
+
+test("pet selector rides the compact desktop selection card", () => {
+  assert.match(pet, /<DesktopSelectionCard/)
+  assert.match(card, /role="radio"/)
+  assert.match(card, /aria-checked=\{selected\}/)
+  // W5 去痕：统一卡骨架＝容器 14px 内距 / 字段 8px 槽（原 8/30/8/9 + gap 9 是 V1 微调值）。
+  // R2 修：卡根改行式 flex，删除钮进流内（原 absolute right/bottom 与 38px 右留白不配套，
+  // 长描述省略号压在钮下面），四边内距回到 14。
+  assert.match(
+    styles,
+    /\.desktop-selection-card__select \{[^}]*flex: 1 1 auto;[^}]*min-height: 56px;[^}]*gap: var\(--ow-space-2,\s*8px\);[^}]*padding: 14px;/s,
+  )
+  assert.match(styles, /\.desktop-selection-card \{[^}]*display: flex;/s)
+  // 删除钮不再绝对定位，不会压住描述文字
+  assert.doesNotMatch(styles, /\.desktop-selection-card__action \{[^}]*position: absolute;/s)
+  // DS2 §6 无彩选中一套口径：surface 递进（--ow-surface → --ow-surface-2）＋ --ow-border-strong 边；
+  // --ow-control-on 是**勾**的色位，--ow-current-bg 是侧栏当前项（位置极）的填充语汇，都不外借给卡面。
+  // --ow-primary 暗档是荧黄（行动极），更不能拿来表达选中。
+  assert.match(styles, /\.desktop-selection-card\.is-selected \{[^}]*border-color: var\(--ow-border-strong\);/s)
+  assert.match(styles, /\.desktop-selection-card\.is-selected \{[^}]*background: var\(--ow-surface-2\);/s)
+  assert.doesNotMatch(styles, /\.desktop-selection-card\.is-selected \{[^}]*--ow-primary/s)
+  // R1 双编码：选中除底色/边框外还有勾记号；§7 图标族——勾走 composite/Icons 的 <Check />，
+  // 不再是 ✓ 文字字符（CSS 也从 font 700 排版改成 16 档 svg）。
+  assert.match(card, /desktop-selection-card__check/)
+  assert.match(card, /import \{ Check \} from "\.\.\/\.\.\/\.\.\/composite\/Icons"/)
+  assert.match(card, /desktop-selection-card__check[\s\S]{0,200}<Check \/>/)
+  assert.doesNotMatch(card, /✓/)
+  assert.match(styles, /\.desktop-selection-card__check svg \{ width: 16px; height: 16px; \}/)
+  // 删除钮的可见文案由调用方经 actionLabel 给，读屏名另走 actionAriaLabel（原来写死中文「删除」）
+  assert.match(card, /aria-label=\{actionAriaLabel \?\? actionLabel\}/)
+  assert.match(card, /\{actionLabel\}\s*<\/Button>/)
+})

package/src/components/domain/desktop/DesktopSelectionCard/index.tsx

@@ -0,0 +1,75 @@
+"use client"
+
+import type { ReactNode } from "react"
+import { Check } from "../../../composite/Icons"
+import { Button } from "../../../primitives"
+
+export interface DesktopSelectionCardProps {
+  selected: boolean
+  title: ReactNode
+  description?: ReactNode
+  leading?: ReactNode
+  badge?: ReactNode
+  /** 次要动作钮的可见文案（同时是无障碍名，除非另给 actionAriaLabel）。 */
+  actionLabel?: string
+  /** 需要比可见文案更完整的读屏文案时给这条（例：「删除主题 极简」）。 */
+  actionAriaLabel?: string
+  onSelect: () => void
+  onAction?: () => void
+}
+
+/** Compact, controlled radio card shared by Desktop settings selectors. */
+export function DesktopSelectionCard({
+  selected,
+  title,
+  description,
+  leading,
+  badge,
+  actionLabel,
+  actionAriaLabel,
+  onSelect,
+  onAction,
+}: DesktopSelectionCardProps): React.ReactElement {
+  return (
+    <div className={`desktop-selection-card${selected ? " is-selected" : ""}`}>
+      <Button
+        type="button"
+        data-ow-part="card-select"
+        variant="unstyled"
+        className="desktop-selection-card__select ow-focus-ring"
+        role="radio"
+        aria-checked={selected}
+        onClick={onSelect}
+      >
+        {leading && (
+          <span className="desktop-selection-card__leading" aria-hidden="true">
+            {leading}
+          </span>
+        )}
+        <span className="desktop-selection-card__copy">
+          <span className="desktop-selection-card__title">{title}</span>
+          {description && <span className="desktop-selection-card__description">{description}</span>}
+        </span>
+        {badge && <span className="desktop-selection-card__badge">{badge}</span>}
+        {selected && (
+          <span className="desktop-selection-card__check" aria-hidden="true">
+            {/* §7 图标族：选中记号走 composite/Icons 的勾图标，不用文字字符排版 */}
+            <Check />
+          </span>
+        )}
+      </Button>
+      {actionLabel && onAction && (
+        <Button
+          type="button"
+          data-ow-part="card-action"
+          variant="unstyled"
+          className="desktop-selection-card__action ow-focus-ring"
+          aria-label={actionAriaLabel ?? actionLabel}
+          onClick={onAction}
+        >
+          {actionLabel}
+        </Button>
+      )}
+    </div>
+  )
+}

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

@@ -0,0 +1,225 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import { type ReactNode, useEffect, useRef, useState } from "react"
+import {
+  type DesktopSettingsMemoryItem,
+  DesktopSettingsMemorySection,
+  type DesktopSettingsMemorySectionGroup,
+} from "./index"
+
+/**
+ * 件级状态矩阵（R2 · L3-1-2 补）：此前只有 `Screens/SettingsMemory` 那三张整屏图，
+ * 件级的 saving / 行内编辑 / 搜不着（md 档）/ 保存失败（R2 · L3-1-3 新增）四态零覆盖。
+ */
+const meta = {
+  title: "Desktop/DesktopSettingsMemorySection",
+  component: DesktopSettingsMemorySection,
+  parameters: { layout: "padded" },
+  tags: ["autodocs"],
+} satisfies Meta<typeof DesktopSettingsMemorySection>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+/** 设置右栏的取景：内距 24/28、内容宽上限 720。 */
+function Frame({ children }: { children: ReactNode }) {
+  return (
+    <div style={{ maxWidth: 720, background: "var(--ow-surface)", color: "var(--ow-text)", padding: "24px 28px" }}>
+      {children}
+    </div>
+  )
+}
+
+const SECTIONS: DesktopSettingsMemorySectionGroup[] = [
+  {
+    id: "profile",
+    title: "用户画像",
+    description: "跨会话一直带着",
+    items: [
+      {
+        id: "p1",
+        text: "在一家做工业质检的公司，主要用中文沟通；文档里的度量单位一律用毫米。",
+        sourceLabel: "手动记住",
+        when: "2026-08-30 14:20",
+      },
+      {
+        id: "p2",
+        text: "偏好先看结论再看推导过程；不喜欢一上来就贴大段代码。",
+        sourceLabel: "自动沉淀",
+        when: "2026-08-22 09:41",
+      },
+    ],
+  },
+  {
+    id: "general",
+    title: "通用记忆",
+    description: "任务里沉淀下来的事实",
+    items: [
+      {
+        id: "g1",
+        text: "内网 Jira 走 http 连接器，地址 jira.corp.lan，需要每季度换一次令牌。",
+        sourceLabel: "自动沉淀",
+        when: "2026-09-01 17:05",
+      },
+      {
+        id: "g2",
+        text: "季度复盘的图表统一用「星野」那套配色，不要默认色板。",
+        sourceLabel: "手动记住",
+        when: "2026-07-14 11:30",
+      },
+    ],
+  },
+]
+
+const noop = () => {}
+const never = () => new Promise<void>(() => {})
+
+/** 默认：两段分区，各自眉标 ＋ caption ＋ 右端 mono「N 条」；卡为只读态。 */
+export const Default: Story = {
+  args: { sections: SECTIONS, onSave: noop, onDelete: noop },
+  render: (args) => (
+    <Frame>
+      <DesktopSettingsMemorySection {...args} />
+    </Frame>
+  ),
+}
+
+/** 行内编辑：受控 `editingId`，正文位换成 Field multiline，下面 保存 / 取消。 */
+export const Editing: Story = {
+  args: { sections: SECTIONS, editingId: "p1", onSave: noop, onDelete: noop },
+  render: (args) => (
+    <Frame>
+      <DesktopSettingsMemorySection {...args} />
+    </Frame>
+  ),
+}
+
+/** 搜不着：有记忆但 `query` 筛空，走 md 档「没有匹配的记忆」（不是 page 档空态）。 */
+export const NoMatch: Story = {
+  args: { sections: SECTIONS, query: "报销流程", onSave: noop, onDelete: noop },
+  render: (args) => (
+    <Frame>
+      <DesktopSettingsMemorySection {...args} />
+    </Frame>
+  ),
+}
+
+/** 一条记忆都没有：整段让位给 page 档空态，搜索条也不出（§6 容器空态）。 */
+export const Empty: Story = {
+  args: { sections: [], onSave: noop, onDelete: noop },
+  render: (args) => (
+    <Frame>
+      <DesktopSettingsMemorySection {...args} />
+    </Frame>
+  ),
+}
+
+/** 无来源徽章 / 无时间：meta 行整条不出，卡收成单行正文。 */
+export const TextOnly: Story = {
+  args: {
+    sections: [
+      {
+        id: "general",
+        title: "通用记忆",
+        items: [
+          { id: "g1", text: "内网 Jira 走 http 连接器，地址 jira.corp.lan。" },
+          { id: "g2", text: "季度复盘的图表统一用「星野」那套配色。" },
+        ],
+      },
+    ],
+    onSave: noop,
+    onDelete: noop,
+  },
+  render: (args) => (
+    <Frame>
+      <DesktopSettingsMemorySection {...args} />
+    </Frame>
+  ),
+}
+
+/** 长正文：行高 1.7 ＋ `text-wrap:pretty`，两枚行末钮 `shrink-0` 顶对齐不下沉。 */
+export const LongText: Story = {
+  args: {
+    sections: [
+      {
+        id: "general",
+        title: "通用记忆",
+        items: [
+          {
+            id: "g1",
+            text: "季度复盘的图表统一用「星野」那套配色：主色取品牌藏蓝，辅色按数据序列从深到浅排，负值一律走暖橙而不是红色（客户内部红色是「停线」的意思，会误读）。图例放右侧竖排，坐标轴刻度用 mono 字体并开 tabular-nums，避免数字跳动。",
+            sourceLabel: "手动记住",
+            when: "2026-07-14 11:30",
+          },
+        ],
+      },
+    ],
+    onSave: noop,
+    onDelete: noop,
+  },
+  render: (args) => (
+    <Frame>
+      <DesktopSettingsMemorySection {...args} />
+    </Frame>
+  ),
+}
+
+/** 保存中：`onSave` 挂着不 resolve，保存/取消双双禁用（防重复提交）。 */
+export const Saving: Story = {
+  render: () => (
+    <Frame>
+      <SavingHarness />
+    </Frame>
+  ),
+}
+
+/**
+ * 保存失败（R2 · L3-1-3）：`onSave` 拒绝 → 留在编辑态、草稿不丢，
+ * 编辑框与动作钮之间出 `InlineMessage variant="error"`（role=alert），主钮改口「重试」。
+ * 修之前这里什么都不会发生，拒绝会漏成 renderer 的 unhandled rejection。
+ */
+export const SaveFailed: Story = {
+  render: () => (
+    <Frame>
+      <SaveFailedHarness />
+    </Frame>
+  ),
+}
+
+/* ── story 驱动器：件内的 saving / saveError 是私有交互态，只能靠真点一下钮才出图 ── */
+
+/** 挂载后自动点一次「保存」，把件推进目标态。 */
+function useAutoSave(label: string) {
+  const ref = useRef<HTMLDivElement>(null)
+  useEffect(() => {
+    const timer = window.setTimeout(() => {
+      const buttons = Array.from(ref.current?.querySelectorAll("button") ?? [])
+      buttons.find((button) => button.textContent?.trim() === label)?.click()
+    }, 0)
+    return () => window.clearTimeout(timer)
+  }, [label])
+  return ref
+}
+
+function SavingHarness() {
+  const ref = useAutoSave("保存")
+  return (
+    <div ref={ref}>
+      <DesktopSettingsMemorySection sections={SECTIONS} editingId="p1" onSave={never} onDelete={noop} />
+    </div>
+  )
+}
+
+function SaveFailedHarness() {
+  const ref = useAutoSave("保存")
+  const [saved, setSaved] = useState<string | null>(null)
+  const onSave = (_item: DesktopSettingsMemoryItem, text: string) => {
+    setSaved(text)
+    return Promise.reject(new Error("PUT /api/memory/p1 → 503 Service Unavailable"))
+  }
+  return (
+    <div ref={ref}>
+      <DesktopSettingsMemorySection sections={SECTIONS} editingId="p1" onSave={onSave} onDelete={noop} />
+      <span hidden>{saved}</span>
+    </div>
+  )
+}

package/src/components/domain/desktop/DesktopSettingsMemorySection/DesktopSettingsMemorySectionSource.test.mjs

@@ -0,0 +1,105 @@
+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 code = source.replace(/\/\*[\s\S]*?\*\//g, "").replace(/^[ \t]*\/\/.*$/gm, "")
+
+test("A11-B2：搜索条走 Field md 档（h32/radius-sm/surface-2/1px input-border），16 放大镜 ＋「搜索记忆」", () => {
+  assert.match(code, /import \{ Field \}/)
+  assert.match(code, /placeholder="搜索记忆"/)
+  assert.match(code, /prefix=\{<Search \/>\}/)
+  // 高度/圆角/底/边全部由 Field 的 md 档给，组件不自绘第二套输入井
+  assert.doesNotMatch(code, /<input\b|<textarea\b/)
+})
+
+test("分区头：眉标（§8 中文档）＋ caption 说明 ＋ 右端 mono「N 条」读数（§7）", () => {
+  assert.match(code, /--ow-fs-eyebrow-cjk,12px/)
+  assert.match(code, /--ow-ls-eyebrow-cjk,0\.08em/)
+  assert.match(code, /text-\[color:var\(--ow-eyebrow\)\]/)
+  assert.match(code, /\[font-family:var\(--ow-font-mono\)\] \[font-variant-numeric:tabular-nums\]/)
+  assert.match(code, /\{section\.items\.length\} 条/)
+})
+
+// R3（2026-09-04，Terry 意见 5）：记忆条目从卡改**分隔线行**——贴边零内距、上下 12、
+// 行与行之间 1px --ow-border（`[data-ow-part=row]+&` 只在兄弟行之间画，眉标下不多一条）。
+test("记忆行：贴边零内距 ＋ 上下 12 ＋ 行间 1px --ow-border，贴地零影（§5 · R3 卡改行）", () => {
+  assert.match(code, /data-ow-part="row"/)
+  assert.match(code, /px-0 py-3 border-\[color:var\(--ow-border\)\] \[\[data-ow-part=row\]\+&\]:border-t/)
+  // 卡形三件（1px 边 ＋ radius-lg ＋ surface 底）与 13/14 卡内距一并撤
+  assert.doesNotMatch(code, /\[border-radius:var\(--ow-radius-lg\)\]/)
+  assert.doesNotMatch(code, /bg-\[var\(--ow-surface\)\]/)
+  assert.doesNotMatch(code, /px-3\.5 py-3/)
+  // 分组容器 gap-0，让行间那条线连成一条
+  assert.match(code, /data-ow-part="group" key=\{section\.id\} className="flex flex-col gap-0 min-w-0"/)
+  assert.doesNotMatch(code, /shadow|backdrop-filter/)
+})
+
+test("正文 fs-ui / 行高 1.7；来源徽章走 StatusTag mute 档；时间是 mono 读数", () => {
+  assert.match(code, /text-ow-fs-ui leading-\[1\.7\]/)
+  assert.match(code, /import \{ StatusTag \}/)
+  assert.match(code, /<StatusTag tone="mute">\{item\.sourceLabel\}<\/StatusTag>/)
+  assert.doesNotMatch(code, /tone="ok"|tone="warn"|tone="mine"/)
+})
+
+test("行末两枚 28×28 图标钮＝ghost·sm·iconOnly ＋ radius-xs；删除 hover 落 --ow-danger", () => {
+  assert.match(code, /\[border-radius:var\(--ow-radius-xs\)\]/)
+  assert.equal((code.match(/variant="ghost"\n\s+size="sm"/g) ?? []).length, 2)
+  assert.match(code, /hover:text-\[color:var\(--ow-danger\)\]/)
+  assert.match(code, /icon=\{<Edit \/>\}/)
+  assert.match(code, /icon=\{<Trash \/>\}/)
+})
+
+test("编辑是行内 textarea（Field multiline rows=2）＋ 保存 primary / 取消 secondary，不再跳弹层", () => {
+  assert.match(code, /multiline\n\s+rows=\{2\}/)
+  assert.match(code, /variant="primary"\n\s+size="sm"/)
+  assert.match(code, /variant="secondary" size="sm"/)
+  assert.doesNotMatch(code, /Dialog/)
+})
+
+test("§6 容器空态：零记忆走 page 档 EmptyState；搜不着走 md 档一句", () => {
+  assert.match(code, /import \{ EmptyState \}/)
+  assert.match(code, /<EmptyState size="page" title=\{emptyTitle\} message=\{emptyMessage\} \/>/)
+  assert.match(code, /还没有任何记忆/)
+  assert.match(code, /在对话里让它记住重要信息，或由任务自动沉淀。/)
+  assert.match(code, /没有匹配的记忆/)
+})
+
+test("一期只有两段分区、无项目级段：段名由入参给，组件不内置词表", () => {
+  assert.doesNotMatch(code, /用户画像|通用记忆|项目记忆/)
+})
+
+test("样式全部走 token：无裸色值 / 裸圆角 / 裸阴影（§3）", () => {
+  assert.doesNotMatch(code, /#[0-9a-fA-F]{3,8}\b/)
+  assert.doesNotMatch(code, /rgba?\(/)
+  assert.doesNotMatch(code, /border-radius:\s*\d/)
+})
+
+test("交接口径写在件里：注释点名它接管了哪两件老件", () => {
+  assert.match(source, /DesktopWorkspaceMemoryView/)
+  assert.match(source, /DesktopWorkspaceMemoryDetailDialog/)
+})
+
+test("R2 · L3-1-3：commit 有 catch，保存失败留在编辑态并出 InlineMessage error（不漏 unhandled rejection）", () => {
+  // catch 必须存在，否则 onSave 的拒绝会顺着调用点的 `void commit(item)` 漏出去
+  assert.match(code, /await onSave\?\.\(item, next\)/)
+  assert.match(code, /\}\s*catch\s*\(error\)\s*\{/)
+  // 失败态有字（R1 双编码）：error 档 InlineMessage ＋ role=alert 由原语给
+  assert.match(code, /import \{ InlineMessage \}/)
+  assert.match(code, /<InlineMessage variant="error" detail=\{saveError\.detail\}>/)
+  assert.match(code, /saveErrorMessage/)
+  // 草稿不收：catch 分支里不得复位 draftState / editingId
+  const catchBlock = code.slice(code.indexOf("} catch (error) {"), code.indexOf("} finally {"))
+  assert.doesNotMatch(catchBlock, /setDraftState|setInnerEditingId/)
+  // 失败后主钮改口「重试」
+  assert.match(code, /\? "重试" : "保存"/)
+})
+
+test("R2 · L3-1-3：进/出编辑与改草稿都清掉上一次的失败提示", () => {
+  const startEdit = code.slice(code.indexOf("const startEdit"), code.indexOf("const cancelEdit"))
+  const cancelEdit = code.slice(code.indexOf("const cancelEdit"), code.indexOf("const commit"))
+  const setDraft = code.slice(code.indexOf("const setDraft"), code.indexOf("const startEdit"))
+  assert.match(startEdit, /setSaveError\(null\)/)
+  assert.match(cancelEdit, /setSaveError\(null\)/)
+  assert.match(setDraft, /setSaveError\(null\)/)
+})