@pstdio/ui 0.2.1 → 0.2.2

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

@@ -0,0 +1 @@
+export {};

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

@@ -5,12 +5,12 @@ declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content"
             root: {
                 mb: "md";
                 flexDirection: "row";
-                "& > div": {
-                    marginLeft: "lg";
-                };
             };
             content: {
-                bg: "bg.muted";
+                border: "1px solid";
+                borderColor: "border.muted";
+                bg: "bg.subtle";
+                width: "full";
                 borderBottomRightRadius: number;
             };
         };
@@ -19,9 +19,9 @@ declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content"
                 mb: "md";
                 flexDirection: "row";
                 justifyContent: "start";
-                "& > div": {
-                    marginRight: "lg";
-                };
+            };
+            content: {
+                width: "full";
             };
         };
         developer: {
@@ -65,7 +65,7 @@ declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content"
     shape: {
         rounded: {
             content: {
-                rounded: "lg";
+                rounded: "xs";
             };
         };
         pill: {

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

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof MessagePartsRenderer>;
 export declare const AssistantReasoningAndToolParts: Story;
 export declare const UserTextParts: Story;
+export declare const ErrorParts: Story;

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

@@ -4,3 +4,11 @@ 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;
+    responses: SessionMessage[];
+}
+export declare const groupMessagesByTurn: (messages: SessionMessage[]) => {
+    groups: MessageGroup[];
+    leadingResponses: SessionMessage[];
+};

package/dist/components/menu-item.d.ts

@@ -9,6 +9,8 @@ type MenuItemVariant = "default" | "compact";
 export interface MenuItemProps {
     id?: string;
     children?: ReactNode;
+    /** When true, the single child element becomes the root element (e.g. a Link for cmd+click support). */
+    asChild?: boolean;
     isDisabled?: boolean;
     isSelected?: boolean;
     primaryLabel: string;
@@ -36,5 +38,5 @@ export interface MenuItemProps {
     onMouseDown?: ChakraMenuItemProps["onMouseDown"];
     onMouseEnter?: ChakraMenuItemProps["onMouseEnter"];
 }
-export declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/menu-item.stories.d.ts

@@ -4,7 +4,7 @@ type StoryFn = () => ReactNode;
 type MenuItemStoryArgs = ComponentProps<typeof MenuItem>;
 declare const meta: {
     title: string;
-    component: (props: import('./menu-item').MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: (props: import('./menu-item').MenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
     decorators: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];
     args: {
         id: string;

package/dist/components/rich-text/rich-message/rich-message.d.ts

@@ -1,6 +1,7 @@
 export interface RichMessageProps {
     debug?: boolean;
     defaultState: string;
+    fullWidth?: boolean;
     isEditable?: boolean;
     onChange?: (value: string) => void;
 }

package/dist/components/rich-text/shared/plugins/CodePlugin/CodeNode.d.ts

@@ -15,5 +15,7 @@ export declare class CodeBlockNode extends DecoratorNode<ReactNode> {
     createDOM(): HTMLDivElement;
     updateDOM(): boolean;
     static importJSON(serializedNode: SerializedCodeBlockNode): CodeBlockNode;
+    exportJSON(): SerializedCodeBlockNode;
+    getTextContent(): string;
     decorate(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/rich-text/shared/plugins/CodePlugin/CodeNode.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/scroll-area.d.ts

@@ -4,6 +4,7 @@ type VerticalScrollbarProps = Omit<ChakraScrollArea.ScrollbarProps, "orientation
 type HorizontalScrollbarProps = Omit<ChakraScrollArea.ScrollbarProps, "orientation">;
 export interface ScrollAreaProps extends ChakraScrollArea.RootProps {
     viewportRef?: React.Ref<HTMLDivElement>;
+    contentRef?: React.Ref<HTMLDivElement>;
     viewportProps?: ChakraScrollArea.ViewportProps;
     contentProps?: ChakraScrollArea.ContentProps;
     verticalScrollbarProps?: VerticalScrollbarProps;

package/dist/components/sidebar-next/sidebar-next.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SidebarNavigateEvent, SidebarSection } from '../sidebar-tree/sidebar-tree.types';
+import { SidebarLinkComponent, SidebarNavigateEvent, SidebarSection } from '../sidebar-tree/sidebar-tree.types';
 export interface SidebarNextProps {
     storageKey: string;
     sections: SidebarSection[];
@@ -8,6 +8,7 @@ export interface SidebarNextProps {
     footer?: ReactNode;
     width?: string | number;
     emptyLabel?: string;
+    linkComponent?: SidebarLinkComponent;
     onNavigate?: (event: SidebarNavigateEvent) => void;
     closable?: boolean;
     onOpenChange?: (open: boolean) => void;

package/dist/components/sidebar-tree/sidebar-tree.d.ts

@@ -1,9 +1,10 @@
-import { SidebarNavigateEvent, SidebarSection } from './sidebar-tree.types';
+import { SidebarLinkComponent, SidebarNavigateEvent, SidebarSection } from './sidebar-tree.types';
 interface SidebarTreeProps {
     sections: SidebarSection[];
     expandedSections: string[];
     expandedNodes: string[];
     activeNodeId?: string | null;
+    linkComponent?: SidebarLinkComponent;
     onNavigate?: (event: SidebarNavigateEvent) => void;
     onToggleSection: (sectionId: string) => void;
     onToggleNode: (nodeId: string) => void;

package/dist/components/sidebar-tree/sidebar-tree.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ComponentType, ReactNode } from 'react';
 export interface SidebarNavigationIntent {
     id?: string;
     payload?: unknown;
@@ -10,6 +10,7 @@ export interface SidebarActionContext {
 export interface SidebarActionMenuItem {
     id: string;
     label: string;
+    description?: string;
     icon?: ReactNode;
     onAction?: () => void;
 }
@@ -27,6 +28,8 @@ export interface SidebarNode {
     icon?: ReactNode;
     disabled?: boolean;
     isNavigable?: boolean;
+    /** URL for the node. When provided with a linkComponent, the row renders as an anchor for cmd+click support. */
+    href?: string;
     navigationIntent?: SidebarNavigationIntent;
     actions?: SidebarAction[];
     children?: SidebarNode[];
@@ -44,3 +47,8 @@ export interface SidebarNavigateEvent {
     node: SidebarNode;
     intent?: SidebarNavigationIntent;
 }
+export interface SidebarLinkProps {
+    to: string;
+    children: ReactNode;
+}
+export type SidebarLinkComponent = ComponentType<SidebarLinkProps>;

package/dist/components/tickets/display-menu.d.ts

@@ -0,0 +1,15 @@
+import { DisplayProperty, GroupingField, OrderingField, WorkspaceOption, WorkspaceSettings } from './types';
+interface DisplayMenuProps {
+    settings: WorkspaceSettings;
+    groupingOptions: WorkspaceOption<GroupingField>[];
+    orderingOptions: WorkspaceOption<OrderingField>[];
+    displayPropertyOptions: WorkspaceOption<DisplayProperty>[];
+    onViewModeChange: (value: WorkspaceSettings["viewMode"]) => void;
+    onColumnGroupingChange: (value: GroupingField) => void;
+    onRowGroupingChange: (value: GroupingField) => void;
+    onOrderingFieldChange: (value: OrderingField) => void;
+    onSortDirectionToggle: () => void;
+    onDisplayPropertyToggle: (property: DisplayProperty) => void;
+}
+export declare const DisplayMenu: (props: DisplayMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tickets/display-menu.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const ToggleViewMode: Story;

package/dist/components/tickets/filter-menu.d.ts

@@ -0,0 +1,11 @@
+import { FilterState, WorkspaceFilterCategory } from './types';
+interface FilterMenuProps {
+    categories: WorkspaceFilterCategory[];
+    filters: FilterState;
+    countsByCategory: Record<string, Record<string, number>>;
+    onToggleFilterValue: (category: WorkspaceFilterCategory["id"], value: string) => void;
+    onClearFilter: (category: WorkspaceFilterCategory["id"]) => void;
+    onClearAll: () => void;
+}
+export declare const FilterMenu: (props: FilterMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tickets/filter-menu.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const NoFilters: Story;
+export declare const SelectFilter: Story;

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

@@ -12,11 +12,17 @@ export interface TicketBoardColumnAction {
         size?: number | string;
     }>;
 }
+export interface TicketBoardGroup {
+    key: string;
+    label: string;
+    items: TicketBoardItem[];
+}
 export interface TicketBoardColumn {
     id: string;
     label: string;
     color?: string;
     items: TicketBoardItem[];
+    groups?: TicketBoardGroup[];
     canDragIn: boolean;
     canDragOut: boolean;
     canCreate: boolean;
@@ -26,6 +32,7 @@ interface TicketBoardProps {
     columns: TicketBoardColumn[];
     selectedItemId?: string | null;
     onMoveItem?: (itemId: string, targetColumnId: string) => void;
+    onMoveToGroup?: (itemId: string, targetGroupKey: string) => void;
     onCreateStart?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
 }

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

@@ -0,0 +1,22 @@
+import { FilterCategory, FilterState, GroupingField, WorkspaceOrdering, WorkspaceTicket } from './types';
+interface GroupingOptions {
+    columnGrouping: GroupingField;
+    rowGrouping: GroupingField;
+    knownColumnKeys?: string[];
+}
+interface TicketRowGroup {
+    key: string;
+    label: string;
+    tickets: WorkspaceTicket[];
+}
+interface TicketColumnGroup {
+    key: string;
+    label: string;
+    tickets: WorkspaceTicket[];
+    rows: TicketRowGroup[];
+}
+export declare const orderTickets: (tickets: WorkspaceTicket[], ordering: WorkspaceOrdering) => WorkspaceTicket[];
+export declare const groupTickets: (tickets: WorkspaceTicket[], options: GroupingOptions) => TicketColumnGroup[];
+export declare const filterTickets: (tickets: WorkspaceTicket[], filters: FilterState) => WorkspaceTicket[];
+export declare const countFilterValues: (tickets: WorkspaceTicket[], category: FilterCategory) => Record<string, number>;
+export type { TicketColumnGroup, TicketRowGroup };

package/dist/components/tickets/ticket-grouping.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,29 @@
+import { TicketBoardColumnAction } from './ticket-board';
+import { DisplayProperty, GroupingField, OrderingField, WorkspaceFilterCategory, WorkspaceOption, WorkspaceTicket } from './types';
+interface BoardColumnConfig {
+    color?: string;
+    canDragIn?: boolean;
+    canDragOut?: boolean;
+    canCreate?: boolean;
+    actions?: TicketBoardColumnAction[];
+}
+interface TicketsWorkspaceProps<TTicket extends WorkspaceTicket = WorkspaceTicket> {
+    tickets: TTicket[];
+    storageKey: string;
+    selectedTicketId?: string | null;
+    groupingOptions?: WorkspaceOption<GroupingField>[];
+    orderingOptions?: WorkspaceOption<OrderingField>[];
+    displayPropertyOptions?: WorkspaceOption<DisplayProperty>[];
+    filterCategories?: WorkspaceFilterCategory[];
+    knownColumnKeys?: string[];
+    emptyTitle?: string;
+    emptyDescription?: string;
+    onTicketClick?: (ticket: TTicket) => void;
+    onMoveTicket?: (ticketId: string, targetColumnId: string) => void;
+    onMoveToGroup?: (ticketId: string, targetGroupKey: string) => void;
+    onCreateTicket?: (columnId: string) => void;
+    onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
+    getBoardColumnConfig?: (groupKey: string) => BoardColumnConfig;
+}
+export declare const TicketsWorkspace: <TTicket extends WorkspaceTicket>(props: TicketsWorkspaceProps<TTicket>) => import("react/jsx-runtime").JSX.Element;
+export type { TicketsWorkspaceProps };

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const BoardView: Story;
+export declare const EmptyState: Story;
+export declare const SwitchView: Story;
+export declare const ListGroupCollapse: Story;
+export declare const DragAndDrop: Story;
+export declare const EmptyColumnPersists: Story;

package/dist/components/tickets/types.d.ts

@@ -0,0 +1,49 @@
+export type ViewMode = "board" | "list";
+export type GroupingField = "status" | "complexity" | "assignee" | "priority" | "none";
+export type OrderingField = "manual" | "updated" | "title" | "complexity" | "priority" | "ticketId";
+export type SortDirection = "asc" | "desc";
+export type DisplayProperty = "id" | "status" | "assignee" | "priority" | "complexity" | "labels" | "updated";
+export type FilterCategory = "status" | "assignee" | "priority" | "complexity" | "labels";
+export interface WorkspaceOrdering {
+    field: OrderingField;
+    direction: SortDirection;
+}
+export interface WorkspaceSettings {
+    viewMode: ViewMode;
+    columnGrouping: GroupingField;
+    rowGrouping: GroupingField;
+    ordering: WorkspaceOrdering;
+    displayProperties: DisplayProperty[];
+}
+export type FilterState = Partial<Record<FilterCategory, string[]>>;
+export interface WorkspaceOption<TValue extends string> {
+    value: TValue;
+    label: string;
+}
+export interface WorkspaceFilterOption {
+    value: string;
+    label: string;
+}
+export interface WorkspaceFilterCategory {
+    id: FilterCategory;
+    label: string;
+    options: WorkspaceFilterOption[];
+}
+export interface WorkspaceTicket {
+    id: string;
+    ticketId: string;
+    title: string;
+    status?: string | null;
+    statusColor?: string;
+    assignee?: string | null;
+    priority?: string | null;
+    complexity?: string | null;
+    labels?: string[];
+    updatedAt?: string | null;
+    parentPath?: string[];
+    isSubIssue?: boolean;
+}
+export declare const DEFAULT_WORKSPACE_SETTINGS: WorkspaceSettings;
+export declare const DEFAULT_GROUPING_OPTIONS: WorkspaceOption<GroupingField>[];
+export declare const DEFAULT_ORDERING_OPTIONS: WorkspaceOption<OrderingField>[];
+export declare const DEFAULT_DISPLAY_PROPERTY_OPTIONS: WorkspaceOption<DisplayProperty>[];

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

@@ -0,0 +1,51 @@
+import { FilterCategory, FilterState, WorkspaceSettings } from './types';
+interface WorkspaceSnapshot {
+    settings: WorkspaceSettings;
+    filters: FilterState;
+}
+interface WorkspaceState extends WorkspaceSnapshot {
+    setViewMode: (viewMode: WorkspaceSettings["viewMode"]) => void;
+    setColumnGrouping: (columnGrouping: WorkspaceSettings["columnGrouping"]) => void;
+    setRowGrouping: (rowGrouping: WorkspaceSettings["rowGrouping"]) => void;
+    setOrdering: (ordering: WorkspaceSettings["ordering"]) => void;
+    setOrderingField: (field: WorkspaceSettings["ordering"]["field"]) => void;
+    toggleSortDirection: () => void;
+    toggleDisplayProperty: (property: WorkspaceSettings["displayProperties"][number]) => void;
+    setFilter: (category: FilterCategory, values: string[]) => void;
+    toggleFilterValue: (category: FilterCategory, value: string) => void;
+    clearFilter: (category: FilterCategory) => void;
+    clearAllFilters: () => void;
+    reset: () => void;
+}
+interface CreateTicketsWorkspaceStoreOptions {
+    storageKey: string;
+    initialState?: Partial<WorkspaceSnapshot>;
+}
+export declare const createTicketsWorkspaceStore: (options: CreateTicketsWorkspaceStoreOptions) => Omit<import('zustand').StoreApi<WorkspaceState>, "setState" | "persist"> & {
+    setState(partial: WorkspaceState | Partial<WorkspaceState> | ((state: WorkspaceState) => WorkspaceState | Partial<WorkspaceState>), replace?: false | undefined): unknown;
+    setState(state: WorkspaceState | ((state: WorkspaceState) => WorkspaceState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<WorkspaceState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: WorkspaceState) => void) => () => void;
+        onFinishHydration: (fn: (state: WorkspaceState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<WorkspaceState, unknown, unknown>>;
+    };
+};
+export declare const getTicketsWorkspaceStore: (storageKey: string) => Omit<import('zustand').StoreApi<WorkspaceState>, "setState" | "persist"> & {
+    setState(partial: WorkspaceState | Partial<WorkspaceState> | ((state: WorkspaceState) => WorkspaceState | Partial<WorkspaceState>), replace?: false | undefined): unknown;
+    setState(state: WorkspaceState | ((state: WorkspaceState) => WorkspaceState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<WorkspaceState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: WorkspaceState) => void) => () => void;
+        onFinishHydration: (fn: (state: WorkspaceState) => void) => () => void;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<WorkspaceState, unknown, unknown>>;
+    };
+};
+export declare const useTicketsWorkspaceStore: <T>(storageKey: string, selector: (state: WorkspaceState) => T) => T;
+export type { WorkspaceState };

package/dist/components/tickets/use-workspace-store.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { ChakraProvider } from '@chakra-ui/react';
 export type { AlertProps } from './components/alert';
 export { AlertMessage } from './components/alert';
+export type { BreadcrumbItem } from './components/breadcrumb';
 export { Breadcrumb } from './components/breadcrumb';
 export type { CheckboxProps } from './components/checkbox';
 export { Checkbox } from './components/checkbox';
@@ -39,15 +40,20 @@ export { SidebarNext } from './components/sidebar-next/sidebar-next';
 export { useSidebarNextStore } from './components/sidebar-next/sidebar-next.store';
 export type { SidebarNextProps } from './components/sidebar-next/sidebar-next.types';
 export { SidebarTree } from './components/sidebar-tree/sidebar-tree';
-export type { SidebarAction, SidebarActionContext, SidebarActionMenuItem, SidebarNavigateEvent, SidebarNavigationIntent, SidebarNode, SidebarSection, } from './components/sidebar-tree/sidebar-tree.types';
+export type { SidebarAction, SidebarActionContext, SidebarActionMenuItem, SidebarLinkComponent, SidebarNavigateEvent, SidebarNavigationIntent, SidebarNode, SidebarSection, } from './components/sidebar-tree/sidebar-tree.types';
 export type { SwitchProps } from './components/switch';
 export { Switch } from './components/switch';
+export { DisplayMenu } from './components/tickets/display-menu';
+export { FilterMenu } from './components/tickets/filter-menu';
 export type { TicketBoardColumn, TicketBoardColumnAction, TicketBoardItem } from './components/tickets/ticket-board';
 export { TicketBoard } from './components/tickets/ticket-board';
 export type { TicketCardBadge } from './components/tickets/ticket-card';
 export { TicketCard } from './components/tickets/ticket-card';
 export type { TicketListItem } from './components/tickets/ticket-list';
 export { TicketList } from './components/tickets/ticket-list';
+export { TicketsWorkspace } from './components/tickets/tickets-workspace';
+export type { DisplayProperty, FilterCategory, FilterState, GroupingField, OrderingField, SortDirection, ViewMode, WorkspaceFilterCategory, WorkspaceFilterOption, WorkspaceOption, WorkspaceOrdering, WorkspaceSettings, WorkspaceTicket, } from './components/tickets/types';
+export { useTicketsWorkspaceStore } from './components/tickets/use-workspace-store';
 export { Toaster, toaster } from './components/toaster';
 export { Tooltip } from './components/tooltip';
 export { psTheme } from './theme';