@pstdio/ui 0.6.0 → 0.7.0

package/dist/components/panel-sidebar-registration-context.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+export interface PanelSidebarRegistration {
+    open: boolean;
+    resizable: boolean;
+    width: number;
+    minWidth: number;
+    maxWidth: number;
+    onWidthChange: (width: number) => void;
+    onOpenChange: (open: boolean) => void;
+}
+export declare const PanelSidebarRegistrationContext: import('react').Context<Dispatch<SetStateAction<PanelSidebarRegistration | null>> | null>;
+export declare const usePanelSidebarRegistration: (registration: PanelSidebarRegistration) => boolean;

package/dist/components/param-editor-label.d.ts

@@ -0,0 +1,6 @@
+interface ParamEditorLabelProps {
+    name: string;
+    description?: string;
+}
+export declare const ParamEditorLabel: (props: ParamEditorLabelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/param-editor.d.ts

@@ -2,8 +2,8 @@ import { InputGroup, Param, ParamValue, ParamValueMap } from './param-editor.typ
 export interface ParamEditorProps {
     params?: Param[];
     groups?: InputGroup[];
-    defaultValues: ParamValueMap;
-    onChange: (id: string, value: ParamValue) => void;
+    defaultValues?: ParamValueMap;
+    onChange?: (id: string, value: ParamValue) => void;
     readOnly?: boolean;
     fullWidth?: boolean;
 }

package/dist/components/param-editor.types.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export interface BaseParam {
     id: string;
     name: string;
@@ -36,6 +37,10 @@ export interface ColorParam extends BaseParam {
     type: "color";
     defaultValue: string;
 }
+export interface PropertyParam extends BaseParam {
+    type: "property";
+    value: ReactNode;
+}
 export type ObjectDefinition = (NumberParam | TextParam)[];
 export interface ObjectParam extends BaseParam {
     type: "object";
@@ -60,7 +65,7 @@ export interface InputGroup {
     defaultCollapsed?: boolean;
 }
 export type ParamValue = number | string | null | ObjectDefinition | Array<number> | Array<string>;
-export type Param = NumberParam | TextParam | SelectionParam | DateParam | ColorParam | ObjectParam | ListParam | VectorParam;
+export type Param = NumberParam | TextParam | SelectionParam | DateParam | ColorParam | PropertyParam | ObjectParam | ListParam | VectorParam;
 export type ParamValueMap = Record<string, ParamValue>;
 type WithOptionalDefault<T extends {
     defaultValue: unknown;

package/dist/components/performance-panel.d.ts

@@ -0,0 +1,40 @@
+import { BoxProps } from '@chakra-ui/react';
+type PerformanceFrameRate = {
+    value: number | null;
+    averageValue: number | null;
+    samples: number[];
+    startedAtMs: number;
+    totalFrames: number;
+};
+export interface PerformanceFrameRateSnapshot {
+    framesPerSecond: number | null;
+    averageFramesPerSecond: number | null;
+    frameRateSamples: number[];
+}
+declare global {
+    interface Window {
+        __performancePanelFrameRate?: PerformanceFrameRate;
+        __performancePanelFrameRateSamplerInstalled?: boolean;
+    }
+}
+export interface PerformancePanelMetric {
+    label: string;
+    value: string;
+}
+interface PerformancePanelProps {
+    title?: string;
+    subtitle: string;
+    badgeLabel: string;
+    metrics: PerformancePanelMetric[];
+    framesPerSecond?: number | null;
+    averageFramesPerSecond?: number | null;
+    frameRateSamples?: number[];
+    rootProps?: BoxProps;
+    testId?: string;
+}
+export declare const formatPerformanceMs: (value: number | null) => string;
+export declare const formatPerformanceFps: (value: number | null) => string;
+export declare const installPerformanceFrameRateSampler: () => void;
+export declare const readPerformanceFrameRateSnapshot: () => PerformanceFrameRateSnapshot;
+export declare const PerformancePanel: (props: PerformancePanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/{folder-picker-dialog.d.ts → repo-picker-dialog.d.ts}

@@ -1,15 +1,15 @@
-export interface FolderPickerDialogEntry {
+export interface RepoPickerDialogEntry {
     name: string;
     path: string;
     isDirectory: boolean;
     isGitRepo: boolean;
 }
-interface FolderPickerDialogProps {
+interface RepoPickerDialogProps {
     open: boolean;
     title?: string;
     description?: string;
     currentPath?: string;
-    entries: FolderPickerDialogEntry[];
+    entries: RepoPickerDialogEntry[];
     selectedPath?: string | null;
     selectedPaths?: string[];
     isLoading?: boolean;
@@ -19,7 +19,7 @@ interface FolderPickerDialogProps {
     onSelect: () => void;
     onSelectHomeDirectory: () => void;
     onSelectParentDirectory: () => void;
-    onEntryClick: (entry: FolderPickerDialogEntry) => void;
+    onEntryClick: (entry: RepoPickerDialogEntry) => void;
 }
-export type { FolderPickerDialogProps };
-export declare const FolderPickerDialog: (props: FolderPickerDialogProps) => import("react/jsx-runtime").JSX.Element;
+export type { RepoPickerDialogProps };
+export declare const RepoPickerDialog: (props: RepoPickerDialogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/resizable-split-layout.d.ts

@@ -0,0 +1,20 @@
+import { FlexProps } from '@chakra-ui/react';
+import { ReactNode } from 'react';
+import { ResizableSplitSide } from './resizable-split-layout.handle';
+interface ResizableSplitLayoutProps extends Omit<FlexProps, "children" | "onResize"> {
+    resizablePanel: ReactNode;
+    contentPanel: ReactNode;
+    resizableSide?: ResizableSplitSide;
+    defaultSizePx?: number;
+    minSizePx?: number;
+    maxSizePx?: number;
+    contentMinSizePx?: number;
+    collapsed?: boolean;
+    collapsible?: boolean;
+    resizeLabel?: string;
+    showResizeSeparator?: boolean;
+    onSizeChange?: (width: number) => void;
+    onCollapsedChange?: (collapsed: boolean) => void;
+}
+export declare const ResizableSplitLayout: (props: ResizableSplitLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/resizable-split-layout.handle.d.ts

@@ -0,0 +1,17 @@
+import { KeyboardEvent as ReactKeyboardEvent, PointerEvent as ReactPointerEvent } from 'react';
+export type ResizableSplitSide = "left" | "right";
+interface ResizeHandleProps {
+    bounds: {
+        minSize: number;
+        maxSize: number;
+    };
+    contentPanelId: string;
+    resizablePanelId: string;
+    resizeLabel: string;
+    resolvedPanelWidth: number;
+    showResizeSeparator: boolean;
+    onResizeKeyDown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;
+    onResizeStart: (event: ReactPointerEvent<HTMLDivElement>) => void;
+}
+export declare const ResizeHandle: (props: ResizeHandleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -7,6 +7,7 @@ export interface ResourceContextAction {
     onClick: () => void;
     isDisabled?: boolean;
     icon?: ReactNode;
+    endContent?: ReactNode;
 }
 interface ResourceContextMenuProps {
     actions: ResourceContextAction[];

package/dist/components/session-indicator.d.ts

@@ -1,8 +1,8 @@
 import { Icon } from '@chakra-ui/react';
 import { ComponentProps } from 'react';
-export type SessionCompletionStatus = "in_progress" | "awaiting_input" | "completed" | "failed" | "cancelled" | "disconnected";
+export type SessionCompletionStatus = "in_progress" | "awaiting_input" | "queued" | "completed" | "failed" | "cancelled" | "disconnected";
 export declare const resolveSessionIndicatorIcon: (status: SessionCompletionStatus | undefined) => import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
-export declare const resolveSessionIndicatorColor: (status: SessionCompletionStatus | undefined) => "fg.muted" | "fg.error" | "fg.warning" | "fg.success";
+export declare const resolveSessionIndicatorColor: (status: SessionCompletionStatus | undefined) => "fg.muted" | "fg.error" | "fg.warning" | "fg.success" | "fg.info";
 interface SessionIndicatorProps {
     status?: SessionCompletionStatus;
     boxSize?: ComponentProps<typeof Icon>["boxSize"];

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

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
 interface SidebarHeaderProps {
     children?: ReactNode;
-    onClose?: () => void;
 }
 export declare const SidebarHeader: (props: SidebarHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -14,9 +14,15 @@ export interface SidebarProps {
     onNavigate?: (event: TreeListNavigateEvent) => void;
     closable?: boolean;
     onOpenChange?: (open: boolean) => void;
-    /** Allow the user to drag the right edge to resize. Defaults to `true`. */
+    /** Allow split layouts to resize the sidebar. Defaults to `true`. */
     resizable?: boolean;
     defaultWidth?: number;
     minWidth?: number;
     maxWidth?: number;
+    /**
+     * When enabled, the scroll content is virtualized — only nodes near the viewport
+     * are mounted. Use for sidebars that may contain hundreds of entries. Requires
+     * sections with flat nodes (no expandable children).
+     */
+    virtualize?: boolean;
 }

package/dist/components/simple-card.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '@chakra-ui/react';
+export type SimpleCardProps = BoxProps;
+export declare const SimpleCard: (props: SimpleCardProps) => import("react/jsx-runtime").JSX.Element;
+export type SimpleCardBodyProps = BoxProps;
+export declare const SimpleCardBody: (props: SimpleCardBodyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 import { StackProps } from '@chakra-ui/react';
-import { TreeListLinkComponent, TreeListNavigateEvent, TreeListSection } from './tree-list.types';
+import { RefObject } from 'react';
+import { TreeListLinkComponent, TreeListNavigateEvent, TreeListNode, TreeListSection } from './tree-list.types';
 type TreeListRowVariant = "compact" | "tree";
 interface TreeListProps {
     sections: TreeListSection[];
@@ -13,6 +14,32 @@ interface TreeListProps {
     onNavigate?: (event: TreeListNavigateEvent) => void;
     onToggleSection?: (sectionId: string) => void;
     onToggleNode?: (nodeId: string) => void;
+    /**
+     * When set, the tree's rows are virtualized via @tanstack/react-virtual.
+     * Requires `scrollRef` to point at the ancestor scroll viewport.
+     */
+    virtualize?: boolean;
+    scrollRef?: RefObject<HTMLDivElement | null>;
 }
+export type VirtualRow = {
+    kind: "section-header";
+    key: string;
+    sectionId: string;
+    section: TreeListSection;
+    collapsible: boolean;
+    expanded: boolean;
+} | {
+    kind: "node";
+    key: string;
+    sectionId: string;
+    node: TreeListNode;
+    level: number;
+} | {
+    kind: "section-empty";
+    key: string;
+    sectionId: string;
+    emptyState: TreeListSection["emptyState"];
+};
+export declare const buildVirtualRows: (sections: TreeListSection[], expandedSectionIds: string[], expandedNodeIds: string[]) => VirtualRow[];
 export declare const TreeList: (props: TreeListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.d.ts

@@ -13,17 +13,17 @@ export { Checkbox } from './components/checkbox';
 export { CodeDiffEditor, CodeEditor } from './components/code-editor';
 export { ContentPlaceholder, Label as ContentPlaceholderLabel, } from './components/content-placeholder';
 export { DeleteConfirmationModal } from './components/delete-confirmation-modal';
-export { DiffBubble } from './components/diff-bubble';
-export type { Diff } from './components/diff-card';
-export { DiffDrawer } from './components/diff-drawer';
+export type { ChangedFilesViewMode, Diff, DiffViewerProps, DiffViewMode, FileIconInfo } from './components/diff-viewer';
+export { DiffDrawer, DiffViewer, useDiffViewerStore } from './components/diff-viewer';
+export { DiffBubble } from './components/diff-viewer/diff-bubble';
 export type { EmptyStateProps } from './components/empty-state';
 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 { IntegrationCardProps } from './components/integration-card';
+export { IntegrationCard } from './components/integration-card';
 export type { ItemSectionProps } from './components/item-section';
 export { ItemSection } from './components/item-section';
 export { PanelLayout, PanelSectionLayout } from './components/layout';
@@ -31,10 +31,17 @@ 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';
-export { Properties } from './components/properties';
+export type { FilterPaletteEntriesOptions, PaletteEntry, PaletteEscapeContext, PaletteMode, PaletteProps, PaletteSearchEntry, PaletteState, PaletteStateValue, } from './components/palette';
+export { DEFAULT_PALETTE_ASSET_LIMIT, filterPaletteEntries, Palette, } from './components/palette';
+export type { PaletteShortcutBinding } from './components/palette-shortcut';
+export { PaletteShortcut } from './components/palette-shortcut';
+export type { ParamEditorProps } from './components/param-editor';
+export { ParamEditor } from './components/param-editor';
 export type { RadioProps } from './components/radio';
 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 type { ResourceContextAction } from './components/resource-context-menu';
 export { ResourceContextMenu } from './components/resource-context-menu';
 export { ScrollArea } from './components/scroll-area';
@@ -46,6 +53,8 @@ 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 type { SimpleCardBodyProps, SimpleCardProps } from './components/simple-card';
+export { SimpleCard, SimpleCardBody } from './components/simple-card';
 export type { SwitchProps } from './components/switch';
 export { Switch } from './components/switch';
 export { DisplayMenu } from './components/tickets/display-menu';
@@ -65,7 +74,8 @@ 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 { customThemePreferences, monokaiThemePreference, psTheme } from './theme';
+export type { MonacoThemeData, VsCodeColorTheme } from './theme';
+export { createMonacoThemeFromVsCodeTheme, createThemePreferenceFromVsCodeTheme, 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';