@pstdio/ui 0.5.0 → 0.5.1

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

@@ -103,6 +103,10 @@ export type SessionMessageInput = {
     model?: string | null;
     cwd?: string;
     messageOffset?: number;
+    questionResponse?: QuestionResponse;
+};
+export type QuestionResponse = {
+    answers: string[][];
 };
 export type SessionMessagesInput = {
     cwd?: string | null;

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

@@ -0,0 +1,33 @@
+export interface ChatInputQuestionOption {
+    label: string;
+    description?: string;
+}
+export interface ChatInputQuestion {
+    id?: string;
+    question: string;
+    options: ChatInputQuestionOption[];
+    multiple?: boolean;
+    required?: boolean;
+    allowCustomAnswer?: boolean;
+}
+export interface ChatInputQuestionPrompt {
+    questions: ChatInputQuestion[];
+}
+export interface ChatInputQuestionResponse {
+    answers: string[][];
+}
+export type ChatInputQuestionCustomAnswers = Record<string, string>;
+interface QuestionPromptControlsProps {
+    questionPrompt: ChatInputQuestionPrompt;
+    selectedOptionsByQuestion: Record<string, string[]>;
+    customAnswersByQuestion: ChatInputQuestionCustomAnswers;
+    onToggleOption: (question: ChatInputQuestion, questionIndex: number, optionLabel: string) => void;
+    onCustomAnswerChange: (question: ChatInputQuestion, questionIndex: number, answer: string) => void;
+}
+export declare const getQuestionSelectionKey: (question: ChatInputQuestion, index: number) => string;
+export declare const getQuestionPromptSignature: (questionPrompt: ChatInputQuestionPrompt | undefined) => string;
+export declare const buildQuestionResponse: (questionPrompt: ChatInputQuestionPrompt | undefined, selectedOptionsByQuestion: Record<string, string[]>, answerInput: ChatInputQuestionCustomAnswers | string) => string;
+export declare const buildQuestionAnswerValues: (questionPrompt: ChatInputQuestionPrompt, selectedOptionsByQuestion: Record<string, string[]>, answerInput: ChatInputQuestionCustomAnswers | string) => string[][];
+export declare const hasMissingRequiredQuestionAnswer: (questionPrompt: ChatInputQuestionPrompt | undefined, selectedOptionsByQuestion: Record<string, string[]>, answerInput: ChatInputQuestionCustomAnswers | string) => boolean;
+export declare const QuestionPromptControls: (props: QuestionPromptControlsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
+import { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './chat-input-question-prompt';
 interface ChatInputProps {
     defaultState: string;
     placeholder?: string;
-    onSubmit?: (text: string, attachments: string[]) => void;
+    onSubmit?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void;
     onInterrupt?: () => void;
     streaming?: boolean;
     attachedResources?: string[];
@@ -12,6 +13,7 @@ interface ChatInputProps {
     attachmentList?: ReactNode;
     actions?: ReactNode;
     attachedToTop?: boolean;
+    questionPrompt?: ChatInputQuestionPrompt;
 }
 export declare const ChatInput: (props: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/chat-ui/components/chat-panel-sticky-user-message.d.ts

@@ -1,4 +1,13 @@
 import { SessionMessage } from './message-types';
 export declare const STICKY_USER_MESSAGE_COLLAPSE_TEXT_THRESHOLD = 360;
+export declare const STICKY_USER_MESSAGE_COLLAPSE_LINE_THRESHOLD = 4;
 export declare const STICKY_USER_MESSAGE_COLLAPSED_MAX_HEIGHT = "min(10vh, 4rem)";
+export declare const STICKY_USER_MESSAGE_EXPANDED_MAX_HEIGHT = "min(70dvh, calc(100dvh - 12rem), 22rem)";
+interface StickyUserMessageScrollElement {
+    clientHeight: number;
+    scrollHeight: number;
+    scrollTop: number;
+}
 export declare const isStickyUserMessageCollapsible: (message: SessionMessage) => boolean;
+export declare const shouldStopStickyUserMessageWheel: (element: StickyUserMessageScrollElement, deltaY: number) => boolean;
+export {};

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './chat-input-question-prompt';
 import { SessionMessage } from './message-types';
 interface ChatPanelProps {
     messages: SessionMessage[];
@@ -9,7 +10,7 @@ interface ChatPanelProps {
     loadingContent?: ReactNode;
     chatInputPlaceholder: string;
     chatInputDefaultValue?: string;
-    onSubmitMessage?: (text: string, attachments: string[]) => void;
+    onSubmitMessage?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void;
     onInterrupt?: () => void;
     onChatInputChange?: (text: string) => void;
     actions?: ReactNode;
@@ -21,6 +22,7 @@ interface ChatPanelProps {
     workspaceHub?: ReactNode;
     workspaceInitializing?: boolean;
     inputDisabled?: boolean;
+    chatInputQuestionPrompt?: ChatInputQuestionPrompt;
 }
 export declare const ChatPanel: (props: ChatPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/chat-ui/components/message-parts-renderer.d.ts

@@ -5,6 +5,7 @@ type ToolInvocationTimelineComponent = (props: ToolInvocationTimelineProps) => R
 export interface MessagePartsProps {
     message: SessionMessage;
     streaming?: boolean;
+    hideQuestionForms?: boolean;
     onOpenFile?: (filePath: string) => void;
     toolInvocationTimeline?: ToolInvocationTimelineComponent;
 }

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

@@ -0,0 +1,14 @@
+import { QuestionFormBlockQuestion, TodoListBlockItem } from './timeline';
+interface QuestionFormBlockViewProps {
+    questions: QuestionFormBlockQuestion[];
+    editable?: boolean;
+    selectedOptionsByQuestion?: Record<string, string[]>;
+    customAnswersByQuestion?: Record<string, string>;
+    onToggleOption?: (question: QuestionFormBlockQuestion, questionIndex: number, optionLabel: string) => void;
+    onCustomAnswerChange?: (question: QuestionFormBlockQuestion, questionIndex: number, answer: string) => void;
+}
+export declare const TodoListBlockView: (props: {
+    items: TodoListBlockItem[];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const QuestionFormBlockView: (props: QuestionFormBlockViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -48,6 +48,22 @@ export type TitleSegment = {
     muted?: boolean;
     variant?: "default" | "bubble";
 };
+export type TodoListBlockItem = {
+    label: string;
+    checked: boolean;
+};
+export type QuestionFormBlockOption = {
+    label: string;
+    description?: string;
+};
+export type QuestionFormBlockQuestion = {
+    id?: string;
+    question: string;
+    options: QuestionFormBlockOption[];
+    multiple: boolean;
+    required: boolean;
+    allowCustomAnswer: boolean;
+};
 export type Block = {
     type: "comment";
     text: string;
@@ -71,6 +87,12 @@ export type Block = {
 } | {
     type: "text";
     text: string;
+} | {
+    type: "todo-list";
+    items: TodoListBlockItem[];
+} | {
+    type: "question-form";
+    questions: QuestionFormBlockQuestion[];
 } | {
     type: "references";
     references: string[];

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

@@ -2,6 +2,7 @@ import { ToolPart } from './message-types';
 export interface ToolInvocationTimelineProps {
     invocations: ToolPart[];
     labeledBlocks?: boolean;
+    hideQuestionForms?: boolean;
     onOpenFile?: (filePath: string) => void;
 }
-export declare function ToolInvocationTimeline(props: ToolInvocationTimelineProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolInvocationTimeline(props: ToolInvocationTimelineProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -7,6 +7,7 @@ export { ApprovalPrompt } from './components/approval-prompt';
 export type { AutoScrollProps } from './components/auto-scroll';
 export { AutoScroll } from './components/auto-scroll';
 export { ChatInput } 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 { SessionMessage, SessionMessagePart } from './components/message-types';

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

@@ -5,7 +5,7 @@ export declare const buildTimelineDocFromInvocations: (invocations: ToolPart[],
     items: (import('../components/timeline').Item | {
         indicator: {
             readonly type: "icon";
-            readonly icon: "search" | "dot" | "file" | "shell" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "terminal";
+            readonly icon: "search" | "dot" | "file" | "shell" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "question" | "todo" | "terminal";
         };
         title: TitleSegment[];
         blocks: Block[];
@@ -15,7 +15,7 @@ export declare const createToolTimelineBuilder: (toolRenderers: ToolRenderersMap
     items: (import('../components/timeline').Item | {
         indicator: {
             readonly type: "icon";
-            readonly icon: "search" | "dot" | "file" | "shell" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "terminal";
+            readonly icon: "search" | "dot" | "file" | "shell" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "question" | "todo" | "terminal";
         };
         title: TitleSegment[];
         blocks: Block[];

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

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

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

@@ -0,0 +1,10 @@
+import { ToolPart } from '../agent-types';
+import { Block, Item, TitleSegment } from '../components/timeline';
+import { ToolRenderer } from './types';
+type QuestionRendererDependencies = {
+    buildBaseTitle: (invocation: ToolPart, detail?: string, labelOverride?: string) => TitleSegment[];
+    buildIndicator: (invocation: ToolPart) => Item["indicator"];
+    prependErrorBlock: (invocation: ToolPart, blocks: Block[]) => Block[];
+};
+export declare const createQuestionRenderer: (deps: QuestionRendererDependencies) => ToolRenderer;
+export {};

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" | "file" | "shell" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "terminal";
+    readonly icon: "search" | "dot" | "file" | "shell" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "danger" | "browser" | "question" | "todo" | "terminal";
 };
 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/todowrite-renderer.d.ts

@@ -0,0 +1,10 @@
+import { ToolPart } from '../agent-types';
+import { Block, Item, TitleSegment } from '../components/timeline';
+import { ToolRenderer } from './types';
+type TodowriteRendererDependencies = {
+    buildBaseTitle: (invocation: ToolPart, detail?: string, labelOverride?: string) => TitleSegment[];
+    buildIndicator: (invocation: ToolPart) => Item["indicator"];
+    prependErrorBlock: (invocation: ToolPart, blocks: Block[]) => Block[];
+};
+export declare const createTodowriteRenderer: (deps: TodowriteRendererDependencies) => ToolRenderer;
+export {};

package/dist/components/chat-ui/utils/get-icon.d.ts

@@ -25,6 +25,8 @@ declare const iconMap: {
     readonly search: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
     readonly browser: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
     readonly file: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly question: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+    readonly todo: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
     readonly terminal: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
 };
 export type IconName = keyof typeof iconMap;

package/dist/components/chat-ui/utils/tool-name.d.ts

@@ -0,0 +1,2 @@
+export declare const normalizeToolName: (value: string) => string;
+export declare const getToolNameLookupKeys: (value: string) => string[];

package/dist/components/radio.d.ts

@@ -0,0 +1,8 @@
+import { RadioGroup as ChakraRadioGroup } from '@chakra-ui/react';
+import * as React from "react";
+export interface RadioProps extends ChakraRadioGroup.ItemProps {
+    rootRef?: React.RefObject<HTMLDivElement | null>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<ChakraRadioGroup.RootProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tickets/ticket-board.d.ts

@@ -33,8 +33,12 @@ export interface TicketBoardColumn {
 interface TicketBoardProps {
     columns: TicketBoardColumn[];
     selectedItemId?: string | null;
-    onMoveItem?: (itemId: string, targetColumnId: string) => void;
-    onMoveToGroup?: (itemId: string, targetGroupKey: string) => void;
+    onMoveItem?: (itemId: string, targetColumnId: string, context?: {
+        beforeItemId?: string;
+    }) => void;
+    onMoveToGroup?: (itemId: string, targetGroupKey: string, context?: {
+        beforeItemId?: string;
+    }) => void;
     onCreateStart?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
 }

package/dist/components/tickets/ticket-list.d.ts

@@ -18,11 +18,14 @@ export interface TicketListItem {
     onClick?: () => void;
     onTagChange?: (tagName: string, newValue: string) => void;
     contextMenuActions?: ResourceContextAction[];
+    draggable?: boolean;
+    onDropTicket?: (ticketId: string) => void;
 }
 interface TicketListProps {
     items: TicketListItem[];
     selectedItemId?: string | null;
     onItemClick?: (item: TicketListItem) => void;
 }
+export declare const getTicketListIndentation: (depth: number) => string | undefined;
 export declare const TicketList: (props: TicketListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/tickets/tickets-workspace.d.ts

@@ -23,9 +23,11 @@ interface TicketsWorkspaceProps<TTicket extends WorkspaceTicket = WorkspaceTicke
     onTagChange?: (ticketId: string, tagName: string, newValue: string) => void;
     onMoveTicket?: (ticketId: string, targetColumnId: string, context?: {
         columnGrouping: GroupingField;
+        beforeTicketId?: string;
     }) => void;
     onMoveToGroup?: (ticketId: string, targetGroupKey: string, context?: {
         rowGrouping: GroupingField;
+        beforeTicketId?: string;
     }) => void;
     onCreateTicket?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;

package/dist/components/tickets/workspace-helpers.d.ts

@@ -9,5 +9,10 @@ export declare const buildTagOptions: (tagDefinitions: WorkspaceTagDefinition[])
     ordering: WorkspaceOption<OrderingField>[];
     display: WorkspaceOption<DisplayProperty>[];
 };
-export declare const resolveKnownColumnKeys: (columnGrouping: GroupingField, knownColumnKeys: string[] | undefined, categories: WorkspaceFilterCategory[]) => string[] | undefined;
+export declare const orderGroupingOptions: <TValue extends string>(options: WorkspaceOption<TValue>[]) => WorkspaceOption<TValue>[];
+export declare const resolveSubGroupingOptions: (options: WorkspaceOption<GroupingField>[], columnGrouping: GroupingField) => WorkspaceOption<GroupingField>[];
+export declare const resolveListDropTargetColumnKey: (columnGrouping: GroupingField, placement?: {
+    columnKey?: string;
+}) => string | undefined;
+export declare const resolveKnownColumnKeys: (columnGrouping: GroupingField, knownColumnKeys: string[] | undefined, categories: WorkspaceFilterCategory[], filters?: FilterState) => string[] | undefined;
 export declare const omitFilterCategory: (filters: FilterState, category: FilterCategory) => FilterState;

package/dist/index.d.ts

@@ -28,6 +28,8 @@ export type { OpenSourceNotice, OpenSourceNoticesScreenProps, } from './componen
 export { OpenSourceNoticesScreen } from './components/open-source-notices-screen';
 export type { PropertiesProps, PropertyItem } from './components/properties';
 export { Properties } from './components/properties';
+export type { RadioProps } from './components/radio';
+export { Radio, RadioGroup } from './components/radio';
 export type { ResourceContextAction } from './components/resource-context-menu';
 export { ResourceContextMenu } from './components/resource-context-menu';
 export { ScrollArea } from './components/scroll-area';