@pstdio/ui 0.13.0 → 0.14.0

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

@@ -0,0 +1,12 @@
+import { ClipboardEvent, DragEvent } from 'react';
+export declare const DEFAULT_TEXT_ATTACHMENT_PASTE_LINE_THRESHOLD = 200;
+export declare const shouldAttachPastedText: (text: string, lineThreshold?: number) => boolean;
+export declare const createAttachmentEventHandlers: (input: {
+    onAttachFiles?: (files: File[]) => void;
+    onAttachText?: (text: string) => void;
+    textAttachmentPasteLineThreshold: number;
+}) => {
+    onDragOver: (event: DragEvent<HTMLDivElement>) => void;
+    onDropCapture: (event: DragEvent<HTMLDivElement>) => void;
+    onPasteCapture: (event: ClipboardEvent<HTMLDivElement>) => void;
+};

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

@@ -5,6 +5,9 @@ interface ChatInputProps {
     placeholder?: string;
     onSubmit?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void;
     onInterrupt?: () => void;
+    onAttachFiles?: (files: File[]) => void;
+    onAttachText?: (text: string) => void;
+    textAttachmentPasteLineThreshold?: number;
     streaming?: boolean;
     attachedResources?: string[];
     onClearAttachments?: () => void;

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

@@ -16,6 +16,8 @@ interface ChatPanelProps {
     chatInputDefaultValue?: string;
     onSubmitMessage?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void;
     onInterrupt?: () => void;
+    onAttachFiles?: (files: File[]) => void;
+    onAttachText?: (text: string) => void;
     onChatInputChange?: (text: string) => void;
     /** Extra controls rendered near the chat input. */
     actions?: ReactNode;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SessionMessage } from '../agent-types';
+import { SessionMessage } from './message-types';
 import { ToolInvocationTimelineProps } from './tool-invocation-timeline';
 type ToolInvocationTimelineComponent = (props: ToolInvocationTimelineProps) => ReactNode;
 export interface MessagePartsProps {

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

@@ -1,8 +1,95 @@
-import { SessionMessage, SessionMessagePart, ToolPart } from '../agent-types';
-export type { SessionMessage, SessionMessagePart, ToolPart };
+export type SessionMessageRole = "user" | "assistant" | "tool" | "system" | "developer";
+export type TextPart = {
+    type: "text";
+    text: string;
+};
+export type ReasoningPart = {
+    type: "reasoning";
+    text: string;
+};
+export type ToolPartActionType = "read" | "write" | "execute" | "network" | "other";
+export type ToolPartStatus = "pending" | "running" | "completed" | "failed" | "denied";
+export type ToolPart = {
+    type: "tool";
+    tool: string;
+    callId?: string;
+    actionType?: ToolPartActionType;
+    status?: ToolPartStatus;
+    state?: {
+        status?: string;
+        input?: unknown;
+        output?: unknown;
+        errorText?: string;
+        metadata?: unknown;
+    };
+};
+export type StepStartPart = {
+    type: "step-start";
+    snapshot?: string;
+};
+export type StepFinishPart = {
+    type: "step-finish";
+    reason?: string;
+    snapshot?: string;
+    cost?: number;
+    tokens?: unknown;
+};
+export type PatchPart = {
+    type: "patch";
+    hash?: string;
+    files?: unknown;
+};
+export type FilePart = {
+    type: "file";
+    fileId?: string;
+    mediaType?: string;
+    filename?: string;
+    size?: number;
+    url: string;
+};
+export type LoadingPart = {
+    type: "loading";
+};
+export type ErrorPart = {
+    type: "error";
+    errorType: "timeout" | "crash" | "permission" | "other";
+    message?: string;
+};
+export type TokenUsagePart = {
+    type: "token_usage";
+    inputTokens: number;
+    outputTokens: number;
+    cacheReadTokens?: number;
+    cacheWriteTokens?: number;
+};
+export type AlertPart = {
+    type: "alert";
+    status: "info" | "warning" | "error" | "success" | "loading";
+    title: string;
+    message?: string;
+};
+export type SessionMessagePart = TextPart | ReasoningPart | ToolPart | StepStartPart | StepFinishPart | PatchPart | FilePart | LoadingPart | ErrorPart | TokenUsagePart;
+export type ChatMessagePart = SessionMessagePart | AlertPart;
+export type SessionMessage = {
+    id: string;
+    role: SessionMessageRole;
+    parts: ChatMessagePart[];
+    index?: number;
+    createdAt?: number;
+    modelId?: string;
+    providerId?: string;
+    tokens?: {
+        input?: number;
+        output?: number;
+        reasoning?: number;
+        cache?: {
+            read?: number;
+            write?: number;
+        };
+    };
+};
 export type MessageOrigin = "user" | "assistant" | "developer";
 export declare const getMessageOrigin: (role: string) => MessageOrigin;
-export declare const isReasoningToolOnlyMessage: (message: SessionMessage) => boolean;
 export declare const mergeReasoningToolOnlyMessages: (messages: SessionMessage[]) => SessionMessage[];
 export interface MessageGroup {
     userMessage: SessionMessage;

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

@@ -1,16 +1,16 @@
-export type { AlertPart } from '../chat-ui/agent-types';
 export type { ConversationContentProps, ConversationRootProps, ConversationScrollButtonProps, } from './components/ai-conversation';
 export { ChatPrimitives } from './components/ai-conversation';
 export type { MessageContentProps, MessageRootProps } from './components/ai-message';
 export { ChatMessage } from './components/ai-message';
 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 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';
+export type { AlertPart, ChatMessagePart, SessionMessage, SessionMessagePart, ToolPart, } from './components/message-types';
 export type { SendButtonProps } from './components/send-button';
 export { SendButton } from './components/send-button';
 export { ChatWorkspaceHub } from './components/workspace-hub';

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

@@ -1,7 +1,7 @@
-import { AgentId, SessionMessage } from '../../agent-types';
+import { SessionMessage } from '../../components/message-types';
 export type ConversationFixture = {
     id: string;
-    agent: AgentId;
+    agent: string;
     label: string;
     description: string;
     messages: SessionMessage[];

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

@@ -1,4 +1,4 @@
-import { SessionMessage } from '../agent-types';
+import { SessionMessage } from '../components/message-types';
 export interface LargeChatConversationOptions {
     sessionId: string;
     turns: number;

package/dist/components/chat-ui/performance/chat-performance-story-utils.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SessionMessage } from '../agent-types';
+import { SessionMessage } from '../components/message-types';
 export declare const defaultChatPanelProps: {
     readonly emptyStateTitle: "No messages";
     readonly emptyStateDescription: "";

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

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

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

@@ -1,4 +1,4 @@
-import { ToolPart } from '../agent-types';
+import { ToolPart } from '../components/message-types';
 import { Block, Item, TitleSegment } from '../components/timeline';
 import { ToolRenderer } from './types';
 type QuestionRendererDependencies = {

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

@@ -1,4 +1,4 @@
-import { ToolPart } from '../agent-types';
+import { ToolPart } from '../components/message-types';
 import { Block, TitleSegment } from '../components/timeline';
 export type ApplyPatchMetadataFile = {
     filePath: string;
@@ -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" | "patch" | "ls" | "read_file" | "write_file" | "delete_file" | "upload_files" | "download_file" | "move_file" | "browser" | "question" | "todo" | "terminal";
+    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";
 };
 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

@@ -1,4 +1,4 @@
-import { ToolPart } from '../agent-types';
+import { ToolPart } from '../components/message-types';
 import { Block, Item, TitleSegment } from '../components/timeline';
 import { ToolRenderer } from './types';
 type TodowriteRendererDependencies = {

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

@@ -1,4 +1,4 @@
-import { ToolPart } from '../agent-types';
+import { ToolPart } from '../components/message-types';
 import { Item, TimelineDoc } from '../components/timeline';
 export type ToolRenderResult = Item;
 export type ToolRenderOptions = {

package/dist/components/data-renderer/data-renderer-board-column-header.d.ts

@@ -0,0 +1,8 @@
+import { DataRendererBoardColumn } from './data-renderer-board';
+interface ColumnHeaderProps {
+    column: DataRendererBoardColumn;
+    onCreateStart?: (columnId: string) => void;
+    onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
+}
+export declare const ColumnHeader: (props: ColumnHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-renderer/data-renderer-board-group-section.d.ts

@@ -0,0 +1,17 @@
+import { DragEvent } from 'react';
+import { DataRendererBoardGroup } from './data-renderer-board';
+interface GroupSectionProps {
+    columnId: string;
+    group: DataRendererBoardGroup;
+    selectedItemId: string | null;
+    canDragIn: boolean;
+    canDragOut: boolean;
+    isDropTarget: boolean;
+    onDragStart: (itemId: string) => (event: DragEvent<HTMLDivElement>) => void;
+    onDragEnd: () => void;
+    onGroupDragOver: (event: DragEvent<HTMLDivElement>) => void;
+    onGroupDragLeave: (event: DragEvent<HTMLDivElement>) => void;
+    onGroupDrop: (event: DragEvent<HTMLDivElement>, beforeItemId?: string) => void;
+}
+export declare const GroupSection: (props: GroupSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-renderer/data-renderer-board-move.d.ts

@@ -0,0 +1,21 @@
+import { DataRendererSettings } from './types';
+interface ApplyBoardMoveItemInput {
+    settings: Pick<DataRendererSettings, "columnGrouping" | "ordering" | "rowGrouping">;
+    rowId: string;
+    targetColumnId: string;
+    targetGroupKey?: string;
+    beforeItemId?: string;
+    onAttributeChange?: (rowId: string, attributeId: string, value: unknown) => Promise<void> | void;
+    onReorder?: (rowId: string, beforeRowId?: string) => Promise<void> | void;
+}
+interface ApplyBoardMoveToGroupInput {
+    settings: Pick<DataRendererSettings, "ordering" | "rowGrouping">;
+    rowId: string;
+    targetGroupKey: string;
+    beforeItemId?: string;
+    onAttributeChange?: (rowId: string, attributeId: string, value: unknown) => Promise<void> | void;
+    onReorder?: (rowId: string, beforeRowId?: string) => Promise<void> | void;
+}
+export declare const applyBoardMoveItem: (input: ApplyBoardMoveItemInput) => Promise<void>;
+export declare const applyBoardMoveToGroup: (input: ApplyBoardMoveToGroupInput) => Promise<void>;
+export {};

package/dist/components/data-renderer/data-renderer-board.d.ts

@@ -36,10 +36,11 @@ interface DataRendererBoardProps {
     selectedItemId?: string | null;
     onMoveItem?: (itemId: string, targetColumnId: string, context?: {
         beforeItemId?: string;
-    }) => void;
+        targetGroupKey?: string;
+    }) => Promise<void> | void;
     onMoveToGroup?: (itemId: string, targetGroupKey: string, context?: {
         beforeItemId?: string;
-    }) => void;
+    }) => Promise<void> | void;
     onCreateStart?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
 }

package/dist/components/data-renderer/data-renderer-content.d.ts

@@ -11,8 +11,13 @@ interface DataRendererContentProps {
     emptyState?: ReactNode;
     emptyTitle: string;
     emptyDescription?: string;
-    onBoardMoveItem: (rowId: string, targetColumnId: string) => void;
-    onBoardMoveToGroup: (rowId: string, targetGroupKey: string) => void;
+    onBoardMoveItem: (rowId: string, targetColumnId: string, context?: {
+        beforeItemId?: string;
+        targetGroupKey?: string;
+    }) => Promise<void> | void;
+    onBoardMoveToGroup: (rowId: string, targetGroupKey: string, context?: {
+        beforeItemId?: string;
+    }) => Promise<void> | void;
     onCreateRow?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
     onListExpandedGroupChange: (rowId: string, isExpanded: boolean) => void;

package/dist/components/data-renderer/data-renderer.d.ts

@@ -29,9 +29,9 @@ export interface DataRendererProps<TRow extends DataRendererRow = DataRendererRo
     toolbarLeading?: ReactNode;
     onRowClick?: (row: TRow) => void;
     /** Called when a row attribute changes through drag/drop, board movement, or inline controls. */
-    onAttributeChange?: (rowId: string, attributeId: string, value: unknown) => void;
+    onAttributeChange?: (rowId: string, attributeId: string, value: unknown) => Promise<void> | void;
     /** Called for manual row ordering when a dragged row is dropped before another row. */
-    onReorder?: (rowId: string, beforeRowId?: string) => void;
+    onReorder?: (rowId: string, beforeRowId?: string) => Promise<void> | void;
     onCreateRow?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
     getBoardColumnConfig?: (groupKey: string) => BoardColumnConfig;

package/dist/components/diff-viewer/diff-card-body.d.ts

@@ -15,9 +15,21 @@ interface DiffCardBodyModelInput extends DiffCardBodyProps {
     buildViewData?: typeof buildDiffViewData;
 }
 export declare const createDiffCardBodyModel: (input: DiffCardBodyModelInput) => {
+    kind: "image";
+    filePath: string;
+    oldSrc: string;
+    newSrc: string;
+    isImage?: undefined;
+    renderedLineCount?: undefined;
+    onShowFullDiff?: undefined;
+    diffViewData?: undefined;
+    sideBySide?: undefined;
+} | {
     kind: "binary";
     filePath: string;
     isImage: boolean;
+    oldSrc?: undefined;
+    newSrc?: undefined;
     renderedLineCount?: undefined;
     onShowFullDiff?: undefined;
     diffViewData?: undefined;
@@ -27,6 +39,8 @@ export declare const createDiffCardBodyModel: (input: DiffCardBodyModelInput) =>
     filePath: string;
     renderedLineCount: number;
     onShowFullDiff: (() => void) | undefined;
+    oldSrc?: undefined;
+    newSrc?: undefined;
     isImage?: undefined;
     diffViewData?: undefined;
     sideBySide?: undefined;
@@ -35,6 +49,8 @@ export declare const createDiffCardBodyModel: (input: DiffCardBodyModelInput) =>
     diffViewData: BuiltDiffViewData;
     sideBySide: boolean;
     filePath?: undefined;
+    oldSrc?: undefined;
+    newSrc?: undefined;
     isImage?: undefined;
     renderedLineCount?: undefined;
     onShowFullDiff?: undefined;

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

@@ -39,6 +39,7 @@ export declare const resolveRequestedDiffPath: (input: {
     filePath: string;
     hasDiffContent: boolean;
 }) => string | null;
+export declare const shouldShowDiffStats: (filePath: string) => boolean;
 export declare const DiffCard: (props: DiffCardProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DiffCardHeader: (props: DiffCardHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -13,4 +13,4 @@ export declare const isLargeDiffContent: (input: {
 }) => boolean;
 export declare const isGeneratedDiffPath: (path: string) => boolean;
 export declare const isBinaryDiffPath: (path: string) => boolean;
-export declare const isImageDiffPath: (path: string) => boolean;
+export declare const isImageDiffPath: (filePath: string) => boolean;

package/dist/components/mermaid-renderer/download-png.d.ts

@@ -0,0 +1,7 @@
+interface DownloadMermaidPngOptions {
+    svg: string;
+    zoom: number;
+    filename?: string;
+}
+export declare const downloadMermaidPng: (options: DownloadMermaidPngOptions) => Promise<void>;
+export {};

package/dist/components/mermaid-renderer/index.d.ts

@@ -0,0 +1,2 @@
+export type { MermaidRendererProps } from './mermaid-renderer';
+export { MermaidRenderer } from './mermaid-renderer';

package/dist/components/mermaid-renderer/mermaid-error-state.d.ts

@@ -0,0 +1,6 @@
+interface MermaidErrorStateProps {
+    code: string;
+    error: string;
+}
+export declare const MermaidErrorState: (props: MermaidErrorStateProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/mermaid-renderer/mermaid-fixtures.d.ts

@@ -0,0 +1,9 @@
+export declare const mermaidFixtures: {
+    readonly ps81Flowchart: "flowchart LR\n  Editor[\"Markdown document<br/>editor\"] -->|\"fenced mermaid block\"| Node[\"MermaidNode\"]\n  Node -->|\"source code\"| Renderer[\"MermaidRenderer\"]\n  Renderer -->|\"stable SVG preview\"| Preview[\"Readable inline preview\"]\n  Preview -->|\"zoomed past 100 percent\"| Pan[\"Pannable viewport\"]\n  Renderer -->|\"fullscreen inspect\"| Fullscreen[\"Fullscreen preview\"]\n  Fullscreen -->|\"Download as PNG\"| Export[\"Raster export\"]";
+    readonly sequence: "sequenceDiagram\n  participant User\n  participant Editor\n  participant Renderer\n  User->>Editor: Open document\n  Editor->>Renderer: Render mermaid source\n  Renderer-->>Editor: SVG preview\n  User->>Renderer: Zoom and inspect";
+    readonly state: "stateDiagram-v2\n  [*] --> Preview\n  Preview --> Editing: Edit\n  Editing --> Preview: Preview\n  Preview --> Fullscreen: Fullscreen\n  Fullscreen --> Preview: Close";
+    readonly er: "erDiagram\n  DOCUMENT ||--o{ MERMAID_BLOCK : contains\n  MERMAID_BLOCK ||--|| SVG_PREVIEW : renders\n  SVG_PREVIEW ||--o{ PNG_EXPORT : creates\n  DOCUMENT {\n    string id\n    string title\n  }\n  MERMAID_BLOCK {\n    string source\n  }";
+    readonly class: "classDiagram\n  class MermaidRenderer {\n    +code\n    +zoom()\n    +fullscreen()\n  }\n  class MermaidNode {\n    +getCode()\n    +setCode()\n  }\n  MermaidNode --> MermaidRenderer";
+    readonly gantt: "gantt\n  title Mermaid rendering workflow\n  dateFormat  YYYY-MM-DD\n  section Preview\n  Render SVG           :done, render, 2026-06-01, 2d\n  Inspect fullscreen   :active, inspect, after render, 3d\n  section Export\n  Download PNG         :export, after inspect, 1d";
+    readonly invalid: "flowchart TD\n  A -->";
+};

package/dist/components/mermaid-renderer/mermaid-fullscreen.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface MermaidFullscreenProps {
+    children: ReactNode;
+    canDownload: boolean;
+    open: boolean;
+    onClose: () => void;
+    onDownload: () => void;
+}
+export declare const MermaidFullscreen: (props: MermaidFullscreenProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/mermaid-renderer/mermaid-renderer.d.ts

@@ -0,0 +1,8 @@
+export interface MermaidRendererProps {
+    code: string;
+    initialFullscreenOpen?: boolean;
+    initialZoom?: number;
+    isEditable?: boolean;
+    onRequestEdit?: () => void;
+}
+export declare const MermaidRenderer: (props: MermaidRendererProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/mermaid-renderer/mermaid-svg-view.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+interface MermaidSvgViewProps {
+    svg: string;
+    zoom: number;
+    allowPanAtDefaultZoom?: boolean;
+    maxHeight?: string;
+    minHeight?: string;
+    overlayActions?: ReactNode;
+    onZoomChange: (zoom: number) => void;
+}
+export declare const MermaidSvgView: (props: MermaidSvgViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/mermaid-renderer/mermaid-toolbar.d.ts

@@ -0,0 +1,12 @@
+interface MermaidInlineToolbarProps {
+    isEditable: boolean;
+    onRequestEdit?: () => void;
+    onOpenFullscreen: () => void;
+}
+interface MermaidZoomControlsProps {
+    zoom: number;
+    onZoomChange: (zoom: number) => void;
+}
+export declare const MermaidInlineToolbar: (props: MermaidInlineToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MermaidZoomControls: (props: MermaidZoomControlsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/mermaid-renderer/mermaid-zoom.d.ts

@@ -0,0 +1,6 @@
+export declare const MERMAID_MIN_ZOOM = 0.5;
+export declare const MERMAID_MAX_ZOOM = 3;
+export declare const MERMAID_ZOOM_STEP = 0.25;
+export declare const clampMermaidZoom: (value: number) => number;
+export declare const zoomIn: (zoom: number) => number;
+export declare const zoomOut: (zoom: number) => number;

package/dist/components/mermaid-renderer/svg-data-url.d.ts

@@ -0,0 +1,6 @@
+export declare const resolveSvgSize: (svg: string) => {
+    width: number;
+    height: number;
+};
+export declare const normalizeSvgForImage: (svg: string) => string;
+export declare const createSvgDataUrl: (svg: string) => string;

package/dist/components/mermaid-renderer/use-mermaid-render.d.ts

@@ -0,0 +1,5 @@
+export declare const useMermaidRender: (code: string) => {
+    svg: string;
+    error: string;
+    isRendering: boolean;
+};

package/dist/components/palette-shortcut.d.ts

@@ -1,4 +1,12 @@
+import { LucideIcon } from 'lucide-react';
 export type PaletteShortcutBinding = string | string[];
+type ShortcutPlatform = "linux" | "mac" | "win";
+interface ShortcutDisplayPart {
+    label: string;
+    Icon?: LucideIcon;
+}
+export declare const resolveShortcutDisplayPart: (label: string, platform?: ShortcutPlatform) => ShortcutDisplayPart;
 export declare const PaletteShortcut: (props: {
     binding: PaletteShortcutBinding;
 }) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -48,6 +48,8 @@ export type { ItemSectionProps } from './components/item-section';
 export { ItemSection } from './components/item-section';
 export { ListRow } from './components/list-row/list-row';
 export type { ListRowAction, ListRowActionContext, ListRowActionMenuItem, ListRowItem, ListRowNavigationIntent, } from './components/list-row/list-row.types';
+export type { MermaidRendererProps } from './components/mermaid-renderer';
+export { MermaidRenderer } from './components/mermaid-renderer';
 export type { OpenSourceNotice, OpenSourceNoticesScreenProps, } from './components/open-source-notices-screen';
 export { OpenSourceNoticesScreen } from './components/open-source-notices-screen';
 export type { FilterPaletteEntriesOptions, PaletteEntry, PaletteEscapeContext, PaletteMode, PaletteProps, PaletteSearchEntry, PaletteState, PaletteStateValue, } from './components/palette';
@@ -61,6 +63,7 @@ export { Radio, RadioGroup } from './components/radio';
 export type { RepoPickerDialogEntry, RepoPickerDialogProps } from './components/repo-picker-dialog';
 export { RepoPickerDialog } from './components/repo-picker-dialog';
 export { ResizableSplitLayout } from './components/resizable-split-layout';
+export { ResourceBadge } from './components/resource-badge';
 export type { ResourceContextAction } from './components/resource-context-menu';
 export { ResourceContextMenu } from './components/resource-context-menu';
 export { ScrollArea } from './components/scroll-area';