@morlay/dsh-client-ui-primitives 0.0.8 → 0.0.10

package/src/client/controls/ModelRouteList.module.css

@@ -51,7 +51,7 @@
   outline-offset: -2px;
 }
 
-.item[aria-disabled='true'] {
+.item[aria-disabled="true"] {
   cursor: not-allowed;
   opacity: 0.4;
 }

package/src/client/controls/SeatButton.module.css

@@ -19,7 +19,7 @@
 }
 
 .seat:not(:disabled):hover,
-.seat[aria-expanded='true'],
+.seat[aria-expanded="true"],
 .expanded {
   background: var(--dsw-alias-interactive-bg-hover);
 }

package/src/client/controls/SeatButton.tsx

@@ -5,8 +5,7 @@ import type { ButtonHTMLAttributes, ReactNode } from "react";
 import { classes } from "./classes.ts";
 import css from "./SeatButton.module.css";
 
-export interface SeatButtonProps
-  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+export interface SeatButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
   // 座位上的图标（16px 那一档）。
   icon: ReactNode;
   // 座位上的文本；放不下就以省略号收窄。

package/src/client/controls/classes.ts

@@ -1,7 +1,5 @@
 // 拼 class 名：CSS Modules 的映射查表给 `string | undefined`（`exactOptionalPropertyTypes` 下没命中的键是
 // undefined），一个没命中的类名不该在 DOM 上留一个空串。
 export function classes(...names: readonly (string | false | null | undefined)[]): string {
-  return names
-    .filter((name): name is string => typeof name === "string" && name !== "")
-    .join(" ");
+  return names.filter((name): name is string => typeof name === "string" && name !== "").join(" ");
 }

package/src/client/controls/index.ts

@@ -8,10 +8,8 @@
 export { Bubble, type BubbleProps } from "./Bubble.tsx";
 export { Button, type ButtonProps, type ButtonTone } from "./Button.tsx";
 export { DisclosureRow, type DisclosureRowProps } from "./DisclosureRow.tsx";
-export { SearchInput, type SearchInputProps, type SearchInputWidth } from "./SearchInput.tsx";
 export { SeatButton, type SeatButtonProps } from "./SeatButton.tsx";
 export { Spinner, type SpinnerProps } from "./Spinner.tsx";
-export { Tabs, type TabItem, type TabsProps } from "./Tabs.tsx";
 export { TimeLabel, type TimeLabelProps } from "./TimeLabel.tsx";
 export { VisuallyHidden, type VisuallyHiddenProps } from "./VisuallyHidden.tsx";
 export { IconButton, type IconButtonProps } from "./IconButton.tsx";
@@ -21,10 +19,6 @@ export {
   type ModelRouteListProps,
 } from "./ModelRouteList.tsx";
 export { MultilineField, type MultilineFieldProps } from "./MultilineField.tsx";
-export {
-  SearchSelect,
-  type SearchSelectOption,
-  type SearchSelectProps,
-} from "./SearchSelect.tsx";
+export { SearchSelect, type SearchSelectOption, type SearchSelectProps } from "./SearchSelect.tsx";
 export { TagInput, type TagInputProps } from "./TagInput.tsx";
 export { mergeTags, parseTagList } from "./tags.ts";

package/src/client/index.ts

@@ -12,7 +12,13 @@ export * from "./settings-form/index.ts";
 export * from "./controls/index.ts";
 // `Button` 与 `DisclosureRow` 是本包包装版（官方那份 + 文字不换行 / 危险档 / 两条固定的布局类）：
 // 两个星号导出之间必须显式点名，否则判成歧义。
-export { Button, DisclosureRow, type ButtonProps, type ButtonTone, type DisclosureRowProps } from "./controls/index.ts";
+export {
+  Button,
+  DisclosureRow,
+  type ButtonProps,
+  type ButtonTone,
+  type DisclosureRowProps,
+} from "./controls/index.ts";
 // 按行 schema 自动生成的行配置页（原 `@morlay/dsh-client-ui-schema-form/client`，2026-09-28 合并进来）：
 // 两者都是"对话 UI / 设置页的基础面"，拆成两行会各自注册一遍、还要求每个 bundle 都插齐两行。
 // 只**具名导出**它那一面的门面：`export *` 会与 settings-form 的样式 / token 重名。

package/src/client/layout/Row.tsx

@@ -41,23 +41,26 @@ export interface RowProps extends HTMLAttributes<HTMLDivElement> {
   pad?: LayoutPad;
 }
 
-export const Row = forwardRef<HTMLElement, RowProps>(function Row({
-  as: Element = "div",
-  gap,
-  align,
-  justify,
-  wrap = false,
-  grow = false,
-  boxed = false,
-  fixed = false,
-  narrow = false,
-  push = false,
-  plain = false,
-  pad,
-  className,
-  children,
-  ...rest
-}, ref): ReactNode {
+export const Row = forwardRef<HTMLElement, RowProps>(function Row(
+  {
+    as: Element = "div",
+    gap,
+    align,
+    justify,
+    wrap = false,
+    grow = false,
+    boxed = false,
+    fixed = false,
+    narrow = false,
+    push = false,
+    plain = false,
+    pad,
+    className,
+    children,
+    ...rest
+  },
+  ref,
+): ReactNode {
   return (
     <Element
       ref={ref}

package/src/client/layout/Stack.tsx

@@ -38,22 +38,25 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
   plain?: boolean;
 }
 
-export const Stack = forwardRef<HTMLElement, StackProps>(function Stack({
-  as: Element = "div",
-  gap,
-  align,
-  pad,
-  grow = false,
-  boxed = false,
-  fixed = false,
-  narrow = false,
-  fill = false,
-  scroll = false,
-  plain = false,
-  className,
-  children,
-  ...rest
-}, ref): ReactNode {
+export const Stack = forwardRef<HTMLElement, StackProps>(function Stack(
+  {
+    as: Element = "div",
+    gap,
+    align,
+    pad,
+    grow = false,
+    boxed = false,
+    fixed = false,
+    narrow = false,
+    fill = false,
+    scroll = false,
+    plain = false,
+    className,
+    children,
+    ...rest
+  },
+  ref,
+): ReactNode {
   return (
     <Element
       ref={ref}

package/src/client/layout/Text.tsx

@@ -4,7 +4,14 @@
 import type { ElementType, HTMLAttributes, ReactNode } from "react";
 import { classes } from "../controls/classes.ts";
 import css from "./layout.module.css";
-import { sizeClass, toneClass, weightClass, type TextSize, type TextTone, type TextWeight } from "./scales.ts";
+import {
+  sizeClass,
+  toneClass,
+  weightClass,
+  type TextSize,
+  type TextTone,
+  type TextWeight,
+} from "./scales.ts";
 
 export interface TextProps extends Omit<HTMLAttributes<HTMLElement>, "children" | "color"> {
   // 渲染成哪个元素（标题用 `h4`、说明用 `p`、行内摘要用 `span`）。

package/src/client/schema-form/Editor.tsx

@@ -201,7 +201,8 @@ function Row({
       </>
     ) : line.kind === "open" ? (
       <>
-        <button className={css.lineFold}
+        <button
+          className={css.lineFold}
           data-role="fold"
           type="button"
           aria-expanded={!line.collapsed}
@@ -258,7 +259,8 @@ function Row({
       />
     );
   return (
-    <div className={css.lineRow}
+    <div
+      className={css.lineRow}
       data-line={line.kind}
       data-field-path={line.path.join(".")}
       data-selected={selected === key ? "true" : undefined}
@@ -272,7 +274,8 @@ function Row({
           : undefined
       }
     >
-      <span className={css.lineNumber}
+      <span
+        className={css.lineNumber}
         data-role="number"
         onClick={() => {
           onSelect(line.path);
@@ -362,7 +365,8 @@ function FieldLine({
   return (
     <>
       <span className={css.lineFoldSpacer} data-role="fold" />
-      <span className={css.lineKey}
+      <span
+        className={css.lineKey}
         data-role="key"
         data-index={member?.index === undefined ? undefined : "true"}
         title={member?.key ?? line.node.key}
@@ -417,7 +421,8 @@ function FieldLine({
       ) : null}
       {/* 编辑态只留输入框：原值不再在它旁边画一遍。 */}
       {isEditing || line.variantsStandIn ? null : (
-        <span className={css.valueSlot}
+        <span
+          className={css.valueSlot}
           data-role="value"
           onClick={() => {
             if (editable) onEdit(key);
@@ -435,7 +440,11 @@ function FieldLine({
       />
       {isEditing ? (
         // 编辑态：确认收起这一格的编辑、取消把值退回去——都在输入框旁边，不用记快捷键。
-        <span className={classes(css.lineActions, css.hoverActions)} data-role="actions" data-editing="true">
+        <span
+          className={classes(css.lineActions, css.hoverActions)}
+          data-role="actions"
+          data-editing="true"
+        >
           <button
             type="button"
             aria-label={t("confirmEdit")}
@@ -549,7 +558,8 @@ function VariantSelect({
         setOpen(false);
       }}
       anchor={
-        <button className={css.valueTrigger}
+        <button
+          className={css.valueTrigger}
           type="button"
           data-role="variant"
           disabled={disabled}
@@ -558,7 +568,9 @@ function VariantSelect({
             setOpen(true);
           }}
         >
-          <span className={css.lineValue} data-tone="empty">{current?.label ?? ""}</span>
+          <span className={css.lineValue} data-tone="empty">
+            {current?.label ?? ""}
+          </span>
           <IconChevronDownOutlineRegular size={ICON_SIZE} />
         </button>
       }
@@ -585,7 +597,12 @@ function LinePrefix({
   const indexed = member !== undefined && member.index !== undefined;
   return (
     <>
-      <span className={css.lineKey} data-role="key" data-index={indexed ? "true" : undefined} title={key}>
+      <span
+        className={css.lineKey}
+        data-role="key"
+        data-index={indexed ? "true" : undefined}
+        title={key}
+      >
         {key}
       </span>
       <span className={css.lineToken}>{indexed ? "  " : ": "}</span>

package/src/client/schema-form/SchemaForm.tsx

@@ -26,7 +26,12 @@ export function SchemaForm(props: SchemaFormComponentProps): ReactNode {
     save: t("save"),
     saving: t("saving"),
   };
-  if (!state.configured) return <p className={css.hint} role="status">{t("noSchema")}</p>;
+  if (!state.configured)
+    return (
+      <p className={css.hint} role="status">
+        {t("noSchema")}
+      </p>
+    );
   return (
     <SettingsForm
       labels={labels}

package/src/client/schema-form/index.ts

@@ -57,6 +57,11 @@ export { parseFor } from "./fields.tsx";
 export { containerShape, editorLines, visibleFields } from "./lines.ts";
 export type { EditorLine, FoldState } from "./lines.ts";
 export { SchemaFormController, canRender, optionsFor, projectRoot } from "./controller.ts";
+// 行投影的输入件：外部的「真配置验收」要按与控制器同一套算法自己排行（见各消费包 client 面的 __tests__）。
+export { addableAt, fieldKey } from "./controller.ts";
+export { readPath } from "./schema-node.ts";
+export type { SchemaFormTranslate } from "./slot-contract.ts";
+export { zh } from "./locales.ts";
 export { failureOf } from "./draft.ts";
 export type { ValidationFailure } from "./draft.ts";
 export { walkFields, projectNode } from "./schema-node.ts";

package/src/client/schema-form/schema-form.module.css

@@ -27,40 +27,40 @@
 }
 
 /* 选中一行（点行号）：整行留一层底色，便于对着行号找内容。 */
-.lineRow[data-selected='true'] {
+.lineRow[data-selected="true"] {
   background: var(--dsw-alias-bg-layer-3);
 }
 
 /* 本页改过还没保存：左边一道强调色，和「已经存进用户层」的浅灰区分开。 */
-.lineRow[data-dirty='true'] {
+.lineRow[data-dirty="true"] {
   box-shadow: inset 2px 0 0 var(--dsw-alias-brand-primary);
 }
 
-.lineRow[data-overridden='true'] {
+.lineRow[data-overridden="true"] {
   box-shadow: inset 2px 0 0 var(--dsw-elevation-stroke-color);
 }
 
 /* 改过的字段名用强调色（存没存看左边那道条）；出错时红优先。 */
-.lineRow[data-dirty='true'] [data-role='key'] {
+.lineRow[data-dirty="true"] [data-role="key"] {
   color: var(--dsw-alias-brand-primary);
 }
 
-.lineRow[data-overridden='true'] [data-role='key'] {
+.lineRow[data-overridden="true"] [data-role="key"] {
   color: var(--dsw-alias-brand-primary);
 }
 
 /* 有问题的行：半透明红底 + 左侧一道实红条，字段名与注释位那句都是红字。 */
-.lineRow[data-invalid='true'] {
+.lineRow[data-invalid="true"] {
   background: color-mix(in srgb, var(--dsw-alias-state-error-secondary) 12%, transparent);
   box-shadow: inset 2px 0 0 var(--dsw-alias-state-error-primary);
 }
 
-.lineRow[data-invalid='true'] [data-role='key'] {
+.lineRow[data-invalid="true"] [data-role="key"] {
   color: var(--dsw-alias-state-error-primary);
 }
 
 /* 行内的行为按钮（撤回 / 恢复默认 / 复制 / 移除）：平时透明，悬停这一行才显形。 */
-.lineRow:hover [data-role='actions'] {
+.lineRow:hover [data-role="actions"] {
   opacity: 1;
 }
 
@@ -116,7 +116,7 @@
   color: var(--dsw-alias-label-primary);
 }
 
-.lineKey[data-index='true'] {
+.lineKey[data-index="true"] {
   color: var(--dsw-alias-label-caption);
 }
 
@@ -138,15 +138,15 @@
   color: var(--dsw-alias-state-business-primary);
 }
 
-.lineValue[data-tone='number'] {
+.lineValue[data-tone="number"] {
   color: var(--dsw-alias-state-warn-primary);
 }
 
-.lineValue[data-tone='boolean'] {
+.lineValue[data-tone="boolean"] {
   color: var(--dsw-alias-state-success-primary);
 }
 
-.lineValue[data-tone='empty'] {
+.lineValue[data-tone="empty"] {
   color: var(--dsw-alias-label-caption);
 }
 
@@ -296,18 +296,18 @@
 
 /* 编辑态的两个按钮常显，而且**要有底色与描边**：行底色上只有淡色图标是看不见的，
    所以这里给实体按钮（theme 的描边 + 一层底），确认用成功档、取消用中性档。 */
-.hoverActions[data-editing='true'] {
+.hoverActions[data-editing="true"] {
   opacity: 1;
   gap: 6px;
 }
 
-.hoverActions[data-editing='true'] > button {
+.hoverActions[data-editing="true"] > button {
   box-shadow: 0 0 0 0.5px var(--dsw-elevation-stroke-color);
   background: var(--dsw-alias-bg-layer-1);
   color: var(--dsw-alias-label-primary);
 }
 
-.hoverActions[data-editing='true'] > button:first-of-type {
+.hoverActions[data-editing="true"] > button:first-of-type {
   color: var(--dsw-alias-state-success-primary);
 }
 
@@ -322,7 +322,7 @@
   margin-left: 6px;
 }
 
-.addWrap[data-invalid='true'] input {
+.addWrap[data-invalid="true"] input {
   border-color: var(--dsw-alias-state-error-primary);
 }
 

package/src/client/schema-form/testing/fake-scope.ts

@@ -27,7 +27,6 @@ export class FakeScope implements ConfigForm<Section> {
       user: undefined,
       writable: true,
       revision: 7,
-      mode: "host",
       ...overrides,
     };
   }

package/src/client/schema-form/value.tsx

@@ -56,7 +56,10 @@ export function InlineValue({ owner }: { owner: SchemaFieldOwnerProps }): ReactN
   const text = tokenText(owner.value);
   return (
     <TruncatedTooltip label={text}>
-      <span className={css.lineValue} data-tone={owner.node.readOnly === null ? tokenTone(owner.value) : "empty"}>
+      <span
+        className={css.lineValue}
+        data-tone={owner.node.readOnly === null ? tokenTone(owner.value) : "empty"}
+      >
         {text}
       </span>
     </TruncatedTooltip>
@@ -102,7 +105,8 @@ function OptionSelect({
         setOpen(false);
       }}
       anchor={
-        <button className={css.valueTrigger}
+        <button
+          className={css.valueTrigger}
           type="button"
           disabled={owner.disabled}
           aria-label={owner.label}
@@ -110,7 +114,8 @@ function OptionSelect({
             setOpen(true);
           }}
         >
-          <span className={css.lineValue}
+          <span
+            className={css.lineValue}
             data-tone={current === undefined ? tokenTone(owner.value) : tokenTone(current.value)}
           >
             {label}

package/src/client/settings-form/SettingsFieldRow.module.css

@@ -5,7 +5,7 @@
   flex-direction: column;
 }
 
-.row[data-divider='true'] {
+.row[data-divider="true"] {
   border-top: 0.5px solid var(--dsw-alias-border-l2);
 }
 

package/src/client/settings-form/SettingsFieldRow.tsx

@@ -6,8 +6,10 @@ import type { HTMLAttributes, ReactNode } from "react";
 import { classes } from "../controls/classes.ts";
 import css from "./SettingsFieldRow.module.css";
 
-export interface SettingsFieldRowProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "color"> {
+export interface SettingsFieldRowProps extends Omit<
+  HTMLAttributes<HTMLDivElement>,
+  "children" | "color"
+> {
   // 字段名。
   label: string;
   // 字段下面那句说明（"这一项到底管什么"）。

package/src/index.ts

@@ -1,4 +1,8 @@
+/**
+ * 引用解析的 host 侧工具。
+ *
+ * 本包是**普通库**（UI 原语 + 引用解析），不是 cordis 插件包：没有 `./client` 那类"浏览器半"出口，
+ * 默认出口就是库本体（浏览器组件），这里只留 host 侧也用得着的那部分。
+ */
 export { findReferences, parseReferenceToken } from "./reference.ts";
 export type { Reference, ReferenceSpan } from "./reference.ts";
-
-export function apply(): void {}

package/src/reference-markdown.tsx

@@ -13,12 +13,8 @@
 // 因此 `code-review` 这种没有路径特征的 skill 也能稳定成 chip、而普通 inline code 不会。
 
 import { memo, useMemo } from "react";
-import { MarkdownText } from "./client/markdown-text.ts";
-import type {
-  MarkdownFileMentions,
-  MarkdownLabels,
-  MarkdownPathImages,
-} from "./client/markdown-text.ts";
+import { MarkdownText } from "./markdown-text.ts";
+import type { MarkdownFileMentions, MarkdownLabels, MarkdownPathImages } from "./markdown-text.ts";
 import {
   findReferences,
   formatReference,

package/dist/rolldown-runtime-EAsCxrDo.mjs

@@ -1,14 +0,0 @@
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-//#endregion
-export { __exportAll as n, __commonJSMin as t };

package/locale/en.json

@@ -1,6 +0,0 @@
-{
-  "meta": {
-    "title": "UI Primitives",
-    "description": "The shared base for the conversation UI and the settings pages: the css-in-js styling layer, the reference parser and renderer (one source shared with the host), the staged settings-form primitives forked from upstream, and the schema-generated row config pages (field-slot injection). Inlined by the client rows that use it, not an assembly row."
-  }
-}

package/locale/zh.json

@@ -1,6 +0,0 @@
-{
-  "meta": {
-    "title": "UI 基础层",
-    "description": "对话 UI 与设置页共用的基础面：css-in-js 样式层、host 与 client 共用一份源码的引用解析与渲染转换、上游 fork 过来的暂存式设置表单原语，以及按 schema 自动生成的行配置页（字段槽注入）。随用到它的 client 行内联，不是装配行。"
-  }
-}

package/src/client/controls/SearchInput.module.css

@@ -1,11 +0,0 @@
-/* 宽度档：搜索框那一档是固定宽（列表里的搜索行），`full` 撑满。 */
-.search {
-  width: 360px;
-  max-width: 100%;
-  flex: none;
-}
-
-.full {
-  width: 100%;
-  flex: none;
-}

package/src/client/controls/SearchInput.tsx

@@ -1,22 +0,0 @@
-// 搜索输入：官方 `Input` + 宽度档（列表与设置面的搜索框是固定一档宽）。
-
-import type { ComponentProps, ReactNode } from "react";
-import { Input } from "@deepseek-ai/dsh-client-ui-primitives";
-import { classes } from "./classes.ts";
-import css from "./SearchInput.module.css";
-
-export type SearchInputWidth = "search" | "full";
-
-export type SearchInputProps = ComponentProps<typeof Input> & {
-  // 宽度档：`search`（360px，列表的搜索行）或 `full`（撑满）。
-  width?: SearchInputWidth;
-};
-
-export function SearchInput({ width = "search", className, ...rest }: SearchInputProps): ReactNode {
-  return (
-    <Input
-      className={classes(className, width === "search" ? css.search : css.full)}
-      {...rest}
-    />
-  );
-}

package/src/client/controls/Tabs.module.css

@@ -1,48 +0,0 @@
-/* 页内的 tab 条：与官方会话头部同形（`ConversationRoot.module.css` 的 .tabs/.tab/.tabActive），
-   选中态是品牌蓝文字 + 2px 下划线。 */
-.tabs {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  gap: 36px;
-  margin-top: 10px;
-  padding-left: 8px;
-  flex: none;
-}
-
-.tab {
-  position: relative;
-  padding: 0 0 9px;
-  border: none;
-  background: transparent;
-  font-size: 13px;
-  line-height: 16px;
-  font-weight: 500;
-  color: var(--dsw-alias-label-tertiary);
-  cursor: pointer;
-}
-
-/* 下划线始终占位（透明到选中），选中时只换颜色——文字因此不会跳。 */
-.tab::after {
-  content: "";
-  position: absolute;
-  right: 0;
-  bottom: -1px;
-  left: 0;
-  height: 2px;
-  border-radius: 2px;
-  background: transparent;
-}
-
-.tabActive {
-  color: var(--dsw-alias-state-business-primary);
-}
-
-.tabActive::after {
-  background: var(--dsw-alias-state-business-primary);
-}
-
-.tab:disabled {
-  cursor: not-allowed;
-  opacity: 0.4;
-}