@deepseek-ai/dsh-client-ui-primitives 0.2.0-rc.2 → 0.2.1-alpha.2

package/lib/types/CommandText.d.ts

@@ -0,0 +1,16 @@
+/** 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;
+//# sourceMappingURL=CommandText.d.ts.map

package/lib/types/DisclosureRow.d.ts

@@ -8,13 +8,15 @@ export interface DisclosureRowProps {
     onToggle: () => void;
     /** Animate the complete header while its owning operation is running. */
     running?: boolean | undefined;
-    /** Makes the complete title row the disclosure target. */
+    /** Makes the title row the disclosure target; with an accessory, it shrinks to its content width. */
     expandOnRowClick?: boolean | undefined;
     /** Replaces the collapsed icon with a chevron while the row is hovered. */
     previewChevron?: boolean | undefined;
     /** Keeps `collapsedContent` inline while open. */
     keepContentWhenOpen?: boolean | undefined;
     collapsedContent?: ReactNode;
+    /** Independent action beside the title, outside the disclosure target and shimmer. */
+    headerAccessory?: ReactNode;
     children?: ReactNode;
     className?: string | undefined;
     rowClassName?: string | undefined;
@@ -32,5 +34,5 @@ export interface DisclosureRowProps {
  * @param props - Visual content, controlled state, and interaction policy.
  * @returns the disclosure row.
  */
-export declare const DisclosureRow: import("react").MemoExoticComponent<({ icon, title, open, expandable, onToggle, running, expandOnRowClick, previewChevron, keepContentWhenOpen, collapsedContent, children, className, rowClassName, contentClassName, contentLayoutClassName, leadingClassName, chevronClassName, titleClassName, }: DisclosureRowProps) => import("react").JSX.Element>;
+export declare const DisclosureRow: import("react").MemoExoticComponent<({ icon, title, open, expandable, onToggle, running, expandOnRowClick, previewChevron, keepContentWhenOpen, collapsedContent, headerAccessory, children, className, rowClassName, contentClassName, contentLayoutClassName, leadingClassName, chevronClassName, titleClassName, }: DisclosureRowProps) => import("react").JSX.Element>;
 //# sourceMappingURL=DisclosureRow.d.ts.map

package/lib/types/InlineEditor.d.ts

@@ -0,0 +1,23 @@
+/** Multi-line inline editor for short saved-on-Enter drafts such as queued messages and goals. */
+/**
+ * Render an autofocused textarea that grows with its text up to six lines, then scrolls.
+ * A textarea rather than an input: HTML strips newlines from single-line input values.
+ * Enter saves, Shift+Enter breaks the line, Enter during IME composition does nothing,
+ * and Escape cancels.
+ * @param props.value - current draft text.
+ * @param props.label - localized accessible name.
+ * @param props.onChange - receives the edited text.
+ * @param props.onSave - called for a plain Enter.
+ * @param props.onCancel - called for Escape.
+ * @param props.className - extra class for the editor's placement.
+ * @returns the textarea.
+ */
+export declare function InlineEditor({ value, label, onChange, onSave, onCancel, className }: {
+    value: string;
+    label: string;
+    onChange: (value: string) => void;
+    onSave: () => void;
+    onCancel: () => void;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=InlineEditor.d.ts.map

package/lib/types/TerminalBlock.d.ts

@@ -5,6 +5,8 @@ export declare const DEFAULT_TERMINAL_MAX_LINES = 16;
  * (this package is cordis-free, so copy arrives via props).
  */
 export interface TerminalBlockLabels {
+    /** Accessible name for an overflowing authored command line, numbered from one. */
+    commandLine: (line: number) => string;
     /** Status pill text for a signal-terminated command. */
     signal: (signal: string) => string;
     /** Status pill text for a non-zero exit code. */
@@ -33,7 +35,7 @@ export interface TerminalBlockLabels {
     expand: (hidden: number) => string;
 }
 export interface TerminalBlockProps {
-    /** The command line, rendered verbatim after the prompt label. */
+    /** The command, rendered verbatim after the prompt label; long lines scroll horizontally unless the host enables wrapping. */
     command: string;
     /** Working directory for the prompt label; absent renders a plain `$`. */
     cwd?: string | undefined;

package/lib/types/index.d.ts

@@ -21,6 +21,7 @@ export { SegmentedControl } from './SegmentedControl.tsx';
 export type { SegmentedControlOption } from './SegmentedControl.tsx';
 export { Checkbox } from './Checkbox.tsx';
 export { Input } from './Input.tsx';
+export { InlineEditor } from './InlineEditor.tsx';
 export { Menu, MenuItemButton } from './Menu.tsx';
 export { MenuSurface } from './MenuSurface.tsx';
 export type { MenuSurfaceProps } from './MenuSurface.tsx';
@@ -72,6 +73,8 @@ export type { RelativeTime, RelativeTimeUnit } from './relative-time.ts';
 export { JsonTree } from './JsonTree.tsx';
 export type { JsonTreeProps, JsonTreeLabels } from './JsonTree.tsx';
 export { TerminalBlock, DEFAULT_TERMINAL_MAX_LINES } from './TerminalBlock.tsx';
+export { CommandText } from './CommandText.tsx';
+export type { CommandTextProps } from './CommandText.tsx';
 export type { TerminalBlockProps, TerminalBlockLabels } from './TerminalBlock.tsx';
 export { ReadBlock, DEFAULT_READ_MAX_LINES } from './ReadBlock.tsx';
 export type { ReadBlockProps, ReadBlockLine, ReadBlockLabels } from './ReadBlock.tsx';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@deepseek-ai/dsh-client-ui-primitives",
   "description": "Pure React atoms for the dsh web UI: controls, icons, markdown, and JSON inspectors (zero cordis)",
-  "version": "0.2.0-rc.2",
+  "version": "0.2.1-alpha.2",
   "publishConfig": {
     "access": "public"
   },
@@ -23,21 +23,25 @@
   },
   "license": "MIT",
   "devDependencies": {
+    "@deepseek-ai/dsh-client-store": "0.2.1-alpha.2",
     "@types/react": "~18.3.1",
     "@types/react-dom": "~18.3.0",
+    "@deepseek-ai/cordis": "~4.0.5-alpha.1",
+    "@deepseek-ai/dsh-util-code-language": "0.2.1-alpha.2",
     "react": "^18.2.0",
     "clsx": "^2.0.0",
     "diff": "^9.0.0",
     "react-dom": "^18.2.0",
     "anser": "^2.3.5",
-    "katex": "^0.16.47",
+    "katex": "^0.18.7",
     "micromark-core-commonmark": "^2.0.3",
     "micromark-util-character": "^2.1.1",
     "micromark-util-classify-character": "^2.0.1",
     "micromark-util-symbol": "^2.0.1",
     "micromark-util-types": "^2.0.2",
-    "shiki": "^4.3.1",
-    "@shikijs/langs": "^4.3.1",
+    "shiki": "^4.4.3",
+    "@deepseek-ai/dsh-util-workspace-path": "0.2.1-alpha.2",
+    "@shikijs/langs": "^4.4.3",
     "@types/mdast": "^4.0.4",
     "micromark-factory-space": "^2.0.1",
     "micromark-extension-math": "^3.1.0",
@@ -46,11 +50,7 @@
     "mdast-util-math": "^3.0.0",
     "micromark-extension-gfm": "^3.0.0",
     "micromark-util-sanitize-uri": "^2.0.1",
-    "simple-icons": "16.31.0",
-    "@deepseek-ai/dsh-client-store": "0.2.0-rc.2",
-    "@deepseek-ai/cordis": "~4.0.4",
-    "@deepseek-ai/dsh-util-code-language": "0.2.0-rc.2",
-    "@deepseek-ai/dsh-util-workspace-path": "0.2.0-rc.2"
+    "simple-icons": "16.31.0"
   },
   "files": [
     "lib/index.js",
@@ -58,6 +58,6 @@
     "lib/types/**/*.d.ts"
   ],
   "peerDependencies": {
-    "@deepseek-ai/cordis": "~4.0.4"
+    "@deepseek-ai/cordis": "~4.0.5-alpha.1"
   }
 }