@pstdio/ui 0.24.1 → 0.25.0

package/dist/components/activity/activity-comment.d.ts

@@ -1,8 +1,15 @@
-import { HTMLChakraProps } from '@chakra-ui/react';
+import { HTMLChakraProps, RecipeVariantProps } from '@chakra-ui/react';
 import { ReactNode } from 'react';
+import { activityCommentSlotRecipe as recipe } from '../../theme/recipes/activity-comment';
 import { ActivityActor } from './activity.types';
-export interface ActivityCommentProps extends Omit<HTMLChakraProps<"article">, "title"> {
+type ActivityCommentVariantProps = RecipeVariantProps<typeof recipe>;
+interface ActivityCommentRootProps extends HTMLChakraProps<"article">, ActivityCommentVariantProps {
+}
+export interface ActivityCommentProps extends Omit<ActivityCommentRootProps, "title"> {
     actor: ActivityActor;
+    icon?: ReactNode;
+    iconColor?: string;
+    iconBackground?: string;
     timestamp?: ReactNode;
     actions?: ReactNode;
     replies?: ReactNode;
@@ -17,3 +24,4 @@ export interface ActivityReplyProps extends Omit<HTMLChakraProps<"div">, "title"
 }
 export declare const ActivityReply: (props: ActivityReplyProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ActivityComment: (props: ActivityCommentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -4,6 +4,7 @@ import { ActivityComposer } from './activity-composer';
 import { ActivityEvent } from './activity-event';
 import { ActivityFeed, ActivityHeader, ActivityRoot } from './activity-root';
 import { ActivityTimeline } from './activity-timeline';
+import { ResourceActivityFeed } from './resource-activity-feed';
 export type { ActivityActor } from './activity.types';
 export type { ActivityAvatarProps } from './activity-avatar';
 export type { ActivityCommentProps, ActivityReplyProps } from './activity-comment';
@@ -11,7 +12,8 @@ export type { ActivityComposerProps } from './activity-composer';
 export type { ActivityEventProps } from './activity-event';
 export type { ActivityFeedProps, ActivityHeaderProps, ActivityRootProps } from './activity-root';
 export type { ActivityTimelineProps } from './activity-timeline';
-export { ActivityAvatar, ActivityComment, ActivityComposer, ActivityEvent, ActivityFeed, ActivityHeader, ActivityReply, ActivityRoot, ActivityTimeline, };
+export type { ResourceActivityFeedAction, ResourceActivityFeedAttention, ResourceActivityFeedEventItem, ResourceActivityFeedItem, ResourceActivityFeedMessageItem, ResourceActivityFeedProps, ResourceActivityFeedSize, ResourceActivityIconName, ResourceActivityRelatedResource, } from './resource-activity-feed';
+export { ActivityAvatar, ActivityComment, ActivityComposer, ActivityEvent, ActivityFeed, ActivityHeader, ActivityReply, ActivityRoot, ActivityTimeline, ResourceActivityFeed, };
 export declare const Activity: {
     Root: (props: import('./activity-root').ActivityRootProps) => import("react/jsx-runtime").JSX.Element;
     Header: (props: import('./activity-root').ActivityHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/activity/resource-activity-feed.d.ts

@@ -0,0 +1,58 @@
+import { StackProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+import { ActivityActor } from './activity.types';
+export type ResourceActivityFeedSize = "comfortable" | "compact";
+export type ResourceActivityIconName = "activity" | "bell" | "circle-alert" | "component" | "external-link" | "git-branch" | "info" | "message-circle" | "scan-search" | "sparkles";
+export interface ResourceActivityRelatedResource {
+    id: string;
+    type: string;
+    label: string;
+}
+export interface ResourceActivityFeedAction {
+    id: string;
+    label: string;
+    icon?: ResourceActivityIconName;
+}
+export interface ResourceActivityFeedAttention {
+    statusLabel?: string;
+    icon?: ResourceActivityIconName;
+    actions?: readonly ResourceActivityFeedAction[];
+}
+interface ResourceActivityFeedItemBase {
+    id: string;
+    createdAt: string;
+    timestampLabel?: string;
+    actor?: ActivityActor;
+    icon?: ResourceActivityIconName;
+    relatedResources?: readonly ResourceActivityRelatedResource[];
+}
+export interface ResourceActivityFeedEventItem extends ResourceActivityFeedItemBase {
+    kind: "event";
+    summary: string;
+}
+export interface ResourceActivityFeedMessageItem extends ResourceActivityFeedItemBase {
+    kind: "message";
+    markdown: string;
+    attention?: ResourceActivityFeedAttention;
+}
+export type ResourceActivityFeedItem = ResourceActivityFeedEventItem | ResourceActivityFeedMessageItem;
+export interface ResourceActivityFeedProps extends Omit<StackProps, "children"> {
+    items: readonly ResourceActivityFeedItem[];
+    size?: ResourceActivityFeedSize;
+    isLoading?: boolean;
+    error?: string | null;
+    hasMore?: boolean;
+    isLoadingMore?: boolean;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    errorTitle?: string;
+    loadMoreLabel?: string;
+    loadingLabel?: string;
+    fallbackActorName?: string;
+    formatTimestamp?: (createdAt: string, item: ResourceActivityFeedItem) => ReactNode;
+    onActionSelect?: (action: ResourceActivityFeedAction, item: ResourceActivityFeedMessageItem) => void;
+    onLoadMore?: () => void;
+    onRelatedResourceSelect?: (resource: ResourceActivityRelatedResource, item: ResourceActivityFeedItem) => void;
+}
+export declare const ResourceActivityFeed: (props: ResourceActivityFeedProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -4,7 +4,7 @@ import { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './chat-input
 export interface ChatInputProps {
     defaultState: string;
     placeholder?: string;
-    onSubmit?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void;
+    onSubmit?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void | Promise<void>;
     onInterrupt?: () => void;
     onAttachFiles?: (files: File[]) => void;
     onAttachText?: (text: string) => void;

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

@@ -16,7 +16,7 @@ export interface ChatPanelProps {
     loaderComponent?: ReactNode;
     chatInputPlaceholder: string;
     chatInputDefaultValue?: string;
-    onSubmitMessage?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void;
+    onSubmitMessage?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void | Promise<void>;
     onInterrupt?: () => void;
     onAttachFiles?: (files: File[]) => void;
     onAttachText?: (text: string) => void;

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

@@ -5,7 +5,7 @@ export declare const buildTimelineDocFromInvocations: (invocations: ToolPart[],
     items: (Item | {
         indicator: {
             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";
+            readonly icon: "search" | "dot" | "file" | "danger" | "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/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" | "terminal" | "shell" | "ls" | "read_file" | "write_file" | "delete_file" | "patch" | "upload_files" | "download_file" | "move_file" | "browser" | "question" | "todo";
+    readonly icon: "search" | "dot" | "file" | "danger" | "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, detailStyle?: "monospace") => TitleSegment[];
 export declare const getInputObject: (invocation: ToolPart) => Record<string, unknown> | null;

package/dist/components/tab-strip/window-tabs.d.ts

@@ -9,6 +9,7 @@ export interface WindowTabsProps {
     selectedId?: string;
     onSelect: (id: string) => void;
     onClose: (id: string) => void;
+    onReorder?: (id: string, targetId: string) => void;
     "aria-label": string;
 }
 export declare const WindowTabs: (props: WindowTabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/data-table.js

@@ -4,12 +4,12 @@ import { Text as O, Popover as te, HStack as Ee, Portal as ue, Image as dt, Butt
 import { flexRender as be, useReactTable as mt, getPaginationRowModel as ft, getCoreRowModel as ht, getSortedRowModel as gt } from "@tanstack/react-table";
 import { isValidElement as Fe, cloneElement as bt, useRef as Te, useState as Q, useEffect as Ke, Fragment as pt } from "react";
 import { S as xe, T as Je } from "./browser-storage-DPtOQJx0.js";
-import { u as St } from "./kanban-renderer-toolbar-ebqlG13w.js";
+import { u as St } from "./kanban-renderer-toolbar-DzY6THJY.js";
 import { Braces as wt, ChevronRight as xt, CircleHelp as yt, Minus as Ct, Check as ye, ChevronDown as vt, Settings2 as Rt, GripVertical as It, ArrowUpAZ as Xe, ArrowDownAZ as qe, MoreVertical as At } from "lucide-react";
-import { C as Ce, S as $t } from "./lazy-markdown-editor-Obb0M8xc.js";
-import { L as ce, S as _t, R as kt } from "./list-row-CRi3Luog.js";
-import { c as ie, g as zt, i as Ge, f as Tt, D as Dt, E as Vt, r as Mt, a as De, s as Pt, b as Ht, d as Lt, e as Ot, h as Wt, j as Nt, k as jt, l as Et, m as Bt, n as Ft, o as Kt, S as Jt, P as Xt } from "./edit-mode-data-table-BrydKuMM.js";
-import { P as qt } from "./param-editor-DhoxgwGd.js";
+import { C as Ce, S as $t } from "./lazy-markdown-editor-ClZPZuaU.js";
+import { L as ce, S as _t, R as kt } from "./list-row-BDoV_iMV.js";
+import { c as ie, g as zt, i as Ge, f as Tt, D as Dt, E as Vt, r as Mt, a as De, s as Pt, b as Ht, d as Lt, e as Ot, h as Wt, j as Nt, k as jt, l as Et, m as Bt, n as Ft, o as Kt, S as Jt, P as Xt } from "./edit-mode-data-table-B8UpWb7i.js";
+import { P as qt } from "./param-editor-CTx3mDxQ.js";
 import { useSensors as Gt, useSensor as Ut, PointerSensor as Yt, DndContext as Zt, closestCenter as Qt } from "@dnd-kit/core";
 import { SortableContext as eo, verticalListSortingStrategy as to, useSortable as oo } from "@dnd-kit/sortable";
 import { CSS as lo } from "@dnd-kit/utilities";

package/dist/diff.js

@@ -9,8 +9,8 @@ import { useVirtualizer as Nt, defaultRangeExtractor as Ht } from "@tanstack/rea
 import { T as Ot, S as qe } from "./browser-storage-DPtOQJx0.js";
 import { ChevronRight as Ye, ChevronDown as $t, Check as dt, Copy as Vt, Settings2 as jt, ListTree as Gt, List as Wt, PanelLeftClose as Kt, PanelLeftOpen as Qt, Rows2 as qt, SquareSplitHorizontal as Ut, ChevronsUpDown as Yt, ChevronsDownUp as Xt, FileText as Jt, Search as Zt } from "lucide-react";
 import { E as Se } from "./empty-state-Bo4HVrgr.js";
-import { L as en, H as ct } from "./list-row-CRi3Luog.js";
-import { T as tn, R as nn } from "./tree-list-DXwHWodb.js";
+import { L as en, H as ct } from "./list-row-BDoV_iMV.js";
+import { T as tn, R as nn } from "./tree-list-CZvcg3_6.js";
 import { create as ln } from "zustand";
 const on = (n) => {
   let e;

package/dist/{edit-mode-data-table-BrydKuMM.js → edit-mode-data-table-B8UpWb7i.js}

@@ -3,11 +3,11 @@ import { c as j } from "react/compiler-runtime";
 import { Popover as oe, IconButton as Z, Text as ie, Box as ne, Icon as $, Portal as qe, chakra as Ht, Flex as le, Table as L, Button as Ie, Menu as J, Stack as wt } from "@chakra-ui/react";
 import { isValidElement as Ct, useRef as ft, useEffect as ht, useState as ve } from "react";
 import { S as St } from "./browser-storage-DPtOQJx0.js";
-import { K as Pt, f as Tt, u as Mt } from "./kanban-renderer-toolbar-ebqlG13w.js";
+import { K as Pt, f as Tt, u as Mt } from "./kanban-renderer-toolbar-DzY6THJY.js";
 import { Settings2 as Ot, CalendarClock as Nt, Type as $t, Hash as Bt, CheckCircle2 as Vt, Check as gt, X as xt, Minus as Lt, Plus as vt, Trash2 as yt, Pencil as jt, ChevronsLeft as Kt, ChevronLeft as Ft, ChevronRight as Xt, ChevronsRight as Gt } from "lucide-react";
-import { S as Ut, C as Rt, N as Yt, a as qt } from "./lazy-markdown-editor-Obb0M8xc.js";
+import { S as Ut, C as Rt, N as Yt, a as qt } from "./lazy-markdown-editor-ClZPZuaU.js";
 import { createColumnHelper as Jt } from "@tanstack/react-table";
-import { R as It, L as kt } from "./list-row-CRi3Luog.js";
+import { R as It, L as kt } from "./list-row-BDoV_iMV.js";
 const Qt = (t) => {
   const e = j(8), {
     rows: l,
@@ -843,4 +843,4 @@ export {
   qn as r,
   sn as s
 };
-//# sourceMappingURL=edit-mode-data-table-BrydKuMM.js.map
+//# sourceMappingURL=edit-mode-data-table-B8UpWb7i.js.map