@pstdio/ui 0.15.0 → 0.17.0

package/dist/checkbox-B2zYVemL.js

@@ -0,0 +1,70 @@
+import { jsx as m, jsxs as S } from "react/jsx-runtime";
+import { c as w } from "react/compiler-runtime";
+import { Checkbox as s } from "@chakra-ui/react";
+import * as I from "react";
+const L = I.forwardRef(function(k, R) {
+  const e = w(33);
+  let r, t, l, i, a, f, u;
+  e[0] !== k ? ({
+    icon: t,
+    children: r,
+    inputProps: l,
+    rootRef: a,
+    disabled: f,
+    readOnly: u,
+    ...i
+  } = k, e[0] = k, e[1] = r, e[2] = t, e[3] = l, e[4] = i, e[5] = a, e[6] = f, e[7] = u) : (r = e[1], t = e[2], l = e[3], i = e[4], a = e[5], f = e[6], u = e[7]);
+  const h = f === void 0 ? !1 : f, g = u === void 0 ? !1 : u, o = h ? "not-allowed" : g ? "default" : "pointer";
+  let n;
+  e[8] !== l || e[9] !== R ? (n = /* @__PURE__ */ m(s.HiddenInput, { ref: R, ...l }), e[8] = l, e[9] = R, e[10] = n) : n = e[10];
+  let C, p, y;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+    borderColor: "border.accent-light"
+  }, p = {
+    borderColor: "border.accent-light"
+  }, y = {
+    borderColor: "border.accent-light",
+    outline: "none",
+    boxShadow: "none"
+  }, e[11] = C, e[12] = p, e[13] = y) : (C = e[11], p = e[12], y = e[13]);
+  let _;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    bg: "bg.button.primary.default",
+    borderColor: "bg.button.primary.default",
+    color: "fg.button.primary.default",
+    _hover: {
+      borderColor: "bg.button.primary.default"
+    },
+    _active: {
+      borderColor: "bg.button.primary.default"
+    }
+  }, e[14] = _) : _ = e[14];
+  let x;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = {
+    bg: "bg.button.primary.default",
+    borderColor: "bg.button.primary.default",
+    color: "fg.button.primary.default",
+    _hover: {
+      borderColor: "bg.button.primary.default"
+    },
+    _active: {
+      borderColor: "bg.button.primary.default"
+    }
+  }, e[15] = x) : x = e[15];
+  let b;
+  e[16] !== t ? (b = t ? /* @__PURE__ */ m(s.Indicator, { children: t }) : /* @__PURE__ */ m(s.Indicator, {}), e[16] = t, e[17] = b) : b = e[17];
+  let d;
+  e[18] !== o || e[19] !== b ? (d = /* @__PURE__ */ m(s.Control, { bg: "bg", borderColor: "border", borderRadius: "xs", color: "fg.button.primary.default", cursor: o, transition: "border-color 0.2s ease-in-out", boxShadow: "none", _hover: C, _active: p, _focusVisible: y, _checked: _, _indeterminate: x, children: b }), e[18] = o, e[19] = b, e[20] = d) : d = e[20];
+  let c;
+  e[21] !== r || e[22] !== o ? (c = r != null && /* @__PURE__ */ m(s.Label, { cursor: o, children: r }), e[21] = r, e[22] = o, e[23] = c) : c = e[23];
+  let v;
+  return e[24] !== h || e[25] !== o || e[26] !== g || e[27] !== i || e[28] !== a || e[29] !== c || e[30] !== n || e[31] !== d ? (v = /* @__PURE__ */ S(s.Root, { ref: a, disabled: h, readOnly: g, cursor: o, ...i, children: [
+    n,
+    d,
+    c
+  ] }), e[24] = h, e[25] = o, e[26] = g, e[27] = i, e[28] = a, e[29] = c, e[30] = n, e[31] = d, e[32] = v) : v = e[32], v;
+});
+export {
+  L as C
+};
+//# sourceMappingURL=checkbox-B2zYVemL.js.map

package/dist/checkbox-B2zYVemL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-B2zYVemL.js","sources":["../src/components/primitives/checkbox.tsx"],"sourcesContent":["import { Checkbox as ChakraCheckbox } from \"@chakra-ui/react\";\nimport * as React from \"react\";\n\nexport interface CheckboxProps extends ChakraCheckbox.RootProps {\n  icon?: React.ReactNode;\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  rootRef?: React.RefObject<HTMLLabelElement | null>;\n}\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(props, ref) {\n  const { icon, children, inputProps, rootRef, disabled = false, readOnly = false, ...rest } = props;\n  const interactiveCursor = disabled ? \"not-allowed\" : readOnly ? \"default\" : \"pointer\";\n\n  return (\n    <ChakraCheckbox.Root ref={rootRef} disabled={disabled} readOnly={readOnly} cursor={interactiveCursor} {...rest}>\n      <ChakraCheckbox.HiddenInput ref={ref} {...inputProps} />\n      <ChakraCheckbox.Control\n        bg=\"bg\"\n        borderColor=\"border\"\n        borderRadius=\"xs\"\n        color=\"fg.button.primary.default\"\n        cursor={interactiveCursor}\n        transition=\"border-color 0.2s ease-in-out\"\n        boxShadow=\"none\"\n        _hover={{ borderColor: \"border.accent-light\" }}\n        _active={{ borderColor: \"border.accent-light\" }}\n        _focusVisible={{ borderColor: \"border.accent-light\", outline: \"none\", boxShadow: \"none\" }}\n        _checked={{\n          bg: \"bg.button.primary.default\",\n          borderColor: \"bg.button.primary.default\",\n          color: \"fg.button.primary.default\",\n          _hover: { borderColor: \"bg.button.primary.default\" },\n          _active: { borderColor: \"bg.button.primary.default\" },\n        }}\n        _indeterminate={{\n          bg: \"bg.button.primary.default\",\n          borderColor: \"bg.button.primary.default\",\n          color: \"fg.button.primary.default\",\n          _hover: { borderColor: \"bg.button.primary.default\" },\n          _active: { borderColor: \"bg.button.primary.default\" },\n        }}\n      >\n        {icon ? <ChakraCheckbox.Indicator>{icon}</ChakraCheckbox.Indicator> : <ChakraCheckbox.Indicator />}\n      </ChakraCheckbox.Control>\n      {children != null && <ChakraCheckbox.Label cursor={interactiveCursor}>{children}</ChakraCheckbox.Label>}\n    </ChakraCheckbox.Root>\n  );\n});\n"],"names":["Checkbox","React","forwardRef","props","ref","$","_c","children","icon","inputProps","rest","rootRef","t0","t1","disabled","readOnly","undefined","interactiveCursor","t2","t3","t4","t5","Symbol","for","borderColor","outline","boxShadow","t6","bg","color","_hover","_active","t7","t8","jsx","ChakraCheckbox","t9","t10","t11","jsxs"],"mappings":"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"}

package/dist/components/chat-ui/components/ai-conversation.d.ts

@@ -1,6 +1,6 @@
 import { HTMLChakraProps, IconButtonProps } from '@chakra-ui/react';
 import { StickToBottom as StickToBottomEl } from 'use-stick-to-bottom';
-import { ScrollArea } from '../../scroll-area';
+import { ScrollArea } from '../../primitives/scroll-area';
 export type ConversationRootProps = HTMLChakraProps<"div", React.ComponentProps<typeof StickToBottomEl>>;
 export declare const conversationRootDefaultProps: {
     readonly "aria-roledescription": "conversation";

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

@@ -11,7 +11,7 @@ declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content"
                 borderRightWidth: "1px";
                 borderBottomWidth: "1px";
                 borderLeftWidth: "1px";
-                borderColor: "border.muted";
+                borderColor: "border.subtle";
                 bg: "bg.subtle";
                 px: "xs";
                 py: "xs";

package/dist/components/chat-ui/components/ai-response.d.ts

@@ -2,5 +2,4 @@ import { BoxProps } from '@chakra-ui/react';
 export interface ChatRichContentProps extends Omit<BoxProps, "children"> {
     children: string;
 }
-export declare const ChatRichContent: (props: ChatRichContentProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Response: (props: ChatRichContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/chat-ui/components/attachment-list.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ResourceBadgeProps } from '../../resource-badge';
+import { ResourceBadgeProps } from '../../primitives/resource-badge';
 export type AttachmentListRenderBadge = (props: AttachmentListItemRenderProps) => ReactNode;
 export interface AttachmentListItemRenderProps {
     attachmentId: string;

package/dist/components/chat-ui/components/auto-scroll.d.ts

@@ -1,10 +1,37 @@
 export interface AutoScrollProps {
     userMessageCount: number;
+    conversationKey?: string | null;
 }
 interface ShouldAutoScrollArgs {
     previousUserMessageCount: number;
     userMessageCount: number;
 }
+export interface AutoScrollState {
+    conversationKey: string | null;
+    userMessageCount: number;
+}
+interface NextAutoScrollStateArgs {
+    state: AutoScrollState;
+    conversationKey?: string | null;
+    userMessageCount: number;
+}
+interface ScrollForNextAutoScrollStateArgs extends NextAutoScrollStateArgs {
+    scrollToBottom: (animation?: "instant") => void;
+}
 export declare const shouldAutoScroll: (args: ShouldAutoScrollArgs) => boolean;
+export declare const getNextAutoScrollState: (args: NextAutoScrollStateArgs) => {
+    shouldScroll: boolean;
+    state: {
+        conversationKey: string | null;
+        userMessageCount: number;
+    };
+};
+export declare const scrollForNextAutoScrollState: (args: ScrollForNextAutoScrollStateArgs) => {
+    shouldScroll: boolean;
+    state: {
+        conversationKey: string | null;
+        userMessageCount: number;
+    };
+};
 export declare function AutoScroll(props: AutoScrollProps): null;
 export {};

package/dist/components/chat-ui/components/chat-input-actions.d.ts

@@ -1,5 +1,6 @@
 interface ChatInputActionState {
     canInterrupt: boolean;
+    hasQuestionPrompt: boolean;
     isDisabled: boolean;
     streaming: boolean;
     text: string;

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
+import { ReferenceItem } from '../../rich-text';
 import { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './chat-input-question-prompt';
-interface ChatInputProps {
+export interface ChatInputProps {
     defaultState: string;
     placeholder?: string;
     onSubmit?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void;
@@ -16,8 +17,13 @@ interface ChatInputProps {
     attachmentList?: ReactNode;
     actions?: ReactNode;
     attachedToTop?: boolean;
+    /** Recede the resting border to border.subtle when nested inside a stronger shell (the workspace hub). */
+    recessed?: boolean;
     questionPrompt?: ChatInputQuestionPrompt;
     autoFocus?: boolean;
+    focusSignal?: number;
+    submitTitle?: string;
+    references?: ReferenceItem[];
+    onAddReference?: (resourceId: string, resourceType: ReferenceItem["resourceType"]) => void;
 }
 export declare const ChatInput: (props: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -0,0 +1,22 @@
+export interface MessageAnimationState {
+    initialized: boolean;
+    seenKeys: Set<string>;
+}
+interface NextMessageAnimationStateArgs {
+    itemKeys: string[];
+    state: MessageAnimationState;
+}
+export declare const messageFadeInProps: {
+    readonly animationName: "message-fade-in";
+    readonly animationDuration: "200ms";
+    readonly animationTimingFunction: "ease-out";
+};
+export declare const getNextMessageAnimationState: (args: NextMessageAnimationStateArgs) => {
+    animatedKeys: Set<string>;
+    state: {
+        initialized: boolean;
+        seenKeys: Set<string>;
+    };
+};
+export declare const useMessageAnimationKeys: (itemKeys: string[]) => Set<string>;
+export {};

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

@@ -1,8 +1,10 @@
 import { ReactNode } from 'react';
+import { ReferenceItem } from '../../rich-text';
 import { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './chat-input-question-prompt';
-import { SessionMessage } from './message-types';
+import { QueuedFollowUp, SessionMessage } from './message-types';
+import { QueuedFollowUpMoveDirection } from './queued-follow-up-list-state';
 /** Full conversation shell for agent sessions, including messages, input, attachments, and host-provided slots. */
-interface ChatPanelProps {
+export interface ChatPanelProps {
     /** Stable conversation identity used to reset ready state when switching sessions. */
     conversationKey?: string;
     messages: SessionMessage[];
@@ -19,9 +21,8 @@ interface ChatPanelProps {
     onAttachFiles?: (files: File[]) => void;
     onAttachText?: (text: string) => void;
     onChatInputChange?: (text: string) => void;
-    /** Extra controls rendered near the chat input. */
+    /** Extra controls rendered in the chat input toolbar (attach, model, params). */
     actions?: ReactNode;
-    repoMenu?: ReactNode;
     attachedResources?: string[];
     onClearAttachments?: () => void;
     attachmentList?: ReactNode;
@@ -32,6 +33,11 @@ interface ChatPanelProps {
     inputDisabled?: boolean;
     chatInputQuestionPrompt?: ChatInputQuestionPrompt;
     chatInputAutoFocus?: boolean;
+    queuedFollowUps?: QueuedFollowUp[];
+    onQueuedFollowUpUpdate?: (itemId: string, prompt: string) => void;
+    onQueuedFollowUpRemove?: (itemId: string) => void;
+    onQueuedFollowUpMove?: (itemId: string, direction: QueuedFollowUpMoveDirection, steps?: number) => void;
+    chatInputReferences?: ReferenceItem[];
+    onChatInputAddReference?: (resourceId: string, resourceType: ReferenceItem["resourceType"]) => void;
 }
 export declare const ChatPanel: (props: ChatPanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/chat-ui/components/composer-constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPOSER_CONTROL_HEIGHT = "7";

package/dist/components/chat-ui/components/conversation-browse.d.ts

@@ -0,0 +1,22 @@
+export interface ConversationBrowseItem {
+    /** Turn id used to scroll the log to this user message. */
+    id: string;
+    /** The user message this tick indexes (shown in the hover card). */
+    message: string;
+    /** Optional assistant reply preview; hidden for a turn not yet answered. */
+    reply?: string;
+}
+interface ConversationBrowseProps {
+    items: ConversationBrowseItem[];
+    onSelect?: (id: string) => void;
+    /** Overlay the log's left edge with a scrim instead of reserving a gutter (panels under ~480px). */
+    floating?: boolean;
+}
+/**
+ * ChatBrowse — the conversation scrubber for the chat log's left gutter. One tick per user
+ * message, in order; the ticks nearest the pointer swell into a lens (growing along X only, so
+ * the row you aim at never moves), and the active tick raises a preview card. Clicking a tick
+ * selects that turn. Hidden below a few messages, where a gutter costs space and buys nothing.
+ */
+export declare const ConversationBrowse: (props: ConversationBrowseProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -88,9 +88,23 @@ export type SessionMessage = {
         };
     };
 };
+export type QueuedFollowUp = {
+    id: string;
+    prompt: string;
+    attachments?: Array<{
+        id: string;
+        name: string;
+        mediaType?: string;
+        url?: string;
+    }>;
+    position?: number;
+};
 export type MessageOrigin = "user" | "assistant" | "developer";
 export declare const getMessageOrigin: (role: string) => MessageOrigin;
 export declare const mergeReasoningToolOnlyMessages: (messages: SessionMessage[]) => SessionMessage[];
+export declare const normalizeChatMessagesForDisplay: (messages: SessionMessage[], options?: {
+    streaming?: boolean;
+}) => SessionMessage[];
 export interface MessageGroup {
     userMessage: SessionMessage;
     responses: SessionMessage[];

package/dist/components/chat-ui/components/queued-follow-up-list-state.d.ts

@@ -0,0 +1,4 @@
+import { QueuedFollowUp } from './message-types';
+export type QueuedFollowUpMoveDirection = "up" | "down";
+export declare const moveQueuedFollowUp: (items: QueuedFollowUp[], itemId: string, direction: QueuedFollowUpMoveDirection, steps?: number) => QueuedFollowUp[];
+export declare const reorderQueuedFollowUp: (items: QueuedFollowUp[], itemId: string, targetIndex: number) => QueuedFollowUp[];

package/dist/components/chat-ui/components/queued-follow-up-list.d.ts

@@ -0,0 +1,11 @@
+import { QueuedFollowUp } from './message-types';
+import { QueuedFollowUpMoveDirection } from './queued-follow-up-list-state';
+interface QueuedFollowUpListProps {
+    items: QueuedFollowUp[];
+    editingItemId?: string | null;
+    onEdit?: (item: QueuedFollowUp) => void;
+    onRemove?: (itemId: string) => void;
+    onMove?: (itemId: string, direction: QueuedFollowUpMoveDirection, steps?: number) => void;
+}
+export declare const QueuedFollowUpList: (props: QueuedFollowUpListProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -1,7 +1,5 @@
-import { Timeline as ChakraTimeline } from '@chakra-ui/react';
 import { ReactNode } from 'react';
 import { IconName } from '../utils/get-icon';
-export declare const Timeline: typeof ChakraTimeline;
 export type TimelineDoc = {
     items: Item[];
 };
@@ -96,6 +94,11 @@ export type Block = {
 } | {
     type: "references";
     references: string[];
+} | {
+    type: "image";
+    src: string;
+    alt: string;
+    caption?: string;
 } | {
     type: "component";
     render: (ctx: {

package/dist/components/chat-ui/components/working-indicator.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Working indicator: a spinner followed by the elapsed run time in mono digits — never a
+ * static "Working…" label. The elapsed time is the one thing a static label cannot tell you
+ * and how you judge whether a run is stuck. Counts from the start of the active stream, including
+ * time spent temporarily hidden while the workspace initializes.
+ */
+export declare const WorkingIndicator: (props: {
+    hidden?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/chat-ui/components/workspace-hub.d.ts

@@ -1,12 +1,19 @@
 import { ReactNode } from 'react';
 type WorkspaceHubStatus = "ready" | "loading" | "error";
 interface ChatWorkspaceHubProps {
-    changesLabel: string;
+    /** Workspace identity/selector shown at the start of the header (e.g. GitBranch + name). */
+    workspaceControl?: ReactNode;
     additions: number;
     deletions: number;
+    /** Icon-only action that opens the workspace resource. */
     action?: ReactNode;
     status?: WorkspaceHubStatus;
     statusLabel?: string;
 }
+/**
+ * Workspace hub header: the frame the session sits in. The identity is always present;
+ * the slot beside it carries the diff counts, or the setup status while the workspace is
+ * being created or has failed. The open action recedes during setup.
+ */
 export declare const ChatWorkspaceHub: (props: ChatWorkspaceHubProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,11 +6,13 @@ export { ApprovalPrompt } from './components/approval-prompt';
 export { AttachmentList } from './components/attachment-list';
 export type { AutoScrollProps } from './components/auto-scroll';
 export { AutoScroll } from './components/auto-scroll';
-export { ChatInput } from './components/chat-input';
+export { ChatInput, type ChatInputProps } from './components/chat-input';
 export type { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './components/chat-input-question-prompt';
 export { ChatPanel } from './components/chat-panel';
 export { ChatSkeleton } from './components/chat-skeleton';
-export type { AlertPart, ChatMessagePart, SessionMessage, SessionMessagePart, ToolPart, } from './components/message-types';
+export { ConversationBrowse, type ConversationBrowseItem } from './components/conversation-browse';
+export type { AlertPart, ChatMessagePart, QueuedFollowUp, SessionMessage, SessionMessagePart, ToolPart, } from './components/message-types';
+export type { QueuedFollowUpMoveDirection } from './components/queued-follow-up-list-state';
 export type { SendButtonProps } from './components/send-button';
 export { SendButton } from './components/send-button';
 export { ChatWorkspaceHub } from './components/workspace-hub';

package/dist/components/chat-ui/performance/chat-performance-fixtures.d.ts

@@ -11,7 +11,6 @@ export interface ChatPerformanceSession {
     messages: SessionMessage[];
 }
 export declare const CHAT_PERFORMANCE_STRESS_TURNS = 500;
-export declare const CHAT_PERFORMANCE_STRESS_MESSAGE_COUNT: number;
 export declare const buildLargeChatConversation: (options: LargeChatConversationOptions) => SessionMessage[];
 export declare const buildChatSessionSwitchFixture: () => {
     primarySession: {

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

@@ -1,21 +1,11 @@
 import { ToolPart } from '../components/message-types';
-import { Block, TitleSegment } from '../components/timeline';
-import { ToolRenderersMap, ToolTimelineBuilderOptions } from './types';
+import { Block, Item, TitleSegment } from '../components/timeline';
+import { ToolTimelineBuilderOptions } from './types';
 export declare const buildTimelineDocFromInvocations: (invocations: ToolPart[], options?: ToolTimelineBuilderOptions) => {
-    items: (import('../components/timeline').Item | {
+    items: (Item | {
         indicator: {
             readonly type: "icon";
-            readonly icon: "search" | "dot" | "danger" | "file" | "shell" | "ls" | "read_file" | "write_file" | "delete_file" | "patch" | "upload_files" | "download_file" | "move_file" | "browser" | "question" | "todo" | "terminal";
-        };
-        title: TitleSegment[];
-        blocks: Block[];
-    })[];
-};
-export declare const createToolTimelineBuilder: (toolRenderers: ToolRenderersMap) => (invocations: ToolPart[], options?: ToolTimelineBuilderOptions) => {
-    items: (import('../components/timeline').Item | {
-        indicator: {
-            readonly type: "icon";
-            readonly icon: "search" | "dot" | "danger" | "file" | "shell" | "ls" | "read_file" | "write_file" | "delete_file" | "patch" | "upload_files" | "download_file" | "move_file" | "browser" | "question" | "todo" | "terminal";
+            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";
         };
         title: TitleSegment[];
         blocks: Block[];

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

@@ -0,0 +1,9 @@
+import { SessionMessage } from '../components/message-types';
+import { QuestionFormBlockQuestion } from '../components/timeline';
+export declare const getQuestionResponseText: (value: unknown) => string | null;
+export declare const parseQuestionPrompt: (input: unknown) => {
+    questions: QuestionFormBlockQuestion[];
+} | null;
+export declare const resolveActiveQuestionPrompt: (messages: SessionMessage[]) => {
+    questions: QuestionFormBlockQuestion[];
+} | undefined;

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

@@ -15,7 +15,7 @@ export declare const getStateLabel: (invocation: ToolPart) => string | null;
 export declare const isErrorState: (invocation: ToolPart) => boolean;
 export declare const buildIndicator: (invocation: ToolPart) => {
     readonly type: "icon";
-    readonly icon: "search" | "dot" | "danger" | "file" | "shell" | "ls" | "read_file" | "write_file" | "delete_file" | "patch" | "upload_files" | "download_file" | "move_file" | "browser" | "question" | "todo" | "terminal";
+    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 getInputObject: (invocation: ToolPart) => Record<string, unknown> | null;

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

@@ -1,5 +1,5 @@
 import { ToolPart } from '../components/message-types';
-import { Item, TimelineDoc } from '../components/timeline';
+import { Item } from '../components/timeline';
 export type ToolRenderResult = Item;
 export type ToolRenderOptions = {
     labeledBlocks?: boolean;
@@ -10,4 +10,3 @@ export type ToolTimelineBuilderOptions = {
     labeledBlocks?: boolean;
     toolRenderers?: ToolRenderersMap;
 };
-export type ToolTimelineBuilder = (invocations: ToolPart[], options?: ToolTimelineBuilderOptions) => TimelineDoc;

package/dist/components/command-palette/index.d.ts

@@ -0,0 +1,4 @@
+export type { FilterPaletteEntriesOptions, PaletteEntry, PaletteEscapeContext, PaletteMode, PaletteProps, PaletteSearchEntry, PaletteState, PaletteStateValue, } from './palette';
+export { DEFAULT_PALETTE_ASSET_LIMIT, filterPaletteEntries, Palette } from './palette';
+export type { PaletteShortcutBinding } from './palette-shortcut';
+export { PaletteShortcut } from './palette-shortcut';

package/dist/components/data-table/build-columns.d.ts

@@ -1,3 +1,14 @@
+import { RowSelectionState } from '@tanstack/react-table';
 import { ReactNode } from 'react';
-import { RowData } from './types';
-export declare function buildColumns(data: RowData[], columnKeys: string[], columnIcons?: Partial<Record<string, ReactNode>>): (import('@tanstack/react-table').AccessorFnColumnDef<RowData, number> | import('@tanstack/react-table').AccessorFnColumnDef<RowData, unknown>)[];
+import { DataTableColumnRenderer, DataTableRowAction, RowData } from './types';
+interface BuildColumnsOptions {
+    columnIcons?: Partial<Record<string, ReactNode>>;
+    columnDescriptions?: Partial<Record<string, string>>;
+    compactHeaders?: Partial<Record<string, string>>;
+    enableSelection?: boolean;
+    rowActions?: DataTableRowAction[];
+    selectedRowIds?: RowSelectionState;
+    columnRenderers?: Partial<Record<string, DataTableColumnRenderer>>;
+}
+export declare function buildColumns(data: RowData[], columnKeys: string[], options?: BuildColumnsOptions): ((import('@tanstack/react-table').ColumnDefBase<RowData, unknown> & import('@tanstack/react-table').StringHeaderIdentifier) | (import('@tanstack/react-table').ColumnDefBase<RowData, unknown> & import('@tanstack/react-table').IdIdentifier<RowData, unknown>) | (import('@tanstack/react-table').AccessorFnColumnDefBase<RowData, number> & import('@tanstack/react-table').StringHeaderIdentifier) | (import('@tanstack/react-table').AccessorFnColumnDefBase<RowData, number> & import('@tanstack/react-table').IdIdentifier<RowData, number>))[];
+export {};

package/dist/components/data-table/categorical-color-cell.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { DataTableCategoricalColor } from './types';
+interface CategoricalColorCellProps {
+    children: ReactNode;
+}
+export declare const resolveCategoricalColor: (value: unknown, categories: DataTableCategoricalColor[]) => import('./types').DataTableThemeColor | null;
+export declare const CategoricalColorCell: (props: CategoricalColorCellProps) => ReactNode;
+export {};

package/dist/components/data-table/color-cell-style.d.ts

@@ -0,0 +1,13 @@
+import { DataTableThemeColor } from './types';
+export declare const parseHexColor: (color: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+export declare const contrastRatioForHexColors: (foregroundColor: string, backgroundColor: string) => number;
+export declare const resolveReadableTextColor: (backgroundColor: string) => string;
+export declare const mixHexColors: (startColor: string, endColor: string, startWeight: number) => string | null;
+export declare const resolveColorCellStyle: (color: DataTableThemeColor) => {
+    backgroundColor: string;
+    color: string;
+};

package/dist/components/data-table/color-scale-cell.d.ts

@@ -0,0 +1,7 @@
+import { DataTableColorScaleStop, DataTableThemeColor } from './types';
+interface ColorScaleCellProps {
+    value: number;
+}
+export declare const resolveColorScaleValue: (value: unknown, stops: DataTableColorScaleStop[]) => DataTableThemeColor | null;
+export declare const ColorScaleCell: (props: ColorScaleCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+interface DataTableColumnMenuColumn {
+    id: string;
+    label: string;
+}
+interface DataTableColumnMenuProps {
+    columns: DataTableColumnMenuColumn[];
+    visibleColumnIds: Set<string>;
+    onColumnToggle: (columnId: string) => void;
+    onColumnReorder: (activeColumnId: string, overColumnId: string) => void;
+}
+export declare const DataTableColumnMenu: (props: DataTableColumnMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+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-stat-chart.d.ts

@@ -0,0 +1,21 @@
+import { UseChartProps } from '@chakra-ui/charts';
+import { ReactNode } from 'react';
+type ChartSeries<T> = NonNullable<UseChartProps<T>["series"]>[number];
+type StringKeyOf<T> = Extract<keyof T, string>;
+interface DataTableStatChartProps<T extends object> {
+    data: T[];
+    dataKey: StringKeyOf<T>;
+    color: ChartSeries<T>["color"];
+    height: string;
+    ariaLabel: string;
+    tooltipLabel: (datum: T) => ReactNode;
+    tooltipValue: (value: string | number) => ReactNode;
+    tooltipSeriesLabel: string;
+    layout?: "horizontal" | "vertical";
+    categoryKey?: StringKeyOf<T>;
+    domain?: [number, number];
+    barSize?: number;
+    barCategoryGap?: number;
+}
+export declare const DataTableStatChart: <T extends object>(props: DataTableStatChartProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,27 @@
+import { AttributeDescriptor, KanbanRendererFilterState, KanbanRendererRow } from '../kanban-renderer/types';
+import { DataTableProps, DataTableSelectionAction, RowData } from './types';
+export declare const defaultPageSize = 30;
+export interface DataTableRendererRow extends KanbanRendererRow {
+    sourceRow: RowData;
+}
+export declare const resolveDataTableRowId: (row: RowData, index: number, getRowId?: DataTableProps["getRowId"]) => string;
+export declare const resolveInitialPageSize: (props: Pick<DataTableProps, "initialPageSize">) => number;
+export declare const getSelectedOriginalRows: (rows: Array<{
+    original: RowData;
+}>) => RowData[];
+export declare const resolveSelectionActions: (props: Pick<DataTableProps, "selectionActions" | "onCSVDownload" | "getRowId">) => DataTableSelectionAction[];
+export declare const shouldEnableSelection: (props: Pick<DataTableProps, "selectionMode" | "selectionActions" | "onCSVDownload">) => boolean;
+export declare const shouldHighlightActiveRow: (props: {
+    enableRowActivation?: boolean;
+    activeRowId?: string | null;
+    rowId: string;
+}) => boolean;
+export declare const buildDataTableRendererAttributes: (rows: RowData[], columnKeys: string[], compactHeaders?: Partial<Record<string, string>>) => AttributeDescriptor[];
+export declare const buildDataTableRendererRows: (rows: RowData[], columnKeys: string[], getRowId?: DataTableProps["getRowId"]) => DataTableRendererRow[];
+export declare const filterDataTableRows: (rows: DataTableRendererRow[], filters: KanbanRendererFilterState, attributes: AttributeDescriptor[]) => DataTableRendererRow[];
+export declare const resolveDataTableColumnOrder: (availableColumnIds: string[], requestedColumnOrder: string[]) => string[];
+export declare const reorderDataTableColumns: (columnIds: string[], activeColumnId: string, overColumnId: string) => string[];
+export declare const resolveDataTableToolbarStorageKey: (props: {
+    toolbarStorageKey?: string;
+    columnKeys: string[];
+}) => string;

package/dist/components/data-table/data-table-stats-row.d.ts

@@ -0,0 +1,11 @@
+import { HeaderGroup } from '@tanstack/react-table';
+import { DataTableColumnStat, RowData } from './types';
+interface DataTableStatsRowProps {
+    headerGroup: HeaderGroup<RowData>;
+    rows: RowData[];
+    columnStats: Partial<Record<string, DataTableColumnStat>>;
+    fullWidth?: boolean;
+    noBorder?: boolean;
+}
+export declare const DataTableStatsRow: (props: DataTableStatsRowProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};