@pstdio/ui 0.17.0 → 0.19.0

package/dist/components/chat-ui/components/chat-message-list-items.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { SessionMessage } from './message-types';
+interface ChatMessageListResponseProps {
+    message: SessionMessage;
+    streaming: boolean;
+    hideQuestionForms?: boolean;
+    animate?: boolean;
+    showAssistantActions: boolean;
+}
+export declare const ChatMessageListResponse: (props: ChatMessageListResponseProps) => import("react/jsx-runtime").JSX.Element;
+interface StickyMessageToggleProps {
+    label: string;
+    onClick: () => void;
+    actionPanel?: ReactNode;
+}
+export declare const StickyMessageToggle: (props: StickyMessageToggleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/chat-ui/components/message-types.d.ts

@@ -109,6 +109,7 @@ export interface MessageGroup {
     userMessage: SessionMessage;
     responses: SessionMessage[];
 }
+export declare const getAssistantMessageActionTargetId: (messages: SessionMessage[]) => string | null;
 export declare const groupMessagesByTurn: (messages: SessionMessage[]) => {
     groups: MessageGroup[];
     leadingResponses: SessionMessage[];

package/dist/components/chat-ui/components/timeline.d.ts

@@ -27,6 +27,8 @@ export type TitleSegment = {
     text: string;
     bold?: boolean;
     muted?: boolean;
+    truncate?: boolean;
+    monospace?: boolean;
 } | {
     kind: "avatar";
     src: string;

package/dist/components/chat-ui/tool-rendering/default-renderers.d.ts

@@ -6,6 +6,7 @@ export declare const createDefaultToolRenderers: () => {
     grep: import('./types').ToolRenderer;
     question: import('./types').ToolRenderer;
     read: import('./types').ToolRenderer;
+    shell: import('./types').ToolRenderer;
     skill: import('./types').ToolRenderer;
     todo_write: import('./types').ToolRenderer;
     todowrite: import('./types').ToolRenderer;

package/dist/components/chat-ui/tool-rendering/shared.d.ts

@@ -17,13 +17,14 @@ export declare const buildIndicator: (invocation: ToolPart) => {
     readonly type: "icon";
     readonly icon: "search" | "dot" | "danger" | "file" | "terminal" | "shell" | "ls" | "read_file" | "write_file" | "delete_file" | "patch" | "upload_files" | "download_file" | "move_file" | "browser" | "question" | "todo";
 };
-export declare const buildBaseTitle: (invocation: ToolPart, detail?: string, labelOverride?: string) => TitleSegment[];
+export declare const buildBaseTitle: (invocation: ToolPart, detail?: string, labelOverride?: string, detailStyle?: "monospace") => TitleSegment[];
 export declare const getInputObject: (invocation: ToolPart) => Record<string, unknown> | null;
 export declare const getOutputObject: (invocation: ToolPart) => Record<string, unknown> | null;
 export declare const getStringValue: (value: unknown) => string | null;
 export declare const getObjectValue: (value: unknown) => Record<string, unknown> | null;
 export declare const getStateObject: (invocation: ToolPart, key: string) => Record<string, unknown> | null;
 export declare const getApplyPatchMetadataFiles: (invocation: ToolPart) => ApplyPatchMetadataFile[];
+export declare const getApplyPatchInputFilePaths: (invocation: ToolPart) => string[];
 export declare const getApplyPatchDiffText: (invocation: ToolPart) => string | null;
 export declare const buildApplyPatchMetadataTitleSegments: (files: ApplyPatchMetadataFile[]) => TitleSegment[];
 export declare const getApplyPatchMetadataReferences: (files: ApplyPatchMetadataFile[]) => string[];
@@ -33,7 +34,7 @@ export declare const parseSkillContentBlock: (value: string) => {
     content: string;
 } | null;
 export declare const getSkillName: (invocation: ToolPart) => string | undefined;
-export declare const buildFileLinkSegment: (filePath: string) => TitleSegment;
+export declare const buildFileLinkSegment: (filePath: string, variant?: "default" | "bubble") => TitleSegment;
 export declare const prependErrorBlock: (invocation: ToolPart, blocks: Block[]) => Block[];
 export declare const getDiffBlocks: (diffText?: string | null) => {
     type: "diff";

package/dist/components/chat-ui/tool-rendering/standard-renderers.d.ts

@@ -1,6 +1,7 @@
 import { ToolRenderer } from './types';
 export declare const renderRead: ToolRenderer;
 export declare const renderBash: ToolRenderer;
+export declare const renderShell: ToolRenderer;
 export declare const renderGrep: ToolRenderer;
 export declare const renderGlob: ToolRenderer;
 export declare const renderSkill: ToolRenderer;

package/dist/components/data-table/data-table-column-menu.d.ts

@@ -5,8 +5,11 @@ interface DataTableColumnMenuColumn {
 interface DataTableColumnMenuProps {
     columns: DataTableColumnMenuColumn[];
     visibleColumnIds: Set<string>;
-    onColumnToggle: (columnId: string) => void;
+    showStats: boolean;
+    statsAvailable: boolean;
+    onColumnVisibilityChange: (columnId: string, visible: boolean) => void;
     onColumnReorder: (activeColumnId: string, overColumnId: string) => void;
+    onStatsVisibilityChange: (showStats: boolean) => void;
 }
 export declare const DataTableColumnMenu: (props: DataTableColumnMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/data-table/data-table-header.d.ts

@@ -1,18 +1,10 @@
 import { ReactNode } from 'react';
 import { AttributeDescriptor, KanbanRendererRow } from '../kanban-renderer/types';
-import { DataTableSelectionAction, RowData } from './types';
 interface DataTableHeaderProps {
     rows: KanbanRendererRow[];
     attributes: AttributeDescriptor[];
     storageKey: string;
-    selectedCount: number;
-    totalCount: number;
-    visibleCount: number;
-    actions: DataTableSelectionAction[];
-    selectedRows: RowData[];
     columnControl: ReactNode;
-    onClearSelection: () => void;
-    onSelectAll: () => void;
 }
 export declare const DataTableHeader: (props: DataTableHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/data-table/data-table-skeleton.d.ts

@@ -0,0 +1,13 @@
+export interface DataTableSkeletonColumn {
+    id: string;
+    label: string;
+}
+interface DataTableSkeletonProps {
+    /** Real column headers when the caller already knows them. */
+    columns?: DataTableSkeletonColumn[];
+    /** Placeholder column count when the headers are still unknown. */
+    columnCount?: number;
+    rowCount?: number;
+}
+export declare const DataTableSkeleton: (props: DataTableSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-table/editable-cells-story.d.ts

@@ -0,0 +1,9 @@
+import { DataTableProps } from '.';
+interface EditableCellsStoryProps {
+    args: DataTableProps;
+    height?: string;
+    marginX?: string;
+    maxWidth?: string;
+}
+export declare const EditableCellsStory: (props: EditableCellsStoryProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-table/index.d.ts

@@ -1,4 +1,6 @@
 export { DataTable } from './data-table';
+export type { DataTableSkeletonColumn } from './data-table-skeleton';
+export { DataTableSkeleton } from './data-table-skeleton';
 export type { FriendlyJsonDisplayProps } from './friendly-json-display';
 export { FriendlyJsonDisplay } from './friendly-json-display';
 export { formatDisplayValue, getIcon } from './helpers';

package/dist/components/diff-viewer/code-editor.d.ts

@@ -1,3 +1,5 @@
+export declare const createCodeEditorPreloader: (initialize: () => Promise<unknown>) => () => Promise<unknown>;
+export declare const preloadCodeEditor: () => Promise<unknown>;
 export declare const customTheme: {
     base: "vs-dark";
     inherit: true;

package/dist/components/diff-viewer/index.d.ts

@@ -1,4 +1,4 @@
-export { CodeDiffEditor, CodeEditor } from './code-editor';
+export { CodeDiffEditor, CodeEditor, preloadCodeEditor } from './code-editor';
 export { DiffBubble } from './diff-bubble';
 export type { Diff } from './diff-card';
 export { DiffDrawer } from './diff-drawer';

package/dist/components/diff-viewer/monaco-browser.d.ts

@@ -0,0 +1 @@
+export declare const initializeMonaco: () => Promise<undefined>;

package/dist/components/overlays/dialog-accept-shortcut.d.ts

@@ -0,0 +1,12 @@
+interface DialogAcceptShortcutEvent {
+    key: string;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    shiftKey: boolean;
+    altKey: boolean;
+    defaultPrevented: boolean;
+    preventDefault: () => void;
+    stopPropagation: () => void;
+}
+export declare const handleDialogAcceptShortcut: (event: DialogAcceptShortcutEvent, accept: () => void, enabled?: boolean) => void;
+export {};

package/dist/components/overlays/index.d.ts

@@ -6,6 +6,7 @@ export { AttachmentChip } from './attachment-chip';
 export { BubbleButton } from './bubble-button';
 export { BubblePanel } from './bubble-panel';
 export { DeleteConfirmationModal } from './delete-confirmation-modal';
+export { handleDialogAcceptShortcut } from './dialog-accept-shortcut';
 export type { RepoPickerDialogEntry, RepoPickerDialogProps } from './repo-picker-dialog';
 export { RepoPickerDialog } from './repo-picker-dialog';
 export type { ResourceActionMenuProps, ResourceContextAction } from './resource-context-menu';

package/dist/components/overlays/searchable-menu-input.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+interface SearchableMenuInputProps {
+    inputRef?: Ref<HTMLInputElement>;
+    value: string;
+    placeholder: string;
+    onValueChange: (value: string) => void;
+}
+export declare const SearchableMenuInput: (props: SearchableMenuInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor/index.d.ts

@@ -1,10 +1,12 @@
 export { ActionInput } from './inputs/action-input';
 export { ANCHOR_GRID_VALUES, isAnchorGridValue } from './inputs/anchor-grid';
 export { AnchorGridInput } from './inputs/anchor-grid-input';
+export { BooleanInput } from './inputs/boolean-input';
 export { ColorInput } from './inputs/color-input';
 export { DateInput } from './inputs/date-input';
-export { FileDropInput } from './inputs/file-drop-input';
+export { FileUploadInput } from './inputs/file-upload-input';
 export { HorizontalTextInput } from './inputs/horizontal-text-input';
+export { MarkdownInput } from './inputs/markdown-input';
 export { NumberInput } from './inputs/number-input';
 export { RangeInput } from './inputs/range-input';
 export { ResourceInput } from './inputs/resource-input';
@@ -14,13 +16,16 @@ export { TextInput } from './inputs/text-input';
 export { VectorInput } from './inputs/vector-input';
 export type { ParamEditorProps } from './param-editor';
 export { ParamEditor } from './param-editor';
-export type { ActionOption, ActionsParam, AnchorGridParam, AnchorGridValue, BaseParam, ColorParam, DateParam, FileDropParam, FileDropValue, InputGroup, NumberParam, Param, ParamEditorReadOnlyContent, ParamEditorReadOnlyImage, ParamValue, ParamValueMap, PropertyParam, RangeParam, RangeValue, ReadOnlyParam, ResourceOption, ResourceParam, ResourceRefValue, SegmentedOption, SegmentedParam, SelectionParam, TextParam, VectorParam, VectorValue, } from './param-editor.types';
+export type { ActionOption, ActionsParam, AnchorGridParam, AnchorGridValue, BaseParam, BooleanParam, ColorParam, DateParam, FileUploadParam, FileUploadStatus, FileUploadValue, InputGroup, MarkdownParam, NumberParam, Param, ParamEditorReadOnlyContent, ParamEditorReadOnlyImage, ParamValue, ParamValueMap, PropertyParam, RangeParam, RangeValue, ReadOnlyParam, ResourceOption, ResourceParam, ResourceRefValue, SegmentedOption, SegmentedParam, SelectionGroup, SelectionOption, SelectionParam, TextParam, VectorParam, VectorValue, } from './param-editor.types';
 export { ParamEditorControlItem } from './param-editor-control-item';
 export { ParamEditorControlList } from './param-editor-control-list';
 export { ParamEditorField } from './param-editor-field';
 export { ParamEditorFieldLabel } from './param-editor-field-label';
 export { ParamEditorInlineGroup } from './param-editor-inline-group';
 export { ParamEditorLabel } from './param-editor-label';
+export { isParamEditorRichControl } from './param-editor-presentation';
 export { ParamEditorReadOnlyField } from './param-editor-read-only-field';
 export { ParamEditorReadOnlyValue } from './param-editor-read-only-value';
+export type { ParamEditorRowProps } from './param-editor-row';
+export { ParamEditorRow } from './param-editor-row';
 export { ParamEditorSection } from './param-editor-section';

package/dist/components/param-editor/inputs/action-input.d.ts

@@ -8,6 +8,7 @@ interface ActionInputProps {
     onChange: (id: string, value: string) => void;
     readOnly?: boolean;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
 }
 export declare const ActionInput: (props: ActionInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/boolean-input.d.ts

@@ -0,0 +1,13 @@
+interface BooleanInputProps {
+    id: string;
+    name: string;
+    description?: string;
+    defaultValue: boolean;
+    onChange: (id: string, value: boolean) => void;
+    readOnly?: boolean;
+    hideLabel?: boolean;
+    fullWidth?: boolean;
+    size?: "xs" | "sm";
+}
+export declare const BooleanInput: (props: BooleanInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor/inputs/color-input.d.ts

@@ -8,6 +8,7 @@ interface ColorInputProps {
     hideLabel?: boolean;
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
     fullWidth?: boolean;
+    size?: "xs" | "sm";
 }
 export declare const ColorInput: (props: ColorInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/date-input.d.ts

@@ -10,6 +10,7 @@ interface DateInputProps {
     hideLabel?: boolean;
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
     fullWidth?: boolean;
+    size?: "xs" | "sm";
 }
 export declare const DateInput: (props: DateInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/file-upload-input.d.ts

@@ -0,0 +1,15 @@
+import { FileUploadValue } from '../param-editor.types';
+interface FileUploadInputProps {
+    id: string;
+    name: string;
+    description?: string;
+    defaultValue: FileUploadValue[];
+    accept?: string;
+    multiple?: boolean;
+    uploadLabel?: string;
+    onChange: (id: string, value: FileUploadValue[]) => void;
+    readOnly?: boolean;
+    presentation?: "stacked" | "horizontal";
+}
+export declare const FileUploadInput: (props: FileUploadInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor/inputs/file-upload-value.d.ts

@@ -0,0 +1,7 @@
+import { FileUploadValue } from '../param-editor.types';
+export type FileUploadSummaryState = "empty" | "queued" | "uploading" | "complete" | "error";
+export declare const createFileUploadValues: (files: File[], existing: FileUploadValue[], multiple: boolean) => FileUploadValue[];
+export declare const getFileUploadSummary: (values: FileUploadValue[]) => {
+    state: FileUploadSummaryState;
+    count: number;
+};

package/dist/components/param-editor/inputs/horizontal-text-input.d.ts

@@ -7,6 +7,7 @@ interface HorizontalTextInputProps {
     readOnly?: boolean;
     hideLabel?: boolean;
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
+    size?: "xs" | "sm";
 }
 export declare const HorizontalTextInput: (props: HorizontalTextInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/markdown-input.d.ts

@@ -0,0 +1,13 @@
+interface MarkdownInputProps {
+    id: string;
+    name: string;
+    description?: string;
+    defaultValue: string;
+    placeholder?: string;
+    onChange: (id: string, value: string) => void;
+    readOnly?: boolean;
+    presentation?: "stacked" | "horizontal";
+    size?: "xs" | "sm";
+}
+export declare const MarkdownInput: (props: MarkdownInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor/inputs/number-input.d.ts

@@ -12,6 +12,7 @@ interface NumberInputProps {
     hideSlider?: boolean;
     tooltipPlacement?: "top" | "right" | "bottom" | "left";
     fullWidth?: boolean;
+    size?: "xs" | "sm";
 }
 export declare const NumberInput: (props: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/range-input.d.ts

@@ -12,6 +12,7 @@ interface RangeInputProps {
     onChange: (id: string, value: RangeValue) => void;
     readOnly?: boolean;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
 }
 export declare const RangeInput: (props: RangeInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/resource-input.d.ts

@@ -13,6 +13,8 @@ interface ResourceInputProps {
     placeholder?: string;
     emptyText?: string;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
+    size?: "xs" | "sm";
 }
 export declare const ResourceInput: (props: ResourceInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/segmented-input.d.ts

@@ -9,6 +9,7 @@ interface SegmentedInputProps {
     onChange: (id: string, value: string) => void;
     readOnly?: boolean;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
 }
 export declare const SegmentedInput: (props: SegmentedInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/selection-input.d.ts

@@ -1,3 +1,4 @@
+import { SelectionGroup } from '../param-editor.types';
 import { SelectionMenuOption } from './selection-menu';
 interface SelectionInputProps {
     id: string;
@@ -16,6 +17,11 @@ interface SelectionInputProps {
     clearable?: boolean;
     /** Inert, but still rendered as a control. */
     disabled?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    group?: SelectionGroup;
+    size?: "xs" | "sm";
 }
 export declare const SelectionInput: (props: SelectionInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/inputs/selection-menu.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { SelectionGroup } from '../param-editor.types';
 export interface SelectionMenuOption {
     id: string;
     name: string;
@@ -6,6 +7,7 @@ export interface SelectionMenuOption {
     /** Palette key (e.g. "blue") applied to the option's icon. */
     color?: string;
     description?: string;
+    disabled?: boolean;
 }
 export interface SelectionMenuProps {
     triggerLabel: ReactNode;
@@ -13,8 +15,16 @@ export interface SelectionMenuProps {
     selectedIds: string[];
     multiSelect: boolean;
     disabled?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    group?: SelectionGroup;
     fullWidth?: boolean;
+    triggerVariant?: "button" | "icon";
+    triggerAriaLabel?: string;
+    size?: "xs" | "sm";
     onToggle: (optionId: string) => void;
+    onGroupChange?: (optionId: string) => void;
 }
 export declare const selectionIndicator: (multiSelect: boolean, selected: boolean) => import("react/jsx-runtime").JSX.Element | null;
 export declare const selectionOptionIcon: (option: SelectionMenuOption | undefined, boxSize: string) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/param-editor/inputs/text-input.d.ts

@@ -8,6 +8,7 @@ interface TextInputProps {
     singleLine?: boolean;
     hideLabel?: boolean;
     fullWidth?: boolean;
+    size?: "xs" | "sm";
 }
 export declare const TextInput: (props: TextInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/param-editor-advanced-field.d.ts

@@ -0,0 +1,14 @@
+import { Param, ParamValue, ParamValueMap } from './param-editor.types';
+type AdvancedParam = Extract<Param, {
+    type: "range" | "segmented" | "actions" | "anchorGrid" | "vector" | "fileUpload";
+}>;
+interface ParamEditorAdvancedFieldProps {
+    param: AdvancedParam;
+    defaultValues: ParamValueMap;
+    onChange: (id: string, value: ParamValue) => void;
+    readOnly?: boolean;
+    fullWidth?: boolean;
+    presentation: "stacked" | "horizontal";
+}
+export declare const ParamEditorAdvancedField: (props: ParamEditorAdvancedFieldProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/param-editor/param-editor-control-fixtures.d.ts

@@ -0,0 +1,24 @@
+import { Param, ParamValueMap } from './param-editor.types';
+export interface ParamEditorInputFixture {
+    param: Param;
+    defaultValues: ParamValueMap;
+}
+export declare const paramEditorInputFixtures: {
+    boolean: ParamEditorInputFixture;
+    number: ParamEditorInputFixture;
+    text: ParamEditorInputFixture;
+    markdown: ParamEditorInputFixture;
+    selection: ParamEditorInputFixture;
+    date: ParamEditorInputFixture;
+    color: ParamEditorInputFixture;
+    property: ParamEditorInputFixture;
+    readOnly: ParamEditorInputFixture;
+    resource: ParamEditorInputFixture;
+    reference: ParamEditorInputFixture;
+    range: ParamEditorInputFixture;
+    segmented: ParamEditorInputFixture;
+    actions: ParamEditorInputFixture;
+    anchorGrid: ParamEditorInputFixture;
+    vector: ParamEditorInputFixture;
+    fileUpload: ParamEditorInputFixture;
+};

package/dist/components/param-editor/param-editor-field.d.ts

@@ -6,6 +6,8 @@ interface ParamEditorFieldProps {
     onOpenResource?: (ref: ResourceRefValue) => void;
     readOnly?: boolean;
     fullWidth?: boolean;
+    presentation?: "stacked" | "horizontal";
+    size?: "xs" | "sm";
 }
 export declare const ParamEditorField: (props: ParamEditorFieldProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/param-editor/param-editor-horizontal.d.ts

@@ -1,11 +1,11 @@
-import { InputGroup, Param, ParamValue, ParamValueMap } from './param-editor.types';
+import { InputGroup, Param, ParamValue, ParamValueMap, ResourceRefValue } from './param-editor.types';
 export interface ParamEditorHorizontalProps {
     params?: Param[];
     groups?: InputGroup[];
     defaultValues: ParamValueMap;
     onChange: (id: string, value: ParamValue) => void;
+    onOpenResource?: (ref: ResourceRefValue) => void;
     readOnly?: boolean;
-    fullWidth?: boolean;
     variant?: "default" | "small";
 }
 export declare const ParamEditorHorizontal: (props: ParamEditorHorizontalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/param-editor/param-editor-label.d.ts

@@ -1,6 +1,7 @@
 interface ParamEditorLabelProps {
     name: string;
     description?: string;
+    compact?: boolean;
 }
 export declare const ParamEditorLabel: (props: ParamEditorLabelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/param-editor/param-editor-presentation.d.ts

@@ -0,0 +1,3 @@
+import { Param } from './param-editor.types';
+export declare const isParamEditorRichControl: (param: Param) => param is import('./param-editor.types').FileUploadParam;
+export declare const isParamEditorHorizontalControl: (param: Param) => param is import('./param-editor.types').NumberParam | import('./param-editor.types').BooleanParam | import('./param-editor.types').TextParam | import('./param-editor.types').MarkdownParam | import('./param-editor.types').SelectionParam | import('./param-editor.types').DateParam | import('./param-editor.types').ColorParam | import('./param-editor.types').PropertyParam | import('./param-editor.types').ReadOnlyParam | import('./param-editor.types').ResourceParam | import('./param-editor.types').RangeParam | import('./param-editor.types').SegmentedParam | import('./param-editor.types').ActionsParam | import('./param-editor.types').VectorParam | import('./param-editor.types').FileUploadParam;

package/dist/components/param-editor/param-editor-row.d.ts

@@ -0,0 +1,17 @@
+import { Param, ParamValue, ParamValueMap, ResourceRefValue } from './param-editor.types';
+export interface ParamEditorRowProps {
+    param: Param;
+    values?: ParamValueMap;
+    onChange?: (id: string, value: ParamValue) => void;
+    onOpenResource?: (ref: ResourceRefValue) => void;
+    readOnly?: boolean;
+    fullWidth?: boolean;
+    variant?: "default" | "small";
+}
+/**
+ * The padded field row every param surface is built from. Surfaces that compose
+ * their own list of fields — a command dialog mixing built-in and host-supplied
+ * controls — stack these instead of nesting one editor per field, so the whole
+ * form keeps a single rhythm.
+ */
+export declare const ParamEditorRow: (props: ParamEditorRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/param-editor/param-editor.types.d.ts

@@ -13,17 +13,40 @@ export interface NumberParam extends BaseParam {
     max?: number;
     step?: number;
 }
+export interface BooleanParam extends BaseParam {
+    type: "boolean";
+    defaultValue: boolean;
+}
 export interface TextParam extends BaseParam {
     type: "text";
     defaultValue: string;
     singleLine?: boolean;
 }
+export interface MarkdownParam extends BaseParam {
+    type: "markdown";
+    defaultValue: string;
+    placeholder?: string;
+}
 export interface SelectionOption {
     id: string;
     name: string;
     icon?: string;
     /** Palette key (e.g. "blue") applied to the option's icon. */
     color?: string;
+    description?: string;
+    disabled?: boolean;
+}
+/** Parent selector used to swap the option set of a grouped selection. */
+export interface SelectionGroup {
+    id: string;
+    name: string;
+    defaultValue: string;
+    options: SelectionOption[];
+    placeholder?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    disabled?: boolean;
 }
 export interface SelectionParam extends BaseParam {
     type: "selection";
@@ -31,6 +54,10 @@ export interface SelectionParam extends BaseParam {
     options: SelectionOption[];
     multiSelect?: boolean;
     placeholder?: string;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    group?: SelectionGroup;
     /** Adds a "clear" row so a single-select can be returned to unset. */
     clearable?: boolean;
     /**
@@ -161,18 +188,21 @@ export interface VectorParam extends BaseParam {
     max?: number;
     step?: number;
 }
-/** File selection metadata. Not a live `File` object — hosts own persistence. */
-export interface FileDropValue {
-    name: string;
-    mimeType?: string;
-    size?: number;
-    dataUrl?: string;
-}
-export interface FileDropParam extends BaseParam {
-    type: "fileDrop";
-    defaultValue: FileDropValue | null;
+export type FileUploadStatus = "queued" | "uploading" | "complete" | "error";
+/** A selected file and the host-controlled state of its upload. */
+export interface FileUploadValue {
+    id: string;
+    file: File;
+    status: FileUploadStatus;
+    progress?: number;
+    error?: string;
+}
+export interface FileUploadParam extends BaseParam {
+    type: "fileUpload";
+    defaultValue: FileUploadValue[];
     accept?: string;
-    assetKind?: "file" | "image";
+    multiple?: boolean;
+    uploadLabel?: string;
 }
 export interface InputGroup {
     id: string;
@@ -182,6 +212,6 @@ export interface InputGroup {
     collapsible?: boolean;
     defaultCollapsed?: boolean;
 }
-export type ParamValue = number | string | null | string[] | RangeValue | VectorValue | FileDropValue;
-export type Param = NumberParam | TextParam | SelectionParam | DateParam | ColorParam | PropertyParam | ReadOnlyParam | ResourceParam | RangeParam | SegmentedParam | ActionsParam | AnchorGridParam | VectorParam | FileDropParam;
+export type ParamValue = number | string | boolean | null | string[] | RangeValue | VectorValue | FileUploadValue[];
+export type Param = NumberParam | BooleanParam | TextParam | MarkdownParam | SelectionParam | DateParam | ColorParam | PropertyParam | ReadOnlyParam | ResourceParam | RangeParam | SegmentedParam | ActionsParam | AnchorGridParam | VectorParam | FileUploadParam;
 export type ParamValueMap = Record<string, ParamValue>;

package/dist/components/param-editor/resolve-param-value.d.ts

@@ -0,0 +1,2 @@
+import { ParamValueMap } from './param-editor.types';
+export declare const resolveParamValue: <T>(defaultValues: ParamValueMap, paramId: string, fallback: T) => T;

package/dist/components/primitives/chip.d.ts

@@ -0,0 +1,4 @@
+import { BadgeProps } from '@chakra-ui/react';
+export interface ChipProps extends Omit<BadgeProps, "size" | "variant"> {
+}
+export declare const Chip: (props: ChipProps) => import("react/jsx-runtime").JSX.Element;