@pstdio/ui 0.5.1 → 0.5.2

package/dist/components/app-shell/app-shell.d.ts

@@ -0,0 +1 @@
+export declare const AppShell: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/app-shell/command-palette.d.ts

@@ -0,0 +1,16 @@
+import { WorkspaceTicket } from '../tickets/types';
+export interface CommandPaletteHandlers {
+    onOpenTickets: () => void;
+    onOpenSessions: () => void;
+    onOpenProjectSettings: () => void;
+    onOpenGlobalSettings: () => void;
+    onOpenProjects: () => void;
+    onSelectTicket: (ticket: WorkspaceTicket) => void;
+    onSelectSession: (sessionId: string) => void;
+}
+interface CommandPaletteProps extends CommandPaletteHandlers {
+    open: boolean;
+    onClose: () => void;
+}
+export declare const CommandPalette: (props: CommandPaletteProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/app-shell/file-tree.d.ts

@@ -0,0 +1,7 @@
+interface FileTreeProps {
+    paths: string[];
+    selectedPath: string | null;
+    onSelectPath: (path: string) => void;
+}
+export declare const FileTree: (props: FileTreeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/app-shell/mock-chat.d.ts

@@ -0,0 +1,2 @@
+import { SessionMessage } from '../chat-ui/components/message-types';
+export declare const mockChatMessages: SessionMessage[];

package/dist/components/app-shell/mock-data.d.ts

@@ -0,0 +1,37 @@
+import { Diff } from '../diff-card';
+import { WorkspaceTagDefinition, WorkspaceTicket } from '../tickets/types';
+export interface MockProject {
+    id: string;
+    name: string;
+    repoPath: string;
+    description: string;
+}
+export interface MockSession {
+    id: string;
+    title: string;
+    preview: string;
+    status: "in_progress" | "awaiting_input" | "completed" | "failed";
+    updatedAt: string;
+}
+export declare const mockProjects: MockProject[];
+export declare const mockTagDefinitions: WorkspaceTagDefinition[];
+export declare const mockTickets: WorkspaceTicket[];
+export declare const mockTicketDescription = "## Goal\n\nMirror the dashboard surface inside Storybook so design and engineering can review whole-page composition without booting the app.\n\n## Notes\n\n- Use mock data only \u2014 no async loading.\n- Sidebar navigation should switch between pages.\n- All pages share the same shell.";
+export declare const mockSessions: MockSession[];
+export interface MockWorkspace {
+    id: string;
+    shorthand: string;
+    ticketId: string;
+    branch: string;
+    status: "in_progress" | "completed" | "failed";
+}
+export declare const mockWorkspaces: MockWorkspace[];
+export declare const mockDiffs: Diff[];
+export interface MockCheck {
+    id: string;
+    name: string;
+    status: "passed" | "failed" | "running";
+    duration: string;
+    details: string;
+}
+export declare const mockChecks: MockCheck[];

package/dist/components/app-shell/pages/project-list-page.d.ts

@@ -0,0 +1,7 @@
+import { MockProject } from '../mock-data';
+interface ProjectListPageProps {
+    onSelectProject: (project: MockProject) => void;
+    onOpenSettings: () => void;
+}
+export declare const ProjectListPage: (props: ProjectListPageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/app-shell/pages/sessions-page.d.ts

@@ -0,0 +1,6 @@
+interface SessionsPageProps {
+    selectedSessionId: string | null;
+    onSelectSession: (sessionId: string) => void;
+}
+export declare const SessionsPage: (props: SessionsPageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/app-shell/pages/settings-page.d.ts

@@ -0,0 +1,5 @@
+interface SettingsPageProps {
+    scope: "global" | "project";
+}
+export declare const SettingsPage: (props: SettingsPageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/app-shell/pages/ticket-details-page.d.ts

@@ -0,0 +1,7 @@
+import { WorkspaceTicket } from '../../tickets/types';
+interface TicketDetailsPageProps {
+    ticket: WorkspaceTicket;
+    onOpenWorkspace: (workspaceShorthand: string) => void;
+}
+export declare const TicketDetailsPage: (props: TicketDetailsPageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/app-shell/pages/tickets-page.d.ts

@@ -0,0 +1,7 @@
+import { WorkspaceTicket } from '../../tickets/types';
+export declare const TICKETS_STORAGE_KEY = "app-shell-tickets";
+interface TicketsPageProps {
+    onSelectTicket: (ticket: WorkspaceTicket) => void;
+}
+export declare const TicketsPage: (props: TicketsPageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/app-shell/pages/workspace-page.d.ts

@@ -0,0 +1 @@
+export declare const WorkspacePage: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/app-shell/resizable-panel.d.ts

@@ -0,0 +1,13 @@
+import { FlexProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+interface ResizablePanelProps extends Omit<FlexProps, "children"> {
+    children: ReactNode;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    handleSide?: "left" | "right";
+    ariaLabel?: string;
+    onWidthChange?: (width: number) => void;
+}
+export declare const ResizablePanel: (props: ResizablePanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -7,13 +7,14 @@ declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content"
                 flexDirection: "row";
             };
             content: {
-                border: "1px solid";
+                borderTopWidth: "1px";
+                borderBottomWidth: "1px";
                 borderColor: "border.muted";
                 bg: "bg.subtle";
                 px: "xs";
                 py: "xs";
                 width: "full";
-                borderBottomRightRadius: number;
+                borderRadius: "0";
             };
         };
         assistant: {
@@ -24,6 +25,7 @@ declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content"
             };
             content: {
                 width: "full";
+                px: "xs";
             };
         };
         developer: {
@@ -58,17 +60,17 @@ declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"content"
     shape: {
         rounded: {
             content: {
-                rounded: "xs";
+                rounded: "0";
             };
         };
         pill: {
             content: {
-                rounded: "full";
+                rounded: "0";
             };
         };
         square: {
             content: {
-                rounded: "none";
+                rounded: "0";
             };
         };
     };

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

@@ -14,6 +14,7 @@ interface ChatInputProps {
     actions?: ReactNode;
     attachedToTop?: boolean;
     questionPrompt?: ChatInputQuestionPrompt;
+    autoFocus?: boolean;
 }
 export declare const ChatInput: (props: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -23,6 +23,7 @@ interface ChatPanelProps {
     workspaceInitializing?: boolean;
     inputDisabled?: boolean;
     chatInputQuestionPrompt?: ChatInputQuestionPrompt;
+    chatInputAutoFocus?: boolean;
 }
 export declare const ChatPanel: (props: ChatPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+import { AgentId, SessionMessage } from '../../agent-types';
+export type ConversationFixture = {
+    id: string;
+    agent: AgentId;
+    label: string;
+    description: string;
+    messages: SessionMessage[];
+};
+export declare const fixtures: ConversationFixture[];
+export declare const fixturesById: Map<string, ConversationFixture>;

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

@@ -1,5 +1,6 @@
 import { BoxProps, TextProps } from '@chakra-ui/react';
 export interface ContentPlaceholderProps extends BoxProps {
 }
+export declare const contentPlaceholderBackgroundImage = "url(\"data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.2' fillRule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E\")";
 export declare const ContentPlaceholder: (props: ContentPlaceholderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Label: (props: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/header.d.ts

@@ -0,0 +1,7 @@
+import { StackProps } from '@chakra-ui/react';
+import * as React from "react";
+export type HeaderVariant = "main" | "narrow" | "input";
+export interface HeaderProps extends Omit<StackProps, "variant"> {
+    variant?: HeaderVariant;
+}
+export declare const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/list-row/list-row-actions.d.ts

@@ -0,0 +1,10 @@
+import { ListRowAction } from './list-row.types';
+interface RowActionsProps {
+    actions: ListRowAction[];
+    context: {
+        sectionId?: string;
+        nodeId?: string;
+    };
+}
+export declare const RowActions: (props: RowActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/list-row/list-row.d.ts

@@ -0,0 +1,2 @@
+import { ListRowProps } from './list-row.types';
+export declare const ListRow: import('react').ForwardRefExoticComponent<ListRowProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/list-row/list-row.types.d.ts

@@ -0,0 +1,85 @@
+import { chakra, IconProps } from '@chakra-ui/react';
+import { ComponentPropsWithoutRef, ComponentType, DragEvent as ReactDragEvent, MouseEvent as ReactMouseEvent, ReactNode, PointerEvent as ReactPointerEvent } from 'react';
+export interface ListRowNavigationIntent {
+    id?: string;
+    payload?: unknown;
+}
+export interface ListRowActionContext {
+    sectionId?: string;
+    nodeId?: string;
+}
+export interface ListRowActionMenuItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode | ComponentType<{
+        size?: number | string;
+    }>;
+    disabled?: boolean;
+    onAction?: () => void;
+}
+export interface ListRowAction {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    searchPlaceholder?: string;
+    emptyMenuLabel?: string;
+    menuItems?: ListRowActionMenuItem[];
+    onAction?: (context: ListRowActionContext) => void;
+}
+export type ListRowVariant = "default" | "compact" | "tree";
+export type ListRowTone = "default" | "danger";
+export interface ListRowItem {
+    id?: string;
+    label: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    iconColor?: IconProps["color"];
+    indicator?: {
+        icon: ReactNode;
+        color?: IconProps["color"];
+        tooltip?: string | null;
+    };
+    /** Custom content rendered on the right, before any hover actions. Use for Kbd shortcuts, counts, or badges. */
+    endContent?: ReactNode;
+    /** Tooltip shown on hover. Can be a string or ReactNode (e.g. Kbd shortcut hint). */
+    tooltip?: ReactNode;
+    disabled?: boolean;
+    /** Force chevron rendering even when children is empty (e.g. lazy-loaded folders). */
+    isContainer?: boolean;
+    isNavigable?: boolean;
+    href?: string;
+    navigationIntent?: ListRowNavigationIntent;
+    onActivate?: () => void;
+    contextMenuItems?: ListRowActionMenuItem[];
+    actions?: ListRowAction[];
+    children?: ListRowItem[];
+}
+type ListRowRootProps = ComponentPropsWithoutRef<typeof chakra.div>;
+export interface ListRowProps extends ListRowItem, Omit<ListRowRootProps, "as" | "asChild" | "children" | "draggable" | "onClick" | "onDragEnd" | "onDragOver" | "onDragStart" | "onDrop" | "onPointerMove" | keyof ListRowItem> {
+    depth?: number;
+    isSelected?: boolean;
+    isExpanded?: boolean;
+    showExpandToggle?: boolean;
+    variant?: ListRowVariant;
+    tone?: ListRowTone;
+    /** Wrap content into a single child element. Used for `<Menu.Item asChild><ListRow asChild>…</ListRow></Menu.Item>` and link components. */
+    asChild?: boolean;
+    onToggleExpand?: () => void;
+    onClick?: (event: ReactMouseEvent<HTMLElement>) => void;
+    onPointerMove?: (event: ReactPointerEvent<HTMLElement>) => void;
+    draggable?: boolean;
+    onDragStart?: (event: ReactDragEvent<HTMLElement>) => void;
+    onDragOver?: (event: ReactDragEvent<HTMLElement>) => void;
+    onDragEnd?: (event: ReactDragEvent<HTMLElement>) => void;
+    onDrop?: (event: ReactDragEvent<HTMLElement>) => void;
+}
+export interface RowContentProps {
+    item: ListRowItem;
+    isExpanded: boolean;
+    showChevron: boolean;
+    isDisabled: boolean;
+    variant: ListRowVariant;
+    tone: ListRowTone;
+}
+export {};

package/dist/components/{sidebar-tree → list-row}/searchable-action-menu.d.ts

@@ -1,6 +1,6 @@
-import { SidebarAction } from './sidebar-tree.types';
+import { ListRowAction } from './list-row.types';
 interface SearchableActionMenuProps {
-    action: SidebarAction;
+    action: ListRowAction;
 }
 export declare const SearchableActionMenu: (props: SearchableActionMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/panel-header.constants.d.ts

@@ -1 +1 @@
-export declare const PANEL_HEADER_HEIGHT = "2.5625rem";
+export declare const PANEL_HEADER_HEIGHT = "2.5rem";

package/dist/components/resource-context-menu.d.ts

@@ -1,13 +1,12 @@
 import { Menu } from '@chakra-ui/react';
 import { ComponentProps, ReactNode } from 'react';
-import { MenuItem } from './menu-item';
 type MenuRootProps = ComponentProps<typeof Menu.Root>;
 export interface ResourceContextAction {
     key: string;
     label: string;
     onClick: () => void;
     isDisabled?: boolean;
-    icon?: ComponentProps<typeof MenuItem>["leftIcon"];
+    icon?: ReactNode;
 }
 interface ResourceContextMenuProps {
     actions: ResourceContextAction[];

package/dist/components/sidebar/sidebar-project-menu.d.ts

@@ -1,10 +1,7 @@
 interface SidebarProjectMenuProps {
     name: string;
     projectsLabel: string;
-    themeModeLabel: string;
-    isDarkMode: boolean;
     onSelectProjects: () => void;
-    onToggleThemePreference: () => void;
 }
 export declare const SidebarProjectMenu: (props: SidebarProjectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/sidebar/sidebar.store.d.ts

@@ -2,6 +2,7 @@ interface SidebarSnapshot {
     open: boolean;
     expandedSections: string[];
     expandedNodes: string[];
+    width: number | null;
 }
 interface SidebarState extends SidebarSnapshot {
     openSidebar: () => void;
@@ -11,6 +12,7 @@ interface SidebarState extends SidebarSnapshot {
     toggleNode: (nodeId: string) => void;
     setSectionExpanded: (sectionId: string, expanded: boolean) => void;
     setNodeExpanded: (nodeId: string, expanded: boolean) => void;
+    setWidth: (width: number) => void;
     reset: () => void;
 }
 interface CreateSidebarStoreOptions {

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

@@ -1,16 +1,22 @@
 import { ReactNode } from 'react';
-import { SidebarLinkComponent, SidebarNavigateEvent, SidebarSection } from '../sidebar-tree/sidebar-tree.types';
+import { TreeListLinkComponent, TreeListNavigateEvent, TreeListSection } from '../tree-list/tree-list.types';
 export interface SidebarProps {
     storageKey: string;
-    sections: SidebarSection[];
+    sections: TreeListSection[];
     activeNodeId?: string | string[] | null;
     header?: ReactNode;
     footer?: ReactNode;
+    /** Initial width when resizable. Set explicitly to override the persisted width. */
     width?: string | number;
     emptyLabel?: string;
     defaultExpandedSections?: string[];
-    linkComponent?: SidebarLinkComponent;
-    onNavigate?: (event: SidebarNavigateEvent) => void;
+    linkComponent?: TreeListLinkComponent;
+    onNavigate?: (event: TreeListNavigateEvent) => void;
     closable?: boolean;
     onOpenChange?: (open: boolean) => void;
+    /** Allow the user to drag the right edge to resize. Defaults to `true`. */
+    resizable?: boolean;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
 }

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

@@ -19,6 +19,7 @@ interface TicketsWorkspaceProps<TTicket extends WorkspaceTicket = WorkspaceTicke
     knownColumnKeys?: string[];
     emptyTitle?: string;
     emptyDescription?: string;
+    hideToolbar?: boolean;
     onTicketClick?: (ticket: TTicket) => void;
     onTagChange?: (ticketId: string, tagName: string, newValue: string) => void;
     onMoveTicket?: (ticketId: string, targetColumnId: string, context?: {

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

@@ -0,0 +1,18 @@
+import { StackProps } from '@chakra-ui/react';
+import { TreeListLinkComponent, TreeListNavigateEvent, TreeListSection } from './tree-list.types';
+type TreeListRowVariant = "compact" | "tree";
+interface TreeListProps {
+    sections: TreeListSection[];
+    expandedSectionIds?: string[];
+    expandedNodeIds?: string[];
+    activeNodeId?: string | string[] | null;
+    rowVariant?: TreeListRowVariant;
+    sectionGap?: StackProps["gap"];
+    nodeGap?: StackProps["gap"];
+    linkComponent?: TreeListLinkComponent;
+    onNavigate?: (event: TreeListNavigateEvent) => void;
+    onToggleSection?: (sectionId: string) => void;
+    onToggleNode?: (nodeId: string) => void;
+}
+export declare const TreeList: (props: TreeListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+import { ComponentType, ReactNode } from 'react';
+import { ListRowAction, ListRowActionContext, ListRowActionMenuItem, ListRowItem, ListRowNavigationIntent } from '../list-row/list-row.types';
+export type TreeListNavigationIntent = ListRowNavigationIntent;
+export type TreeListActionContext = ListRowActionContext;
+export type TreeListActionMenuItem = ListRowActionMenuItem;
+export type TreeListAction = ListRowAction;
+export type TreeListNode = ListRowItem & {
+    id: string;
+    children?: TreeListNode[];
+};
+export interface TreeListSection {
+    id: string;
+    label?: string;
+    collapsible?: boolean;
+    actions?: TreeListAction[];
+    emptyState?: ReactNode;
+    nodes: TreeListNode[];
+}
+export interface TreeListNavigateEvent {
+    sectionId: string;
+    nodeId: string;
+    node: TreeListNode;
+    intent?: TreeListNavigationIntent;
+}
+export interface TreeListLinkProps {
+    to: string;
+    children: ReactNode;
+}
+export type TreeListLinkComponent = ComponentType<TreeListLinkProps>;

package/dist/index.d.ts

@@ -19,11 +19,14 @@ export { EmptyState } from './components/empty-state';
 export { ErrorBoundary } from './components/error-boundary';
 export type { FolderPickerDialogEntry, FolderPickerDialogProps, } from './components/folder-picker-dialog';
 export { FolderPickerDialog } from './components/folder-picker-dialog';
+export type { HeaderProps, HeaderVariant } from './components/header';
+export { Header } from './components/header';
 export { HorizontalMenuStack } from './components/horizontal-menu-stack';
 export type { ItemSectionProps } from './components/item-section';
 export { ItemSection } from './components/item-section';
 export { PanelLayout, PanelSectionLayout } from './components/layout';
-export { MenuItem } from './components/menu-item';
+export { ListRow } from './components/list-row/list-row';
+export type { ListRowAction, ListRowActionContext, ListRowActionMenuItem, ListRowItem, ListRowNavigationIntent, } from './components/list-row/list-row.types';
 export type { OpenSourceNotice, OpenSourceNoticesScreenProps, } from './components/open-source-notices-screen';
 export { OpenSourceNoticesScreen } from './components/open-source-notices-screen';
 export type { PropertiesProps, PropertyItem } from './components/properties';
@@ -41,8 +44,6 @@ export { Sidebar } from './components/sidebar/sidebar';
 export { useSidebarStore } from './components/sidebar/sidebar.store';
 export type { SidebarProps } from './components/sidebar/sidebar.types';
 export { SidebarProjectMenu } from './components/sidebar/sidebar-project-menu';
-export { SidebarTree } from './components/sidebar-tree/sidebar-tree';
-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';
@@ -58,9 +59,11 @@ export type { DisplayProperty, FilterCategory, FilterState, GroupingField, Order
 export { useTicketsWorkspaceStore } from './components/tickets/use-workspace-store';
 export { Toaster, toaster } from './components/toaster';
 export { Tooltip } from './components/tooltip';
+export { TreeList } from './components/tree-list/tree-list';
+export type { TreeListAction, TreeListActionContext, TreeListActionMenuItem, TreeListLinkComponent, TreeListNavigateEvent, TreeListNavigationIntent, TreeListNode, TreeListSection, } from './components/tree-list/tree-list.types';
 export type { WorkspaceBadgeProps } from './components/workspace-badge';
 export { WorkspaceBadge } from './components/workspace-badge';
-export { psTheme } from './theme';
-export { applyThemePreference, type ThemePreference, } from './utils/apply-theme-preference';
+export { customThemePreferences, monokaiThemePreference, psTheme } from './theme';
+export { applyThemePreference, defaultThemePreferences, getThemePreferenceClassName, getThemePreferenceClassNames, getThemePreferenceMode, isThemePreference, type ThemePreference, type ThemePreferenceMode, type ThemePreferenceOption, type ThemePreferenceTokens, } from './utils/apply-theme-preference';
 export { getFileTypeIcon } from './utils/get-file-type-icon';
 export { getInitialThemePreference, ThemePreferenceProvider, useThemePreference, } from './utils/theme-preference';