@toolr/ui-design 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/README.md +0 -7
  2. package/components/content/info-panel-primitives.tsx +3 -3
  3. package/components/lib/ai-tools.tsx +1 -1
  4. package/components/lib/form-colors.ts +3 -0
  5. package/components/lib/theme-engine.ts +10 -0
  6. package/components/sections/captured-issues/captured-issues-panel.tsx +1 -1
  7. package/components/sections/golden-snapshots/file-diff-viewer.tsx +2 -2
  8. package/components/sections/golden-snapshots/snapshot-manager.tsx +3 -3
  9. package/components/sections/golden-snapshots/status-overview.tsx +4 -4
  10. package/components/sections/golden-snapshots/version-manager.tsx +3 -3
  11. package/components/sections/report-bug/screenshot-uploader.tsx +2 -2
  12. package/components/sections/snapshot-browser/snapshot-tree.tsx +1 -1
  13. package/components/sections/snippets-editor/snippets-editor.tsx +5 -5
  14. package/components/ui/action-dialog.tsx +1 -1
  15. package/components/ui/badge.tsx +8 -6
  16. package/components/ui/breadcrumb.tsx +1 -1
  17. package/components/ui/confirm-badge.tsx +4 -2
  18. package/components/ui/file-structure-section.tsx +139 -74
  19. package/components/ui/file-tree.tsx +2 -2
  20. package/components/ui/files-panel.tsx +5 -5
  21. package/components/ui/filter-dropdown.tsx +3 -3
  22. package/components/ui/frontmatter-form-header.tsx +2 -2
  23. package/components/ui/icon-button.tsx +6 -2
  24. package/components/ui/input.tsx +1 -1
  25. package/components/ui/label.tsx +8 -5
  26. package/components/ui/modal.tsx +1 -1
  27. package/components/ui/nav-card.tsx +1 -1
  28. package/components/ui/navigation-bar.tsx +1 -1
  29. package/components/ui/number-input.tsx +1 -1
  30. package/components/ui/registry-card.tsx +7 -7
  31. package/components/ui/registry-detail.tsx +5 -2
  32. package/components/ui/resizable-textarea.tsx +2 -2
  33. package/components/ui/segmented-toggle.tsx +36 -18
  34. package/components/ui/select.tsx +3 -3
  35. package/components/ui/selection-grid.tsx +7 -19
  36. package/components/ui/settings-card.tsx +27 -0
  37. package/components/ui/settings-info-box.tsx +80 -0
  38. package/components/ui/settings-section-title.tsx +24 -0
  39. package/components/ui/snapshot-card.tsx +2 -2
  40. package/components/ui/snippets-panel.tsx +9 -9
  41. package/components/ui/sort-dropdown.tsx +1 -1
  42. package/components/ui/tab-bar.tsx +1 -1
  43. package/components/ui/tooltip.tsx +1 -1
  44. package/dist/content.js +3 -3
  45. package/dist/index.d.ts +93 -46
  46. package/dist/index.js +1452 -1236
  47. package/dist/tokens/primitives.css +10 -0
  48. package/dist/tokens/semantic.css +3 -0
  49. package/index.ts +4 -1
  50. package/package.json +1 -7
  51. package/tokens/primitives.css +10 -0
  52. package/tokens/semantic.css +3 -0
  53. package/dist/preset.d.ts +0 -24
  54. package/dist/preset.js +0 -17
  55. package/tailwind-preset.ts +0 -22
package/dist/index.d.ts CHANGED
@@ -5,7 +5,7 @@ import * as lucide_react from 'lucide-react';
5
5
  import { LucideIcon } from 'lucide-react';
6
6
  import { ClassValue } from 'clsx';
7
7
 
8
- type FormColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky';
8
+ type FormColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky' | 'pink' | 'teal';
9
9
 
10
10
  declare const SCALE_KEYS: readonly ["black", "950", "900", "850", "800", "750", "700", "600", "500", "400", "300", "200"];
11
11
  type ScaleKey = (typeof SCALE_KEYS)[number];
@@ -31,6 +31,16 @@ declare const DEFAULT_DIMS: Record<SurfaceKey, number>;
31
31
  declare const DEFAULT_OUTLINE = 30;
32
32
  declare function generateScale(theme: ThemeId, hue: number | null, maxSat: number, dims?: Record<SurfaceKey, number>, outline?: number): Record<ScaleKey, string>;
33
33
  declare function isLightTheme(themeId: ThemeId): boolean;
34
+ /**
35
+ * Apply a theme to the document by setting CSS custom properties on the root element.
36
+ *
37
+ * IMPORTANT — body background: Portal-based components (Select, Tooltip) render at
38
+ * document.body via createPortal. Their backgrounds use --popover which is semi-transparent
39
+ * (rgba(0,0,0,0.8)). If <body> has no background-color, the browser default (white) bleeds
40
+ * through, making dropdowns/tooltips appear gray instead of dark.
41
+ *
42
+ * Consuming apps MUST set: body { background-color: var(--background); }
43
+ */
34
44
  declare function applyTheme(themeId: ThemeId, accentHue: number | null, dims?: Record<SurfaceKey, number>, outline?: number, root?: HTMLElement): void;
35
45
 
36
46
  type ToolrAppId = 'toolr' | 'configr' | 'reviewr' | 'vibr' | 'learnr' | 'planr' | 'seedr';
@@ -221,7 +231,7 @@ interface ActionItem {
221
231
  testId?: string;
222
232
  }
223
233
  type IconButtonStatus = 'loading' | 'success' | 'warning' | 'error';
224
- type IconButtonColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky';
234
+ type IconButtonColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky' | 'pink' | 'teal';
225
235
  type IconButtonVariant = 'filled' | 'outline';
226
236
  interface IconButtonProps {
227
237
  icon: IconName | ReactNode;
@@ -250,11 +260,12 @@ interface CollapseButtonProps {
250
260
  collapsed: boolean;
251
261
  onToggle: () => void;
252
262
  size?: 'xss' | 'xs' | 'sm' | 'md' | 'lg';
263
+ color?: IconButtonColor;
253
264
  tooltipPosition?: 'bottom' | 'bottom-left' | 'left' | 'right' | 'top' | 'top-left' | 'top-right';
254
265
  }
255
- declare function CollapseButton({ collapsed, onToggle, size, tooltipPosition }: CollapseButtonProps): react_jsx_runtime.JSX.Element;
266
+ declare function CollapseButton({ collapsed, onToggle, size, color, tooltipPosition }: CollapseButtonProps): react_jsx_runtime.JSX.Element;
256
267
 
257
- type LabelColor = 'neutral' | 'green' | 'red' | 'blue' | 'yellow' | 'orange' | 'purple' | 'amber' | 'emerald' | 'cyan' | 'indigo' | 'teal' | 'violet' | 'pink';
268
+ type LabelColor = 'neutral' | 'green' | 'red' | 'blue' | 'yellow' | 'orange' | 'purple' | 'amber' | 'emerald' | 'cyan' | 'indigo' | 'teal' | 'violet' | 'pink' | 'sky';
258
269
  interface LabelProps {
259
270
  text: string;
260
271
  color: LabelColor;
@@ -289,10 +300,10 @@ declare function Label({ text, color, icon, IconComponent: CustomIcon, tooltip,
289
300
  * Features:
290
301
  * - Outline variant matching IconButton outline style (border + text, no fill)
291
302
  * - Accepts numbers (auto-caps at 99+) or short strings ("New")
292
- * - 13 color variants
303
+ * - 15 color variants
293
304
  * - 5 size variants (xss, xs, sm, md, lg)
294
305
  */
295
- type BadgeColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky';
306
+ type BadgeColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky' | 'pink' | 'teal';
296
307
  interface BadgeProps {
297
308
  value: number | string;
298
309
  color?: BadgeColor;
@@ -311,10 +322,10 @@ declare function Badge({ value, color, size, className, testId, }: BadgeProps):
311
322
  *
312
323
  * Features:
313
324
  * - Outline variant matching IconButton outline style (border + text, no fill)
314
- * - 13 color variants
325
+ * - 15 color variants
315
326
  * - 5 size variants (xss, xs, sm, md, lg)
316
327
  */
317
- type ConfirmBadgeColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky';
328
+ type ConfirmBadgeColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky' | 'pink' | 'teal';
318
329
  interface ConfirmBadgeProps {
319
330
  color?: ConfirmBadgeColor;
320
331
  size?: 'xss' | 'xs' | 'sm' | 'md' | 'lg';
@@ -419,7 +430,7 @@ interface SegmentedToggleProps<T extends string> {
419
430
  options: SegmentedToggleOption<T>[];
420
431
  value: T;
421
432
  onChange: (value: T) => void;
422
- accentColor?: 'blue' | 'purple' | 'orange' | 'green' | 'pink' | 'amber' | 'emerald' | 'teal' | 'sky';
433
+ accentColor?: 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky' | 'pink' | 'teal';
423
434
  /** Visual style: 'filled' (default) has a container background, 'outline' is transparent */
424
435
  variant?: 'filled' | 'outline';
425
436
  size?: 'xss' | 'xs' | 'sm' | 'md' | 'lg';
@@ -700,39 +711,6 @@ interface ActionDialogProps {
700
711
  }
701
712
  declare function ActionDialog({ title, subtitle, icon, iconColor, onSettings, onCancel, onSubmit, submitLabel, submitIcon, submitColor, submitDisabled, statusText, selectionLabel, items, presets, selectedIds, onSelect, selectionMode, selectionLayout, selectionColumns, scenarioLabel, scenarios, selectedScenarioIds, onSelectScenarios, scenarioLayout, scenarioColumns, executionDetails, allowDirectEdits, onAllowDirectEditsChange, executionWarning, children, className, }: ActionDialogProps): react.ReactPortal;
702
713
 
703
- interface SettingRowBase {
704
- label: string;
705
- description?: string;
706
- disabled?: boolean;
707
- className?: string;
708
- }
709
- interface SettingRowToggle extends SettingRowBase {
710
- type: 'toggle';
711
- checked: boolean;
712
- onChange: (checked: boolean) => void;
713
- color?: ToggleColor;
714
- size?: ToggleSize;
715
- variant?: ToggleVariant;
716
- }
717
- interface SettingRowSelect extends SettingRowBase {
718
- type: 'select';
719
- value: string;
720
- options: SelectOption[];
721
- onChange: (value: string) => void;
722
- selectSize?: 'xss' | 'xs' | 'sm' | 'md' | 'lg';
723
- selectVariant?: 'filled' | 'outline';
724
- }
725
- interface SettingRowInput extends SettingRowBase {
726
- type: 'input';
727
- value: string;
728
- onChange: (value: string) => void;
729
- placeholder?: string;
730
- inputSize?: 'xss' | 'xs' | 'sm' | 'md' | 'lg';
731
- inputVariant?: 'filled' | 'outline';
732
- }
733
- type SettingRowProps = SettingRowToggle | SettingRowSelect | SettingRowInput;
734
- declare function SettingRow(props: SettingRowProps): react_jsx_runtime.JSX.Element;
735
-
736
714
  interface FileTreeNode {
737
715
  name: string;
738
716
  type: 'file' | 'directory';
@@ -990,10 +968,11 @@ type RegistryCardProps = SeedrVariant | ClaudePluginsVariant | AitmplVariant | S
990
968
  declare function RegistryCard(props: RegistryCardProps): react_jsx_runtime.JSX.Element;
991
969
 
992
970
  type PreviewMode = 'format' | 'language' | 'plain';
993
- type AccentColor = 'blue' | 'purple' | 'orange' | 'green' | 'pink' | 'amber' | 'emerald' | 'teal' | 'sky';
971
+ type AccentColor = 'blue' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'amber' | 'violet' | 'neutral' | 'sky' | 'pink' | 'teal';
994
972
  interface FileStructureSectionProps {
995
973
  files: FileTreeNode[] | null;
996
974
  rootName: string;
975
+ variant?: 'split' | 'list';
997
976
  isLoading?: boolean;
998
977
  error?: string | null;
999
978
  onFetchContent: (relativePath: string) => Promise<string>;
@@ -1011,9 +990,11 @@ interface FileStructureSectionProps {
1011
990
  accentColor?: AccentColor;
1012
991
  /** Custom renderer called when mode is 'language'. Receives the resolved language as third arg. */
1013
992
  renderPreview?: (content: string, filePath: string, language: string) => ReactNode;
993
+ /** Initial height in pixels. Defaults to 400 for 'list', 250 for 'split'. */
994
+ initialHeight?: number;
1014
995
  }
1015
996
  declare function getLanguageFromPath(filePath: string): string;
1016
- declare function FileStructureSection({ files, rootName, isLoading, error, onFetchContent, format, language, default: defaultMode, accentColor, renderPreview, }: FileStructureSectionProps): react_jsx_runtime.JSX.Element | null;
997
+ declare function FileStructureSection({ files, rootName, variant, isLoading, error, onFetchContent, format, language, default: defaultMode, accentColor, renderPreview, initialHeight, }: FileStructureSectionProps): react_jsx_runtime.JSX.Element | null;
1017
998
 
1018
999
  interface RegistryDetailProps {
1019
1000
  icon: LucideIcon;
@@ -1029,12 +1010,13 @@ interface RegistryDetailProps {
1029
1010
  compatibleTools?: string[];
1030
1011
  files?: FileStructureSectionProps['files'];
1031
1012
  rootName?: string;
1013
+ fileStructureVariant?: FileStructureSectionProps['variant'];
1032
1014
  onFetchContent?: FileStructureSectionProps['onFetchContent'];
1033
1015
  aboveHeader?: ReactNode;
1034
1016
  maxWidth?: string;
1035
1017
  children?: ReactNode;
1036
1018
  }
1037
- declare function RegistryDetail({ icon: Icon, iconColor, title, titleExtra, subtitle, actionButton, labels, description, longDescription, integration, compatibleTools, files, rootName, onFetchContent, aboveHeader, maxWidth, children, }: RegistryDetailProps): react_jsx_runtime.JSX.Element;
1019
+ declare function RegistryDetail({ icon: Icon, iconColor, title, titleExtra, subtitle, actionButton, labels, description, longDescription, integration, compatibleTools, files, rootName, fileStructureVariant, onFetchContent, aboveHeader, maxWidth, children, }: RegistryDetailProps): react_jsx_runtime.JSX.Element;
1038
1020
 
1039
1021
  interface RegistryBrowserProps {
1040
1022
  isLoading: boolean;
@@ -2733,6 +2715,71 @@ interface UseNavigationHistoryReturn {
2733
2715
  }
2734
2716
  declare function useNavigationHistory(initial?: BreadcrumbSegment[], maxEntries?: number): UseNavigationHistoryReturn;
2735
2717
 
2718
+ interface SettingRowBase {
2719
+ label: string;
2720
+ description?: string;
2721
+ disabled?: boolean;
2722
+ className?: string;
2723
+ }
2724
+ interface SettingRowToggle extends SettingRowBase {
2725
+ type: 'toggle';
2726
+ checked: boolean;
2727
+ onChange: (checked: boolean) => void;
2728
+ color?: ToggleColor;
2729
+ size?: ToggleSize;
2730
+ variant?: ToggleVariant;
2731
+ }
2732
+ interface SettingRowSelect extends SettingRowBase {
2733
+ type: 'select';
2734
+ value: string;
2735
+ options: SelectOption[];
2736
+ onChange: (value: string) => void;
2737
+ selectSize?: 'xss' | 'xs' | 'sm' | 'md' | 'lg';
2738
+ selectVariant?: 'filled' | 'outline';
2739
+ }
2740
+ interface SettingRowInput extends SettingRowBase {
2741
+ type: 'input';
2742
+ value: string;
2743
+ onChange: (value: string) => void;
2744
+ placeholder?: string;
2745
+ inputSize?: 'xss' | 'xs' | 'sm' | 'md' | 'lg';
2746
+ inputVariant?: 'filled' | 'outline';
2747
+ }
2748
+ type SettingRowProps = SettingRowToggle | SettingRowSelect | SettingRowInput;
2749
+ declare function SettingRow(props: SettingRowProps): react_jsx_runtime.JSX.Element;
2750
+
2751
+ interface SettingsCardProps {
2752
+ children: React.ReactNode;
2753
+ className?: string;
2754
+ title?: string;
2755
+ description?: string;
2756
+ testId?: string;
2757
+ }
2758
+ declare function SettingsCard({ children, className, title, description, testId }: SettingsCardProps): react_jsx_runtime.JSX.Element;
2759
+
2760
+ type SettingsInfoBoxColor = 'neutral' | 'blue' | 'amber' | 'green' | 'red' | 'orange' | 'cyan' | 'yellow' | 'purple' | 'indigo' | 'emerald' | 'violet' | 'sky' | 'pink' | 'teal';
2761
+ interface SettingsInfoBoxProps {
2762
+ children: React.ReactNode;
2763
+ color?: SettingsInfoBoxColor;
2764
+ className?: string;
2765
+ testId?: string;
2766
+ }
2767
+ declare function SettingsInfoBox({ children, color, className, testId }: SettingsInfoBoxProps): react_jsx_runtime.JSX.Element;
2768
+
2769
+ /**
2770
+ * SettingsSectionTitle - Section header for settings pages
2771
+ *
2772
+ * Used by:
2773
+ * - Settings pages - grouping related settings under a heading
2774
+ * - Configuration panels - section dividers
2775
+ */
2776
+ interface SettingsSectionTitleProps {
2777
+ children: React.ReactNode;
2778
+ className?: string;
2779
+ testId?: string;
2780
+ }
2781
+ declare function SettingsSectionTitle({ children, className, testId }: SettingsSectionTitleProps): react_jsx_runtime.JSX.Element;
2782
+
2736
2783
  type SettingsTreeNode = {
2737
2784
  id: string;
2738
2785
  label: string;
@@ -2782,4 +2829,4 @@ declare function SettingsHeader({ description, icon, onReset, resetTooltip, acti
2782
2829
 
2783
2830
  declare function cn(...inputs: ClassValue[]): string;
2784
2831
 
2785
- export { ACCENT_DEFS, AI_TOOL_LOGOS, AI_TOOL_NAMES, type AccentColor, type AccentDef, ActionDialog, type ActionDialogProps, type ActionItem, AiActionButton, type AiActionButtonProps, type AiActionStatus, type AiCompletionResult, AiExecutionActionButtons, type AiExecutionActionButtonsProps, type AiToolConfig, AiToolIcon, type AiToolKey, AlertModal, type AlertModalProps, BASE_THEMES, Badge, type BadgeColor, type BadgeProps, BottomPanelHeader, type BottomPanelHeaderProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbSegment, type CapturedError, type CapturedIssuesApi, CapturedIssuesPanel, type CapturedIssuesPanelProps, type ChangedComponents, Checkbox, type CheckboxColor, type CheckboxProps, type CheckboxSize, type CheckboxVariant, type CodingToolId, type CodingToolPresetConfig, CollapseButton, type CollapseButtonProps, CollapsibleSection, type CollapsibleSectionProps, type ComponentVersion, ConfirmBadge, type ConfirmBadgeColor, type ConfirmBadgeProps, ConfirmModal, type ConfirmModalProps, type ConsentChoice, CookieConsent, type CookieConsentProps, type CreateSnapshotResult, DARK_THEMES, DEFAULT_DIMS, DEFAULT_OUTLINE, type DetailRow, DetailSection, type DetailSectionProps, DetailViewWrapper, type DetailViewWrapperProps, type DiffSummary, type DiffTreeNode, type DirectoryStatus, EditorPlaceholderCard, type EditorPlaceholderCardProps, EditorToolbar, type EditorToolbarProps, type ErrorLogger, type ExecutionDetailRow, ExecutionDetailsPanel, type ExecutionDetailsPanelProps, type ExecutionStatus, ExtensionListCard, type ExtensionListCardProps, type ExtensionSource, type FileDiffInfo, type FileDiffStatus, FileDiffViewer, type FileDiffViewerProps, type FileEntry, FileStructureSection, type FileStructureSectionProps, FileTree, type FileTreeNode, type FileTreeProps, type FileTypeOption, FileTypeTabbedPromptEditor, type FileTypeTabbedPromptEditorProps, FilesPanel, type FilesPanelProps, FilterDropdown, type FilterDropdownProps, FormActions, type FormActionsProps, type FormColor, FrontmatterFormHeader, type FrontmatterFormHeaderProps, type GoldenLiveDiff, type GoldenMeta, type GoldenSnapshotsApi, type GoldenStatus, GoldenSyncPanel, type GoldenSyncPanelProps, ISSUE_TYPES, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonStatus, type IconButtonVariant, type IconName, Input, type InputProps, type IssueReport, type IssueReportResult, type IssueType, LIGHT_THEMES, Label, type LabelColor, type LabelProps, type LayoutTab, LayoutTabBar, type LayoutTabBarProps, type ModalKind, type ModalSize, NavCard, type NavCardProps, NavigationBar, type NavigationBarProps, NumberInput, type NumberInputProps, type PanelTab, type PreviewMode, type PromptEditorApi, type PromptPlaceholder, type PromptSnapshot, RegistryBrowser, type RegistryBrowserProps, RegistryCard, type RegistryCardProps, RegistryDetail, type RegistryDetailProps, type RegistryItemType, ReportBugForm, type ReportBugFormProps, type ResetResult, ResizableTextarea, type ResizableTextareaProps, SCALE_KEYS, SNIPPET_NAME_REGEX, SURFACE_KEYS, type ScaleKey, type ScenarioOption, ScopeBadge, type ScopeType, type Screenshot, type ScreenshotAttachment, ScreenshotUploader, type ScreenshotUploaderProps, type SeedInfo, type SeedrItemStatus, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectOption, type SelectProps, type SelectionCardItem, SelectionGrid, type SelectionGridProps, SettingRow, type SettingRowProps, SettingsHeader, type SettingsHeaderProps, SettingsPanel, type SettingsPanelProps, SettingsTreeNav, type SettingsTreeNavProps, type SettingsTreeNode, SimulatorPromptEditor, type SimulatorPromptEditorProps, type SnapshotBrowserApi, SnapshotBrowserPanel, type SnapshotBrowserPanelProps, SnapshotCard, type SnapshotCardProps, type SnapshotCategory, type SnapshotEntry, type SnapshotInfo, type SnapshotItem, SnapshotManager, type SnapshotManagerProps, type SnapshotScope, SnapshotTree, type SnapshotTreeProps, type SnapshotsManifest, type Snippet, type SnippetData, SnippetsEditor, type SnippetsEditorApi, type SnippetsEditorProps, SnippetsPanel, type SnippetsPanelProps, SortDropdown, type SortDropdownProps, type SortField, type StatusBanner, StatusCard, type StatusCardProps, type StatusItem, StatusOverview, type StatusOverviewProps, type SubmittedError, type SurfaceKey, type SystemInfo, TOOLR_APPS, type Tab, TabBar, type TabBarProps, TabbedPromptEditor, type TabbedPromptEditorProps, type ThemeId, Toggle, type ToggleColor, type ToggleProps, type ToggleSize, type ToggleVariant, type ToolDetectionResult, type ToolTab, type ToolrAppId, ToolrAppLogo, type ToolsPathsApi, ToolsPathsPanel, type ToolsPathsPanelProps, Tooltip, type TooltipAlign, TooltipButton, type TooltipContent, type TooltipPosition, type TrackedError, type UseCapturedIssuesOptions, type UseCapturedIssuesReturn, type UseGoldenSyncOptions, type UseGoldenSyncReturn, type UseNavigationHistoryReturn, type UsePromptEditorOptions, type UsePromptEditorReturn, type UseReportBugOptions, type UseReportBugReturn, type UseSnapshotBrowserOptions, type UseSnapshotBrowserReturn, type UseSnippetsEditorOptions, type UseSnippetsEditorReturn, type UseToolsPathsOptions, type UseToolsPathsReturn, VersionManager, type VersionManagerProps, applyTheme, cn, collectDirPaths, collectExpandablePaths, createErrorLogger, filterTree, findNodeByPath, formatBytes, formatCategory, formatDate, generateScale, getAllLeafPaths, getBreadcrumbFromPath, getLanguage, getLanguageFromPath, getParentPaths, hslToHex, iconMap, isLeafNode, isLightTheme, satCurve, submitIssueReport, useCapturedIssues, useClickOutside, useDropdownMaxHeight, useGoldenSync, useNavigationHistory, usePromptEditor, useReportBug, useSnapshotBrowser, useSnippetsEditor, useToolsPaths };
2832
+ export { ACCENT_DEFS, AI_TOOL_LOGOS, AI_TOOL_NAMES, type AccentColor, type AccentDef, ActionDialog, type ActionDialogProps, type ActionItem, AiActionButton, type AiActionButtonProps, type AiActionStatus, type AiCompletionResult, AiExecutionActionButtons, type AiExecutionActionButtonsProps, type AiToolConfig, AiToolIcon, type AiToolKey, AlertModal, type AlertModalProps, BASE_THEMES, Badge, type BadgeColor, type BadgeProps, BottomPanelHeader, type BottomPanelHeaderProps, Breadcrumb, type BreadcrumbProps, type BreadcrumbSegment, type CapturedError, type CapturedIssuesApi, CapturedIssuesPanel, type CapturedIssuesPanelProps, type ChangedComponents, Checkbox, type CheckboxColor, type CheckboxProps, type CheckboxSize, type CheckboxVariant, type CodingToolId, type CodingToolPresetConfig, CollapseButton, type CollapseButtonProps, CollapsibleSection, type CollapsibleSectionProps, type ComponentVersion, ConfirmBadge, type ConfirmBadgeColor, type ConfirmBadgeProps, ConfirmModal, type ConfirmModalProps, type ConsentChoice, CookieConsent, type CookieConsentProps, type CreateSnapshotResult, DARK_THEMES, DEFAULT_DIMS, DEFAULT_OUTLINE, type DetailRow, DetailSection, type DetailSectionProps, DetailViewWrapper, type DetailViewWrapperProps, type DiffSummary, type DiffTreeNode, type DirectoryStatus, EditorPlaceholderCard, type EditorPlaceholderCardProps, EditorToolbar, type EditorToolbarProps, type ErrorLogger, type ExecutionDetailRow, ExecutionDetailsPanel, type ExecutionDetailsPanelProps, type ExecutionStatus, ExtensionListCard, type ExtensionListCardProps, type ExtensionSource, type FileDiffInfo, type FileDiffStatus, FileDiffViewer, type FileDiffViewerProps, type FileEntry, FileStructureSection, type FileStructureSectionProps, FileTree, type FileTreeNode, type FileTreeProps, type FileTypeOption, FileTypeTabbedPromptEditor, type FileTypeTabbedPromptEditorProps, FilesPanel, type FilesPanelProps, FilterDropdown, type FilterDropdownProps, FormActions, type FormActionsProps, type FormColor, FrontmatterFormHeader, type FrontmatterFormHeaderProps, type GoldenLiveDiff, type GoldenMeta, type GoldenSnapshotsApi, type GoldenStatus, GoldenSyncPanel, type GoldenSyncPanelProps, ISSUE_TYPES, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonStatus, type IconButtonVariant, type IconName, Input, type InputProps, type IssueReport, type IssueReportResult, type IssueType, LIGHT_THEMES, Label, type LabelColor, type LabelProps, type LayoutTab, LayoutTabBar, type LayoutTabBarProps, type ModalKind, type ModalSize, NavCard, type NavCardProps, NavigationBar, type NavigationBarProps, NumberInput, type NumberInputProps, type PanelTab, type PreviewMode, type PromptEditorApi, type PromptPlaceholder, type PromptSnapshot, RegistryBrowser, type RegistryBrowserProps, RegistryCard, type RegistryCardProps, RegistryDetail, type RegistryDetailProps, type RegistryItemType, ReportBugForm, type ReportBugFormProps, type ResetResult, ResizableTextarea, type ResizableTextareaProps, SCALE_KEYS, SNIPPET_NAME_REGEX, SURFACE_KEYS, type ScaleKey, type ScenarioOption, ScopeBadge, type ScopeType, type Screenshot, type ScreenshotAttachment, ScreenshotUploader, type ScreenshotUploaderProps, type SeedInfo, type SeedrItemStatus, SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps, Select, type SelectOption, type SelectProps, type SelectionCardItem, SelectionGrid, type SelectionGridProps, SettingRow, type SettingRowProps, SettingsCard, type SettingsCardProps, SettingsHeader, type SettingsHeaderProps, SettingsInfoBox, type SettingsInfoBoxColor, type SettingsInfoBoxProps, SettingsPanel, type SettingsPanelProps, SettingsSectionTitle, type SettingsSectionTitleProps, SettingsTreeNav, type SettingsTreeNavProps, type SettingsTreeNode, SimulatorPromptEditor, type SimulatorPromptEditorProps, type SnapshotBrowserApi, SnapshotBrowserPanel, type SnapshotBrowserPanelProps, SnapshotCard, type SnapshotCardProps, type SnapshotCategory, type SnapshotEntry, type SnapshotInfo, type SnapshotItem, SnapshotManager, type SnapshotManagerProps, type SnapshotScope, SnapshotTree, type SnapshotTreeProps, type SnapshotsManifest, type Snippet, type SnippetData, SnippetsEditor, type SnippetsEditorApi, type SnippetsEditorProps, SnippetsPanel, type SnippetsPanelProps, SortDropdown, type SortDropdownProps, type SortField, type StatusBanner, StatusCard, type StatusCardProps, type StatusItem, StatusOverview, type StatusOverviewProps, type SubmittedError, type SurfaceKey, type SystemInfo, TOOLR_APPS, type Tab, TabBar, type TabBarProps, TabbedPromptEditor, type TabbedPromptEditorProps, type ThemeId, Toggle, type ToggleColor, type ToggleProps, type ToggleSize, type ToggleVariant, type ToolDetectionResult, type ToolTab, type ToolrAppId, ToolrAppLogo, type ToolsPathsApi, ToolsPathsPanel, type ToolsPathsPanelProps, Tooltip, type TooltipAlign, TooltipButton, type TooltipContent, type TooltipPosition, type TrackedError, type UseCapturedIssuesOptions, type UseCapturedIssuesReturn, type UseGoldenSyncOptions, type UseGoldenSyncReturn, type UseNavigationHistoryReturn, type UsePromptEditorOptions, type UsePromptEditorReturn, type UseReportBugOptions, type UseReportBugReturn, type UseSnapshotBrowserOptions, type UseSnapshotBrowserReturn, type UseSnippetsEditorOptions, type UseSnippetsEditorReturn, type UseToolsPathsOptions, type UseToolsPathsReturn, VersionManager, type VersionManagerProps, applyTheme, cn, collectDirPaths, collectExpandablePaths, createErrorLogger, filterTree, findNodeByPath, formatBytes, formatCategory, formatDate, generateScale, getAllLeafPaths, getBreadcrumbFromPath, getLanguage, getLanguageFromPath, getParentPaths, hslToHex, iconMap, isLeafNode, isLightTheme, satCurve, submitIssueReport, useCapturedIssues, useClickOutside, useDropdownMaxHeight, useGoldenSync, useNavigationHistory, usePromptEditor, useReportBug, useSnapshotBrowser, useSnippetsEditor, useToolsPaths };