@seekbuddy/dsh-ui 0.2.0-beta.0 → 0.2.0-beta.1

package/dist/root-inputs.json

@@ -1,10 +1,12 @@
 [
+  ".build/css/AnimatedRows.module.mjs",
   ".build/css/Button.module.mjs",
   ".build/css/Checkbox.module.mjs",
   ".build/css/ConnectionIndicator.module.mjs",
   ".build/css/DisclosureRow.module.mjs",
   ".build/css/HoverCard.module.mjs",
   ".build/css/ImageLightbox.module.mjs",
+  ".build/css/InlineEditor.module.mjs",
   ".build/css/Input.module.mjs",
   ".build/css/markdown/MarkdownText.module.mjs",
   ".build/css/Menu.module.mjs",
@@ -12,7 +14,9 @@
   ".build/css/MenuSurface.module.mjs",
   ".build/css/Modal.module.mjs",
   ".build/css/Pill.module.mjs",
+  ".build/css/QuotePreview.module.mjs",
   ".build/css/RiskConfirmation.module.mjs",
+  ".build/css/RowDragPreview.module.mjs",
   ".build/css/SegmentedControl.module.mjs",
   ".build/css/SegmentedTabs.module.mjs",
   ".build/css/ShortcutKeys.module.mjs",
@@ -23,19 +27,28 @@
   ".build/css/Toast.module.mjs",
   ".build/css/Tooltip.module.mjs",
   ".build/css/user-text.module.mjs",
+  ".build/css/UserMessageBubble.module.mjs",
+  ".build/css/ZoomControls.module.mjs",
+  "src/AnimatedRows.tsx",
   "src/Button.tsx",
   "src/Checkbox.tsx",
   "src/clipboard.ts",
   "src/ConnectionIndicator.tsx",
   "src/darwin-desktop.ts",
   "src/DisclosureRow.tsx",
+  "src/document-zoom.ts",
+  "src/DraggableImage.tsx",
   "src/file-size.ts",
   "src/focus.ts",
   "src/HoverCard.tsx",
+  "src/HoverCardGroup.tsx",
+  "src/icons/artwork.ts",
   "src/icons/index.tsx",
   "src/icons/shared-artwork.tsx",
+  "src/image-drag.ts",
   "src/ImageLightbox.tsx",
   "src/index.ts",
+  "src/InlineEditor.tsx",
   "src/input-modality.ts",
   "src/Input.tsx",
   "src/keyboard-composition.ts",
@@ -46,6 +59,7 @@
   "src/overlay-top-margin.ts",
   "src/Pill.tsx",
   "src/pointer-grace.ts",
+  "src/QuotePreview.tsx",
   "src/rank-by-name.ts",
   "src/ReferenceIcon.tsx",
   "src/relative-time.ts",
@@ -58,10 +72,15 @@
   "src/Tag.tsx",
   "src/TextShimmer.tsx",
   "src/Toast.tsx",
+  "src/tooltip-placement.ts",
   "src/Tooltip.tsx",
+  "src/use-clipboard-copy.ts",
   "src/useAnchoredMaxHeight.ts",
   "src/useAnchoredPosition.ts",
   "src/useDismissOnOutsidePointer.ts",
   "src/useModalLayer.ts",
-  "src/user-text.tsx"
+  "src/user-text.tsx",
+  "src/UserMessageBubble.tsx",
+  "src/useRowDragPreview.ts",
+  "src/ZoomControls.tsx"
 ]

package/dist/seekbuddy-card.js

@@ -1,6 +1,6 @@
 import {
   Card
-} from "./chunks/chunk-CTQPGUZP.js";
+} from "./chunks/chunk-SNVSQWCU.js";
 import "./chunks/chunk-ZA47FP7C.js";
 export {
   Card

package/dist/seekbuddy-empty.js

@@ -1,7 +1,7 @@
 import {
   Empty
-} from "./chunks/chunk-KETGFAOH.js";
-import "./chunks/chunk-WUL523OW.js";
+} from "./chunks/chunk-7SKW4S35.js";
+import "./chunks/chunk-EWAZFWLW.js";
 import "./chunks/chunk-ZA47FP7C.js";
 export {
   Empty

package/dist/seekbuddy-internal/Message.js

@@ -1,8 +1,8 @@
 import {
   MessageProvider,
   useMessage
-} from "../chunks/chunk-ZZNL5PWF.js";
-import "../chunks/chunk-WUL523OW.js";
+} from "../chunks/chunk-SO3DCAWG.js";
+import "../chunks/chunk-EWAZFWLW.js";
 import "../chunks/chunk-ZA47FP7C.js";
 export {
   MessageProvider,

package/dist/seekbuddy-internal/Pagination.js

@@ -1,7 +1,7 @@
 import {
   Pagination,
   pageItems
-} from "../chunks/chunk-R6AUJQ3G.js";
+} from "../chunks/chunk-FZXK4LTI.js";
 import "../chunks/chunk-ZA47FP7C.js";
 export {
   Pagination,

package/dist/seekbuddy-internal/StatusBadge.js

@@ -1,6 +1,6 @@
 import {
   StatusBadge
-} from "../chunks/chunk-TUK6UGXM.js";
+} from "../chunks/chunk-L7XALG4J.js";
 import "../chunks/chunk-ZA47FP7C.js";
 export {
   StatusBadge

package/dist/seekbuddy-internal/Switch.js

@@ -1,6 +1,6 @@
 import {
   Switch
-} from "../chunks/chunk-5XDVPALS.js";
+} from "../chunks/chunk-SN6RSUWC.js";
 import "../chunks/chunk-ZA47FP7C.js";
 export {
   Switch

package/dist/seekbuddy-internal/Upload.js

@@ -1,6 +1,6 @@
 import {
   Upload
-} from "../chunks/chunk-TZ7HRE6D.js";
+} from "../chunks/chunk-WX46TSKP.js";
 import "../chunks/chunk-ZA47FP7C.js";
 export {
   Upload

package/dist/seekbuddy-internal/date/Calendar.js

@@ -1,6 +1,6 @@
 import {
   Calendar
-} from "../../chunks/chunk-XX6MSZLS.js";
+} from "../../chunks/chunk-XL33IPCV.js";
 import "../../chunks/chunk-RZOP2PFC.js";
 import "../../chunks/chunk-ZA47FP7C.js";
 export {

package/dist/seekbuddy-internal/date/DatePicker.js

@@ -1,7 +1,7 @@
 import {
   DatePicker
-} from "../../chunks/chunk-NE62SYOZ.js";
-import "../../chunks/chunk-XX6MSZLS.js";
+} from "../../chunks/chunk-UGEORMLD.js";
+import "../../chunks/chunk-XL33IPCV.js";
 import "../../chunks/chunk-RZOP2PFC.js";
 import "../../chunks/chunk-ZA47FP7C.js";
 export {

package/dist/seekbuddy-internal/date/DateRangePicker.js

@@ -1,7 +1,7 @@
 import {
   DateRangePicker
-} from "../../chunks/chunk-QJKAQ6PO.js";
-import "../../chunks/chunk-XX6MSZLS.js";
+} from "../../chunks/chunk-7NH2UOZO.js";
+import "../../chunks/chunk-XL33IPCV.js";
 import "../../chunks/chunk-RZOP2PFC.js";
 import "../../chunks/chunk-ZA47FP7C.js";
 export {

package/dist/seekbuddy-internal/date/TimePicker.js

@@ -1,6 +1,6 @@
 import {
   TimePicker
-} from "../../chunks/chunk-IOBKTEKP.js";
+} from "../../chunks/chunk-UAEFKTV3.js";
 import "../../chunks/chunk-RZOP2PFC.js";
 import "../../chunks/chunk-ZA47FP7C.js";
 export {

package/dist/seekbuddy-internal/date/fields.js

@@ -2,11 +2,11 @@ import {
   DateField,
   DateRangeField,
   TimeField
-} from "../../chunks/chunk-CI73NXA5.js";
-import "../../chunks/chunk-NE62SYOZ.js";
-import "../../chunks/chunk-QJKAQ6PO.js";
-import "../../chunks/chunk-XX6MSZLS.js";
-import "../../chunks/chunk-IOBKTEKP.js";
+} from "../../chunks/chunk-RAXDA2PT.js";
+import "../../chunks/chunk-UGEORMLD.js";
+import "../../chunks/chunk-7NH2UOZO.js";
+import "../../chunks/chunk-XL33IPCV.js";
+import "../../chunks/chunk-UAEFKTV3.js";
 import "../../chunks/chunk-RZOP2PFC.js";
 import "../../chunks/chunk-ZA47FP7C.js";
 export {

package/dist/seekbuddy-spinner.js

@@ -1,6 +1,6 @@
 import {
   Spinner
-} from "./chunks/chunk-WUL523OW.js";
+} from "./chunks/chunk-EWAZFWLW.js";
 import "./chunks/chunk-ZA47FP7C.js";
 export {
   Spinner

package/dist/seekbuddy-tabs.js

@@ -1,6 +1,6 @@
 import {
   Tabs
-} from "./chunks/chunk-TQU54HSM.js";
+} from "./chunks/chunk-W6FLI3AK.js";
 import "./chunks/chunk-ZA47FP7C.js";
 export {
   Tabs

package/dist/seekbuddy-timeline.js

@@ -1,7 +1,7 @@
 import {
   Timeline
-} from "./chunks/chunk-VIH56PDF.js";
-import "./chunks/chunk-WUL523OW.js";
+} from "./chunks/chunk-6SGSJ5KW.js";
+import "./chunks/chunk-EWAZFWLW.js";
 import "./chunks/chunk-ZA47FP7C.js";
 export {
   Timeline

package/dist/seekbuddy.js

@@ -3,44 +3,44 @@ import {
   DateField,
   DateRangeField,
   TimeField
-} from "./chunks/chunk-CI73NXA5.js";
+} from "./chunks/chunk-RAXDA2PT.js";
 import {
   QrCode
 } from "./chunks/chunk-B3EEK7A2.js";
 import {
   StatusBadge
-} from "./chunks/chunk-TUK6UGXM.js";
+} from "./chunks/chunk-L7XALG4J.js";
 import {
   SubtleButton
 } from "./chunks/chunk-RNVSCTW7.js";
 import {
   Switch
-} from "./chunks/chunk-5XDVPALS.js";
+} from "./chunks/chunk-SN6RSUWC.js";
 import {
   Upload
-} from "./chunks/chunk-TZ7HRE6D.js";
+} from "./chunks/chunk-WX46TSKP.js";
 import {
   DatePicker
-} from "./chunks/chunk-NE62SYOZ.js";
+} from "./chunks/chunk-UGEORMLD.js";
 import {
   DateRangePicker
-} from "./chunks/chunk-QJKAQ6PO.js";
+} from "./chunks/chunk-7NH2UOZO.js";
 import {
   Calendar
-} from "./chunks/chunk-XX6MSZLS.js";
+} from "./chunks/chunk-XL33IPCV.js";
 import {
   TimePicker
-} from "./chunks/chunk-IOBKTEKP.js";
+} from "./chunks/chunk-UAEFKTV3.js";
 import "./chunks/chunk-RZOP2PFC.js";
 import {
   Empty
-} from "./chunks/chunk-KETGFAOH.js";
+} from "./chunks/chunk-7SKW4S35.js";
 import {
   Tabs
-} from "./chunks/chunk-TQU54HSM.js";
+} from "./chunks/chunk-W6FLI3AK.js";
 import {
   Timeline
-} from "./chunks/chunk-VIH56PDF.js";
+} from "./chunks/chunk-6SGSJ5KW.js";
 import {
   DangerButton
 } from "./chunks/chunk-CEBTQO6W.js";
@@ -50,17 +50,17 @@ import {
 import {
   MessageProvider,
   useMessage
-} from "./chunks/chunk-ZZNL5PWF.js";
+} from "./chunks/chunk-SO3DCAWG.js";
 import {
   Spinner
-} from "./chunks/chunk-WUL523OW.js";
+} from "./chunks/chunk-EWAZFWLW.js";
 import {
   Pagination,
   pageItems
-} from "./chunks/chunk-R6AUJQ3G.js";
+} from "./chunks/chunk-FZXK4LTI.js";
 import {
   Card
-} from "./chunks/chunk-CTQPGUZP.js";
+} from "./chunks/chunk-SNVSQWCU.js";
 import "./chunks/chunk-ZA47FP7C.js";
 export {
   Calendar,

package/dist/tokens.css

@@ -4,13 +4,15 @@
  * font stack deliberately omits a bare `monospace` tail (Windows CJK falls
  * back to SimSun otherwise). */
 :root {
-  --dsw-font-family:
+  --dsh-font-family-text-default:
     -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
     'Helvetica Neue', Helvetica, Arial, sans-serif;
-  --dsw-font-family-brand: 'Montserrat', var(--dsw-font-family);
-  --ds-font-family-code:
+  --dsw-font-family: var(--dsh-font-family-text-default);
+  --dsw-font-family-brand: 'Montserrat', var(--dsh-font-family-text-default);
+  --dsh-font-family-code-default:
     'SF Mono', 'JetBrains Mono', 'Fira Code', Consolas, 'Liberation Mono', Menlo, Courier, 'PingFang SC',
     'Microsoft YaHei';
+  --ds-font-family-code: var(--dsh-font-family-code-default);
   --ds-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
   --ds-transition-duration: 0.2s;
   --ds-transition-duration-fast: 0.1s;
@@ -23,7 +25,14 @@
   --dsw-radius-panel: 28px;
 }
 
+/* User font lists (--dsh-font-family-text/-code, written on body by the theme
+ * boot script and ThemePresenter) lead the built-in stacks. An unset list
+ * falls back to the built-in stack itself; the repeated families are inert. */
 body {
+  --dsw-font-family:
+    var(--dsh-font-family-text, var(--dsh-font-family-text-default)), var(--dsh-font-family-text-default);
+  --ds-font-family-code:
+    var(--dsh-font-family-code, var(--dsh-font-family-code-default)), var(--dsh-font-family-code-default);
   --dsw-alias-settings-card-fill: var(--dsw-alias-bg-layer-2);
   --dsw-alias-settings-card-stroke: var(--dsw-alias-border-l4);
 }
@@ -121,9 +130,11 @@ body {
   --dsw-static-neutral-bluish-150: rgb(233, 236, 242);
   --dsw-static-neutral-bluish-200: rgb(225, 229, 238);
   --dsw-static-neutral-bluish-300: rgb(207, 211, 214);
+  --dsw-static-neutral-bluish-310: rgb(202, 210, 219);
   --dsw-static-neutral-bluish-400: rgb(173, 178, 184);
   --dsw-static-neutral-bluish-500: rgb(151, 157, 166);
   --dsw-static-neutral-bluish-50: rgb(249, 250, 251);
+  --dsw-static-neutral-bluish-55: rgb(245, 247, 250);
   --dsw-static-neutral-bluish-600: rgb(129, 133, 140);
   --dsw-static-neutral-bluish-60: rgb(245, 246, 247);
   --dsw-static-neutral-bluish-700: rgb(97, 102, 107);
@@ -133,6 +144,7 @@ body {
   --dsw-static-neutral-bluish-850: rgb(44, 44, 46);
   --dsw-static-neutral-bluish-875: rgb(35, 35, 36);
   --dsw-static-neutral-bluish-900: rgb(27, 27, 28);
+  --dsw-static-neutral-bluish-90: rgb(237, 240, 244);
   --dsw-static-neutral-bluish-950: rgb(21, 21, 23);
   --dsw-static-red-100: rgb(254, 226, 226);
   --dsw-static-red-400: rgb(242, 90, 90);
@@ -142,6 +154,8 @@ body {
   --dsw-static-red-600: rgb(236, 19, 19);
   --dsw-static-red-600-a08: rgb(236 19 19 / 8%);
   --dsw-static-red-900: rgb(87, 12, 12);
+  --dsw-static-violet-400: rgb(167, 139, 250);
+  --dsw-static-violet-600: rgb(124, 58, 237);
 }
 
 body[data-ds-dark-theme] {
@@ -202,9 +216,11 @@ body[data-ds-dark-theme] {
   --dsw-static-neutral-bluish-150: rgb(233, 236, 242);
   --dsw-static-neutral-bluish-200: rgb(225, 229, 238);
   --dsw-static-neutral-bluish-300: rgb(207, 211, 214);
+  --dsw-static-neutral-bluish-310: rgb(202, 210, 219);
   --dsw-static-neutral-bluish-400: rgb(173, 178, 184);
   --dsw-static-neutral-bluish-500: rgb(151, 157, 166);
   --dsw-static-neutral-bluish-50: rgb(249, 250, 251);
+  --dsw-static-neutral-bluish-55: rgb(245, 247, 250);
   --dsw-static-neutral-bluish-600: rgb(129, 133, 140);
   --dsw-static-neutral-bluish-60: rgb(249, 250, 251);
   --dsw-static-neutral-bluish-700: rgb(97, 102, 107);
@@ -214,6 +230,7 @@ body[data-ds-dark-theme] {
   --dsw-static-neutral-bluish-850: rgb(44, 44, 46);
   --dsw-static-neutral-bluish-875: rgb(35, 35, 36);
   --dsw-static-neutral-bluish-900: rgb(27, 27, 28);
+  --dsw-static-neutral-bluish-90: rgb(237, 240, 244);
   --dsw-static-neutral-bluish-950: rgb(21, 21, 23);
   --dsw-static-red-100: rgb(254, 226, 226);
   --dsw-static-red-400: rgb(242, 90, 90);
@@ -223,6 +240,8 @@ body[data-ds-dark-theme] {
   --dsw-static-red-600: rgb(236, 19, 19);
   --dsw-static-red-600-a08: rgb(236 19 19 / 8%);
   --dsw-static-red-900: rgb(87, 12, 12);
+  --dsw-static-violet-400: rgb(167, 139, 250);
+  --dsw-static-violet-600: rgb(124, 58, 237);
 }
 
 body {
@@ -268,6 +287,12 @@ body {
   --dsw-alias-button-tool-bar-fill-invisible: rgba(31, 31, 31, 0.36);
   --dsw-alias-button-tool-bar-fill: rgba(84, 85, 87, 0.5);
   --dsw-alias-button-tool-bar-hover: rgba(84, 85, 87, 0.6);
+  --dsw-alias-illustration-background: var(--dsw-static-neutral-bluish-55);
+  --dsw-alias-illustration-backing: var(--dsw-static-neutral-bluish-310);
+  --dsw-alias-illustration-detail: var(--dsw-static-neutral-bluish-310);
+  --dsw-alias-illustration-inset: var(--dsw-alias-illustration-surface);
+  --dsw-alias-illustration-shadow: var(--dsw-alias-illustration-surface);
+  --dsw-alias-illustration-surface: var(--dsw-static-neutral-bluish-90);
   --dsw-alias-interactive-bg-active: rgba(38, 49, 72, 0.1);
   --dsw-alias-interactive-bg-hover-accent: rgba(38, 49, 72, 0.14);
   --dsw-alias-interactive-bg-hover-danger: rgba(236, 19, 19, 0.05);
@@ -313,6 +338,7 @@ body {
   --dsw-alias-file-diff-deleted-bg: rgb(252, 230, 226);
   --dsw-alias-file-diff-deleted-gutter: rgb(253, 236, 233);
   --dsw-alias-file-diff-deleted-marker: rgb(186, 39, 35);
+  --dsw-alias-state-done-primary: var(--dsw-static-violet-600);
   --dsw-alias-state-error-primary: var(--dsw-static-red-600);
   --dsw-alias-state-error-secondary: var(--dsw-static-red-400);
   --dsw-alias-state-idle-primary: var(--dsw-static-neutral-300);
@@ -334,14 +360,13 @@ body {
   --dsw-specific-bubble: var(--dsw-static-deepseek-50);
   --dsw-specific-input-major: var(--dsw-static-neutral-bluish-00);
   --dsw-specific-login-input: var(--dsw-static-neutral-bluish-50);
-  --dsw-menu-surface-fill: rgba(248, 249, 250, 0.58);
+  --dsw-menu-surface-fill: rgba(252, 253, 254, 0.7);
   --dsw-alias-menu-group-header-fill: rgba(248, 249, 250, 0.94);
   --dsw-specific-menu: var(--dsw-menu-surface-fill);
   --dsw-specific-selector: var(--dsw-static-neutral-bluish-60);
   --dsw-specific-sidebar-fill: var(--dsw-static-neutral-bluish-50);
   --dsw-specific-sidebar-nav-item-active-accent: var(--dsw-static-deepseek-100);
   --dsw-specific-sidebar-nav-item-active: var(--dsw-static-neutral-bluish-100);
-  --dsw-specific-sidebar-nav-item-hover: var(--dsw-static-neutral-bluish-75);
   --dsw-specific-tip: var(--dsw-static-neutral-bluish-60);
 
   background-color: var(--dsw-alias-bg-base);
@@ -390,6 +415,12 @@ body[data-ds-dark-theme] {
   --dsw-alias-button-tool-bar-fill-invisible: rgba(31, 31, 31, 0.36);
   --dsw-alias-button-tool-bar-fill: rgba(84, 85, 87, 0.5);
   --dsw-alias-button-tool-bar-hover: rgba(84, 85, 87, 0.6);
+  --dsw-alias-illustration-background: var(--dsw-static-neutral-bluish-850);
+  --dsw-alias-illustration-backing: var(--dsw-static-neutral-bluish-750);
+  --dsw-alias-illustration-detail: var(--dsw-static-neutral-bluish-600);
+  --dsw-alias-illustration-inset: var(--dsw-alias-illustration-backing);
+  --dsw-alias-illustration-shadow: var(--dsw-alias-illustration-backing);
+  --dsw-alias-illustration-surface: var(--dsw-static-neutral-bluish-700);
   --dsw-alias-interactive-bg-active: rgba(255, 255, 255, 0.14);
   --dsw-alias-interactive-bg-hover-accent: rgba(255, 255, 255, 0.24);
   --dsw-alias-interactive-bg-hover-danger: rgba(242, 90, 90, 0.15);
@@ -439,6 +470,7 @@ body[data-ds-dark-theme] {
   --dsw-alias-file-diff-deleted-bg: rgb(60, 31, 27);
   --dsw-alias-file-diff-deleted-gutter: rgb(40, 19, 14);
   --dsw-alias-file-diff-deleted-marker: rgb(250, 66, 62);
+  --dsw-alias-state-done-primary: var(--dsw-static-violet-400);
   --dsw-alias-state-error-primary: var(--dsw-static-red-400);
   --dsw-alias-state-error-secondary: var(--dsw-static-red-400);
   --dsw-alias-state-idle-primary: var(--dsw-static-neutral-600);
@@ -460,14 +492,13 @@ body[data-ds-dark-theme] {
   --dsw-specific-bubble: var(--dsw-static-neutral-bluish-850);
   --dsw-specific-input-major: var(--dsw-static-neutral-bluish-850);
   --dsw-specific-login-input: var(--dsw-static-neutral-bluish-900);
-  --dsw-menu-surface-fill: rgba(67, 69, 74, 0.45);
+  --dsw-menu-surface-fill: rgba(48, 49, 54, 0.64);
   --dsw-alias-menu-group-header-fill: rgba(48, 49, 54, 0.94);
   --dsw-specific-menu: var(--dsw-menu-surface-fill);
   --dsw-specific-selector: var(--dsw-static-neutral-bluish-800);
   --dsw-specific-sidebar-fill: var(--dsw-static-neutral-bluish-900);
   --dsw-specific-sidebar-nav-item-active-accent: var(--dsw-static-neutral-bluish-800);
   --dsw-specific-sidebar-nav-item-active: var(--dsw-static-neutral-bluish-750);
-  --dsw-specific-sidebar-nav-item-hover: var(--dsw-static-neutral-bluish-850);
   --dsw-specific-tip: var(--dsw-static-neutral-bluish-800);
 }
 
@@ -606,8 +637,10 @@ body {
   background-clip: content-box;
 }
 
-::-webkit-scrollbar-thumb:hover {
-  background-color: var(--dsh-scrollbar-thumb-hover);
+@media (hover: hover) {
+  ::-webkit-scrollbar-thumb:hover {
+    background-color: var(--dsh-scrollbar-thumb-hover);
+  }
 }
 
 /* Both scrollbars meeting in a corner: no separate token, so the corner
@@ -666,8 +699,8 @@ body[data-ds-dark-theme] {
 /* Bootstrap and ThemePresenter set the integer content size on body (10–22px,
    default 14px). Headings and body variants share its pixel delta. Secondary
    text uses size − 1 through 14px, then size − 2: 10→9, 14→13, 15→13, 22→20.
-   max(13px, ...) selects the delta, not a font-size floor. Small and code
-   typography keep their fixed sizes. */
+   max(13px, ...) selects the delta, not a font-size floor. Small typography keeps a
+   fixed size; code typography follows the separate code size setting. */
 body {
   --dsh-content-font-delta: calc(var(--dsh-content-font-size, 14px) - 14px);
   --dsh-content-font-size-secondary: min(
@@ -675,6 +708,10 @@ body {
     max(13px, calc(var(--dsh-content-font-size, 14px) - 2px))
   );
   --dsh-content-font-delta-secondary: calc(var(--dsh-content-font-size-secondary) - 13px);
+  /* Code size setting (--dsh-code-font-size, integer px 10–16, default 11)
+     is the code-block size; inline code and the small tool variant move by
+     the same increment. */
+  --dsh-code-font-delta: calc(var(--dsh-code-font-size, 11px) - 11px);
 
   --dsw-font-markdown-h1: 700 calc(21px + var(--dsh-content-font-delta)) / calc(30px + var(--dsh-content-font-delta))
     var(--dsw-font-family);
@@ -787,26 +824,29 @@ body {
   --dsw-font-markdown-small-strong-italic-font-size: 12px;
   --dsw-font-markdown-small-strong-italic-font-style: italic;
 
-  --dsw-font-markdown-code: 12px/19px var(--ds-font-family-code);
+  --dsw-font-markdown-code: calc(12px + var(--dsh-code-font-delta)) / calc(19px + var(--dsh-code-font-delta))
+    var(--ds-font-family-code);
   --dsw-font-markdown-code-font-family: var(--ds-font-family-code);
   --dsw-font-markdown-code-font-weight: 400;
-  --dsw-font-markdown-code-line-height: 19px;
-  --dsw-font-markdown-code-font-size: 12px;
+  --dsw-font-markdown-code-line-height: calc(19px + var(--dsh-code-font-delta));
+  --dsw-font-markdown-code-font-size: calc(12px + var(--dsh-code-font-delta));
   --dsw-font-markdown-code-font-style: normal;
 
-  --dsw-font-markdown-code-block: 11px/19px var(--ds-font-family-code);
+  --dsw-font-markdown-code-block: var(--dsh-code-font-size, 11px) / calc(19px + var(--dsh-code-font-delta))
+    var(--ds-font-family-code);
   --dsw-font-markdown-code-block-font-family: var(--ds-font-family-code);
   --dsw-font-markdown-code-block-font-weight: 400;
-  --dsw-font-markdown-code-block-line-height: 19px;
-  --dsw-font-markdown-code-block-font-size: 11px;
+  --dsw-font-markdown-code-block-line-height: calc(19px + var(--dsh-code-font-delta));
+  --dsw-font-markdown-code-block-font-size: var(--dsh-code-font-size, 11px);
   --dsw-font-markdown-code-block-font-style: normal;
 
   /* 手工补充（非插件导出）：tool row 展开卡片内的小号 code 字体。 */
-  --dsw-font-markdown-code-block-small: 11px/16px var(--ds-font-family-code);
+  --dsw-font-markdown-code-block-small: var(--dsh-code-font-size, 11px) / calc(16px + var(--dsh-code-font-delta))
+    var(--ds-font-family-code);
   --dsw-font-markdown-code-block-small-font-family: var(--ds-font-family-code);
   --dsw-font-markdown-code-block-small-font-weight: 400;
-  --dsw-font-markdown-code-block-small-line-height: 16px;
-  --dsw-font-markdown-code-block-small-font-size: 11px;
+  --dsw-font-markdown-code-block-small-line-height: calc(16px + var(--dsh-code-font-delta));
+  --dsw-font-markdown-code-block-small-font-size: var(--dsh-code-font-size, 11px);
   --dsw-font-markdown-code-block-small-font-style: normal;
 
   --dsw-font-xl-24: 600 24px/32px var(--dsw-font-family);

package/dist/types/AnimatedRows.d.ts

@@ -0,0 +1,45 @@
+/** React-commit-driven movement and entry/exit fades for keyed rows. */
+import { Component, type AriaRole, type ReactNode } from 'react';
+/** Keyed row content, list semantics, and animation readiness. */
+export interface AnimatedRowsProps {
+    children: ReactNode;
+    className: string;
+    role?: AriaRole;
+    label?: string;
+    /** Unique DOM-order keys matching the rendered data-row-key attributes. */
+    rowKeys: readonly string[];
+    ready: boolean;
+    /** Changes that replace the view or reveal hidden rows settle immediately. */
+    resetKey: string;
+}
+interface RowPosition {
+    element: HTMLElement;
+    rect: DOMRect;
+    opacity: number;
+}
+interface RowSnapshot {
+    positions: Map<string, RowPosition>;
+    removed: Map<string, RowPosition>;
+}
+/**
+ * Animates keyed rows only when their rendered membership or order changes.
+ * Motion starts after the first pointer or keyboard input inside the mounted list.
+ * The parent supplies a positioned container for the inert exit overlay.
+ */
+export declare class AnimatedRows extends Component<AnimatedRowsProps> {
+    private armed;
+    private readonly list;
+    private readonly overlay;
+    private readonly movements;
+    private readonly exits;
+    getSnapshotBeforeUpdate(previous: AnimatedRowsProps): RowSnapshot | null;
+    componentDidUpdate(previous: AnimatedRowsProps, _state: unknown, snapshot: RowSnapshot | null): void;
+    componentWillUnmount(): void;
+    private readPositions;
+    private move;
+    private cancelMovements;
+    private removeExit;
+    private clear;
+    render(): ReactNode;
+}
+export {};

package/dist/types/Button.d.ts

@@ -3,7 +3,7 @@ import { type ButtonHTMLAttributes, type ReactNode } from 'react';
 export type ButtonVariant = 'primary' | 'ghost' | 'outline' | 'toolbar';
 /**
  * Render a button.
- * @param props.variant - visual family (default 'ghost').
+ * @param props.variant - visual family (default 'ghost'); outlined buttons use a DPR-aware inset stroke.
  * @param props.size - 'md' 36px control with 12px corners or 'sm' 28px control with 8px corners.
  * @param props.icon - optional leading 16px icon node.
  * @param ref - native button for focus management and overlay anchors.

package/dist/types/CommandText.d.ts

@@ -0,0 +1,15 @@
+/** Display text and owner-localized identification for a command scrollport. */
+export interface CommandTextProps {
+    /** Original command or formatted command arguments, without truncation. */
+    text: string;
+    /** Accessible name while the text can scroll horizontally. */
+    label: string;
+    /** Owner typography and positioning. */
+    className?: string | undefined;
+}
+/**
+ * Render command text without adding Tab stops for content that fits.
+ * @param props - Text, localized scrollport name, and owner styling.
+ * @returns A horizontal text scrollport, named and keyboard-focusable only when overflowing.
+ */
+export declare function CommandText({ text, label, className }: CommandTextProps): import("react").JSX.Element;