@citron-systems/citron-ui 1.10.0 → 1.11.0
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.
- package/dist/index.d.cts +108 -8
- package/dist/index.d.ts +108 -8
- package/dist/index.js +3 -3
- package/dist/index.mjs +3 -3
- package/package.json +7 -5
package/dist/index.d.cts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { ReactNode, TextareaHTMLAttributes, ButtonHTMLAttributes, Component, InputHTMLAttributes, ComponentType, HTMLAttributes, RefObject, FormHTMLAttributes, LabelHTMLAttributes, SelectHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
4
|
-
import { FallbackProps } from 'react-error-boundary';
|
|
5
4
|
import { LucideIcon } from 'lucide-react';
|
|
5
|
+
import { FallbackProps } from 'react-error-boundary';
|
|
6
|
+
import { NavLinkProps as NavLinkProps$1 } from 'react-router-dom';
|
|
6
7
|
|
|
7
8
|
interface ActionButtonItem {
|
|
8
9
|
id: string;
|
|
@@ -101,14 +102,27 @@ interface Edge {
|
|
|
101
102
|
type: string;
|
|
102
103
|
target?: string;
|
|
103
104
|
}
|
|
105
|
+
interface EntityCardStat {
|
|
106
|
+
label: string;
|
|
107
|
+
value: string;
|
|
108
|
+
icon?: LucideIcon;
|
|
109
|
+
}
|
|
104
110
|
interface EntityCardProps {
|
|
105
111
|
name: string;
|
|
106
112
|
entityType: EntityType;
|
|
113
|
+
/** Subtitle text displayed below the name (e.g. "Enterprise · Series C · SaaS"). */
|
|
114
|
+
subtitle?: string;
|
|
115
|
+
/** Status badge label (e.g. "Active"). Only shown in company variant. */
|
|
116
|
+
statusLabel?: string;
|
|
107
117
|
metadata?: Record<string, string>;
|
|
108
118
|
edges?: Edge[];
|
|
119
|
+
/** Stats grid displayed under the header. Activates the company card layout. */
|
|
120
|
+
stats?: EntityCardStat[];
|
|
121
|
+
/** Connections summary text (e.g. "Connected to Jane Smith, TechVentures +3 more"). */
|
|
122
|
+
connections?: string;
|
|
109
123
|
className?: string;
|
|
110
124
|
}
|
|
111
|
-
declare function EntityCard({ name, entityType, metadata, edges, className, }: EntityCardProps): react_jsx_runtime.JSX.Element;
|
|
125
|
+
declare function EntityCard({ name, entityType, subtitle, statusLabel, metadata, edges, stats, connections, className, }: EntityCardProps): react_jsx_runtime.JSX.Element;
|
|
112
126
|
|
|
113
127
|
interface EntityCommandCardStat {
|
|
114
128
|
label: string;
|
|
@@ -595,11 +609,13 @@ interface AppSidebarProps {
|
|
|
595
609
|
activePath?: string;
|
|
596
610
|
onNavigate?: (path: string) => void;
|
|
597
611
|
logo?: ReactNode;
|
|
612
|
+
/** When true the status dot at the bottom pulses with an animation. */
|
|
613
|
+
showStatusDot?: boolean;
|
|
598
614
|
className?: string;
|
|
599
615
|
}
|
|
600
|
-
declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
|
|
616
|
+
declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, showStatusDot, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
|
|
601
617
|
|
|
602
|
-
type EventStatus = 'success' | 'warning' | 'error' | 'info';
|
|
618
|
+
type EventStatus = 'success' | 'warning' | 'error' | 'danger' | 'info';
|
|
603
619
|
interface EventFeedItem {
|
|
604
620
|
id: string | number;
|
|
605
621
|
icon: LucideIcon;
|
|
@@ -617,14 +633,73 @@ interface EventFeedProps {
|
|
|
617
633
|
}
|
|
618
634
|
declare function EventFeed({ title, liveLabel, events, onItemClick, className, }: EventFeedProps): react_jsx_runtime.JSX.Element;
|
|
619
635
|
|
|
636
|
+
interface CanvasBlock {
|
|
637
|
+
id: string;
|
|
638
|
+
type: 'text' | 'entity' | 'intelligence' | 'loading';
|
|
639
|
+
content?: string;
|
|
640
|
+
}
|
|
641
|
+
interface CanvasContextValue {
|
|
642
|
+
blocks: CanvasBlock[];
|
|
643
|
+
addBlocks: (blocks: CanvasBlock[]) => void;
|
|
644
|
+
clearBlocks: () => void;
|
|
645
|
+
}
|
|
646
|
+
declare function useCanvas(): CanvasContextValue;
|
|
647
|
+
interface CanvasProviderProps {
|
|
648
|
+
children: ReactNode;
|
|
649
|
+
initialBlocks?: CanvasBlock[];
|
|
650
|
+
}
|
|
651
|
+
declare function CanvasProvider({ children, initialBlocks }: CanvasProviderProps): react_jsx_runtime.JSX.Element;
|
|
652
|
+
|
|
653
|
+
type RightPanelTab = 'chat' | 'events';
|
|
654
|
+
interface RightPanelAgent {
|
|
655
|
+
id: string;
|
|
656
|
+
label: string;
|
|
657
|
+
icon: LucideIcon;
|
|
658
|
+
description: string;
|
|
659
|
+
}
|
|
660
|
+
interface RightPanelChatMessage {
|
|
661
|
+
id: string;
|
|
662
|
+
role: 'user' | 'assistant';
|
|
663
|
+
content: string;
|
|
664
|
+
files?: string[];
|
|
665
|
+
}
|
|
666
|
+
interface RightPanelProps {
|
|
667
|
+
defaultTab?: RightPanelTab;
|
|
668
|
+
tab?: RightPanelTab;
|
|
669
|
+
onTabChange?: (tab: RightPanelTab) => void;
|
|
670
|
+
agents?: RightPanelAgent[];
|
|
671
|
+
defaultAgent?: RightPanelAgent;
|
|
672
|
+
agent?: RightPanelAgent;
|
|
673
|
+
onAgentChange?: (agent: RightPanelAgent) => void;
|
|
674
|
+
messages?: RightPanelChatMessage[];
|
|
675
|
+
defaultMessages?: RightPanelChatMessage[];
|
|
676
|
+
onMessagesChange?: (messages: RightPanelChatMessage[]) => void;
|
|
677
|
+
onSend?: (content: string, files: File[]) => void;
|
|
678
|
+
onAddCanvasBlocks?: (blocks: CanvasBlock[]) => void;
|
|
679
|
+
agentResponses?: Record<string, {
|
|
680
|
+
text: string;
|
|
681
|
+
cards: ('entity' | 'intelligence')[];
|
|
682
|
+
}>;
|
|
683
|
+
autoRespond?: boolean;
|
|
684
|
+
autoRespondDelayMs?: number;
|
|
685
|
+
renderEventsTab?: () => ReactNode;
|
|
686
|
+
className?: string;
|
|
687
|
+
}
|
|
688
|
+
declare function RightPanel({ defaultTab, tab, onTabChange, agents, defaultAgent, agent, onAgentChange, messages, defaultMessages, onMessagesChange, onSend, onAddCanvasBlocks, agentResponses, autoRespond, autoRespondDelayMs, renderEventsTab, className, }: RightPanelProps): react_jsx_runtime.JSX.Element;
|
|
689
|
+
|
|
620
690
|
interface AppLayoutProps {
|
|
621
691
|
children: ReactNode;
|
|
692
|
+
/** @deprecated Use `showRightPanel` instead. */
|
|
622
693
|
showEventFeed?: boolean;
|
|
694
|
+
/** Shows the AI chat + events right panel. */
|
|
695
|
+
showRightPanel?: boolean;
|
|
623
696
|
sidebarProps?: Partial<AppSidebarProps>;
|
|
624
697
|
eventFeedProps?: Partial<EventFeedProps>;
|
|
698
|
+
rightPanelProps?: Partial<RightPanelProps>;
|
|
699
|
+
canvasProviderProps?: Partial<CanvasProviderProps>;
|
|
625
700
|
className?: string;
|
|
626
701
|
}
|
|
627
|
-
declare function AppLayout({ children, showEventFeed, sidebarProps, eventFeedProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
|
|
702
|
+
declare function AppLayout({ children, showEventFeed, showRightPanel, sidebarProps, eventFeedProps, rightPanelProps, canvasProviderProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
|
|
628
703
|
|
|
629
704
|
interface AspectRatioProps {
|
|
630
705
|
ratio?: number;
|
|
@@ -724,10 +799,14 @@ interface CircularScoreProps {
|
|
|
724
799
|
label: string;
|
|
725
800
|
value: number;
|
|
726
801
|
tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
|
|
802
|
+
/** Override the stroke color with an arbitrary CSS color value. Takes precedence over `tone`. */
|
|
803
|
+
color?: string;
|
|
804
|
+
/** When true the arc represents the inverse (100 - value). Useful for risk-style scores. */
|
|
805
|
+
inverted?: boolean;
|
|
727
806
|
size?: number;
|
|
728
807
|
className?: string;
|
|
729
808
|
}
|
|
730
|
-
declare function CircularScore({ label, value, tone, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
|
|
809
|
+
declare function CircularScore({ label, value, tone, color, inverted, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
|
|
731
810
|
|
|
732
811
|
interface CollapsibleProps {
|
|
733
812
|
title: ReactNode;
|
|
@@ -766,6 +845,14 @@ interface CommandCanvasProps {
|
|
|
766
845
|
readyLabel?: string;
|
|
767
846
|
placeholder?: string;
|
|
768
847
|
footerText?: string;
|
|
848
|
+
/**
|
|
849
|
+
* When provided, the canvas renders blocks from CanvasContext instead of the
|
|
850
|
+
* built-in message list. Use `renderBlock` to customise how each block type
|
|
851
|
+
* is rendered.
|
|
852
|
+
*/
|
|
853
|
+
blocks?: CanvasBlock[];
|
|
854
|
+
/** Custom renderer for each block type when using blocks mode. */
|
|
855
|
+
renderBlock?: (block: CanvasBlock) => ReactNode;
|
|
769
856
|
messages?: CommandCanvasMessage[];
|
|
770
857
|
initialMessages?: CommandCanvasMessage[];
|
|
771
858
|
onMessagesChange?: (messages: CommandCanvasMessage[]) => void;
|
|
@@ -779,9 +866,11 @@ interface CommandCanvasProps {
|
|
|
779
866
|
onSend?: (value: string) => void;
|
|
780
867
|
generateAssistantMessage?: (value: string) => Omit<CommandCanvasMessage, 'id' | 'role'>;
|
|
781
868
|
renderCard?: (type: CommandCanvasCardType) => ReactNode;
|
|
869
|
+
/** When true, hides the built-in input bar. Useful when using RightPanel for input. */
|
|
870
|
+
hideInput?: boolean;
|
|
782
871
|
className?: string;
|
|
783
872
|
}
|
|
784
|
-
declare function CommandCanvas({ title, subtitle, readyLabel, placeholder, footerText, messages, initialMessages, onMessagesChange, inputValue, defaultInputValue, onInputValueChange, autoAssistantResponse, assistantResponseDelayMs, isResponding, onRespondingChange, onSend, generateAssistantMessage, renderCard, className, }: CommandCanvasProps): react_jsx_runtime.JSX.Element;
|
|
873
|
+
declare function CommandCanvas({ title, subtitle, readyLabel, placeholder, footerText, blocks, renderBlock, messages, initialMessages, onMessagesChange, inputValue, defaultInputValue, onInputValueChange, autoAssistantResponse, assistantResponseDelayMs, isResponding, onRespondingChange, onSend, generateAssistantMessage, renderCard, hideInput, className, }: CommandCanvasProps): react_jsx_runtime.JSX.Element;
|
|
785
874
|
|
|
786
875
|
interface ContextMenuItem {
|
|
787
876
|
id: string;
|
|
@@ -957,6 +1046,10 @@ interface IntelligenceScoreItem {
|
|
|
957
1046
|
label: string;
|
|
958
1047
|
value: number;
|
|
959
1048
|
tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
|
|
1049
|
+
/** Override the stroke color with an arbitrary CSS color value. */
|
|
1050
|
+
color?: string;
|
|
1051
|
+
/** When true the arc represents the inverse (100 - value). Useful for risk scores. */
|
|
1052
|
+
inverted?: boolean;
|
|
960
1053
|
}
|
|
961
1054
|
interface IntelligenceCardProps {
|
|
962
1055
|
title?: string;
|
|
@@ -1295,4 +1388,11 @@ interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content'>
|
|
|
1295
1388
|
}
|
|
1296
1389
|
declare function Tooltip({ content, side, open, defaultOpen, onOpenChange, disabled, className, children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
1297
1390
|
|
|
1298
|
-
|
|
1391
|
+
interface NavLinkRouterProps extends Omit<NavLinkProps$1, 'className'> {
|
|
1392
|
+
className?: string;
|
|
1393
|
+
activeClassName?: string;
|
|
1394
|
+
pendingClassName?: string;
|
|
1395
|
+
}
|
|
1396
|
+
declare const NavLinkRouter: react.ForwardRefExoticComponent<NavLinkRouterProps & react.RefAttributes<HTMLAnchorElement>>;
|
|
1397
|
+
|
|
1398
|
+
export { AIComposeInput, type AIComposeInputProps, AIEmailGenerator, type AIEmailGeneratorProps, Accordion, type AccordionItem, type AccordionProps, type ActionButtonItem, ActionButtons, type ActionButtonsProps, ActivityStream, type ActivityStreamProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, AppLayout, type AppLayoutProps, AppNavigationRail, type AppNavigationRailItem, type AppNavigationRailProps, AppSidebar, type AppSidebarItem, type AppSidebarProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, type BlockType, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarProps, type CampaignStatus, CampaignTable, type CampaignTableProps, type CampaignTableRow, type CanvasBlock, type CanvasContextValue, CanvasProvider, type CanvasProviderProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselProps, Chart, type ChartDatum, type ChartProps, ChatFeed, type ChatFeedProps, type ChatMessage, Checkbox, type CheckboxProps, CircularScore, type CircularScoreProps, type CitronEvent, Collapsible, type CollapsibleProps, Command, CommandBar, type CommandBarProps, CommandCanvas, type CommandCanvasCardType, type CommandCanvasMessage, type CommandCanvasProps, CommandInterface, type CommandInterfaceProps, type CommandItem, type CommandProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type Edge, type EmailBlock, EmailBlockEditor, type EmailBlockEditorProps, EmailCampaignsView, type EmailCampaignsViewProps, EmailComposeActionButtons, type EmailTemplateItem, EmailTemplatesSection, type EmailTemplatesSectionProps, EntityCard, type EntityCardProps, type EntityCardStat, EntityCommandCard, type EntityCommandCardProps, type EntityCommandCardStat, type EntityType, ErrorBoundary, type ErrorBoundaryProps, EventFeed, type EventFeedItem, type EventFeedProps, EventRow, type EventRowProps, type EventStatus, type EventStreamEvent, EventStreamFeed, type EventStreamFeedProps, EventStreamSidebar, type EventStreamSidebarProps, type EventStreamStatus, Form, FormActions, type FormActionsProps, FormField, type FormFieldProps, type FormProps, type GraphEdge, type GraphNode$1 as GraphNode, GraphView, type GraphViewProps, GuidedTour, type GuidedTourProps, type GuidedTourStep, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, Input, InputOtp, type InputOtpProps, type InputProps, IntelligenceCard, type IntelligenceCardProps, IntelligenceLab, type IntelligenceLabInsight, type IntelligenceLabKpiCard, type IntelligenceLabProps, IntelligenceScoreCard, type IntelligenceScoreCardProps, type IntelligenceScoreItem, Label, type LabelProps, MainShell, type MainShellProps, Menubar, MenubarCloseZone, type MenubarCloseZoneProps, MenubarContent, type MenubarContentProps, MenubarItem, type MenubarItemProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarSeparator, type MenubarSeparatorProps, MenubarTrigger, type MenubarTriggerProps, type MetricComparisonItem, MetricComparisonList, type MetricComparisonListProps, type MetricComparisonVariant, ModuleContainer, type ModuleContainerProps, ModuleErrorBoundary, type ModuleErrorBoundaryProps, ModuleSkeleton, type ModuleSkeletonProps, NavLink, type NavLinkProps, NavLinkRouter, type NavLinkRouterProps, NavigationMenu, type NavigationMenuItem, type NavigationMenuProps, OSNavigationRail, type OSNavigationRailItem, type OSNavigationRailProps, OnboardingWizard, type OnboardingWizardProps, PageErrorFallback, type PageErrorFallbackProps, PageHeader, PageHeaderActionButton, type PageHeaderActionButtonProps, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupOption, type RadioGroupProps, Resizable, type ResizableProps, RightPanel, type RightPanelAgent, type RightPanelChatMessage, type RightPanelProps, type RightPanelTab, RouteWithErrorBoundary, type RouteWithErrorBoundaryProps, ScrollArea, type ScrollAreaProps, SearchBar, type SearchBarProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorOrientation, type SeparatorProps, Sheet, type SheetProps, type SheetSide, Sidebar, type SidebarItem, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Sonner, type SonnerProps, type StatCardChangeVariant, StatCardGrid, type StatCardGridProps, type StatCardItem, type StatCardWithChartItem, StatCards, type StatCardsProps, StatCardsWithChart, type StatCardsWithChartProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, Switch, type SwitchProps, type TabItem, TabSystem, type TabSystemProps, Table, TableBody, TableCaption, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, type TableSortDirection, Tabs, type TabsItem, type TabsProps, TaskCreateForm, type TaskCreateFormProps, type TaskCreatePayload, TaskItem, type TaskItemData, type TaskItemProps, TaskList, type TaskListProps, type TaskPriority, type TaskSection, type TaskStatus, type TaskWithStatus, TasksView, type TasksViewProps, TemplateCard, type TemplateCardProps, Textarea, type TextareaProps, type TextareaResize, Toast, type ToastAction, type ToastProps, type ToastVariant, Toaster, type ToasterItem, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupItem, type ToggleGroupProps, type ToggleGroupType, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, type TooltipProps, type TooltipSide, useCanvas };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
3
|
import { ReactNode, TextareaHTMLAttributes, ButtonHTMLAttributes, Component, InputHTMLAttributes, ComponentType, HTMLAttributes, RefObject, FormHTMLAttributes, LabelHTMLAttributes, SelectHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
|
|
4
|
-
import { FallbackProps } from 'react-error-boundary';
|
|
5
4
|
import { LucideIcon } from 'lucide-react';
|
|
5
|
+
import { FallbackProps } from 'react-error-boundary';
|
|
6
|
+
import { NavLinkProps as NavLinkProps$1 } from 'react-router-dom';
|
|
6
7
|
|
|
7
8
|
interface ActionButtonItem {
|
|
8
9
|
id: string;
|
|
@@ -101,14 +102,27 @@ interface Edge {
|
|
|
101
102
|
type: string;
|
|
102
103
|
target?: string;
|
|
103
104
|
}
|
|
105
|
+
interface EntityCardStat {
|
|
106
|
+
label: string;
|
|
107
|
+
value: string;
|
|
108
|
+
icon?: LucideIcon;
|
|
109
|
+
}
|
|
104
110
|
interface EntityCardProps {
|
|
105
111
|
name: string;
|
|
106
112
|
entityType: EntityType;
|
|
113
|
+
/** Subtitle text displayed below the name (e.g. "Enterprise · Series C · SaaS"). */
|
|
114
|
+
subtitle?: string;
|
|
115
|
+
/** Status badge label (e.g. "Active"). Only shown in company variant. */
|
|
116
|
+
statusLabel?: string;
|
|
107
117
|
metadata?: Record<string, string>;
|
|
108
118
|
edges?: Edge[];
|
|
119
|
+
/** Stats grid displayed under the header. Activates the company card layout. */
|
|
120
|
+
stats?: EntityCardStat[];
|
|
121
|
+
/** Connections summary text (e.g. "Connected to Jane Smith, TechVentures +3 more"). */
|
|
122
|
+
connections?: string;
|
|
109
123
|
className?: string;
|
|
110
124
|
}
|
|
111
|
-
declare function EntityCard({ name, entityType, metadata, edges, className, }: EntityCardProps): react_jsx_runtime.JSX.Element;
|
|
125
|
+
declare function EntityCard({ name, entityType, subtitle, statusLabel, metadata, edges, stats, connections, className, }: EntityCardProps): react_jsx_runtime.JSX.Element;
|
|
112
126
|
|
|
113
127
|
interface EntityCommandCardStat {
|
|
114
128
|
label: string;
|
|
@@ -595,11 +609,13 @@ interface AppSidebarProps {
|
|
|
595
609
|
activePath?: string;
|
|
596
610
|
onNavigate?: (path: string) => void;
|
|
597
611
|
logo?: ReactNode;
|
|
612
|
+
/** When true the status dot at the bottom pulses with an animation. */
|
|
613
|
+
showStatusDot?: boolean;
|
|
598
614
|
className?: string;
|
|
599
615
|
}
|
|
600
|
-
declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
|
|
616
|
+
declare function AppSidebar({ items, bottomItems, activePath, onNavigate, logo, showStatusDot, className, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
|
|
601
617
|
|
|
602
|
-
type EventStatus = 'success' | 'warning' | 'error' | 'info';
|
|
618
|
+
type EventStatus = 'success' | 'warning' | 'error' | 'danger' | 'info';
|
|
603
619
|
interface EventFeedItem {
|
|
604
620
|
id: string | number;
|
|
605
621
|
icon: LucideIcon;
|
|
@@ -617,14 +633,73 @@ interface EventFeedProps {
|
|
|
617
633
|
}
|
|
618
634
|
declare function EventFeed({ title, liveLabel, events, onItemClick, className, }: EventFeedProps): react_jsx_runtime.JSX.Element;
|
|
619
635
|
|
|
636
|
+
interface CanvasBlock {
|
|
637
|
+
id: string;
|
|
638
|
+
type: 'text' | 'entity' | 'intelligence' | 'loading';
|
|
639
|
+
content?: string;
|
|
640
|
+
}
|
|
641
|
+
interface CanvasContextValue {
|
|
642
|
+
blocks: CanvasBlock[];
|
|
643
|
+
addBlocks: (blocks: CanvasBlock[]) => void;
|
|
644
|
+
clearBlocks: () => void;
|
|
645
|
+
}
|
|
646
|
+
declare function useCanvas(): CanvasContextValue;
|
|
647
|
+
interface CanvasProviderProps {
|
|
648
|
+
children: ReactNode;
|
|
649
|
+
initialBlocks?: CanvasBlock[];
|
|
650
|
+
}
|
|
651
|
+
declare function CanvasProvider({ children, initialBlocks }: CanvasProviderProps): react_jsx_runtime.JSX.Element;
|
|
652
|
+
|
|
653
|
+
type RightPanelTab = 'chat' | 'events';
|
|
654
|
+
interface RightPanelAgent {
|
|
655
|
+
id: string;
|
|
656
|
+
label: string;
|
|
657
|
+
icon: LucideIcon;
|
|
658
|
+
description: string;
|
|
659
|
+
}
|
|
660
|
+
interface RightPanelChatMessage {
|
|
661
|
+
id: string;
|
|
662
|
+
role: 'user' | 'assistant';
|
|
663
|
+
content: string;
|
|
664
|
+
files?: string[];
|
|
665
|
+
}
|
|
666
|
+
interface RightPanelProps {
|
|
667
|
+
defaultTab?: RightPanelTab;
|
|
668
|
+
tab?: RightPanelTab;
|
|
669
|
+
onTabChange?: (tab: RightPanelTab) => void;
|
|
670
|
+
agents?: RightPanelAgent[];
|
|
671
|
+
defaultAgent?: RightPanelAgent;
|
|
672
|
+
agent?: RightPanelAgent;
|
|
673
|
+
onAgentChange?: (agent: RightPanelAgent) => void;
|
|
674
|
+
messages?: RightPanelChatMessage[];
|
|
675
|
+
defaultMessages?: RightPanelChatMessage[];
|
|
676
|
+
onMessagesChange?: (messages: RightPanelChatMessage[]) => void;
|
|
677
|
+
onSend?: (content: string, files: File[]) => void;
|
|
678
|
+
onAddCanvasBlocks?: (blocks: CanvasBlock[]) => void;
|
|
679
|
+
agentResponses?: Record<string, {
|
|
680
|
+
text: string;
|
|
681
|
+
cards: ('entity' | 'intelligence')[];
|
|
682
|
+
}>;
|
|
683
|
+
autoRespond?: boolean;
|
|
684
|
+
autoRespondDelayMs?: number;
|
|
685
|
+
renderEventsTab?: () => ReactNode;
|
|
686
|
+
className?: string;
|
|
687
|
+
}
|
|
688
|
+
declare function RightPanel({ defaultTab, tab, onTabChange, agents, defaultAgent, agent, onAgentChange, messages, defaultMessages, onMessagesChange, onSend, onAddCanvasBlocks, agentResponses, autoRespond, autoRespondDelayMs, renderEventsTab, className, }: RightPanelProps): react_jsx_runtime.JSX.Element;
|
|
689
|
+
|
|
620
690
|
interface AppLayoutProps {
|
|
621
691
|
children: ReactNode;
|
|
692
|
+
/** @deprecated Use `showRightPanel` instead. */
|
|
622
693
|
showEventFeed?: boolean;
|
|
694
|
+
/** Shows the AI chat + events right panel. */
|
|
695
|
+
showRightPanel?: boolean;
|
|
623
696
|
sidebarProps?: Partial<AppSidebarProps>;
|
|
624
697
|
eventFeedProps?: Partial<EventFeedProps>;
|
|
698
|
+
rightPanelProps?: Partial<RightPanelProps>;
|
|
699
|
+
canvasProviderProps?: Partial<CanvasProviderProps>;
|
|
625
700
|
className?: string;
|
|
626
701
|
}
|
|
627
|
-
declare function AppLayout({ children, showEventFeed, sidebarProps, eventFeedProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
|
|
702
|
+
declare function AppLayout({ children, showEventFeed, showRightPanel, sidebarProps, eventFeedProps, rightPanelProps, canvasProviderProps, className, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
|
|
628
703
|
|
|
629
704
|
interface AspectRatioProps {
|
|
630
705
|
ratio?: number;
|
|
@@ -724,10 +799,14 @@ interface CircularScoreProps {
|
|
|
724
799
|
label: string;
|
|
725
800
|
value: number;
|
|
726
801
|
tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
|
|
802
|
+
/** Override the stroke color with an arbitrary CSS color value. Takes precedence over `tone`. */
|
|
803
|
+
color?: string;
|
|
804
|
+
/** When true the arc represents the inverse (100 - value). Useful for risk-style scores. */
|
|
805
|
+
inverted?: boolean;
|
|
727
806
|
size?: number;
|
|
728
807
|
className?: string;
|
|
729
808
|
}
|
|
730
|
-
declare function CircularScore({ label, value, tone, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
|
|
809
|
+
declare function CircularScore({ label, value, tone, color, inverted, size, className, }: CircularScoreProps): react_jsx_runtime.JSX.Element;
|
|
731
810
|
|
|
732
811
|
interface CollapsibleProps {
|
|
733
812
|
title: ReactNode;
|
|
@@ -766,6 +845,14 @@ interface CommandCanvasProps {
|
|
|
766
845
|
readyLabel?: string;
|
|
767
846
|
placeholder?: string;
|
|
768
847
|
footerText?: string;
|
|
848
|
+
/**
|
|
849
|
+
* When provided, the canvas renders blocks from CanvasContext instead of the
|
|
850
|
+
* built-in message list. Use `renderBlock` to customise how each block type
|
|
851
|
+
* is rendered.
|
|
852
|
+
*/
|
|
853
|
+
blocks?: CanvasBlock[];
|
|
854
|
+
/** Custom renderer for each block type when using blocks mode. */
|
|
855
|
+
renderBlock?: (block: CanvasBlock) => ReactNode;
|
|
769
856
|
messages?: CommandCanvasMessage[];
|
|
770
857
|
initialMessages?: CommandCanvasMessage[];
|
|
771
858
|
onMessagesChange?: (messages: CommandCanvasMessage[]) => void;
|
|
@@ -779,9 +866,11 @@ interface CommandCanvasProps {
|
|
|
779
866
|
onSend?: (value: string) => void;
|
|
780
867
|
generateAssistantMessage?: (value: string) => Omit<CommandCanvasMessage, 'id' | 'role'>;
|
|
781
868
|
renderCard?: (type: CommandCanvasCardType) => ReactNode;
|
|
869
|
+
/** When true, hides the built-in input bar. Useful when using RightPanel for input. */
|
|
870
|
+
hideInput?: boolean;
|
|
782
871
|
className?: string;
|
|
783
872
|
}
|
|
784
|
-
declare function CommandCanvas({ title, subtitle, readyLabel, placeholder, footerText, messages, initialMessages, onMessagesChange, inputValue, defaultInputValue, onInputValueChange, autoAssistantResponse, assistantResponseDelayMs, isResponding, onRespondingChange, onSend, generateAssistantMessage, renderCard, className, }: CommandCanvasProps): react_jsx_runtime.JSX.Element;
|
|
873
|
+
declare function CommandCanvas({ title, subtitle, readyLabel, placeholder, footerText, blocks, renderBlock, messages, initialMessages, onMessagesChange, inputValue, defaultInputValue, onInputValueChange, autoAssistantResponse, assistantResponseDelayMs, isResponding, onRespondingChange, onSend, generateAssistantMessage, renderCard, hideInput, className, }: CommandCanvasProps): react_jsx_runtime.JSX.Element;
|
|
785
874
|
|
|
786
875
|
interface ContextMenuItem {
|
|
787
876
|
id: string;
|
|
@@ -957,6 +1046,10 @@ interface IntelligenceScoreItem {
|
|
|
957
1046
|
label: string;
|
|
958
1047
|
value: number;
|
|
959
1048
|
tone?: 'success' | 'warning' | 'error' | 'info' | 'primary';
|
|
1049
|
+
/** Override the stroke color with an arbitrary CSS color value. */
|
|
1050
|
+
color?: string;
|
|
1051
|
+
/** When true the arc represents the inverse (100 - value). Useful for risk scores. */
|
|
1052
|
+
inverted?: boolean;
|
|
960
1053
|
}
|
|
961
1054
|
interface IntelligenceCardProps {
|
|
962
1055
|
title?: string;
|
|
@@ -1295,4 +1388,11 @@ interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content'>
|
|
|
1295
1388
|
}
|
|
1296
1389
|
declare function Tooltip({ content, side, open, defaultOpen, onOpenChange, disabled, className, children, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
1297
1390
|
|
|
1298
|
-
|
|
1391
|
+
interface NavLinkRouterProps extends Omit<NavLinkProps$1, 'className'> {
|
|
1392
|
+
className?: string;
|
|
1393
|
+
activeClassName?: string;
|
|
1394
|
+
pendingClassName?: string;
|
|
1395
|
+
}
|
|
1396
|
+
declare const NavLinkRouter: react.ForwardRefExoticComponent<NavLinkRouterProps & react.RefAttributes<HTMLAnchorElement>>;
|
|
1397
|
+
|
|
1398
|
+
export { AIComposeInput, type AIComposeInputProps, AIEmailGenerator, type AIEmailGeneratorProps, Accordion, type AccordionItem, type AccordionProps, type ActionButtonItem, ActionButtons, type ActionButtonsProps, ActivityStream, type ActivityStreamProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, AppLayout, type AppLayoutProps, AppNavigationRail, type AppNavigationRailItem, type AppNavigationRailProps, AppSidebar, type AppSidebarItem, type AppSidebarProps, AspectRatio, type AspectRatioProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, type BlockType, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, type CalendarProps, type CampaignStatus, CampaignTable, type CampaignTableProps, type CampaignTableRow, type CanvasBlock, type CanvasContextValue, CanvasProvider, type CanvasProviderProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Carousel, type CarouselProps, Chart, type ChartDatum, type ChartProps, ChatFeed, type ChatFeedProps, type ChatMessage, Checkbox, type CheckboxProps, CircularScore, type CircularScoreProps, type CitronEvent, Collapsible, type CollapsibleProps, Command, CommandBar, type CommandBarProps, CommandCanvas, type CommandCanvasCardType, type CommandCanvasMessage, type CommandCanvasProps, CommandInterface, type CommandInterfaceProps, type CommandItem, type CommandProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Drawer, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, type Edge, type EmailBlock, EmailBlockEditor, type EmailBlockEditorProps, EmailCampaignsView, type EmailCampaignsViewProps, EmailComposeActionButtons, type EmailTemplateItem, EmailTemplatesSection, type EmailTemplatesSectionProps, EntityCard, type EntityCardProps, type EntityCardStat, EntityCommandCard, type EntityCommandCardProps, type EntityCommandCardStat, type EntityType, ErrorBoundary, type ErrorBoundaryProps, EventFeed, type EventFeedItem, type EventFeedProps, EventRow, type EventRowProps, type EventStatus, type EventStreamEvent, EventStreamFeed, type EventStreamFeedProps, EventStreamSidebar, type EventStreamSidebarProps, type EventStreamStatus, Form, FormActions, type FormActionsProps, FormField, type FormFieldProps, type FormProps, type GraphEdge, type GraphNode$1 as GraphNode, GraphView, type GraphViewProps, GuidedTour, type GuidedTourProps, type GuidedTourStep, HoverCard, HoverCardContent, type HoverCardContentProps, type HoverCardProps, HoverCardTrigger, type HoverCardTriggerProps, Input, InputOtp, type InputOtpProps, type InputProps, IntelligenceCard, type IntelligenceCardProps, IntelligenceLab, type IntelligenceLabInsight, type IntelligenceLabKpiCard, type IntelligenceLabProps, IntelligenceScoreCard, type IntelligenceScoreCardProps, type IntelligenceScoreItem, Label, type LabelProps, MainShell, type MainShellProps, Menubar, MenubarCloseZone, type MenubarCloseZoneProps, MenubarContent, type MenubarContentProps, MenubarItem, type MenubarItemProps, MenubarMenu, type MenubarMenuProps, type MenubarProps, MenubarSeparator, type MenubarSeparatorProps, MenubarTrigger, type MenubarTriggerProps, type MetricComparisonItem, MetricComparisonList, type MetricComparisonListProps, type MetricComparisonVariant, ModuleContainer, type ModuleContainerProps, ModuleErrorBoundary, type ModuleErrorBoundaryProps, ModuleSkeleton, type ModuleSkeletonProps, NavLink, type NavLinkProps, NavLinkRouter, type NavLinkRouterProps, NavigationMenu, type NavigationMenuItem, type NavigationMenuProps, OSNavigationRail, type OSNavigationRailItem, type OSNavigationRailProps, OnboardingWizard, type OnboardingWizardProps, PageErrorFallback, type PageErrorFallbackProps, PageHeader, PageHeaderActionButton, type PageHeaderActionButtonProps, type PageHeaderProps, Pagination, type PaginationProps, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupOption, type RadioGroupProps, Resizable, type ResizableProps, RightPanel, type RightPanelAgent, type RightPanelChatMessage, type RightPanelProps, type RightPanelTab, RouteWithErrorBoundary, type RouteWithErrorBoundaryProps, ScrollArea, type ScrollAreaProps, SearchBar, type SearchBarProps, Select, type SelectOption, type SelectProps, Separator, type SeparatorOrientation, type SeparatorProps, Sheet, type SheetProps, type SheetSide, Sidebar, type SidebarItem, type SidebarProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Sonner, type SonnerProps, type StatCardChangeVariant, StatCardGrid, type StatCardGridProps, type StatCardItem, type StatCardWithChartItem, StatCards, type StatCardsProps, StatCardsWithChart, type StatCardsWithChartProps, StatusBadge, type StatusBadgeProps, type StatusBadgeVariant, Switch, type SwitchProps, type TabItem, TabSystem, type TabSystemProps, Table, TableBody, TableCaption, TableCell, TableEmptyState, TableHead, TableHeader, TableRow, type TableSortDirection, Tabs, type TabsItem, type TabsProps, TaskCreateForm, type TaskCreateFormProps, type TaskCreatePayload, TaskItem, type TaskItemData, type TaskItemProps, TaskList, type TaskListProps, type TaskPriority, type TaskSection, type TaskStatus, type TaskWithStatus, TasksView, type TasksViewProps, TemplateCard, type TemplateCardProps, Textarea, type TextareaProps, type TextareaResize, Toast, type ToastAction, type ToastProps, type ToastVariant, Toaster, type ToasterItem, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupItem, type ToggleGroupProps, type ToggleGroupType, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, type TooltipProps, type TooltipSide, useCanvas };
|