@orbit-work/ui 0.1.0

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

@@ -0,0 +1,580 @@
+"use client"
+
+import { type ReactNode, useState } from "react"
+import { BackButton } from "../../../composite/BackButton"
+import { Dialog } from "../../../composite/Dialog"
+import { Atom, Brain, ChevRight, Close, Doc, Edit, Folder, Memo, Refresh, Trash } from "../../../composite/Icons"
+import { Textarea } from "../../../composite/NativeControls"
+import { Skeleton } from "../../../composite/Skeleton"
+import { Button } from "../../../primitives"
+import { EmptyState } from "../../../primitives/EmptyState"
+import { InlineMessage } from "../../../primitives/InlineMessage"
+
+/*
+ * DesktopWorkspaceView —— 「我的空间」整屏的件集，**整族待退役**（A11-B4 · 裁决 16）。
+ *
+ * 原型 template.dc.html 里没有这一屏：项目文件归右栏「文件」页签（2313–2338，`FileBrowser`），
+ * 记忆归设置二级页第八段（2635–2673，`DesktopSettingsMemorySection`）。本文件里每一枚导出
+ * 都已标 @deprecated，但**一个都不删** —— 宿主 `apps/desktop` 的 workspace 路由、侧栏跳转、
+ * 新手引导第 4 步与四个 e2e spec 都还挂在上面，删了会红。删除条件见
+ * `components/domain/desktop/index.ts` 段尾的退役清单。
+ *
+ * A11-B4 同批搬走：`DesktopWorkspaceConnectorDetailView`（连接器详情）已迁至
+ * `../DesktopConnectorDetailView`，旧名在那边以别名保留。它的宿主是插件中心
+ * （features/skills/ConnectorModal.tsx:468），与「我的空间」无关，留在这里会被误伤。
+ */
+
+export interface DesktopWorkspaceEmptyStateProps {
+  /** @deprecated DS2 §6：空态母题固定为信标 mono 构型，图标位不再渲染；入参保留兼容旧宿主。 */
+  icon?: ReactNode
+  /** 空态标题：名词短句（16/500 --ow-text）。R4 起独立成槽，不再与 description 拼成一句。 */
+  title: string
+  /** 副句：说清「做了会怎样 / 下一步怎么办」，14 text-2 独立一行。 */
+  description?: string
+  /** 可选主按钮 */
+  action?: ReactNode
+}
+
+/** 记忆来源 → 类别图标（分类芯片的第一编码；见 desktop-surfaces.css 的 .src-pill）。 */
+const MEMORY_SOURCE_ICON: Record<string, ReactNode> = {
+  user: <Memo aria-hidden="true" />,
+  remember: <Edit aria-hidden="true" />,
+  extractor: <Brain aria-hidden="true" />,
+}
+
+/**
+ * Desktop 我的空间各列表共用的空状态。
+ *
+ * DS2 P6：归口 primitives/EmptyState —— 信标 mono 母题 ＋ 文字 ＋ 可选主按钮，
+ * 禁插画禁 emoji（§6）；原 info-tint 圆形图标位随之废止（`icon` 入参已弃用）。
+ *
+ * R4（原型对齐轮 · 裁决 6）撤销 W3 的 `joinSentence` 退化：那版把 title 与 description
+ * 用「。」拼成单段 text-2；原型的空态是**标题 ＋ 副句两层**（16/500 ＋ 14/1.75 text-2），
+ * 现在两截直传原语的两个槽，调用点签名不变。
+ *
+ * @deprecated A11-B4（裁决 16）：原型里没有「我的空间」这一屏——项目文件已归右栏「文件」
+ * 页签（`FileBrowser`，原型 template.dc.html 2313–2338），记忆已归设置二级页第八段
+ * （`DesktopSettingsMemorySection`，原型 2635–2673）。本件保留导出只为让宿主路由改完之前
+ * 不炸；删除条件与顺序见 `components/domain/desktop/index.ts` 段尾的退役清单。
+ */
+export function DesktopWorkspaceEmptyState({ title, description, action }: DesktopWorkspaceEmptyStateProps) {
+  // 只给了标题时不留空槽：没有副句就让标题自己当那一句。
+  const hasDescription = Boolean(description?.trim())
+  return (
+    <EmptyState
+      className="mem-empty"
+      action={action}
+      title={hasDescription ? title : undefined}
+      message={hasDescription ? description : title}
+    />
+  )
+}
+
+/** 我的空间列表的加载态：skeleton 行呼吸（§6/§9，禁 shimmer）。 */
+function WorkspaceListSkeleton({ rows = 5 }: { rows?: number }) {
+  return (
+    <div className="fs-skeleton" aria-busy="true" aria-label="正在加载">
+      {Array.from({ length: rows }, (_, index) => (
+        <Skeleton key={index} variant="block" height={54} />
+      ))}
+    </div>
+  )
+}
+
+export interface DesktopWorkspaceProjectRowViewProps {
+  name: ReactNode
+  path: ReactNode
+  onEnter?: () => void
+  onOpenDirectory?: () => void
+}
+
+/**
+ * Desktop 项目行；进入项目和在系统中打开目录是两个独立操作。
+ *
+ * @deprecated A11-B4（裁决 16）：原型里没有「我的空间」这一屏——项目文件已归右栏「文件」
+ * 页签（`FileBrowser`，原型 template.dc.html 2313–2338），记忆已归设置二级页第八段
+ * （`DesktopSettingsMemorySection`，原型 2635–2673）。本件保留导出只为让宿主路由改完之前
+ * 不炸；删除条件与顺序见 `components/domain/desktop/index.ts` 段尾的退役清单。
+ */
+export function DesktopWorkspaceProjectRowView({
+  name,
+  path,
+  onEnter,
+  onOpenDirectory,
+}: DesktopWorkspaceProjectRowViewProps) {
+  return (
+    <div
+      className="fs-row project"
+      role={onEnter ? "button" : undefined}
+      tabIndex={onEnter ? 0 : undefined}
+      onClick={onEnter}
+      onKeyDown={(event) => {
+        // L3-2-1：只认落在行自己身上的键；行内的钮自己处理 Enter/空格。
+        if (event.target !== event.currentTarget) return
+        if (onEnter && (event.key === "Enter" || event.key === " ")) {
+          event.preventDefault()
+          onEnter()
+        }
+      }}
+    >
+      <span className="folder-ic">
+        <Folder />
+      </span>
+      <span className="meta">
+        <span className="n">{name}</span>
+        <span className="sub">{path}</span>
+      </span>
+      <Button
+        variant="unstyled"
+        className="open hover-only"
+        onClick={(event) => {
+          event.stopPropagation()
+          onOpenDirectory?.()
+        }}
+      >
+        打开目录
+      </Button>
+    </div>
+  )
+}
+
+export interface DesktopWorkspaceEntryView {
+  id: string
+  name: ReactNode
+  kind: "folder" | "file" | "image"
+  size?: ReactNode
+  modified?: ReactNode
+  preview?: ReactNode
+}
+
+export interface DesktopWorkspaceEntryRowViewProps {
+  entry: DesktopWorkspaceEntryView
+  onEnter?: (entry: DesktopWorkspaceEntryView) => void
+  onOpen?: (entry: DesktopWorkspaceEntryView) => void
+}
+
+/**
+ * Desktop 目录条目行（文件 / 文件夹）。
+ *
+ * @deprecated A11-B4（裁决 16）：原型里没有「我的空间」这一屏——项目文件已归右栏「文件」
+ * 页签（`FileBrowser`，原型 template.dc.html 2313–2338），记忆已归设置二级页第八段
+ * （`DesktopSettingsMemorySection`，原型 2635–2673）。本件保留导出只为让宿主路由改完之前
+ * 不炸；删除条件与顺序见 `components/domain/desktop/index.ts` 段尾的退役清单。
+ */
+export function DesktopWorkspaceEntryRowView({ entry, onEnter, onOpen }: DesktopWorkspaceEntryRowViewProps) {
+  const icon =
+    entry.kind === "folder" ? (
+      <span className="folder-ic">
+        <Folder />
+      </span>
+    ) : entry.kind === "image" && entry.preview ? (
+      entry.preview
+    ) : (
+      <span className="g fg-doc">
+        <Doc />
+      </span>
+    )
+  return (
+    <div
+      className="fs-row"
+      role="button"
+      tabIndex={0}
+      onClick={() => onEnter?.(entry)}
+      onKeyDown={(event) => {
+        // L3-2-1：只认落在行自己身上的键；行内的钮自己处理 Enter/空格。
+        if (event.target !== event.currentTarget) return
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault()
+          onEnter?.(entry)
+        }
+      }}
+    >
+      {icon}
+      <span className="n">
+        <span>{entry.name}</span>
+      </span>
+      <span className="col size">{entry.size ?? "—"}</span>
+      <span className="col date">{entry.modified}</span>
+      <Button
+        variant="unstyled"
+        className="open hover-only"
+        onClick={(event) => {
+          event.stopPropagation()
+          onOpen?.(entry)
+        }}
+      >
+        打开
+      </Button>
+    </div>
+  )
+}
+
+export interface DesktopWorkspaceProjectDetailViewProps {
+  name: ReactNode
+  breadcrumbs?: ReactNode[]
+  entries: DesktopWorkspaceEntryView[]
+  loading?: boolean
+  /** 错误一句人话；非空时替代列表主体（§6 容器三态） */
+  error?: string
+  /** 技术详情，mono ≤2 行 */
+  errorDetail?: string
+  onRetry?: () => void
+  onBack: () => void
+  onBreadcrumb?: (index: number) => void
+  onEnter?: (entry: DesktopWorkspaceEntryView) => void
+  onOpen?: (entry: DesktopWorkspaceEntryView) => void
+}
+
+/**
+ * Desktop 项目文件详情，使用与真实 FolderView 相同的接管式页面结构。
+ *
+ * @deprecated A11-B4（裁决 16）：原型里没有「我的空间」这一屏——项目文件已归右栏「文件」
+ * 页签（`FileBrowser`，原型 template.dc.html 2313–2338），记忆已归设置二级页第八段
+ * （`DesktopSettingsMemorySection`，原型 2635–2673）。本件保留导出只为让宿主路由改完之前
+ * 不炸；删除条件与顺序见 `components/domain/desktop/index.ts` 段尾的退役清单。
+ */
+export function DesktopWorkspaceProjectDetailView({
+  name,
+  breadcrumbs = [],
+  entries,
+  loading,
+  error,
+  errorDetail,
+  onRetry,
+  onBack,
+  onBreadcrumb,
+  onEnter,
+  onOpen,
+}: DesktopWorkspaceProjectDetailViewProps) {
+  const folders = entries.filter((entry) => entry.kind === "folder")
+  const files = entries.filter((entry) => entry.kind !== "folder")
+  return (
+    <div className="page filespace">
+      <div className="skd__head">
+        {/* 「返回」全站唯一形＝composite/BackButton（ghost ＋ chevron-left 字形）。
+            原来是单角括号字符排版当图标——同一角色在本簇曾有三套写法（字符 / 旋转 90° 的 ArrowDown / BackButton）。
+            `fs-back` 只是 e2e 定位钩子（apps/desktop/tests/e2e/interaction/workspace-interactions.spec.ts 按
+            `.fs-back` + '项目' 点返回），CSS 侧无形状规则；8dd59a6 换成 BackButton 时把它丢了，B0 核对补回。 */}
+        <BackButton className="fs-back" label="返回项目" onClick={onBack}>
+          项目
+        </BackButton>
+      </div>
+      <div className="folder-detail">
+        <div className="fd-crumb">
+          <Button variant="unstyled" className="root" onClick={() => onBreadcrumb?.(-1)}>
+            <Atom />
+            <span className="nm">{name}</span>
+          </Button>
+          {breadcrumbs.map((crumb, index) => (
+            <span className="seg-wrap" key={index}>
+              <ChevRight className="sep" />
+              <Button variant="unstyled" className="seg" onClick={() => onBreadcrumb?.(index)}>
+                {crumb}
+              </Button>
+            </span>
+          ))}
+        </div>
+        <div className="fs-list inner">
+          {/* DS2 P6 §6 容器三态：载＝skeleton 呼吸 · 错＝一句人话＋mono 详情＋重试 · 空＝信标母题 */}
+          {loading ? (
+            <WorkspaceListSkeleton />
+          ) : error ? (
+            <InlineMessage
+              variant="error"
+              title={error}
+              detail={errorDetail}
+              className="fs-list__error"
+              action={
+                onRetry ? (
+                  <Button size="sm" variant="secondary" icon={<Refresh />} onClick={onRetry}>
+                    重试
+                  </Button>
+                ) : undefined
+              }
+            />
+          ) : entries.length === 0 ? (
+            <DesktopWorkspaceEmptyState title="这个文件夹是空的" description="项目中的文件会显示在这里。" />
+          ) : (
+            <>
+              {folders.length > 0 && (
+                <div className="fs-group">
+                  <div className="fs-group__lbl">
+                    文件夹 <span className="ct">{folders.length}</span>
+                  </div>
+                  {folders.map((entry) => (
+                    <DesktopWorkspaceEntryRowView key={entry.id} entry={entry} onEnter={onEnter} onOpen={onOpen} />
+                  ))}
+                </div>
+              )}
+              {files.length > 0 && (
+                <div className="fs-group">
+                  <div className="fs-group__lbl">
+                    文件 <span className="ct">{files.length}</span>
+                  </div>
+                  {files.map((entry) => (
+                    <DesktopWorkspaceEntryRowView key={entry.id} entry={entry} onEnter={onEnter} onOpen={onOpen} />
+                  ))}
+                </div>
+              )}
+            </>
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export interface DesktopWorkspaceMemoryItem {
+  id: string
+  subject?: ReactNode
+  text: ReactNode
+  source?: "user" | "remember" | "extractor"
+  sourceLabel?: ReactNode
+  when?: ReactNode
+  tags?: ReactNode[]
+}
+export interface DesktopWorkspaceMemorySection {
+  id: string
+  title: ReactNode
+  hint?: ReactNode
+  items: DesktopWorkspaceMemoryItem[]
+}
+export interface DesktopWorkspaceMemoryViewProps {
+  sections: DesktopWorkspaceMemorySection[]
+  onOpenItem?: (item: DesktopWorkspaceMemoryItem) => void
+  /** 加载态：skeleton 呼吸（§6/§9） */
+  loading?: boolean
+  /** 错误一句人话；非空时替代主体 */
+  error?: string
+  /** 技术详情，mono ≤2 行 */
+  errorDetail?: string
+  onRetry?: () => void
+}
+
+/**
+ * @deprecated A11-B2（裁决 16）：记忆已整段搬进设置二级页第八段，改用
+ * `DesktopSettingsMemorySection`（domain/desktop/DesktopSettingsMemorySection）。
+ * 两者形制不同源——本件是「时间线轨 ＋ 日期标题行 ＋ 左侧刻点」的日志形，
+ * 原型 2636–2673 是「常驻搜索条 ＋ 分区 ＋ 记忆卡 ＋ 行内编辑」的清单形。
+ * 本件随「我的空间」整页退役：宿主路由去掉 `files` 视图后即可删除，
+ * 连同 `desktop-surfaces.css` 的 `.mem-*` 族。
+ */
+export function DesktopWorkspaceMemoryView({
+  sections,
+  onOpenItem,
+  loading = false,
+  error,
+  errorDetail,
+  onRetry,
+}: DesktopWorkspaceMemoryViewProps) {
+  const count = sections.reduce((total, section) => total + section.items.length, 0)
+  /* DS2 P6 §6 容器三态：载 → 错 → 空 → 内容 */
+  if (loading && count === 0) return <WorkspaceListSkeleton rows={4} />
+  if (error)
+    return (
+      <InlineMessage
+        variant="error"
+        title={error}
+        detail={errorDetail}
+        className="fs-list__error"
+        action={
+          onRetry ? (
+            <Button size="sm" variant="secondary" icon={<Refresh />} onClick={onRetry}>
+              重试
+            </Button>
+          ) : undefined
+        }
+      />
+    )
+  if (count === 0)
+    return (
+      <DesktopWorkspaceEmptyState
+        title="还没有任何记忆"
+        description="在聊天中让 Orbitwork 记住重要信息，或由任务自动提取后，会显示在这里。"
+      />
+    )
+  return (
+    <div className="mem">
+      {sections.map((section) => (
+        <section className="mem-sec" key={section.id}>
+          <div className="mem-sec__lbl">
+            {section.title}
+            {section.hint && <span className="hint">{section.hint}</span>}
+          </div>
+          <div className="mem-day">
+            <div className="mem-day__list">
+              {section.items.map((item) => {
+                const source = item.source ?? "extractor"
+                return (
+                  <div
+                    key={item.id}
+                    className="mem-note"
+                    role="button"
+                    tabIndex={0}
+                    onClick={() => onOpenItem?.(item)}
+                    onKeyDown={(event) => {
+                      // L3-2-1：只认落在卡自己身上的键；卡内的钮自己处理 Enter/空格。
+                      if (event.target !== event.currentTarget) return
+                      if (event.key === "Enter" || event.key === " ") {
+                        event.preventDefault()
+                        onOpenItem?.(item)
+                      }
+                    }}
+                  >
+                    <span className={`tick src-${source}`} />
+                    <div className="body">
+                      {item.subject !== undefined && <div className="subject">{item.subject}</div>}
+                      {item.subject === undefined ? item.text : <div className="text">{item.text}</div>}
+                      <div className="tags">
+                        <span className={`src-pill src-${source}`}>
+                          {/* R1 双编码：分类靠**类别图标**，三档同落 info tint，颜色只是第二编码
+                              （原来三档分两色、无图标，颜色是唯一的区分手段）。 */}
+                          {MEMORY_SOURCE_ICON[source] ?? MEMORY_SOURCE_ICON.extractor}
+                          {item.sourceLabel ??
+                            (source === "user" ? "用户" : source === "remember" ? "手动记住" : "自动提取")}
+                        </span>
+                        {item.tags?.map((tag, index) => (
+                          <span className="mtag" key={index}>
+                            {tag}
+                          </span>
+                        ))}
+                      </div>
+                    </div>
+                    {item.when && <span className="when">{item.when}</span>}
+                  </div>
+                )
+              })}
+            </div>
+          </div>
+        </section>
+      ))}
+    </div>
+  )
+}
+
+export interface DesktopWorkspaceMemoryDetailDialogProps {
+  title: ReactNode
+  content: string
+  preview?: ReactNode
+  meta?: ReactNode
+  onClose: () => void
+  onDelete?: () => void | Promise<void>
+  onSave?: (content: string) => void | Promise<void>
+}
+
+/**
+ * @deprecated A11-B2（裁决 16）：编辑记忆不再跳弹层——`DesktopSettingsMemorySection`
+ * 的记忆卡是**行内编辑**（正文位就地换 textarea ＋ 保存/取消），弹层这一跳没有了。
+ * 随 `DesktopWorkspaceMemoryView` 一起退役，同批可删 `.mem-modal` 族。
+ */
+export function DesktopWorkspaceMemoryDetailDialog({
+  title,
+  content,
+  preview,
+  meta,
+  onClose,
+  onDelete,
+  onSave,
+}: DesktopWorkspaceMemoryDetailDialogProps) {
+  const [editing, setEditing] = useState(false)
+  const [draft, setDraft] = useState(content)
+  const [saving, setSaving] = useState(false)
+  const save = async () => {
+    const next = draft.trim()
+    if (!next || saving) return
+    setSaving(true)
+    try {
+      await onSave?.(next)
+      setEditing(false)
+    } catch {
+      // The host owns error presentation; keep the editor open for retry.
+    } finally {
+      setSaving(false)
+    }
+  }
+  // 归口 composite/Dialog（bare 档）：遮罩 --ow-scrim、立面 1px 边 ＋ --ow-shadow-modal、
+  // 入场纯 opacity（200/320ms ＋ --ow-ease-beacon，原 .mem-modal 的 pop-in 是 scale+translateY），
+  // Escape 出口与焦点圈闭环也由基座件出；这里只留 head/body/foot 三段自有 chrome。
+  return (
+    <Dialog
+      open
+      bare
+      ariaLabel="记忆详情"
+      className="mem-modal ow-form"
+      overlayClassName="mem-modal-host"
+      onClose={onClose}
+    >
+      <>
+        <div className="cf__head">
+          <div className="cf__t t">{editing ? <>编辑{title}</> : title}</div>
+          <Button variant="unstyled" className="x" aria-label="关闭" onClick={onClose}>
+            <Close />
+          </Button>
+        </div>
+        {editing ? (
+          <div className="cf__body cf__body--scroll">
+            <div className="frow frow--grow">
+              <label>内容</label>
+              <Textarea
+                unstyled
+                className="ftext ftext--fill"
+                autoFocus
+                value={draft}
+                onChange={(event) => setDraft(event.target.value)}
+                placeholder="支持 Markdown"
+              />
+              <div className="fhint">支持 Markdown：标题、列表、代码、表格等。</div>
+            </div>
+          </div>
+        ) : (
+          <div className="cf__body cf__body--scroll">
+            <div className="mem-detail__md">{preview ?? content}</div>
+          </div>
+        )}
+        <div className="cf__foot">
+          <div className="mem-detail__meta">{meta}</div>
+          {editing ? (
+            <>
+              <Button
+                variant="secondary"
+                disabled={saving}
+                onClick={() => {
+                  setDraft(content)
+                  setEditing(false)
+                }}
+              >
+                取消
+              </Button>
+              <Button
+                variant="primary"
+                disabled={!draft.trim() || saving}
+                onClick={() => {
+                  void save()
+                }}
+              >
+                {saving ? "保存中…" : "保存"}
+              </Button>
+            </>
+          ) : (
+            <>
+              {onDelete && (
+                <Button
+                  variant="danger"
+                  icon={<Trash />}
+                  onClick={() => {
+                    void onDelete()
+                  }}
+                >
+                  删除
+                </Button>
+              )}
+              <Button variant="primary" icon={<Edit />} onClick={() => setEditing(true)}>
+                编辑
+              </Button>
+            </>
+          )}
+        </div>
+      </>
+    </Dialog>
+  )
+}

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

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from "@storybook/react"
+import { ResourceManagementExample } from "../../../../examples/ResourceManagementExample"
+
+const meta = {
+  title: "Desktop/ResourceManagement",
+  component: ResourceManagementExample,
+  parameters: { layout: "fullscreen" },
+} satisfies Meta<typeof ResourceManagementExample>
+export default meta
+type Story = StoryObj<typeof meta>
+export const Sites: Story = {}
+export const SelectedMembers: Story = { args: { initialDetail: true } }
+export const AllMembersAccess: Story = { args: { initialDetail: true, initialTenant: true } }
+export const Disabled: Story = { args: { initialDetail: true, initialTenant: true, unavailable: true } }
+export const ConversationSettings: Story = { args: { initialDetail: true, initialTab: "conversations" } }
+export const Conversations: Story = { args: { initialTab: "conversations" } }
+export const Loading: Story = { args: { scenario: "loading" } }
+export const Empty: Story = { args: { scenario: "empty" } }
+export const LoadError: Story = { args: { scenario: "error" } }

package/src/components/domain/desktop/ResourceManagement/ResourceManagementSource.test.mjs

@@ -0,0 +1,54 @@
+import assert from "node:assert/strict"
+import { readFile } from "node:fs/promises"
+import test from "node:test"
+
+const accessSource = await readFile(new URL("../ShareSettingsDialogView/index.tsx", import.meta.url), "utf8")
+const listSource = await readFile(new URL("./SharesList.tsx", import.meta.url), "utf8")
+const styles = await readFile(new URL("../../../../../styles/desktop-surfaces.css", import.meta.url), "utf8")
+
+test("sites and conversations use one authenticated sharing editor", () => {
+  assert.match(accessSource, /\["all", "全员访问"\]/)
+  assert.match(accessSource, /\["selected", "指定成员"\]/)
+  assert.match(accessSource, /未登录访客无法打开/)
+  assert.doesNotMatch(accessSource, /免登录|有效期|收回所有访问|公开访问/)
+})
+
+test("share members render Identity avatars with a visible fallback", () => {
+  assert.match(accessSource, /avatarUrl\?: string/)
+  assert.match(accessSource, /<span aria-hidden="true">\{fallback\}<\/span>/)
+  assert.match(accessSource, /event\.currentTarget\.hidden = true/)
+  assert.match(styles, /\.share-settings__avatar img \{[^}]*position: absolute;[^}]*object-fit: cover;/s)
+  assert.match(accessSource, /icon=\{<MemberAvatar member=\{member\} \/>\}/)
+})
+
+test("share member search rows align the avatar and member details", () => {
+  assert.match(
+    styles,
+    /\.published-site__member-result\[data-slot="button"\] \{[^}]*width: 100%;[^}]*justify-content: flex-start;/s,
+  )
+  assert.match(
+    styles,
+    /\.published-site__member-result > \[data-ow-part="icon"\] \{ width: 24px; height: 24px; \}/,
+  )
+  assert.match(
+    styles,
+    /\.published-site__member-result > \[data-ow-part="label"\] \{[^}]*flex: 1 1 auto;/s,
+  )
+  assert.match(
+    styles,
+    /\.share-settings__result \[data-ow-part="label"\] > span \{[^}]*text-align: left;[^}]*text-overflow: ellipsis;/s,
+  )
+  assert.doesNotMatch(styles, /\.published-site__member-result\.ow-btn|\.share-settings__result \.ow-btn__label/)
+})
+
+test("sharing settings are a dedicated in-place list action", () => {
+  assert.match(listSource, /onManage: \(id: string\) => void/)
+  assert.match(listSource, /\{props\.manageLabel \?\? "分享设置"\}/)
+  assert.doesNotMatch(listSource, /onDetail\(row\.id, true\)/)
+})
+
+test("only the unpadded inner body scrolls with a narrow scrollbar", () => {
+  assert.match(styles, /\.share-settings-modal \[data-slot="dialog-body"\] \{[^}]*padding: 0;[^}]*overflow: hidden;/s)
+  assert.match(styles, /\.share-settings__body \{[^}]*overflow-y: auto;[^}]*padding: 0;[^}]*scrollbar-width: thin;/s)
+  assert.match(styles, /\.share-settings__body::-webkit-scrollbar \{ width: 6px; \}/)
+})