@pstdio/ui 0.40.0 → 0.42.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import { i as ScrollAreaProps, r as ScrollArea, t as ResourceBadge } from "./resource-badge-95WPVlZf.js";
-import { _ as ActivityHeader, a as ActivityComposerProps, b as ActivityRootProps, c as ActivityReply, d as ActivityEventProps, f as ActivityActor, g as ActivityFeedProps, h as ActivityFeed, i as ActivityComposer, l as ActivityReplyProps, m as ActivityTimelineProps, n as ActivityAvatar, o as ActivityComment, p as ActivityTimeline, r as ActivityAvatarProps, s as ActivityCommentProps, t as Activity, u as ActivityEvent, v as ActivityHeaderProps, y as ActivityRoot } from "./index-CbtbcvKm.js";
-import { a as resolveSessionIndicatorColor, c as ResourceActionMenu, d as ResourceContextMenu, i as SessionIndicator, l as ResourceActionMenuProps, n as WorkspaceBadgeProps, o as resolveSessionIndicatorIcon, r as SessionCompletionStatus, s as sessionCompletionStatuses, t as WorkspaceBadge, u as ResourceContextAction } from "./workspace-badge-Brm3Xr3m.js";
+import { i as ScrollAreaProps, r as ScrollArea, t as ResourceBadge } from "./resource-badge-nOWPqxFU.js";
+import { _ as ActivityHeader, a as ActivityComposerProps, b as ActivityRootProps, c as ActivityReply, d as ActivityEventProps, f as ActivityActor, g as ActivityFeedProps, h as ActivityFeed, i as ActivityComposer, l as ActivityReplyProps, m as ActivityTimelineProps, n as ActivityAvatar, o as ActivityComment, p as ActivityTimeline, r as ActivityAvatarProps, s as ActivityCommentProps, t as Activity, u as ActivityEvent, v as ActivityHeaderProps, y as ActivityRoot } from "./index-DlmvvQ6x.js";
+import { n as HostStorageProvider, t as HostStorage } from "./host-storage-J0089Hyk.js";
+import { a as resolveSessionIndicatorColor, c as ResourceActionMenu, d as ResourceContextMenu, i as SessionIndicator, l as ResourceActionMenuProps, n as WorkspaceBadgeProps, o as resolveSessionIndicatorIcon, r as SessionCompletionStatus, s as sessionCompletionStatuses, t as WorkspaceBadge, u as ResourceContextAction } from "./workspace-badge-BKtB805G.js";
 import { a as createThemePreferenceFromVsCodeTheme, c as ThemePreferenceOption, d as defaultThemePreferences, f as getThemePreferenceClassName, h as isThemePreference, i as createMonacoThemeFromVsCodeTheme, l as ThemePreferenceTokens, m as getThemePreferenceMode, n as MonacoThemeData, o as ThemePreference, p as getThemePreferenceClassNames, r as VsCodeColorTheme, s as ThemePreferenceMode, t as _default, u as applyThemePreference } from "./index-Dd6e8lU_.js";
 import { Alert, BadgeProps, BoxProps, Breadcrumb as Breadcrumb$1, CenterProps, ChakraProvider, Checkbox as Checkbox$1, ConditionalValue, EmptyState as EmptyState$1, FlexProps, HTMLChakraProps, IconButtonProps, IconProps, Menu, RadioGroup as RadioGroup$1, RecipeVariantProps, Slider as Slider$1, StackProps, Switch as Switch$1, SystemStyleObject, TextProps, Tooltip as Tooltip$1, chakra, createToaster } from "@chakra-ui/react";
 import * as React$2 from "react";
@@ -55,6 +56,10 @@ interface PaletteEscapeContext<T extends PaletteEntry> extends PaletteState<T> {
 type PaletteStateValue<T extends PaletteEntry, TValue> = TValue | ((state: PaletteState<T>) => TValue);
 interface PaletteProps<T extends PaletteEntry = PaletteEntry> {
   open: boolean;
+  /** Fill the viewport, with a scrollable results area. */
+  fullScreen?: boolean;
+  /** Focus the dialog instead of opening a touch keyboard when false. */
+  searchAutoFocus?: boolean;
   entries: T[];
   initialQuery?: string;
   initialActiveIndex?: number;
@@ -318,6 +323,9 @@ interface BubbleButtonProps extends Omit<IconButtonProps, BubbleButtonStyleProps
 export declare const BubbleButton: import("react").ForwardRefExoticComponent<BubbleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/overlays/bubble-panel.d.ts
+interface BubblePanelContainerProps extends HTMLChakraProps<"section"> {
+  [attribute: `data-${string}`]: string | number | boolean | undefined;
+}
 interface BubblePanelProps {
   isOpen?: boolean;
   title?: string;
@@ -328,10 +336,11 @@ interface BubblePanelProps {
   popOutLabel?: string;
   width?: string;
   height?: string;
-  containerProps?: HTMLChakraProps<"section">;
+  containerProps?: BubblePanelContainerProps;
   testId?: string;
   "aria-label"?: string;
   children?: ReactNode;
+  overlay?: ReactNode;
 }
 export declare const BubblePanel: import("react").ForwardRefExoticComponent<BubblePanelProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
@@ -413,6 +422,7 @@ interface SearchableMenuItem {
   secondaryLabel?: string;
   tooltipLabel?: ReactNode;
   icon?: ElementType;
+  iconColor?: string;
   variant?: "default" | "compact" | "full-width";
   isDisabled?: boolean;
   isSelected?: boolean;
@@ -451,6 +461,7 @@ interface SearchableMenuProps<T extends SearchableMenuItem> {
   contentTestId?: string;
   portalled?: boolean;
   parentList?: SearchableMenuParentList<T>;
+  multiple?: boolean;
 }
 export declare const SearchableMenu: <T extends SearchableMenuItem>(props: SearchableMenuProps<T>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
@@ -510,6 +521,12 @@ interface CopyButtonProps extends Omit<IconButtonProps, "children" | "onClick">
 /** Webviews must declare clipboard.write. Copy from a click so browser activation is preserved. */
 export declare const CopyButton: (props: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
+//#region src/components/primitives/drop-indicator.d.ts
+interface DropIndicatorProps extends BoxProps {
+  orientation?: "horizontal" | "vertical";
+}
+export declare const DropIndicator: (props: DropIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
 //#region src/components/primitives/empty-state.d.ts
 /** Centered empty-state message with optional icon, description, and follow-up actions. */
 interface EmptyStateProps extends EmptyState$1.RootProps {
@@ -569,18 +586,21 @@ export declare const optionIcons: ({
   value: string;
   label: string;
   icon: ComponentType<{
+    is?: string | undefined | undefined;
     onChange?: import("react").ChangeEventHandler<HTMLSpanElement, Element> | undefined;
     onError?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
     onSubmit?: import("react").SubmitEventHandler<HTMLSpanElement> | undefined;
-    content?: string | undefined | undefined;
-    color?: string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    id?: string | undefined | undefined;
     slot?: string | undefined | undefined;
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -594,19 +614,17 @@ export declare const optionIcons: ({
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined | undefined;
-    role?: import("react").AriaRole | undefined;
+    radioGroup?: string | undefined | undefined;
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
     rev?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
     vocab?: string | undefined | undefined;
@@ -620,11 +638,11 @@ export declare const optionIcons: ({
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
     popoverTarget?: string | undefined | undefined;
     inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
     part?: string | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
@@ -668,7 +686,6 @@ export declare const optionIcons: ({
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
     "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
     "aria-rowcount"?: number | undefined | undefined;
     "aria-rowindex"?: number | undefined | undefined;
     "aria-rowindextext"?: string | undefined | undefined;
@@ -1030,6 +1047,8 @@ interface TreeListSection {
   menuLabel?: string;
   collapsible?: boolean;
   actions?: TreeListAction[];
+  contextMenuItems?: TreeListActionMenuItem[];
+  inlineInput?: TreeListInlineInput;
   emptyState?: ReactNode;
   nodes: TreeListNode[];
   hiddenByDefault?: boolean;
@@ -1120,7 +1139,7 @@ interface TreeListVisibilityState extends TreeListVisibilitySnapshot {
   clearNode: (id: string) => void;
   reset: () => void;
 }
-export declare const getTreeListVisibilityStore: (storageKey: string) => Omit<import("zustand").StoreApi<TreeListVisibilityState>, "setState" | "persist"> & {
+export declare const getTreeListVisibilityStore: (storageKey: string, storage?: HostStorage) => Omit<import("zustand").StoreApi<TreeListVisibilityState>, "setState" | "persist"> & {
   setState(partial: TreeListVisibilityState | Partial<TreeListVisibilityState> | ((state: TreeListVisibilityState) => TreeListVisibilityState | Partial<TreeListVisibilityState>), replace?: false | undefined): unknown;
   setState(state: TreeListVisibilityState | ((state: TreeListVisibilityState) => TreeListVisibilityState), replace: true): unknown;
   persist: {
@@ -1364,8 +1383,8 @@ interface TreeListProps {
   onReorderNodes?: (sectionId: string, nextNodeIds: string[]) => void;
   /** Decide whether a proposed customization move is valid. */
   canMove?: TreeListMovePolicy;
-  /** Move a node onto another node, or onto the tree root when the target is omitted. */
-  onMoveNode?: (sourceNodeId: string, targetNodeId?: string) => void;
+  /** Move a node before/after a leaf, into a container, or into the background when the target is omitted. */
+  onMoveNode?: (sourceNodeId: string, targetNodeId?: string, position?: "before" | "after" | "inside") => void;
   backgroundContextActions?: ResourceContextAction[];
 }
 export declare const TreeList: (props: TreeListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1385,17 +1404,26 @@ interface TreeListOrderSnapshot {
   sectionOrder: string[];
   nodeOrderBySection: Record<string, string[]>;
   sectionSlotById: Record<string, TreeListOrderSlot>;
+  groups: TreeListGroup[];
 }
 type TreeListOrderSlot = "header" | "content" | "footer";
+interface TreeListGroup {
+  id: string;
+  label: string;
+  moveScope?: string;
+}
 interface TreeListOrderState extends TreeListOrderSnapshot {
   setSectionOrder: (nextSectionIds: string[]) => void;
   setNodeOrder: (sectionId: string, nextNodeIds: string[]) => void;
   setSectionSlot: (sectionId: string, slot: TreeListOrderSlot) => void;
+  addGroup: (group: TreeListGroup, sectionIds: string[]) => void;
+  renameGroup: (groupId: string, label: string) => void;
+  removeGroup: (groupId: string) => void;
   resetSectionOrder: () => void;
   resetNodeOrder: (sectionId: string) => void;
   reset: () => void;
 }
-export declare const getTreeListOrderStore: (storageKey: string) => Omit<import("zustand").StoreApi<TreeListOrderState>, "setState" | "persist"> & {
+export declare const getTreeListOrderStore: (storageKey: string, storage?: HostStorage) => Omit<import("zustand").StoreApi<TreeListOrderState>, "setState" | "persist"> & {
   setState(partial: TreeListOrderState | Partial<TreeListOrderState> | ((state: TreeListOrderState) => TreeListOrderState | Partial<TreeListOrderState>), replace?: false | undefined): unknown;
   setState(state: TreeListOrderState | ((state: TreeListOrderState) => TreeListOrderState), replace: true): unknown;
   persist: {
@@ -1411,7 +1439,7 @@ export declare const getTreeListOrderStore: (storageKey: string) => Omit<import(
 export declare const useTreeListOrderStore: <T>(storageKey: string, selector: (state: TreeListOrderState) => T) => T;
 //#endregion
 //#region src/components/tree-list/tree-list-order-filter.d.ts
-export declare const applyTreeListOrder: (sections: TreeListSection[], sectionOrder: string[], nodeOrderBySection: Record<string, string[]>) => TreeListSection[];
+export declare const applyTreeListOrder: (sections: TreeListSection[], sectionOrder: string[], nodeOrderBySection: Record<string, string[]>, groups?: TreeListGroup[]) => TreeListSection[];
 //#endregion
 //#region src/components/tree-list/tree-list-visibility-filter.d.ts
 export declare const resolveVisibility: (override: VisibilityOverride | undefined, hiddenByDefault: boolean | undefined) => VisibilityOverride;
@@ -1495,10 +1523,22 @@ interface ResolveFileIconElementOptions {
 export declare const resolveFileIconElement: (filename: string, options?: ResolveFileIconElementOptions) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/utils/theme-preference.d.ts
+/** Where the provider reads and saves the chosen theme. Defaults to browser storage. */
+interface ThemePreferenceStorage {
+  getItem: (key: string) => string | null;
+  setItem: (key: string, value: string) => void;
+}
 interface ThemePreferenceContextValue {
+  /** The theme on screen: a preview while one is shown, otherwise the chosen theme. */
   themePreference: ThemePreference;
+  /** The saved choice. It differs from `themePreference` only while a preview is shown. */
+  chosenThemePreference: ThemePreference;
+  /** The chosen theme while it waits for its contribution to register; `themePreference` shows a fallback until then. */
+  pendingThemePreference: ThemePreference | null;
   themePreferences: readonly ThemePreferenceOption[];
   setThemePreference: (preference: ThemePreference) => void;
+  /** Shows a theme without saving it. Pass `null` to return to the chosen theme. */
+  previewThemePreference: (preference: ThemePreference | null) => void;
   toggleThemePreference: () => void;
 }
 interface ThemePreferenceProviderProps {
@@ -1507,11 +1547,12 @@ interface ThemePreferenceProviderProps {
   /** A default used only when the user has not chosen a theme in this scope. */
   defaultPreference?: ThemePreference;
   preferenceScope?: string;
+  storage?: ThemePreferenceStorage;
   themePreferences?: readonly ThemePreferenceOption[];
 }
-export declare const getInitialThemePreference: (themePreferences?: readonly ThemePreferenceOption[]) => string;
+export declare const getInitialThemePreference: (themePreferences?: readonly ThemePreferenceOption[], storage?: ThemePreferenceStorage) => string;
 export declare const ThemePreferenceProvider: (props: ThemePreferenceProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useThemePreference: () => ThemePreferenceContextValue;
 //#endregion
-export { Activity, type ActivityActor, ActivityAvatar, type ActivityAvatarProps, ActivityComment, type ActivityCommentProps, ActivityComposer, type ActivityComposerProps, ActivityEvent, type ActivityEventProps, ActivityFeed, type ActivityFeedProps, ActivityHeader, type ActivityHeaderProps, ActivityReply, type ActivityReplyProps, ActivityRoot, type ActivityRootProps, ActivityTimeline, type ActivityTimelineProps, type AlertProps, type AttachedMenuProps, type AttachmentChipProps, type BreadcrumbItem, ChakraProvider, type CheckboxProps, type ChipProps, Label as ContentPlaceholderLabel, type CopyButtonProps, type EmptyStateProps, type FileIconThemeFont, type FileIconThemePreferenceOption, type FilterPaletteEntriesOptions, type FolderPickerEntry, type FolderPickerProps, type HeaderProps, type HeaderVariant, type IconColorPickerIconOption, type IconColorPickerProps, type IntegrationCardProps, type ItemSectionProps, type ListRowAction, type ListRowActionContext, type ListRowActionMenuItem, type ListRowItem, type ListRowNavigationIntent, type MonacoThemeData, type NotificationCenterAction, type NotificationCenterItem, type NotificationCenterPriority, type NotificationCenterProps, type NotificationCenterStatus, type PaletteEntry, type PaletteEscapeContext, type PaletteMode, type PaletteProps, type PaletteSearchEntry, type PaletteShortcutBinding, type PaletteState, type PaletteStateValue, type RadioProps, type ResizableSplitSeparator, ResourceActionMenu, type ResourceActionMenuProps, ResourceBadge, type ResourceContextAction, ResourceContextMenu, type SaveTagSettingsInput, ScrollArea, type SearchModalContentProps, type SearchableMenuItem, type SearchableMenuParentList, type SegmentedControlOption, type SegmentedControlProps, type SessionCompletionStatus, SessionIndicator, type SidenavProps, type SimpleCardBodyProps, type SimpleCardProps, type SliderProps, type SwitchProps, type TabVisibilityPlacement, type TagEditorAction, type TagEditorHeadingProps, type TagEditorProps, type TagEditorSaveBarProps, type TagEditorValue, type TagSettingsPanelProps, type TagSwatchProps, type ThemePreference, type ThemePreferenceMode, type ThemePreferenceOption, type ThemePreferenceTokens, type TreeListAction, type TreeListActionContext, type TreeListActionMenuItem, type TreeListInlineInput, type TreeListLinkComponent, type TreeListMove, type TreeListMoveEndpoint, type TreeListMovePolicy, type TreeListNavigateEvent, type TreeListNavigationIntent, type TreeListNode, type TreeListSection, type TreeVisibilityMenuItems, type VisibilityOverride, type VsCodeColorTheme, type WindowTab, type WindowTabsProps, type WindowTitleBarProps, WorkspaceBadge, type WorkspaceBadgeProps, applyThemePreference, createMonacoThemeFromVsCodeTheme, createThemePreferenceFromVsCodeTheme, defaultThemePreferences, getThemePreferenceClassName, getThemePreferenceClassNames, getThemePreferenceMode, isThemePreference, _default as psTheme, resolveSessionIndicatorColor, resolveSessionIndicatorIcon, sessionCompletionStatuses };
+export { Activity, type ActivityActor, ActivityAvatar, type ActivityAvatarProps, ActivityComment, type ActivityCommentProps, ActivityComposer, type ActivityComposerProps, ActivityEvent, type ActivityEventProps, ActivityFeed, type ActivityFeedProps, ActivityHeader, type ActivityHeaderProps, ActivityReply, type ActivityReplyProps, ActivityRoot, type ActivityRootProps, ActivityTimeline, type ActivityTimelineProps, type AlertProps, type AttachedMenuProps, type AttachmentChipProps, type BreadcrumbItem, ChakraProvider, type CheckboxProps, type ChipProps, Label as ContentPlaceholderLabel, type CopyButtonProps, type EmptyStateProps, type FileIconThemeFont, type FileIconThemePreferenceOption, type FilterPaletteEntriesOptions, type FolderPickerEntry, type FolderPickerProps, type HeaderProps, type HeaderVariant, type HostStorage, HostStorageProvider, type IconColorPickerIconOption, type IconColorPickerProps, type IntegrationCardProps, type ItemSectionProps, type ListRowAction, type ListRowActionContext, type ListRowActionMenuItem, type ListRowItem, type ListRowNavigationIntent, type MonacoThemeData, type NotificationCenterAction, type NotificationCenterItem, type NotificationCenterPriority, type NotificationCenterProps, type NotificationCenterStatus, type PaletteEntry, type PaletteEscapeContext, type PaletteMode, type PaletteProps, type PaletteSearchEntry, type PaletteShortcutBinding, type PaletteState, type PaletteStateValue, type RadioProps, type ResizableSplitSeparator, ResourceActionMenu, type ResourceActionMenuProps, ResourceBadge, type ResourceContextAction, ResourceContextMenu, type SaveTagSettingsInput, ScrollArea, type SearchModalContentProps, type SearchableMenuItem, type SearchableMenuParentList, type SegmentedControlOption, type SegmentedControlProps, type SessionCompletionStatus, SessionIndicator, type SidenavProps, type SimpleCardBodyProps, type SimpleCardProps, type SliderProps, type SwitchProps, type TabVisibilityPlacement, type TagEditorAction, type TagEditorHeadingProps, type TagEditorProps, type TagEditorSaveBarProps, type TagEditorValue, type TagSettingsPanelProps, type TagSwatchProps, type ThemePreference, type ThemePreferenceMode, type ThemePreferenceOption, type ThemePreferenceStorage, type ThemePreferenceTokens, type TreeListAction, type TreeListActionContext, type TreeListActionMenuItem, type TreeListGroup, type TreeListInlineInput, type TreeListLinkComponent, type TreeListMove, type TreeListMoveEndpoint, type TreeListMovePolicy, type TreeListNavigateEvent, type TreeListNavigationIntent, type TreeListNode, type TreeListSection, type TreeVisibilityMenuItems, type VisibilityOverride, type VsCodeColorTheme, type WindowTab, type WindowTabsProps, type WindowTitleBarProps, WorkspaceBadge, type WorkspaceBadgeProps, applyThemePreference, createMonacoThemeFromVsCodeTheme, createThemePreferenceFromVsCodeTheme, defaultThemePreferences, getThemePreferenceClassName, getThemePreferenceClassNames, getThemePreferenceMode, isThemePreference, _default as psTheme, resolveSessionIndicatorColor, resolveSessionIndicatorIcon, sessionCompletionStatuses };
 export {};