@skillkit/tui 1.8.0 → 1.9.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import * as react from 'react';
 import { AgentType, SkillMetadata } from '@skillkit/core';
 import * as _skillkit_agents from '@skillkit/agents';
+import { JSX } from 'solid-js';
 
 interface SkillItem {
     name: string;
@@ -39,7 +39,7 @@ declare const SIDEBAR_NAV: SidebarSection[];
 interface AppProps {
     onExit?: (code?: number) => void;
 }
-declare function App({ onExit }?: AppProps): react.ReactNode;
+declare function App(props: AppProps): any;
 
 /**
  * Monochromatic color palette for SkillKit TUI
@@ -301,6 +301,16 @@ declare function getScreenFromKey(key: string): Screen | undefined;
  */
 declare function isNavKey(key: string): boolean;
 
+/**
+ * Detailed skill info including path for translation
+ */
+interface SkillWithDetails {
+    name: string;
+    description?: string;
+    path: string;
+    source?: string;
+    enabled: boolean;
+}
 /**
  * Skills store state
  */
@@ -330,6 +340,12 @@ declare function removeSkill(skillName: string, agentType?: AgentType): boolean;
  * Filter skills by search query
  */
 declare function filterSkills(skills: SkillItem[], query: string): SkillItem[];
+/**
+ * Load skills with full details including path for translation
+ * @param agentType - Optional agent type to load skills for
+ * @returns Array of skills with path details
+ */
+declare function loadSkillsWithDetails(agentType?: AgentType): SkillWithDetails[];
 
 /**
  * Agent status information
@@ -506,16 +522,12 @@ declare function clampIndex(index: number, listLength: number): number;
 declare function calculateMaxVisible(availableRows: number, reservedRows: number, minVisible?: number): number;
 
 interface AgentGridProps {
-    /** Maximum number of agents to display */
     maxVisible?: number;
-    /** Show status indicators for detected agents */
     showStatus?: boolean;
-    /** Agent types that are detected/active */
     detectedAgents?: string[];
-    /** Number of columns in the grid */
     columns?: number;
 }
-declare function AgentGrid({ maxVisible, showStatus, detectedAgents, columns, }: AgentGridProps): react.ReactNode;
+declare function AgentGrid(props: AgentGridProps): any;
 
 interface StatItem {
     label: string;
@@ -526,7 +538,7 @@ interface StatsCardProps {
     items: StatItem[];
     animated?: boolean;
 }
-declare function StatsCard({ items, animated }: StatsCardProps): react.ReactNode;
+declare function StatsCard(props: StatsCardProps): any;
 
 interface HeaderProps {
     title: string;
@@ -535,20 +547,31 @@ interface HeaderProps {
     badge?: string;
     icon?: string;
 }
-declare function Header({ title, subtitle, count, badge, icon }: HeaderProps): react.ReactNode;
+declare function Header(props: HeaderProps): any;
 
 interface SidebarProps {
     screen: Screen;
     onNavigate: (screen: Screen) => void;
 }
-declare function Sidebar({ screen }: SidebarProps): react.ReactNode;
+declare function Sidebar(props: SidebarProps): any;
+
+interface RightSidebarProps {
+    width: number;
+    rows: number;
+}
+declare function RightSidebar(props: RightSidebarProps): any;
+
+interface BottomStatusBarProps {
+    currentScreen: Screen;
+}
+declare function BottomStatusBar(props: BottomStatusBarProps): any;
 
 interface StatusBarProps {
     message?: string;
     messageType?: 'info' | 'success' | 'error' | 'warning';
     shortcuts?: string;
 }
-declare function StatusBar({ message, messageType, shortcuts, }: StatusBarProps): react.ReactNode;
+declare function StatusBar(props: StatusBarProps): any;
 
 interface SkillListProps {
     skills: SkillItem[];
@@ -556,7 +579,7 @@ interface SkillListProps {
     maxVisible?: number;
     onSelect?: (skill: SkillItem) => void;
 }
-declare function SkillList({ skills, selectedIndex, maxVisible, onSelect, }: SkillListProps): react.ReactNode;
+declare function SkillList(props: SkillListProps): any;
 
 interface SearchInputProps {
     value: string;
@@ -564,13 +587,13 @@ interface SearchInputProps {
     focused?: boolean;
     onChange?: (value: string) => void;
 }
-declare function SearchInput({ value, placeholder, focused, }: SearchInputProps): react.ReactNode;
+declare function SearchInput(props: SearchInputProps): any;
 
 interface SpinnerProps {
     label?: string;
     color?: keyof typeof terminalColors;
 }
-declare function Spinner({ label, color }: SpinnerProps): react.ReactNode;
+declare function Spinner(props: SpinnerProps): any;
 
 interface ProgressBarProps {
     progress: number;
@@ -578,7 +601,7 @@ interface ProgressBarProps {
     showPercentage?: boolean;
     color?: keyof typeof terminalColors;
 }
-declare function ProgressBar({ progress, width, showPercentage, color, }: ProgressBarProps): react.ReactNode;
+declare function ProgressBar(props: ProgressBarProps): any;
 
 interface Feature {
     key: string;
@@ -590,155 +613,602 @@ declare const FEATURES: Feature[];
 interface FeatureListProps {
     features?: Feature[];
 }
-declare function FeatureList({ features }: FeatureListProps): react.ReactNode;
+declare function FeatureList(props: FeatureListProps): any;
 
 interface SplashProps {
     onComplete: () => void;
     duration?: number;
 }
-declare function Splash({ onComplete, duration }: SplashProps): react.ReactNode;
+declare function Splash(props: SplashProps): any;
+
+/**
+ * SelectList Component
+ * Reusable list with j/k + mouse navigation
+ */
+interface SelectListItem {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    meta?: string;
+    disabled?: boolean;
+}
+interface SelectListProps {
+    items: SelectListItem[];
+    selectedIndex: number;
+    hoveredIndex?: number | null;
+    onSelect?: (item: SelectListItem, index: number) => void;
+    onHover?: (index: number) => void;
+    maxVisible?: number;
+    showIndex?: boolean;
+    emptyText?: string;
+    compact?: boolean;
+}
+declare function SelectList(props: SelectListProps): any;
+
+/**
+ * DetailPane Component
+ * Right-side detail panel with animated slide-in
+ */
+
+interface DetailField {
+    label: string;
+    value: string | string[];
+    color?: string;
+}
+interface DetailPaneProps {
+    title: string;
+    subtitle?: string;
+    icon?: string;
+    fields?: DetailField[];
+    content?: string;
+    actions?: Array<{
+        key: string;
+        label: string;
+    }>;
+    width?: number;
+    visible?: boolean;
+    onClose?: () => void;
+    children?: JSX.Element;
+}
+declare function DetailPane(props: DetailPaneProps): any;
+
+/**
+ * SplitPane Component
+ * Horizontal/vertical split layout
+ */
+
+interface SplitPaneProps {
+    direction?: 'horizontal' | 'vertical';
+    primarySize?: number | string;
+    secondarySize?: number | string;
+    showDivider?: boolean;
+    dividerChar?: string;
+    primary: JSX.Element;
+    secondary?: JSX.Element;
+    gap?: number;
+}
+declare function SplitPane(props: SplitPaneProps): any;
+interface ThreePaneLayoutProps {
+    left?: JSX.Element;
+    center: JSX.Element;
+    right?: JSX.Element;
+    leftWidth?: number;
+    rightWidth?: number;
+    showLeftDivider?: boolean;
+    showRightDivider?: boolean;
+}
+declare function ThreePaneLayout(props: ThreePaneLayoutProps): any;
+
+/**
+ * EmptyState Component
+ * Consistent "no data" display
+ */
+interface EmptyStateProps {
+    icon?: string;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        key?: string;
+    };
+    compact?: boolean;
+}
+declare function EmptyState(props: EmptyStateProps): any;
+interface LoadingStateProps {
+    message?: string;
+    compact?: boolean;
+}
+declare function LoadingState(props: LoadingStateProps): any;
+interface ErrorStateProps {
+    title?: string;
+    message: string;
+    action?: {
+        label: string;
+        key?: string;
+    };
+    compact?: boolean;
+}
+declare function ErrorState(props: ErrorStateProps): any;
+
+/**
+ * StatusIndicator Component
+ * Loading/success/error/warning indicator
+ */
+type StatusType = 'loading' | 'success' | 'error' | 'warning' | 'info' | 'pending';
+interface StatusIndicatorProps {
+    status: StatusType;
+    label?: string;
+    showLabel?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    animated?: boolean;
+}
+declare function StatusIndicator(props: StatusIndicatorProps): any;
+interface InlineStatusProps {
+    status: StatusType;
+    compact?: boolean;
+}
+declare function InlineStatus(props: InlineStatusProps): any;
+interface StatusBadgeProps {
+    status: StatusType;
+    label: string;
+}
+declare function StatusBadge(props: StatusBadgeProps): any;
+
+/**
+ * CodeBlock Component
+ * Basic syntax highlighting for code display
+ */
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    showLineNumbers?: boolean;
+    maxLines?: number;
+    highlightLines?: number[];
+    title?: string;
+}
+declare function CodeBlock(props: CodeBlockProps): any;
+interface InlineCodeProps {
+    children: string;
+}
+declare function InlineCode(props: InlineCodeProps): any;
+
+/**
+ * FormField Component
+ * Input with label and validation
+ */
+interface FormFieldProps {
+    label: string;
+    value: string;
+    placeholder?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    type?: 'text' | 'password' | 'search';
+    width?: number;
+}
+declare function FormField(props: FormFieldProps): any;
+interface TextAreaFieldProps {
+    label: string;
+    value: string;
+    placeholder?: string;
+    error?: string;
+    rows?: number;
+    width?: number;
+    focused?: boolean;
+}
+declare function TextAreaField(props: TextAreaFieldProps): any;
+interface SelectFieldProps {
+    label: string;
+    value: string;
+    options: Array<{
+        value: string;
+        label: string;
+    }>;
+    focused?: boolean;
+    expanded?: boolean;
+    selectedOptionIndex?: number;
+}
+declare function SelectField(props: SelectFieldProps): any;
+
+/**
+ * ErrorBoundary Component
+ * Catch and display errors gracefully
+ */
+
+interface ErrorBoundaryProps {
+    children: JSX.Element;
+    fallback?: JSX.Element | ((error: Error, reset: () => void) => JSX.Element);
+    onError?: (error: Error) => void;
+}
+declare function ErrorBoundary(props: ErrorBoundaryProps): any;
+interface TryProps {
+    children: JSX.Element;
+    catch?: JSX.Element;
+}
+declare function Try(props: TryProps): any;
+
+/**
+ * Button Component
+ * Clickable button with hover/active states
+ */
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+type ButtonSize = 'sm' | 'md' | 'lg';
+interface ButtonProps {
+    label: string;
+    shortcut?: string;
+    icon?: string;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    focused?: boolean;
+    pressed?: boolean;
+    hovered?: boolean;
+    onClick?: () => void;
+}
+declare function Button(props: ButtonProps): any;
+interface ButtonGroupProps {
+    buttons: Array<{
+        id: string;
+        label: string;
+        shortcut?: string;
+        icon?: string;
+        variant?: ButtonVariant;
+        disabled?: boolean;
+        onClick?: () => void;
+    }>;
+    selectedId?: string;
+    focusedId?: string;
+    direction?: 'horizontal' | 'vertical';
+    gap?: number;
+}
+declare function ButtonGroup(props: ButtonGroupProps): any;
+interface IconButtonProps {
+    icon: string;
+    label?: string;
+    disabled?: boolean;
+    focused?: boolean;
+    hovered?: boolean;
+    onClick?: () => void;
+}
+declare function IconButton(props: IconButtonProps): any;
+
+/**
+ * Clickable Component
+ * Wrapper to make any element clickable with hover effects
+ */
+
+interface ClickableProps {
+    children: JSX.Element;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    onRightClick?: () => void;
+    disabled?: boolean;
+    hovered?: boolean;
+    pressed?: boolean;
+    focusable?: boolean;
+    focused?: boolean;
+    cursor?: string;
+    hoverEffect?: 'highlight' | 'underline' | 'pointer' | 'none';
+}
+declare function Clickable(props: ClickableProps): any;
+interface ClickableTextProps {
+    children: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    hovered?: boolean;
+    color?: string;
+    hoverColor?: string;
+    underlineOnHover?: boolean;
+}
+declare function ClickableText(props: ClickableTextProps): any;
+interface ClickableRowProps {
+    children: JSX.Element;
+    selected?: boolean;
+    hovered?: boolean;
+    disabled?: boolean;
+    showIndicator?: boolean;
+    indicatorChar?: string;
+    onClick?: () => void;
+}
+declare function ClickableRow(props: ClickableRowProps): any;
+interface InteractiveAreaProps {
+    children: JSX.Element;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    onMouseOver?: () => void;
+    onMouseOut?: () => void;
+    onClick?: () => void;
+    onMouseDown?: () => void;
+    onMouseUp?: () => void;
+}
+declare function InteractiveArea(props: InteractiveAreaProps): any;
+
+/**
+ * HoverHighlight Component
+ * Hover highlight effect for list items and buttons
+ * Note: Terminal background colors are limited, so we use text color changes for highlighting
+ */
+
+interface HoverHighlightProps {
+    children: JSX.Element;
+    isHovered?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    highlightColor?: string;
+    selectedColor?: string;
+    transitionMs?: number;
+}
+declare function HoverHighlight(props: HoverHighlightProps): any;
+interface HighlightableListItemProps {
+    children: JSX.Element;
+    index: number;
+    selectedIndex?: number;
+    hoveredIndex?: number | null;
+    showPrefix?: boolean;
+    prefixWidth?: number;
+}
+declare function HighlightableListItem(props: HighlightableListItemProps): any;
+interface FocusRingProps {
+    children: JSX.Element;
+    isFocused?: boolean;
+    ringColor?: string;
+}
+declare function FocusRing(props: FocusRingProps): any;
+interface PressEffectProps {
+    children: JSX.Element;
+    isPressed?: boolean;
+    pressColor?: string;
+}
+declare function PressEffect(props: PressEffectProps): any;
+
+/**
+ * AnimatedText Component
+ * Text with fade/slide animations
+ */
+interface AnimatedTextProps {
+    text: string;
+    animation?: 'fadeIn' | 'typewriter' | 'scramble' | 'countUp' | 'none';
+    duration?: number;
+    delay?: number;
+    color?: string;
+    onComplete?: () => void;
+}
+declare function AnimatedText(props: AnimatedTextProps): any;
+interface CountUpTextProps {
+    value: number;
+    duration?: number;
+    delay?: number;
+    prefix?: string;
+    suffix?: string;
+    color?: string;
+    formatter?: (value: number) => string;
+}
+declare function CountUpText(props: CountUpTextProps): any;
+interface BlinkingTextProps {
+    text: string;
+    interval?: number;
+    color?: string;
+    blinkColor?: string;
+}
+declare function BlinkingText(props: BlinkingTextProps): any;
+interface PulsingTextProps {
+    text: string;
+    color?: string;
+    pulseColor?: string;
+    interval?: number;
+}
+declare function PulsingText(props: PulsingTextProps): any;
+
+/**
+ * TabBar Component
+ * Clickable tab navigation
+ */
+interface Tab {
+    id: string;
+    label: string;
+    icon?: string;
+    badge?: string | number;
+    disabled?: boolean;
+}
+interface TabBarProps {
+    tabs: Tab[];
+    activeId: string;
+    hoveredId?: string | null;
+    onSelect?: (id: string) => void;
+    variant?: 'default' | 'pills' | 'underline';
+    size?: 'sm' | 'md' | 'lg';
+    showShortcuts?: boolean;
+}
+declare function TabBar(props: TabBarProps): any;
+interface VerticalTabBarProps {
+    tabs: Tab[];
+    activeId: string;
+    hoveredId?: string | null;
+    onSelect?: (id: string) => void;
+    width?: number;
+}
+declare function VerticalTabBar(props: VerticalTabBarProps): any;
+
+/**
+ * Breadcrumb Component
+ * Clickable breadcrumb navigation
+ */
+interface BreadcrumbItem {
+    id: string;
+    label: string;
+    icon?: string;
+}
+interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: string;
+    hoveredId?: string | null;
+    onNavigate?: (id: string) => void;
+}
+declare function Breadcrumb(props: BreadcrumbProps): any;
+interface PathBreadcrumbProps {
+    path: string;
+    separator?: string;
+    maxSegments?: number;
+    hoveredSegment?: number | null;
+    onNavigate?: (path: string, segmentIndex: number) => void;
+}
+declare function PathBreadcrumb(props: PathBreadcrumbProps): any;
+interface NavigationTrailProps {
+    items: Array<{
+        screen: string;
+        label: string;
+    }>;
+    currentIndex: number;
+    hoveredIndex?: number | null;
+}
+declare function NavigationTrail(props: NavigationTrailProps): any;
 
 interface HomeProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Home({ cols }: HomeProps): react.ReactNode;
+declare function Home(props: HomeProps): any;
 
 interface BrowseProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Browse({ onNavigate, cols, rows }: BrowseProps): react.ReactNode;
+declare function Browse(props: BrowseProps): any;
 
 interface InstalledProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Installed({ onNavigate, cols, rows }: InstalledProps): react.ReactNode;
+declare function Installed(props: InstalledProps): any;
 
 interface MarketplaceProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Marketplace({ onNavigate, cols, rows }: MarketplaceProps): react.ReactNode;
+declare function Marketplace(props: MarketplaceProps): any;
 
 interface RecommendProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Recommend({ onNavigate, cols, rows }: RecommendProps): react.ReactNode;
+declare function Recommend(props: RecommendProps): any;
 
 interface TranslateProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Translate(_props: TranslateProps): react.ReactNode;
+declare function Translate(props: TranslateProps): any;
 
 interface ContextProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Context({ onNavigate, cols, rows }: ContextProps): react.ReactNode;
+declare function Context(props: ContextProps): any;
 
 interface SyncProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Sync({ onNavigate, cols, rows }: SyncProps): react.ReactNode;
+declare function Sync(props: SyncProps): any;
 
 interface MemoryProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Memory({ onNavigate, cols, rows }: MemoryProps): react.ReactNode;
+declare function Memory(props: MemoryProps): any;
 
 interface WorkflowProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Workflow({ onNavigate, cols, rows }: WorkflowProps): react.ReactNode;
+declare function Workflow(props: WorkflowProps): any;
 
 interface ExecuteProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Execute({ onNavigate, cols, rows }: ExecuteProps): react.ReactNode;
+declare function Execute(props: ExecuteProps): any;
 
 interface HistoryProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function History({ onNavigate, cols, rows }: HistoryProps): react.ReactNode;
+declare function History(props: HistoryProps): any;
 
 interface TeamProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Team({ onNavigate, cols, rows }: TeamProps): react.ReactNode;
+declare function Team(props: TeamProps): any;
 
 interface PluginsProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Plugins({ onNavigate, cols, rows }: PluginsProps): react.ReactNode;
+declare function Plugins(props: PluginsProps): any;
 
 interface MethodologyProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Methodology({ onNavigate, cols, rows }: MethodologyProps): react.ReactNode;
+declare function Methodology(props: MethodologyProps): any;
 
 interface PlanProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Plan({ onNavigate, cols, rows }: PlanProps): react.ReactNode;
+declare function Plan(props: PlanProps): any;
 
 interface SettingsProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Settings({ onNavigate, cols }: SettingsProps): react.ReactNode;
+declare function Settings(props: SettingsProps): any;
 
 interface HelpProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Help({ cols }: HelpProps): react.ReactNode;
+declare function Help(props: HelpProps): any;
 
 interface MeshProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Mesh({ onNavigate, cols, rows }: MeshProps): react.ReactNode;
+declare function Mesh(props: MeshProps): any;
 
 interface MessageProps {
     onNavigate: (screen: Screen) => void;
     cols?: number;
     rows?: number;
 }
-declare function Message({ onNavigate, cols, rows }: MessageProps): react.ReactNode;
+declare function Message(props: MessageProps): any;
 
 declare function exitTUI(code?: number): void;
 declare function startTUI(): Promise<never>;
 
-export { AGENT_LOGOS, AgentGrid, type AgentLogo, type AgentStatus, type AgentsState, type AnimationPreset, App, Browse, type ColorName, type ColorValue, Context, DEFAULT_REPOS, DEFAULT_SCRAMBLE_CONFIG, type EasingFunction, Execute, FEATURES, type Feature, FeatureList, type FetchedSkill, Header, Help, History, Home, Installed, Marketplace, type MarketplaceState, Memory, Mesh, Message, Methodology, NAV_KEYS, type NavigationState, type PaginationResult, Plan, Plugins, ProgressBar, Recommend, type RepoInfo, SCRAMBLE_CHARS, SIDEBAR_NAV, STATUS_BAR_SHORTCUTS, type ScrambleConfig, type Screen, type ScreenMeta, SearchInput, Settings, Sidebar, type SidebarSection, type SkillItem, SkillList, type SkillsState, Spinner, Splash, StatsCard, StatusBar, type SymbolName, Sync, TOTAL_AGENTS, Team, Translate, Workflow, animations, calculateMaxVisible, calculatePagination, clampIndex, cleanupTempRoot, colors, createAgentsState, createMarketplaceState, createNavigationState, createSkillsState, exitTUI, fetchRepoSkills, filterMarketplaceSkills, filterSkills, formatAgentDisplay, getAgentAdapter, getAgentLogo, getAgentTypes, getColor, getDetectedAgentCount, getDetectedAgents, getInstallDir, getMarketplaceRepos, getScreenFromKey, getSearchDirs, getStaggerDelay, getVersion, goBack, isNavKey, loadAgents, loadSkills, moveDown, moveUp, navigateTo, readSkillDescription, removeSkill, saveSkillMetadata, scrambleText, sortSkillsByName, startTUI, symbols, terminalColors, toSkillItems };
+export { AGENT_LOGOS, AgentGrid, type AgentLogo, type AgentStatus, type AgentsState, AnimatedText, type AnimationPreset, App, BlinkingText, BottomStatusBar, Breadcrumb, type BreadcrumbItem, Browse, Button, ButtonGroup, type ButtonSize, type ButtonVariant, Clickable, ClickableRow, ClickableText, CodeBlock, type ColorName, type ColorValue, Context, CountUpText, DEFAULT_REPOS, DEFAULT_SCRAMBLE_CONFIG, type DetailField, DetailPane, type EasingFunction, EmptyState, ErrorBoundary, ErrorState, Execute, FEATURES, type Feature, FeatureList, type FetchedSkill, FocusRing, FormField, Header, Help, HighlightableListItem, History, Home, HoverHighlight, IconButton, InlineCode, InlineStatus, Installed, InteractiveArea, LoadingState, Marketplace, type MarketplaceState, Memory, Mesh, Message, Methodology, NAV_KEYS, type NavigationState, NavigationTrail, type PaginationResult, PathBreadcrumb, Plan, Plugins, PressEffect, ProgressBar, PulsingText, Recommend, type RepoInfo, RightSidebar, SCRAMBLE_CHARS, SIDEBAR_NAV, STATUS_BAR_SHORTCUTS, type ScrambleConfig, type Screen, type ScreenMeta, SearchInput, SelectField, SelectList, type SelectListItem, Settings, Sidebar, type SidebarSection, type SkillItem, SkillList, type SkillWithDetails, type SkillsState, Spinner, Splash, SplitPane, StatsCard, StatusBadge, StatusBar, StatusIndicator, type StatusType, type SymbolName, Sync, TOTAL_AGENTS, type Tab, TabBar, Team, TextAreaField, ThreePaneLayout, Translate, Try, VerticalTabBar, Workflow, animations, calculateMaxVisible, calculatePagination, clampIndex, cleanupTempRoot, colors, createAgentsState, createMarketplaceState, createNavigationState, createSkillsState, exitTUI, fetchRepoSkills, filterMarketplaceSkills, filterSkills, formatAgentDisplay, getAgentAdapter, getAgentLogo, getAgentTypes, getColor, getDetectedAgentCount, getDetectedAgents, getInstallDir, getMarketplaceRepos, getScreenFromKey, getSearchDirs, getStaggerDelay, getVersion, goBack, isNavKey, loadAgents, loadSkills, loadSkillsWithDetails, moveDown, moveUp, navigateTo, readSkillDescription, removeSkill, saveSkillMetadata, scrambleText, sortSkillsByName, startTUI, symbols, terminalColors, toSkillItems };