@yuva-devlab/ui 2.0.0 → 2.2.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/common.css +0 -40
- package/dist/components/badge/badge.css +31 -27
- package/dist/components/badge/badge.mdx +6 -4
- package/dist/components/chain-of-thought/chain-of-thought.css +72 -0
- package/dist/components/chain-of-thought/chain-of-thought.mdx +18 -0
- package/dist/components/checkpoint/checkpoint.css +54 -0
- package/dist/components/checkpoint/checkpoint.mdx +18 -0
- package/dist/components/code-block/code-block.css +84 -0
- package/dist/components/code-block/code-block.mdx +26 -0
- package/dist/components/confirmation/confirmation.css +75 -0
- package/dist/components/confirmation/confirmation.mdx +22 -0
- package/dist/components/context/context.css +80 -0
- package/dist/components/context/context.mdx +18 -0
- package/dist/components/data-table/data-table.css +71 -0
- package/dist/components/data-table/data-table.mdx +22 -0
- package/dist/components/file-tree/file-tree.css +58 -0
- package/dist/components/file-tree/file-tree.mdx +18 -0
- package/dist/components/input-number/input-number.css +95 -0
- package/dist/components/input-number/input-number.mdx +34 -0
- package/dist/components/kbd/kbd.css +78 -0
- package/dist/components/kbd/kbd.mdx +30 -0
- package/dist/components/legal-footer/legal-footer.css +98 -0
- package/dist/components/legal-footer/legal-footer.mdx +38 -0
- package/dist/components/message/message.css +89 -0
- package/dist/components/message/message.mdx +14 -0
- package/dist/components/model-selector/model-selector.css +138 -0
- package/dist/components/model-selector/model-selector.mdx +26 -0
- package/dist/components/multi-select/multi-select.css +212 -0
- package/dist/components/multi-select/multi-select.mdx +30 -0
- package/dist/components/password-input/password-input.css +21 -0
- package/dist/components/password-input/password-input.mdx +30 -0
- package/dist/components/plan/plan.css +106 -0
- package/dist/components/plan/plan.mdx +22 -0
- package/dist/components/popover/popover.css +0 -5
- package/dist/components/prompt-input/prompt-input.css +140 -0
- package/dist/components/prompt-input/prompt-input.mdx +22 -0
- package/dist/components/queue/queue.css +76 -0
- package/dist/components/queue/queue.mdx +18 -0
- package/dist/components/search-input/search-input.css +21 -0
- package/dist/components/search-input/search-input.mdx +30 -0
- package/dist/components/select/select.css +1 -1
- package/dist/components/sonner/sonner.css +68 -17
- package/dist/components/sonner/sonner.mdx +5 -3
- package/dist/components/sources/sources.css +105 -0
- package/dist/components/sources/sources.mdx +18 -0
- package/dist/components/stack-trace/stack-trace.css +105 -0
- package/dist/components/stack-trace/stack-trace.mdx +18 -0
- package/dist/components/subagent/subagent.css +70 -0
- package/dist/components/subagent/subagent.mdx +18 -0
- package/dist/components/suggestion/suggestion.css +52 -0
- package/dist/components/suggestion/suggestion.mdx +14 -0
- package/dist/components/terminal/terminal.css +60 -0
- package/dist/components/terminal/terminal.mdx +26 -0
- package/dist/components/test-results/test-results.css +108 -0
- package/dist/components/test-results/test-results.mdx +18 -0
- package/dist/components/tool-call/tool-call.css +111 -0
- package/dist/components/tool-call/tool-call.mdx +22 -0
- package/dist/components/trace/trace.css +100 -0
- package/dist/components/trace/trace.mdx +18 -0
- package/dist/components.css +2716 -333
- package/dist/index.cjs +3605 -793
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1065 -8
- package/dist/index.d.ts +1065 -8
- package/dist/index.js +3638 -842
- package/dist/index.js.map +1 -1
- package/dist/preset.css +0 -1
- package/dist/styles/common.css +0 -40
- package/dist/styles/components.css +2716 -333
- package/dist/styles/preset.css +0 -1
- package/package.json +4 -3
package/dist/index.d.ts
CHANGED
|
@@ -64,7 +64,7 @@ declare function cn(...inputs: ClassValue[]): string;
|
|
|
64
64
|
|
|
65
65
|
type Theme = "dark" | "light" | "system" | string;
|
|
66
66
|
type ThemeMode = "light" | "dark" | "system";
|
|
67
|
-
type Brand = "finai" | "orchestrai" | string;
|
|
67
|
+
type Brand = "finai" | "orchestrai" | "logs" | "vitalai" | "portal" | string;
|
|
68
68
|
interface ThemeProviderProps {
|
|
69
69
|
children: React__default.ReactNode;
|
|
70
70
|
brand?: Brand;
|
|
@@ -278,18 +278,38 @@ declare const badgeVariants: (props?: ({
|
|
|
278
278
|
variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
|
|
279
279
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
280
280
|
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
281
|
+
/** Numeric count displayed inside the floating notification badge */
|
|
282
|
+
count?: number | React$1.ReactNode;
|
|
283
|
+
/** Max numeric threshold before displaying '+' (e.g., 99+). Defaults to 99 */
|
|
284
|
+
overflowCount?: number;
|
|
285
|
+
/** Whether to render as a red indicator dot without numeric count */
|
|
286
|
+
dot?: boolean;
|
|
287
|
+
/** Whether to display the badge when count is zero. Defaults to false */
|
|
288
|
+
showZero?: boolean;
|
|
289
|
+
/** Offset tuple [x, y] to position the badge relative to wrapped element */
|
|
290
|
+
offset?: [number | string, number | string];
|
|
281
291
|
}
|
|
282
292
|
/**
|
|
283
|
-
*
|
|
293
|
+
* Versatile badge primitive supporting both standalone status labels
|
|
294
|
+
* and floating notification counter badges over child components.
|
|
284
295
|
*
|
|
285
296
|
* @example
|
|
286
297
|
* ```tsx
|
|
298
|
+
* // Standalone label badge
|
|
287
299
|
* <Badge variant="success">Completed</Badge>
|
|
288
|
-
*
|
|
289
|
-
*
|
|
300
|
+
*
|
|
301
|
+
* // Notification counter badge over icon
|
|
302
|
+
* <Badge count={5}>
|
|
303
|
+
* <Button variant="ghost" size="icon"><Bell /></Button>
|
|
304
|
+
* </Badge>
|
|
305
|
+
*
|
|
306
|
+
* // Unread indicator dot over avatar
|
|
307
|
+
* <Badge dot>
|
|
308
|
+
* <Avatar src="/user.png" />
|
|
309
|
+
* </Badge>
|
|
290
310
|
* ```
|
|
291
311
|
*/
|
|
292
|
-
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
312
|
+
declare function Badge({ className, variant, children, count, overflowCount, dot, showZero, offset, style, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
293
313
|
|
|
294
314
|
type BreadcrumbProps = React$1.ComponentPropsWithoutRef<"nav"> & {
|
|
295
315
|
separator?: React$1.ReactNode;
|
|
@@ -541,6 +561,73 @@ type CarouselNextProps = React$1.ComponentProps<typeof Button>;
|
|
|
541
561
|
*/
|
|
542
562
|
declare const CarouselNext: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
543
563
|
|
|
564
|
+
interface ChainOfThoughtStepItem {
|
|
565
|
+
id?: string | number;
|
|
566
|
+
title: string;
|
|
567
|
+
status?: "running" | "success" | "error" | "default";
|
|
568
|
+
icon?: React$1.ReactNode;
|
|
569
|
+
}
|
|
570
|
+
interface ChainOfThoughtProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
571
|
+
/** Whether the agent is currently reasoning */
|
|
572
|
+
isThinking?: boolean;
|
|
573
|
+
/** Elapsed thinking time in seconds */
|
|
574
|
+
durationSeconds?: number;
|
|
575
|
+
/** Controlled open state of reasoning steps */
|
|
576
|
+
open?: boolean;
|
|
577
|
+
/** Initial open state in uncontrolled mode. Defaults to false */
|
|
578
|
+
defaultOpen?: boolean;
|
|
579
|
+
/** Callback fired when collapsible state toggles */
|
|
580
|
+
onOpenChange?: (open: boolean) => void;
|
|
581
|
+
/** Header title override. Defaults to auto-computed summary */
|
|
582
|
+
title?: React$1.ReactNode;
|
|
583
|
+
}
|
|
584
|
+
interface ChainOfThoughtHeaderProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
585
|
+
isThinking?: boolean;
|
|
586
|
+
durationSeconds?: number;
|
|
587
|
+
}
|
|
588
|
+
interface ChainOfThoughtStepProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
589
|
+
status?: "running" | "success" | "error" | "default";
|
|
590
|
+
icon?: React$1.ReactNode;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
declare const ChainOfThoughtHeader: React$1.ForwardRefExoticComponent<ChainOfThoughtHeaderProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
594
|
+
declare const ChainOfThoughtStep: React$1.ForwardRefExoticComponent<ChainOfThoughtStepProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
595
|
+
declare const ChainOfThoughtContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
596
|
+
/**
|
|
597
|
+
* Visualizes an AI model's internal step-by-step reasoning and thought process.
|
|
598
|
+
*
|
|
599
|
+
* @example
|
|
600
|
+
* ```tsx
|
|
601
|
+
* <ChainOfThought durationSeconds={3.8}>
|
|
602
|
+
* <ChainOfThoughtHeader />
|
|
603
|
+
* <ChainOfThoughtContent>
|
|
604
|
+
* <ChainOfThoughtStep status="success">Inspected git status</ChainOfThoughtStep>
|
|
605
|
+
* <ChainOfThoughtStep status="success">Compiled TypeScript bundle</ChainOfThoughtStep>
|
|
606
|
+
* </ChainOfThoughtContent>
|
|
607
|
+
* </ChainOfThought>
|
|
608
|
+
* ```
|
|
609
|
+
*/
|
|
610
|
+
declare function ChainOfThought({ isThinking, durationSeconds, open: propOpen, defaultOpen, onOpenChange, className, title, children, ...props }: ChainOfThoughtProps): react_jsx_runtime.JSX.Element;
|
|
611
|
+
|
|
612
|
+
interface CheckpointProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
613
|
+
/** Timestamp or label describing the checkpoint */
|
|
614
|
+
label?: React$1.ReactNode;
|
|
615
|
+
/** Callback fired when restore is clicked */
|
|
616
|
+
onRestore?: () => void;
|
|
617
|
+
/** Custom label for restore button. Defaults to "Restore" */
|
|
618
|
+
restoreLabel?: string;
|
|
619
|
+
}
|
|
620
|
+
|
|
621
|
+
/**
|
|
622
|
+
* Checkpoint divider marking a notable conversation turn or restore snapshot.
|
|
623
|
+
*
|
|
624
|
+
* @example
|
|
625
|
+
* ```tsx
|
|
626
|
+
* <Checkpoint label="Checkpoint: Before schema migration" onRestore={handleRestore} />
|
|
627
|
+
* ```
|
|
628
|
+
*/
|
|
629
|
+
declare const Checkpoint: React$1.ForwardRefExoticComponent<CheckpointProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
630
|
+
|
|
544
631
|
/** Theme mappings for chart color resolution. */
|
|
545
632
|
declare const THEMES: {
|
|
546
633
|
readonly light: "";
|
|
@@ -665,6 +752,56 @@ type CheckboxProps = React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.R
|
|
|
665
752
|
*/
|
|
666
753
|
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
667
754
|
|
|
755
|
+
interface CodeBlockProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
756
|
+
/** Optional file path or label displayed in the header */
|
|
757
|
+
filename?: string;
|
|
758
|
+
/** Programming language label, e.g. "typescript", "json", "python" */
|
|
759
|
+
language?: string;
|
|
760
|
+
/** Code string to display and copy */
|
|
761
|
+
code?: string;
|
|
762
|
+
/** Whether to show the copy to clipboard action. Defaults to true */
|
|
763
|
+
copyable?: boolean;
|
|
764
|
+
/** Whether to display line numbers. Defaults to false */
|
|
765
|
+
lineNumbers?: boolean;
|
|
766
|
+
}
|
|
767
|
+
interface CodeBlockHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
768
|
+
/** File name or title */
|
|
769
|
+
filename?: string;
|
|
770
|
+
/** Code language badge text */
|
|
771
|
+
language?: string;
|
|
772
|
+
}
|
|
773
|
+
interface CodeBlockContentProps extends React$1.HTMLAttributes<HTMLPreElement> {
|
|
774
|
+
/** Whether code should wrap instead of scrolling horizontally */
|
|
775
|
+
wrap?: boolean;
|
|
776
|
+
/** Whether line numbers are rendered */
|
|
777
|
+
lineNumbers?: boolean;
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
/**
|
|
781
|
+
* Copy to clipboard button with temporary success checkmark animation.
|
|
782
|
+
*/
|
|
783
|
+
declare const CodeBlockCopyButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
784
|
+
code?: string;
|
|
785
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
786
|
+
/**
|
|
787
|
+
* Header section of a code block showing filename, language badge, and actions.
|
|
788
|
+
*/
|
|
789
|
+
declare const CodeBlockHeader: React$1.ForwardRefExoticComponent<CodeBlockHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
790
|
+
/**
|
|
791
|
+
* Code container pre element with support for horizontal scrolling or word wrapping.
|
|
792
|
+
*/
|
|
793
|
+
declare const CodeBlockContent: React$1.ForwardRefExoticComponent<CodeBlockContentProps & React$1.RefAttributes<HTMLPreElement>>;
|
|
794
|
+
/**
|
|
795
|
+
* Enterprise code snippet display with syntax font, optional header, copy button,
|
|
796
|
+
* and line numbers.
|
|
797
|
+
*
|
|
798
|
+
* @example
|
|
799
|
+
* ```tsx
|
|
800
|
+
* <CodeBlock code="const a = 10;" language="typescript" filename="main.ts" />
|
|
801
|
+
* ```
|
|
802
|
+
*/
|
|
803
|
+
declare const CodeBlock: React$1.ForwardRefExoticComponent<CodeBlockProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
804
|
+
|
|
668
805
|
type CollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
|
|
669
806
|
/**
|
|
670
807
|
* An interactive component which expands and collapses a panel.
|
|
@@ -871,6 +1008,46 @@ interface ConfirmDialogProps {
|
|
|
871
1008
|
*/
|
|
872
1009
|
declare function ConfirmDialog({ open, onOpenChange, title, description, onConfirm, confirmText, cancelText, destructive, }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
|
|
873
1010
|
|
|
1011
|
+
interface ConfirmationProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1012
|
+
/** Visual appearance style */
|
|
1013
|
+
variant?: "outline" | "card" | "destructive";
|
|
1014
|
+
/** Size variant */
|
|
1015
|
+
size?: "sm" | "md";
|
|
1016
|
+
}
|
|
1017
|
+
interface ConfirmationMediaProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1018
|
+
/** Variant */
|
|
1019
|
+
variant?: "icon" | "avatar";
|
|
1020
|
+
}
|
|
1021
|
+
type ConfirmationContentProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
1022
|
+
type ConfirmationTitleProps = React$1.HTMLAttributes<HTMLHeadingElement>;
|
|
1023
|
+
type ConfirmationDescriptionProps = React$1.HTMLAttributes<HTMLParagraphElement>;
|
|
1024
|
+
type ConfirmationActionsProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
1025
|
+
|
|
1026
|
+
declare const ConfirmationMedia: React$1.ForwardRefExoticComponent<ConfirmationMediaProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1027
|
+
declare const ConfirmationTitle: React$1.ForwardRefExoticComponent<ConfirmationTitleProps & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
1028
|
+
declare const ConfirmationDescription: React$1.ForwardRefExoticComponent<ConfirmationDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
1029
|
+
declare const ConfirmationContent: React$1.ForwardRefExoticComponent<ConfirmationContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1030
|
+
declare const ConfirmationActions: React$1.ForwardRefExoticComponent<ConfirmationActionsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1031
|
+
/**
|
|
1032
|
+
* Human-in-the-loop action approval card for sensitive or destructive agent operations.
|
|
1033
|
+
*
|
|
1034
|
+
* @example
|
|
1035
|
+
* ```tsx
|
|
1036
|
+
* <Confirmation>
|
|
1037
|
+
* <ConfirmationMedia><AlertTriangle /></ConfirmationMedia>
|
|
1038
|
+
* <ConfirmationContent>
|
|
1039
|
+
* <ConfirmationTitle>Run migration script?</ConfirmationTitle>
|
|
1040
|
+
* <ConfirmationDescription>Alters 3 database tables.</ConfirmationDescription>
|
|
1041
|
+
* </ConfirmationContent>
|
|
1042
|
+
* <ConfirmationActions>
|
|
1043
|
+
* <Button variant="outline" size="sm">Deny</Button>
|
|
1044
|
+
* <Button size="sm">Approve</Button>
|
|
1045
|
+
* </ConfirmationActions>
|
|
1046
|
+
* </Confirmation>
|
|
1047
|
+
* ```
|
|
1048
|
+
*/
|
|
1049
|
+
declare const Confirmation: React$1.ForwardRefExoticComponent<ConfirmationProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1050
|
+
|
|
874
1051
|
/**
|
|
875
1052
|
* Root ContextMenu container.
|
|
876
1053
|
*/
|
|
@@ -957,6 +1134,68 @@ declare const ContextMenuShortcut: {
|
|
|
957
1134
|
displayName: string;
|
|
958
1135
|
};
|
|
959
1136
|
|
|
1137
|
+
/**
|
|
1138
|
+
* Column definition for generic `DataTable`.
|
|
1139
|
+
*/
|
|
1140
|
+
interface DataTableColumn<T> {
|
|
1141
|
+
/** Unique key identifying the column (matches a field in T or arbitrary string) */
|
|
1142
|
+
key: string;
|
|
1143
|
+
/** Header title or custom rendered header */
|
|
1144
|
+
header: React$1.ReactNode;
|
|
1145
|
+
/** Custom cell renderer. Defaults to rendering `row[key]` */
|
|
1146
|
+
cell?: (row: T, index: number) => React$1.ReactNode;
|
|
1147
|
+
/** Whether the column can be sorted */
|
|
1148
|
+
sortable?: boolean;
|
|
1149
|
+
/** Text alignment within cells */
|
|
1150
|
+
align?: "left" | "center" | "right";
|
|
1151
|
+
/** Optional custom CSS class for header and cells */
|
|
1152
|
+
className?: string;
|
|
1153
|
+
/** Optional custom sort comparator function */
|
|
1154
|
+
sortFn?: (a: T, b: T) => number;
|
|
1155
|
+
}
|
|
1156
|
+
/**
|
|
1157
|
+
* Pagination configuration options for `DataTable`.
|
|
1158
|
+
*/
|
|
1159
|
+
interface DataTablePaginationConfig {
|
|
1160
|
+
/** Number of items per page. Defaults to 10 */
|
|
1161
|
+
pageSize?: number;
|
|
1162
|
+
/** Active page (1-based index) for controlled mode */
|
|
1163
|
+
page?: number;
|
|
1164
|
+
/** Total count of items for server-side pagination */
|
|
1165
|
+
total?: number;
|
|
1166
|
+
/** Callback fired when page index changes */
|
|
1167
|
+
onPageChange?: (page: number) => void;
|
|
1168
|
+
/** Whether to show "Showing X to Y of Z entries" summary. Defaults to true */
|
|
1169
|
+
showSummary?: boolean;
|
|
1170
|
+
}
|
|
1171
|
+
/**
|
|
1172
|
+
* Props for generic `DataTable`.
|
|
1173
|
+
*/
|
|
1174
|
+
interface DataTableProps<T> {
|
|
1175
|
+
/** Dataset rows array */
|
|
1176
|
+
data: T[];
|
|
1177
|
+
/** Column definitions */
|
|
1178
|
+
columns: DataTableColumn<T>[];
|
|
1179
|
+
/** Unique row key extractor or field name. Defaults to "id" */
|
|
1180
|
+
rowKey?: keyof T | ((row: T, index: number) => string | number);
|
|
1181
|
+
/** Pagination configuration or boolean to toggle client-side pagination */
|
|
1182
|
+
pagination?: boolean | DataTablePaginationConfig;
|
|
1183
|
+
/** Loading state indicator */
|
|
1184
|
+
loading?: boolean;
|
|
1185
|
+
/** Custom empty state message or element */
|
|
1186
|
+
emptyState?: React$1.ReactNode;
|
|
1187
|
+
/** Callback fired when clicking a table row */
|
|
1188
|
+
onRowClick?: (row: T) => void;
|
|
1189
|
+
/** Additional CSS class names */
|
|
1190
|
+
className?: string;
|
|
1191
|
+
}
|
|
1192
|
+
|
|
1193
|
+
/**
|
|
1194
|
+
* Generic enterprise data table with integrated sorting, client/server pagination,
|
|
1195
|
+
* custom column renderers, and zero-config empty states.
|
|
1196
|
+
*/
|
|
1197
|
+
declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowKey, pagination, loading, emptyState, onRowClick, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
1198
|
+
|
|
960
1199
|
interface DatePickerProps {
|
|
961
1200
|
/**
|
|
962
1201
|
* The selected date formatted as an ISO string (`YYYY-MM-DD`).
|
|
@@ -1346,6 +1585,124 @@ declare const InputOTPSlot: React$1.ForwardRefExoticComponent<InputOTPSlotProps
|
|
|
1346
1585
|
/** Divider component between OTP groups. */
|
|
1347
1586
|
declare const InputOTPSeparator: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1348
1587
|
|
|
1588
|
+
interface InputNumberProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue" | "prefix"> {
|
|
1589
|
+
/** Numeric value in controlled mode */
|
|
1590
|
+
value?: number | null;
|
|
1591
|
+
/** Initial numeric value in uncontrolled mode */
|
|
1592
|
+
defaultValue?: number;
|
|
1593
|
+
/** Callback fired when numeric value changes */
|
|
1594
|
+
onChange?: (value: number | null) => void;
|
|
1595
|
+
/** Minimum permitted value */
|
|
1596
|
+
min?: number;
|
|
1597
|
+
/** Maximum permitted value */
|
|
1598
|
+
max?: number;
|
|
1599
|
+
/** Increment / decrement step size. Defaults to 1 */
|
|
1600
|
+
step?: number;
|
|
1601
|
+
/** Decimal places precision */
|
|
1602
|
+
precision?: number;
|
|
1603
|
+
/** Whether the control is non-interactive */
|
|
1604
|
+
disabled?: boolean;
|
|
1605
|
+
/** Whether to render vertical stepper controls. Defaults to true */
|
|
1606
|
+
controls?: boolean;
|
|
1607
|
+
/** Optional leading decorative element (e.g. $, #) */
|
|
1608
|
+
prefix?: React$1.ReactNode;
|
|
1609
|
+
/** Optional trailing unit label (e.g. px, ms, MB) */
|
|
1610
|
+
suffix?: React$1.ReactNode;
|
|
1611
|
+
/** Placeholder hint text */
|
|
1612
|
+
placeholder?: string;
|
|
1613
|
+
/** Accessible label */
|
|
1614
|
+
"aria-label"?: string;
|
|
1615
|
+
}
|
|
1616
|
+
/**
|
|
1617
|
+
* Precision numeric input control with accessible stepper buttons, min/max guards,
|
|
1618
|
+
* and keyboard arrow navigation.
|
|
1619
|
+
*
|
|
1620
|
+
* @example
|
|
1621
|
+
* ```tsx
|
|
1622
|
+
* <InputNumber min={1} max={100} step={5} defaultValue={20} suffix="ms" />
|
|
1623
|
+
* ```
|
|
1624
|
+
*/
|
|
1625
|
+
declare const InputNumber: React$1.ForwardRefExoticComponent<InputNumberProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1626
|
+
|
|
1627
|
+
interface PasswordInputProps extends Omit<InputProps, "type"> {
|
|
1628
|
+
/**
|
|
1629
|
+
* Whether to display the interactive show/hide password toggle button.
|
|
1630
|
+
* @default true
|
|
1631
|
+
*/
|
|
1632
|
+
showToggle?: boolean;
|
|
1633
|
+
}
|
|
1634
|
+
/**
|
|
1635
|
+
* Enterprise password input control with accessible show/hide toggle.
|
|
1636
|
+
* Built with design system tokens and Radix focus management.
|
|
1637
|
+
*
|
|
1638
|
+
* @example
|
|
1639
|
+
* ```tsx
|
|
1640
|
+
* <PasswordInput placeholder="Enter your credentials" required />
|
|
1641
|
+
* ```
|
|
1642
|
+
*/
|
|
1643
|
+
declare const PasswordInput: React$1.ForwardRefExoticComponent<PasswordInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
1644
|
+
|
|
1645
|
+
interface SearchInputProps extends InputProps {
|
|
1646
|
+
/**
|
|
1647
|
+
* Callback fired when the clear search button is clicked.
|
|
1648
|
+
*/
|
|
1649
|
+
onClear?: () => void;
|
|
1650
|
+
/**
|
|
1651
|
+
* Whether to display an inline loading spinner indicating background filtering.
|
|
1652
|
+
* @default false
|
|
1653
|
+
*/
|
|
1654
|
+
loading?: boolean;
|
|
1655
|
+
}
|
|
1656
|
+
/**
|
|
1657
|
+
* Standardized search input control with integrated search icon, clear button,
|
|
1658
|
+
* and loading indicator.
|
|
1659
|
+
*
|
|
1660
|
+
* @example
|
|
1661
|
+
* ```tsx
|
|
1662
|
+
* <SearchInput
|
|
1663
|
+
* value={search}
|
|
1664
|
+
* onChange={(e) => setSearch(e.target.value)}
|
|
1665
|
+
* onClear={() => setSearch("")}
|
|
1666
|
+
* placeholder="Search applications..."
|
|
1667
|
+
* />
|
|
1668
|
+
* ```
|
|
1669
|
+
*/
|
|
1670
|
+
declare const SearchInput: React$1.ForwardRefExoticComponent<SearchInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
1671
|
+
|
|
1672
|
+
interface KbdProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
1673
|
+
/** Visual presentation variant */
|
|
1674
|
+
variant?: "default" | "outline" | "ghost";
|
|
1675
|
+
/** Size variant */
|
|
1676
|
+
size?: "sm" | "md" | "lg";
|
|
1677
|
+
}
|
|
1678
|
+
/**
|
|
1679
|
+
* Semantic keycap element used to display keyboard shortcuts and hotkeys.
|
|
1680
|
+
*
|
|
1681
|
+
* @example
|
|
1682
|
+
* ```tsx
|
|
1683
|
+
* <Kbd>⌘</Kbd>
|
|
1684
|
+
* <Kbd>K</Kbd>
|
|
1685
|
+
* ```
|
|
1686
|
+
*/
|
|
1687
|
+
declare const Kbd: React$1.ForwardRefExoticComponent<KbdProps & React$1.RefAttributes<HTMLElement>>;
|
|
1688
|
+
interface KbdGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1689
|
+
/** Optional delimiter between keys, e.g. "+" or empty */
|
|
1690
|
+
separator?: React$1.ReactNode;
|
|
1691
|
+
}
|
|
1692
|
+
/**
|
|
1693
|
+
* Container grouping multiple keycaps into a hotkey combination sequence.
|
|
1694
|
+
*
|
|
1695
|
+
* @example
|
|
1696
|
+
* ```tsx
|
|
1697
|
+
* <KbdGroup>
|
|
1698
|
+
* <Kbd>⌘</Kbd>
|
|
1699
|
+
* <Kbd>⇧</Kbd>
|
|
1700
|
+
* <Kbd>P</Kbd>
|
|
1701
|
+
* </KbdGroup>
|
|
1702
|
+
* ```
|
|
1703
|
+
*/
|
|
1704
|
+
declare const KbdGroup: React$1.ForwardRefExoticComponent<KbdGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1705
|
+
|
|
1349
1706
|
declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
1350
1707
|
interface LabelProps extends React$1.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
|
|
1351
1708
|
/**
|
|
@@ -1497,6 +1854,65 @@ declare const MenubarShortcut: {
|
|
|
1497
1854
|
displayName: string;
|
|
1498
1855
|
};
|
|
1499
1856
|
|
|
1857
|
+
/**
|
|
1858
|
+
* Option item structure for `MultiSelect`.
|
|
1859
|
+
*/
|
|
1860
|
+
interface MultiSelectOption {
|
|
1861
|
+
/** The human-readable text label */
|
|
1862
|
+
label: string;
|
|
1863
|
+
/** The unique value identifier */
|
|
1864
|
+
value: string;
|
|
1865
|
+
/** Whether this individual option is disabled */
|
|
1866
|
+
disabled?: boolean;
|
|
1867
|
+
/** Optional icon or avatar element */
|
|
1868
|
+
icon?: React$1.ReactNode;
|
|
1869
|
+
}
|
|
1870
|
+
/**
|
|
1871
|
+
* Props for `MultiSelect`.
|
|
1872
|
+
*/
|
|
1873
|
+
interface MultiSelectProps {
|
|
1874
|
+
/** List of selectable options */
|
|
1875
|
+
options: MultiSelectOption[];
|
|
1876
|
+
/** Currently selected array of values (controlled) */
|
|
1877
|
+
value?: string[];
|
|
1878
|
+
/** Initial selected array of values (uncontrolled) */
|
|
1879
|
+
defaultValue?: string[];
|
|
1880
|
+
/** Callback fired when selection changes */
|
|
1881
|
+
onChange?: (values: string[]) => void;
|
|
1882
|
+
/** Placeholder text when nothing is selected */
|
|
1883
|
+
placeholder?: string;
|
|
1884
|
+
/** Search input placeholder text */
|
|
1885
|
+
searchPlaceholder?: string;
|
|
1886
|
+
/** Maximum number of tag chips to display before collapsing into +N more */
|
|
1887
|
+
maxCount?: number;
|
|
1888
|
+
/** Whether to show the Select All / Clear All action bar */
|
|
1889
|
+
showActions?: boolean;
|
|
1890
|
+
/** Whether the dropdown control is non-interactive */
|
|
1891
|
+
disabled?: boolean;
|
|
1892
|
+
/** Additional CSS class names */
|
|
1893
|
+
className?: string;
|
|
1894
|
+
/** Unique HTML id attribute */
|
|
1895
|
+
id?: string;
|
|
1896
|
+
}
|
|
1897
|
+
|
|
1898
|
+
/**
|
|
1899
|
+
* MultiSelect component allowing users to filter, select, and manage multiple options
|
|
1900
|
+
* displayed as dismissible tags in the trigger.
|
|
1901
|
+
*
|
|
1902
|
+
* @example
|
|
1903
|
+
* ```tsx
|
|
1904
|
+
* <MultiSelect
|
|
1905
|
+
* options={[
|
|
1906
|
+
* { label: "Engineering", value: "eng" },
|
|
1907
|
+
* { label: "Design", value: "design" },
|
|
1908
|
+
* ]}
|
|
1909
|
+
* value={selectedDepts}
|
|
1910
|
+
* onChange={setSelectedDepts}
|
|
1911
|
+
* />
|
|
1912
|
+
* ```
|
|
1913
|
+
*/
|
|
1914
|
+
declare function MultiSelect({ options, value: propValue, defaultValue, onChange, placeholder, searchPlaceholder, maxCount, showActions, disabled, className, id, }: MultiSelectProps): react_jsx_runtime.JSX.Element;
|
|
1915
|
+
|
|
1500
1916
|
type NavigationMenuProps = React$1.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>;
|
|
1501
1917
|
/**
|
|
1502
1918
|
* Responsive navigation menu with animated indicator and dropdown content panels.
|
|
@@ -1924,7 +2340,7 @@ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimiti
|
|
|
1924
2340
|
* Sheet layout variants for top, bottom, left, and right side drawers.
|
|
1925
2341
|
*/
|
|
1926
2342
|
declare const sheetVariants: (props?: ({
|
|
1927
|
-
side?: "left" | "right" | "
|
|
2343
|
+
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
1928
2344
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1929
2345
|
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
1930
2346
|
}
|
|
@@ -2221,7 +2637,7 @@ type ToastTheme = ThemeMode;
|
|
|
2221
2637
|
* toast.error("Failed to execute agent workflow.");
|
|
2222
2638
|
* ```
|
|
2223
2639
|
*/
|
|
2224
|
-
declare const Toaster: ({ theme: propTheme, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
2640
|
+
declare const Toaster: ({ theme: propTheme, position, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
|
|
2225
2641
|
|
|
2226
2642
|
interface StatusBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
2227
2643
|
/** The status string to display (e.g. "Active", "Operational", "Failed") */
|
|
@@ -2436,6 +2852,623 @@ declare const ToggleGroupItem: React$1.ForwardRefExoticComponent<Omit<ToggleGrou
|
|
|
2436
2852
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2437
2853
|
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2438
2854
|
|
|
2855
|
+
type ToolCallStatusType = "running" | "success" | "error";
|
|
2856
|
+
interface ToolCallProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2857
|
+
/** Name of the executed tool, e.g. "search_database" or "execute_bash" */
|
|
2858
|
+
name: string;
|
|
2859
|
+
/** Status of the tool execution */
|
|
2860
|
+
status?: ToolCallStatusType;
|
|
2861
|
+
/** Optional icon override */
|
|
2862
|
+
icon?: React$1.ReactNode;
|
|
2863
|
+
/** Optional arguments object or record */
|
|
2864
|
+
args?: Record<string, unknown> | string;
|
|
2865
|
+
/** Optional output result */
|
|
2866
|
+
result?: string;
|
|
2867
|
+
/** Controlled open state of result preview */
|
|
2868
|
+
open?: boolean;
|
|
2869
|
+
/** Default open state in uncontrolled mode */
|
|
2870
|
+
defaultOpen?: boolean;
|
|
2871
|
+
/** Callback fired when collapsible state toggles */
|
|
2872
|
+
onOpenChange?: (open: boolean) => void;
|
|
2873
|
+
}
|
|
2874
|
+
interface ToolCallHeaderProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
2875
|
+
name: string;
|
|
2876
|
+
status?: ToolCallStatusType;
|
|
2877
|
+
icon?: React$1.ReactNode;
|
|
2878
|
+
}
|
|
2879
|
+
interface ToolCallArgsProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2880
|
+
args: Record<string, unknown> | string;
|
|
2881
|
+
}
|
|
2882
|
+
interface ToolCallResultProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2883
|
+
result: string;
|
|
2884
|
+
language?: string;
|
|
2885
|
+
}
|
|
2886
|
+
|
|
2887
|
+
declare const ToolCallHeader: React$1.ForwardRefExoticComponent<ToolCallHeaderProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2888
|
+
declare const ToolCallArgs: React$1.ForwardRefExoticComponent<ToolCallArgsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2889
|
+
declare const ToolCallResult: React$1.ForwardRefExoticComponent<ToolCallResultProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2890
|
+
/**
|
|
2891
|
+
* Visualizer card for agent tool executions, displaying tool name, parameter pills,
|
|
2892
|
+
* live execution status badge, and expandable return payloads.
|
|
2893
|
+
*
|
|
2894
|
+
* @example
|
|
2895
|
+
* ```tsx
|
|
2896
|
+
* <ToolCall
|
|
2897
|
+
* name="query_database"
|
|
2898
|
+
* status="success"
|
|
2899
|
+
* args={{ table: "users", limit: 5 }}
|
|
2900
|
+
* result='[{"id": 1, "name": "Alice"}]'
|
|
2901
|
+
* />
|
|
2902
|
+
* ```
|
|
2903
|
+
*/
|
|
2904
|
+
declare function ToolCall({ name, status, icon, args, result, open: propOpen, defaultOpen, onOpenChange, className, children, ...props }: ToolCallProps): react_jsx_runtime.JSX.Element;
|
|
2905
|
+
|
|
2906
|
+
type TraceStatus = "default" | "running" | "success" | "error";
|
|
2907
|
+
interface TraceProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2908
|
+
/** Visual presentation mode */
|
|
2909
|
+
variant?: "default" | "card";
|
|
2910
|
+
}
|
|
2911
|
+
interface TraceLineProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2912
|
+
/** Execution status governing the icon and line tint */
|
|
2913
|
+
status?: TraceStatus;
|
|
2914
|
+
}
|
|
2915
|
+
interface TraceIconProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
2916
|
+
/** Execution status */
|
|
2917
|
+
status?: TraceStatus;
|
|
2918
|
+
}
|
|
2919
|
+
interface TraceTitleProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2920
|
+
/** Additional custom class names */
|
|
2921
|
+
className?: string;
|
|
2922
|
+
}
|
|
2923
|
+
interface TraceContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2924
|
+
/** Additional custom class names */
|
|
2925
|
+
className?: string;
|
|
2926
|
+
}
|
|
2927
|
+
interface TraceCollapsibleProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2928
|
+
/** Controlled open state */
|
|
2929
|
+
open?: boolean;
|
|
2930
|
+
/** Initial open state in uncontrolled mode. Defaults to false */
|
|
2931
|
+
defaultOpen?: boolean;
|
|
2932
|
+
/** Callback fired when collapsible toggle is clicked */
|
|
2933
|
+
onOpenChange?: (open: boolean) => void;
|
|
2934
|
+
}
|
|
2935
|
+
|
|
2936
|
+
declare const Trace: React$1.ForwardRefExoticComponent<TraceProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2937
|
+
declare const TraceLine: React$1.ForwardRefExoticComponent<TraceLineProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2938
|
+
declare const TraceIcon: React$1.ForwardRefExoticComponent<TraceIconProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
2939
|
+
declare const TraceTitle: React$1.ForwardRefExoticComponent<TraceTitleProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2940
|
+
declare const TraceContent: React$1.ForwardRefExoticComponent<TraceContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2941
|
+
declare function TraceCollapsible({ open: propOpen, defaultOpen, onOpenChange, className, children, ...props }: TraceCollapsibleProps): react_jsx_runtime.JSX.Element;
|
|
2942
|
+
declare function TraceCollapsibleTrigger({ className, children, ...props }: React$1.ButtonHTMLAttributes<HTMLButtonElement>): react_jsx_runtime.JSX.Element;
|
|
2943
|
+
declare function TraceCollapsibleContent({ className, children, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element | null;
|
|
2944
|
+
|
|
2945
|
+
interface PromptInputAttachmentItem {
|
|
2946
|
+
id: string;
|
|
2947
|
+
name: string;
|
|
2948
|
+
size?: number | string;
|
|
2949
|
+
type?: string;
|
|
2950
|
+
}
|
|
2951
|
+
interface PromptInputProps extends Omit<React$1.HTMLAttributes<HTMLFormElement>, "onSubmit"> {
|
|
2952
|
+
/** Current text value in controlled mode */
|
|
2953
|
+
value?: string;
|
|
2954
|
+
/** Initial text value in uncontrolled mode */
|
|
2955
|
+
defaultValue?: string;
|
|
2956
|
+
/** Callback fired when textarea value changes */
|
|
2957
|
+
onValueChange?: (value: string) => void;
|
|
2958
|
+
/** Callback fired on submission (Enter without Shift or Send button click) */
|
|
2959
|
+
onSubmit?: (value: string, attachments: PromptInputAttachmentItem[]) => void;
|
|
2960
|
+
/** Callback fired when the Stop generation button is pressed */
|
|
2961
|
+
onStop?: () => void;
|
|
2962
|
+
/** Placeholder hint in the textarea */
|
|
2963
|
+
placeholder?: string;
|
|
2964
|
+
/** Whether the model is currently generating output */
|
|
2965
|
+
isGenerating?: boolean;
|
|
2966
|
+
/** Whether the prompt input is disabled */
|
|
2967
|
+
disabled?: boolean;
|
|
2968
|
+
/** Initial or controlled attachments array */
|
|
2969
|
+
attachments?: PromptInputAttachmentItem[];
|
|
2970
|
+
/** Callback fired when attachments are added or removed */
|
|
2971
|
+
onAttachmentsChange?: (attachments: PromptInputAttachmentItem[]) => void;
|
|
2972
|
+
/** Maximum number of attachments permitted */
|
|
2973
|
+
maxAttachments?: number;
|
|
2974
|
+
/** Optional slot for ModelSelector or custom model badge */
|
|
2975
|
+
modelSelector?: React$1.ReactNode;
|
|
2976
|
+
}
|
|
2977
|
+
|
|
2978
|
+
/**
|
|
2979
|
+
* Enterprise message composition field for conversational AI and agent commands.
|
|
2980
|
+
* Features auto-resize textarea, file attachments, model selector slot, and Enter submission.
|
|
2981
|
+
*
|
|
2982
|
+
* @example
|
|
2983
|
+
* ```tsx
|
|
2984
|
+
* <PromptInput
|
|
2985
|
+
* onSubmit={(val, files) => handleSendMessage(val, files)}
|
|
2986
|
+
* placeholder="Ask the agent to refactor code..."
|
|
2987
|
+
* />
|
|
2988
|
+
* ```
|
|
2989
|
+
*/
|
|
2990
|
+
declare const PromptInput: React$1.ForwardRefExoticComponent<PromptInputProps & React$1.RefAttributes<HTMLFormElement>>;
|
|
2991
|
+
|
|
2992
|
+
type MessageRole = "user" | "assistant" | "system";
|
|
2993
|
+
interface MessageProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2994
|
+
/** Speaker role */
|
|
2995
|
+
role?: MessageRole;
|
|
2996
|
+
}
|
|
2997
|
+
interface MessageAvatarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2998
|
+
role?: MessageRole;
|
|
2999
|
+
src?: string;
|
|
3000
|
+
fallback?: React$1.ReactNode;
|
|
3001
|
+
}
|
|
3002
|
+
type MessageContentProps = React$1.HTMLAttributes<HTMLDivElement>;
|
|
3003
|
+
interface MessageActionsProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3004
|
+
/** Text content for copy action */
|
|
3005
|
+
copyText?: string;
|
|
3006
|
+
/** Callback fired on copy */
|
|
3007
|
+
onCopy?: () => void;
|
|
3008
|
+
/** Callback fired on retry */
|
|
3009
|
+
onRetry?: () => void;
|
|
3010
|
+
/** Callback fired on thumbs up */
|
|
3011
|
+
onThumbsUp?: () => void;
|
|
3012
|
+
/** Callback fired on thumbs down */
|
|
3013
|
+
onThumbsDown?: () => void;
|
|
3014
|
+
}
|
|
3015
|
+
|
|
3016
|
+
declare const MessageAvatar: React$1.ForwardRefExoticComponent<MessageAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3017
|
+
declare const MessageContent: React$1.ForwardRefExoticComponent<MessageContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3018
|
+
declare const MessageActions: React$1.ForwardRefExoticComponent<MessageActionsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3019
|
+
/**
|
|
3020
|
+
* Conversational turn wrapper representing user or AI agent responses with
|
|
3021
|
+
* avatars, rich content blocks, and action toolbars.
|
|
3022
|
+
*
|
|
3023
|
+
* @example
|
|
3024
|
+
* ```tsx
|
|
3025
|
+
* <Message role="assistant">
|
|
3026
|
+
* <MessageAvatar />
|
|
3027
|
+
* <div className="dl-message__body">
|
|
3028
|
+
* <MessageContent>Here is the updated schema.</MessageContent>
|
|
3029
|
+
* <MessageActions copyText="Here is the updated schema." />
|
|
3030
|
+
* </div>
|
|
3031
|
+
* </Message>
|
|
3032
|
+
* ```
|
|
3033
|
+
*/
|
|
3034
|
+
declare const Message: React$1.ForwardRefExoticComponent<MessageProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3035
|
+
|
|
3036
|
+
interface SuggestionProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3037
|
+
/** Leading icon or visual */
|
|
3038
|
+
icon?: React$1.ReactNode;
|
|
3039
|
+
/** Primary suggestion text */
|
|
3040
|
+
label?: string;
|
|
3041
|
+
/** Optional secondary subtitle or category */
|
|
3042
|
+
description?: string;
|
|
3043
|
+
}
|
|
3044
|
+
interface SuggestionListProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3045
|
+
/** Layout direction: wrap or horizontal scroll */
|
|
3046
|
+
layout?: "wrap" | "scroll";
|
|
3047
|
+
}
|
|
3048
|
+
|
|
3049
|
+
/**
|
|
3050
|
+
* Clickable starter prompt or follow-up question pill.
|
|
3051
|
+
*
|
|
3052
|
+
* @example
|
|
3053
|
+
* ```tsx
|
|
3054
|
+
* <Suggestion label="Explain the error in audit-table.tsx" />
|
|
3055
|
+
* ```
|
|
3056
|
+
*/
|
|
3057
|
+
declare const Suggestion: React$1.ForwardRefExoticComponent<SuggestionProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
3058
|
+
/**
|
|
3059
|
+
* Row or scrollable list of suggestion pills.
|
|
3060
|
+
*/
|
|
3061
|
+
declare const SuggestionList: React$1.ForwardRefExoticComponent<SuggestionListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3062
|
+
|
|
3063
|
+
interface TerminalProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3064
|
+
/** Command executed, e.g. "pnpm build" or "docker compose up" */
|
|
3065
|
+
command?: string;
|
|
3066
|
+
/** Terminal output string */
|
|
3067
|
+
output?: string;
|
|
3068
|
+
/** Maximum visible height before scrolling. Defaults to "16rem" */
|
|
3069
|
+
maxHeight?: string;
|
|
3070
|
+
/** Whether to show window dot buttons in header */
|
|
3071
|
+
windowControls?: boolean;
|
|
3072
|
+
}
|
|
3073
|
+
interface TerminalHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3074
|
+
command?: string;
|
|
3075
|
+
windowControls?: boolean;
|
|
3076
|
+
onCopy?: () => void;
|
|
3077
|
+
output?: string;
|
|
3078
|
+
}
|
|
3079
|
+
interface TerminalOutputProps extends React$1.HTMLAttributes<HTMLPreElement> {
|
|
3080
|
+
command?: string;
|
|
3081
|
+
maxHeight?: string;
|
|
3082
|
+
}
|
|
3083
|
+
|
|
3084
|
+
declare const TerminalHeader: React$1.ForwardRefExoticComponent<TerminalHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3085
|
+
declare const TerminalOutput: React$1.ForwardRefExoticComponent<TerminalOutputProps & React$1.RefAttributes<HTMLPreElement>>;
|
|
3086
|
+
/**
|
|
3087
|
+
* Shell command execution terminal container displaying CLI prompts and streaming logs.
|
|
3088
|
+
*
|
|
3089
|
+
* @example
|
|
3090
|
+
* ```tsx
|
|
3091
|
+
* <Terminal command="pnpm build" output="✓ built in 941ms" />
|
|
3092
|
+
* ```
|
|
3093
|
+
*/
|
|
3094
|
+
declare const Terminal: React$1.ForwardRefExoticComponent<TerminalProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3095
|
+
|
|
3096
|
+
interface AIModel {
|
|
3097
|
+
/** Unique model identifier (e.g., "claude-3-5-sonnet", "gpt-4o") */
|
|
3098
|
+
id: string;
|
|
3099
|
+
/** Human-readable model display name */
|
|
3100
|
+
name: string;
|
|
3101
|
+
/** Model provider name (e.g., "Anthropic", "OpenAI", "Google", "DeepSeek") */
|
|
3102
|
+
provider: string;
|
|
3103
|
+
/** Brief summary of model intelligence or use-case */
|
|
3104
|
+
description?: string;
|
|
3105
|
+
/** Tags describing model capabilities (e.g., "Vision", "Reasoning", "200k") */
|
|
3106
|
+
tags?: string[];
|
|
3107
|
+
/** Optional icon representing provider or model */
|
|
3108
|
+
icon?: React$1.ReactNode;
|
|
3109
|
+
/** Whether the model is disabled or unavailable */
|
|
3110
|
+
disabled?: boolean;
|
|
3111
|
+
}
|
|
3112
|
+
interface ModelSelectorProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
3113
|
+
/** Available models array */
|
|
3114
|
+
models?: AIModel[];
|
|
3115
|
+
/** Selected model ID */
|
|
3116
|
+
value?: string;
|
|
3117
|
+
/** Initial selected model ID when uncontrolled */
|
|
3118
|
+
defaultValue?: string;
|
|
3119
|
+
/** Change callback with selected model ID */
|
|
3120
|
+
onValueChange?: (modelId: string) => void;
|
|
3121
|
+
/** Placeholder when no model is chosen */
|
|
3122
|
+
placeholder?: string;
|
|
3123
|
+
/** Selector size variation */
|
|
3124
|
+
size?: "sm" | "md";
|
|
3125
|
+
/** Whether the selector is disabled */
|
|
3126
|
+
disabled?: boolean;
|
|
3127
|
+
}
|
|
3128
|
+
|
|
3129
|
+
declare const DEFAULT_AI_MODELS: AIModel[];
|
|
3130
|
+
/**
|
|
3131
|
+
* Model picker dropdown for LLMs and agent backends.
|
|
3132
|
+
* Features search filtering, capability tags, provider metadata, and custom trigger slots.
|
|
3133
|
+
*
|
|
3134
|
+
* @example
|
|
3135
|
+
* ```tsx
|
|
3136
|
+
* <ModelSelector
|
|
3137
|
+
* value={model}
|
|
3138
|
+
* onValueChange={setModel}
|
|
3139
|
+
* />
|
|
3140
|
+
* ```
|
|
3141
|
+
*/
|
|
3142
|
+
declare const ModelSelector: React$1.ForwardRefExoticComponent<ModelSelectorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3143
|
+
|
|
3144
|
+
type TaskStatus = "pending" | "running" | "completed" | "failed";
|
|
3145
|
+
interface PlanTaskItem {
|
|
3146
|
+
id: string;
|
|
3147
|
+
title: string;
|
|
3148
|
+
description?: string;
|
|
3149
|
+
status: TaskStatus;
|
|
3150
|
+
subtasks?: Array<{
|
|
3151
|
+
id: string;
|
|
3152
|
+
title: string;
|
|
3153
|
+
completed: boolean;
|
|
3154
|
+
}>;
|
|
3155
|
+
}
|
|
3156
|
+
interface PlanProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3157
|
+
/** Title of the plan, defaults to "Execution Plan" */
|
|
3158
|
+
title?: string;
|
|
3159
|
+
/** Overall plan status */
|
|
3160
|
+
status?: "pending" | "in-progress" | "completed" | "failed";
|
|
3161
|
+
/** Optional current step index or description */
|
|
3162
|
+
currentStep?: number;
|
|
3163
|
+
/** Total step count */
|
|
3164
|
+
totalSteps?: number;
|
|
3165
|
+
}
|
|
3166
|
+
interface PlanHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3167
|
+
title?: string;
|
|
3168
|
+
status?: "pending" | "in-progress" | "completed" | "failed";
|
|
3169
|
+
progress?: string;
|
|
3170
|
+
}
|
|
3171
|
+
interface PlanTaskProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3172
|
+
title: string;
|
|
3173
|
+
description?: string;
|
|
3174
|
+
status?: TaskStatus;
|
|
3175
|
+
defaultExpanded?: boolean;
|
|
3176
|
+
}
|
|
3177
|
+
|
|
3178
|
+
declare const PlanHeader: React$1.ForwardRefExoticComponent<PlanHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3179
|
+
declare const PlanTask: React$1.ForwardRefExoticComponent<PlanTaskProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3180
|
+
/**
|
|
3181
|
+
* Agent task execution plan checklist container.
|
|
3182
|
+
* Displays overall plan status, progress counts, and granular step tasks.
|
|
3183
|
+
*
|
|
3184
|
+
* @example
|
|
3185
|
+
* ```tsx
|
|
3186
|
+
* <Plan title="Refactoring Architecture" status="in-progress">
|
|
3187
|
+
* <PlanHeader progress="2 of 4 steps" status="in-progress" />
|
|
3188
|
+
* <div className="dl-plan__tasks">
|
|
3189
|
+
* <PlanTask title="Read schema" status="completed" />
|
|
3190
|
+
* <PlanTask title="Migrate columns" status="running" />
|
|
3191
|
+
* </div>
|
|
3192
|
+
* </Plan>
|
|
3193
|
+
* ```
|
|
3194
|
+
*/
|
|
3195
|
+
declare const Plan: React$1.ForwardRefExoticComponent<PlanProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3196
|
+
|
|
3197
|
+
interface SourceItem {
|
|
3198
|
+
id: string;
|
|
3199
|
+
index: number;
|
|
3200
|
+
title: string;
|
|
3201
|
+
url: string;
|
|
3202
|
+
domain?: string;
|
|
3203
|
+
snippet?: string;
|
|
3204
|
+
favicon?: string;
|
|
3205
|
+
}
|
|
3206
|
+
interface InlineCitationProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
|
|
3207
|
+
/** Index number of the citation, e.g. 1 */
|
|
3208
|
+
index: number;
|
|
3209
|
+
/** Title of the cited source */
|
|
3210
|
+
title?: string;
|
|
3211
|
+
/** URL of the source */
|
|
3212
|
+
url?: string;
|
|
3213
|
+
/** Text snippet from source */
|
|
3214
|
+
snippet?: string;
|
|
3215
|
+
/** Optional click handler to navigate or open preview */
|
|
3216
|
+
onCitationClick?: (index: number) => void;
|
|
3217
|
+
}
|
|
3218
|
+
interface SourcesProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3219
|
+
/** List of source references */
|
|
3220
|
+
sources: SourceItem[];
|
|
3221
|
+
/** Optional callback when a source card is clicked */
|
|
3222
|
+
onSourceClick?: (source: SourceItem) => void;
|
|
3223
|
+
}
|
|
3224
|
+
interface SourceCardProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
3225
|
+
source: SourceItem;
|
|
3226
|
+
}
|
|
3227
|
+
|
|
3228
|
+
/**
|
|
3229
|
+
* Clickable citation reference badge embedded inline in AI-generated answers.
|
|
3230
|
+
*
|
|
3231
|
+
* @example
|
|
3232
|
+
* ```tsx
|
|
3233
|
+
* <span>According to PostgreSQL official docs <InlineCitation index={1} title="MVCC Concurrency" /></span>
|
|
3234
|
+
* ```
|
|
3235
|
+
*/
|
|
3236
|
+
declare const InlineCitation: React$1.ForwardRefExoticComponent<InlineCitationProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
3237
|
+
/**
|
|
3238
|
+
* Card representing an external referenced source or documentation link.
|
|
3239
|
+
*/
|
|
3240
|
+
declare const SourceCard: React$1.ForwardRefExoticComponent<SourceCardProps & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
3241
|
+
/**
|
|
3242
|
+
* Grid or card list displaying sources, citations, and ground-truth web search links.
|
|
3243
|
+
*
|
|
3244
|
+
* @example
|
|
3245
|
+
* ```tsx
|
|
3246
|
+
* <Sources sources={[{ id: "1", index: 1, title: "Turborepo Docs", url: "https://turbo.build" }]} />
|
|
3247
|
+
* ```
|
|
3248
|
+
*/
|
|
3249
|
+
declare const Sources: React$1.ForwardRefExoticComponent<SourcesProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3250
|
+
|
|
3251
|
+
interface FileTreeItem {
|
|
3252
|
+
id: string;
|
|
3253
|
+
name: string;
|
|
3254
|
+
type: "file" | "folder";
|
|
3255
|
+
children?: FileTreeItem[];
|
|
3256
|
+
defaultOpen?: boolean;
|
|
3257
|
+
}
|
|
3258
|
+
interface FileTreeProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
3259
|
+
/** Root or recursive file tree data */
|
|
3260
|
+
data: FileTreeItem[];
|
|
3261
|
+
/** Currently selected file or folder ID */
|
|
3262
|
+
selectedId?: string;
|
|
3263
|
+
/** Selection callback */
|
|
3264
|
+
onSelect?: (item: FileTreeItem) => void;
|
|
3265
|
+
/** Initial selected ID */
|
|
3266
|
+
defaultSelectedId?: string;
|
|
3267
|
+
}
|
|
3268
|
+
interface FileTreeNodeProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onSelect"> {
|
|
3269
|
+
item: FileTreeItem;
|
|
3270
|
+
level?: number;
|
|
3271
|
+
selectedId?: string;
|
|
3272
|
+
onSelect?: (item: FileTreeItem) => void;
|
|
3273
|
+
}
|
|
3274
|
+
|
|
3275
|
+
declare const FileTreeNode: React$1.ForwardRefExoticComponent<FileTreeNodeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3276
|
+
/**
|
|
3277
|
+
* Interactive workspace file and directory tree view for agent codebases.
|
|
3278
|
+
*
|
|
3279
|
+
* @example
|
|
3280
|
+
* ```tsx
|
|
3281
|
+
* <FileTree
|
|
3282
|
+
* data={[{ id: "src", name: "src", type: "folder", children: [...] }]}
|
|
3283
|
+
* onSelect={(file) => console.log(file)}
|
|
3284
|
+
* />
|
|
3285
|
+
* ```
|
|
3286
|
+
*/
|
|
3287
|
+
declare const FileTree: React$1.ForwardRefExoticComponent<FileTreeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3288
|
+
|
|
3289
|
+
interface StackFrameItem {
|
|
3290
|
+
id: string;
|
|
3291
|
+
functionName?: string;
|
|
3292
|
+
fileName: string;
|
|
3293
|
+
lineNumber: number;
|
|
3294
|
+
columnNumber?: number;
|
|
3295
|
+
snippet?: string;
|
|
3296
|
+
highlightLine?: number;
|
|
3297
|
+
isInternal?: boolean;
|
|
3298
|
+
}
|
|
3299
|
+
interface StackTraceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
3300
|
+
/** Error class name or type (e.g. "TypeError", "InvariantViolation") */
|
|
3301
|
+
errorType?: string;
|
|
3302
|
+
/** Detailed error message */
|
|
3303
|
+
message: string;
|
|
3304
|
+
/** Call stack frames list */
|
|
3305
|
+
frames?: StackFrameItem[];
|
|
3306
|
+
/** Raw unparsed stack trace string */
|
|
3307
|
+
rawStack?: string;
|
|
3308
|
+
/** Whether copy stack button is displayed */
|
|
3309
|
+
copyable?: boolean;
|
|
3310
|
+
}
|
|
3311
|
+
interface StackFrameProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3312
|
+
frame: StackFrameItem;
|
|
3313
|
+
defaultExpanded?: boolean;
|
|
3314
|
+
}
|
|
3315
|
+
|
|
3316
|
+
declare const StackFrame: React$1.ForwardRefExoticComponent<StackFrameProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3317
|
+
/**
|
|
3318
|
+
* Diagnostic stack trace viewer formatting error exceptions and code call frames.
|
|
3319
|
+
*
|
|
3320
|
+
* @example
|
|
3321
|
+
* ```tsx
|
|
3322
|
+
* <StackTrace
|
|
3323
|
+
* errorType="TypeError"
|
|
3324
|
+
* message="Cannot read properties of undefined (reading 'map')"
|
|
3325
|
+
* frames={frames}
|
|
3326
|
+
* />
|
|
3327
|
+
* ```
|
|
3328
|
+
*/
|
|
3329
|
+
declare const StackTrace: React$1.ForwardRefExoticComponent<StackTraceProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3330
|
+
|
|
3331
|
+
type SubagentStatus = "idle" | "running" | "completed" | "failed";
|
|
3332
|
+
interface SubagentProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
3333
|
+
/** Name of the subagent */
|
|
3334
|
+
name: string;
|
|
3335
|
+
/** Role description or job title (e.g. 'Codebase Researcher') */
|
|
3336
|
+
role?: string;
|
|
3337
|
+
/** Execution status */
|
|
3338
|
+
status?: SubagentStatus;
|
|
3339
|
+
/** Model used by the subagent */
|
|
3340
|
+
model?: string;
|
|
3341
|
+
/** Subagent identifier or conversation ID */
|
|
3342
|
+
conversationId?: string;
|
|
3343
|
+
/** Whether the subagent details/logs are open */
|
|
3344
|
+
defaultOpen?: boolean;
|
|
3345
|
+
}
|
|
3346
|
+
|
|
3347
|
+
/**
|
|
3348
|
+
* Subagent delegation card displaying autonomous agent lifecycle and messages.
|
|
3349
|
+
*
|
|
3350
|
+
* @example
|
|
3351
|
+
* ```tsx
|
|
3352
|
+
* <Subagent
|
|
3353
|
+
* name="Codebase Researcher"
|
|
3354
|
+
* role="Repository Explorer"
|
|
3355
|
+
* status="running"
|
|
3356
|
+
* model="flash"
|
|
3357
|
+
* />
|
|
3358
|
+
* ```
|
|
3359
|
+
*/
|
|
3360
|
+
declare const Subagent: React$1.ForwardRefExoticComponent<SubagentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3361
|
+
|
|
3362
|
+
interface TokenUsageBreakdown {
|
|
3363
|
+
inputTokens?: number;
|
|
3364
|
+
outputTokens?: number;
|
|
3365
|
+
reasoningTokens?: number;
|
|
3366
|
+
cachedTokens?: number;
|
|
3367
|
+
}
|
|
3368
|
+
interface ContextUsageProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3369
|
+
/** Tokens currently used */
|
|
3370
|
+
usedTokens: number;
|
|
3371
|
+
/** Maximum context window limit */
|
|
3372
|
+
maxTokens: number;
|
|
3373
|
+
/** Optional detailed breakdown of token consumption */
|
|
3374
|
+
breakdown?: TokenUsageBreakdown;
|
|
3375
|
+
/** Model or context label, e.g. "Claude 3.5 Sonnet (200k)" */
|
|
3376
|
+
label?: string;
|
|
3377
|
+
/** Size variant */
|
|
3378
|
+
size?: "sm" | "md";
|
|
3379
|
+
}
|
|
3380
|
+
|
|
3381
|
+
/**
|
|
3382
|
+
* Context window token utilization gauge displaying consumption metrics and breakdown.
|
|
3383
|
+
*
|
|
3384
|
+
* @example
|
|
3385
|
+
* ```tsx
|
|
3386
|
+
* <ContextUsage
|
|
3387
|
+
* usedTokens={48200}
|
|
3388
|
+
* maxTokens={200000}
|
|
3389
|
+
* label="Claude 3.5 Sonnet"
|
|
3390
|
+
* breakdown={{ inputTokens: 42000, outputTokens: 6200 }}
|
|
3391
|
+
* />
|
|
3392
|
+
* ```
|
|
3393
|
+
*/
|
|
3394
|
+
declare const ContextUsage: React$1.ForwardRefExoticComponent<ContextUsageProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3395
|
+
|
|
3396
|
+
interface QueueTask {
|
|
3397
|
+
id: string;
|
|
3398
|
+
title: string;
|
|
3399
|
+
priority?: "low" | "normal" | "high";
|
|
3400
|
+
status?: "waiting" | "active" | "paused";
|
|
3401
|
+
estimatedDuration?: string;
|
|
3402
|
+
}
|
|
3403
|
+
interface QueueProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3404
|
+
/** Tasks in the execution queue */
|
|
3405
|
+
tasks: QueueTask[];
|
|
3406
|
+
/** Title of the queue */
|
|
3407
|
+
title?: string;
|
|
3408
|
+
/** Callback when removing/cancelling a task */
|
|
3409
|
+
onRemoveTask?: (taskId: string) => void;
|
|
3410
|
+
}
|
|
3411
|
+
interface QueueItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3412
|
+
task: QueueTask;
|
|
3413
|
+
index: number;
|
|
3414
|
+
onRemove?: () => void;
|
|
3415
|
+
}
|
|
3416
|
+
|
|
3417
|
+
declare const QueueItem: React$1.ForwardRefExoticComponent<QueueItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3418
|
+
/**
|
|
3419
|
+
* Agent task execution queue container tracking scheduled, running, and queued jobs.
|
|
3420
|
+
*
|
|
3421
|
+
* @example
|
|
3422
|
+
* ```tsx
|
|
3423
|
+
* <Queue
|
|
3424
|
+
* tasks={[
|
|
3425
|
+
* { id: "1", title: "Index codebase", priority: "high", status: "active" },
|
|
3426
|
+
* { id: "2", title: "Generate tests", priority: "normal", status: "waiting" }
|
|
3427
|
+
* ]}
|
|
3428
|
+
* />
|
|
3429
|
+
* ```
|
|
3430
|
+
*/
|
|
3431
|
+
declare const Queue: React$1.ForwardRefExoticComponent<QueueProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3432
|
+
|
|
3433
|
+
type TestCaseStatus = "passed" | "failed" | "skipped";
|
|
3434
|
+
interface TestCaseItem {
|
|
3435
|
+
id: string;
|
|
3436
|
+
name: string;
|
|
3437
|
+
status: TestCaseStatus;
|
|
3438
|
+
durationMs?: number;
|
|
3439
|
+
errorMessage?: string;
|
|
3440
|
+
}
|
|
3441
|
+
interface TestResultsProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
3442
|
+
/** Test suite title */
|
|
3443
|
+
title?: string;
|
|
3444
|
+
/** Total elapsed time, e.g. "1.4s" */
|
|
3445
|
+
duration?: string;
|
|
3446
|
+
/** Test cases list */
|
|
3447
|
+
tests: TestCaseItem[];
|
|
3448
|
+
}
|
|
3449
|
+
interface TestCaseProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
3450
|
+
test: TestCaseItem;
|
|
3451
|
+
defaultExpanded?: boolean;
|
|
3452
|
+
}
|
|
3453
|
+
|
|
3454
|
+
declare const TestCase: React$1.ForwardRefExoticComponent<TestCaseProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3455
|
+
/**
|
|
3456
|
+
* Test execution results dashboard visualizing passed, failed, and skipped unit or integration tests.
|
|
3457
|
+
*
|
|
3458
|
+
* @example
|
|
3459
|
+
* ```tsx
|
|
3460
|
+
* <TestResults
|
|
3461
|
+
* title="packages/ui Unit Tests"
|
|
3462
|
+
* duration="1.2s"
|
|
3463
|
+
* tests={[
|
|
3464
|
+
* { id: "1", name: "renders button correctly", status: "passed", durationMs: 4 },
|
|
3465
|
+
* { id: "2", name: "validates zod schema", status: "failed", errorMessage: "Expected true, received false" }
|
|
3466
|
+
* ]}
|
|
3467
|
+
* />
|
|
3468
|
+
* ```
|
|
3469
|
+
*/
|
|
3470
|
+
declare const TestResults: React$1.ForwardRefExoticComponent<TestResultsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3471
|
+
|
|
2439
3472
|
interface MetricCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
2440
3473
|
/** Label describing the metric */
|
|
2441
3474
|
readonly label: string;
|
|
@@ -2943,4 +3976,28 @@ interface ContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
2943
3976
|
*/
|
|
2944
3977
|
declare const Container: React$1.ForwardRefExoticComponent<ContainerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
2945
3978
|
|
|
2946
|
-
|
|
3979
|
+
interface LegalFooterProps extends React$1.HTMLAttributes<HTMLElement> {
|
|
3980
|
+
/** Optional application name (e.g., "FinAI", "DevLab Portal", "OrchestrAI", "VitalAI", "DevLab Logs") */
|
|
3981
|
+
readonly appName?: string;
|
|
3982
|
+
/** Optional semver or build tag (e.g., "v1.0.0") */
|
|
3983
|
+
readonly version?: string;
|
|
3984
|
+
/** Company or organization copyright holder (defaults to "Yuva Devlab") */
|
|
3985
|
+
readonly companyName?: string;
|
|
3986
|
+
/** Visual placement variant */
|
|
3987
|
+
readonly variant?: "login" | "sidebar" | "settings";
|
|
3988
|
+
/** Whether to render compliance and navigation links (Privacy, Terms, Security) */
|
|
3989
|
+
readonly showLinks?: boolean;
|
|
3990
|
+
/** Custom Terms URL */
|
|
3991
|
+
readonly termsHref?: string;
|
|
3992
|
+
/** Custom Privacy URL */
|
|
3993
|
+
readonly privacyHref?: string;
|
|
3994
|
+
/** Custom Security URL */
|
|
3995
|
+
readonly securityHref?: string;
|
|
3996
|
+
}
|
|
3997
|
+
/**
|
|
3998
|
+
* Universal enterprise legal and copyright footer.
|
|
3999
|
+
* Dynamically adapts to host theme tokens, typography, and dark mode.
|
|
4000
|
+
*/
|
|
4001
|
+
declare const LegalFooter: React$1.ForwardRefExoticComponent<LegalFooterProps & React$1.RefAttributes<HTMLElement>>;
|
|
4002
|
+
|
|
4003
|
+
export { type AIModel, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, AspectRatio, type AspectRatioProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxPadding, type BoxProps, type BoxRadius, type BoxShadow, type Brand, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Button, type ButtonProps, Calendar, CalendarDayButton, type CalendarProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Carousel, type CarouselApi, CarouselContent, type CarouselContentProps, CarouselContext, type CarouselContextProps, CarouselItem, type CarouselItemProps, CarouselNext, type CarouselNextProps, CarouselPrevious, type CarouselPreviousProps, type CarouselProps, ChainOfThought, ChainOfThoughtContent, ChainOfThoughtHeader, type ChainOfThoughtHeaderProps, type ChainOfThoughtProps, ChainOfThoughtStep, type ChainOfThoughtStepItem, type ChainOfThoughtStepProps, type ChartConfig, ChartContainer, type ChartContainerProps, ChartContext, type ChartContextProps, ChartLegend, ChartLegendContent, type ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, Checkbox, type CheckboxProps, Checkpoint, type CheckpointProps, CodeBlock, CodeBlockContent, type CodeBlockContentProps, CodeBlockCopyButton, CodeBlockHeader, type CodeBlockHeaderProps, type CodeBlockProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps, Command, CommandDialog, type CommandDialogProps, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps, CommandShortcut, type CommandShortcutProps, ConfigProvider, type ConfigProviderProps, ConfirmDialog, type ConfirmDialogProps, Confirmation, ConfirmationActions, type ConfirmationActionsProps, ConfirmationContent, type ConfirmationContentProps, ConfirmationDescription, type ConfirmationDescriptionProps, ConfirmationMedia, type ConfirmationMediaProps, type ConfirmationProps, ConfirmationTitle, type ConfirmationTitleProps, Container, type ContainerProps, type ContainerSize, ContextMenu, ContextMenuCheckboxItem, type ContextMenuCheckboxItemProps, ContextMenuContent, type ContextMenuContentProps, ContextMenuGroup, ContextMenuItem, type ContextMenuItemProps, ContextMenuLabel, type ContextMenuLabelProps, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, type ContextMenuRadioItemProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuShortcut, type ContextMenuShortcutProps, ContextMenuSub, ContextMenuSubContent, type ContextMenuSubContentProps, ContextMenuSubTrigger, type ContextMenuSubTriggerProps, ContextMenuTrigger, ContextUsage, type ContextUsageProps, CopyButton, type CopyButtonProps, DEFAULT_AI_MODELS, DataTable, type DataTableColumn, type DataTablePaginationConfig, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogSize, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FileTree, type FileTreeItem, FileTreeNode, type FileTreeNodeProps, type FileTreeProps, Flex, type FlexAlign, type FlexDirection, type FlexJustify, type FlexProps, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, type GridColumns, type GridProps, Heading, type HeadingProps, type HeadingSize, type HeadingTag, HoverCard, HoverCardContent, HoverCardTrigger, InlineCitation, type InlineCitationProps, Input, InputNumber, type InputNumberProps, InputOTP, InputOTPGroup, type InputOTPProps, InputOTPSeparator, InputOTPSlot, type InputOTPSlotProps, type InputProps, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, Label, type LabelProps, type LayoutGap, LegalFooter, type LegalFooterProps, LoadingState, type LoadingStateProps, Menubar, MenubarCheckboxItem, type MenubarCheckboxItemProps, MenubarContent, type MenubarContentProps, MenubarGroup, MenubarItem, type MenubarItemProps, MenubarLabel, type MenubarLabelProps, MenubarMenu, MenubarPortal, type MenubarProps, MenubarRadioGroup, MenubarRadioItem, type MenubarRadioItemProps, MenubarSeparator, type MenubarSeparatorProps, MenubarShortcut, type MenubarShortcutProps, MenubarSub, MenubarSubContent, type MenubarSubContentProps, MenubarSubTrigger, type MenubarSubTriggerProps, MenubarTrigger, type MenubarTriggerProps, Message, MessageActions, type MessageActionsProps, MessageAvatar, type MessageAvatarProps, MessageContent, type MessageContentProps, type MessageProps, type MessageRole, MetricCard, type MetricCardProps, MetricsGrid, type MetricsGridProps, ModelSelector, type ModelSelectorProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, Pagination, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, Panel, type PanelProps, PasswordInput, type PasswordInputProps, Plan, PlanHeader, type PlanHeaderProps, type PlanProps, PlanTask, type PlanTaskItem, type PlanTaskProps, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, Progress, type ProgressProps, PromptInput, type PromptInputAttachmentItem, type PromptInputProps, Queue, QueueItem, type QueueItemProps, type QueueProps, type QueueTask, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type ResizablePanelGroupProps, type ResizablePanelProps, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON, SIDEBAR_WIDTH_MOBILE, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, SearchInput, type SearchInputProps, SearchableSelect, type SearchableSelectOption, type SearchableSelectProps, SecretRevealCard, type SecretRevealCardProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, type SheetOverlayProps, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContentProps, SidebarContext, type SidebarContextProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, type SidebarGroupContentProps, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarInput, type SidebarInputProps, SidebarInset, type SidebarInsetProps, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, type SidebarMenuBadgeProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, type SidebarMenuItemProps, type SidebarMenuProps, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, type SidebarRailProps, SidebarSeparator, type SidebarSeparatorProps, SidebarTrigger, type SidebarTriggerProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SourceCard, type SourceCardProps, type SourceItem, Sources, type SourcesProps, Stack, type StackAlign, type StackDirection, StackFrame, type StackFrameItem, type StackFrameProps, type StackProps, StackTrace, type StackTraceProps, StatusBadge, type StatusBadgeProps, StatusChip, type StatusChipProps, Subagent, type SubagentProps, type SubagentStatus, Suggestion, SuggestionList, type SuggestionListProps, type SuggestionProps, Switch, type SwitchProps, THEMES, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, TabsTrigger, type TabsTriggerProps, type TaskStatus, Terminal, TerminalHeader, type TerminalHeaderProps, TerminalOutput, type TerminalOutputProps, type TerminalProps, TestCase, type TestCaseItem, type TestCaseProps, type TestCaseStatus, TestResults, type TestResultsProps, Text, type TextProps, type TextTag, type TextVariant, Textarea, type TextareaProps, type Theme, type ThemeMode, ThemeProvider, type ThemeProviderProps, type ThemeProviderState, type ToastTheme, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, type TokenUsageBreakdown, ToolCall, ToolCallArgs, type ToolCallArgsProps, ToolCallHeader, type ToolCallHeaderProps, type ToolCallProps, ToolCallResult, type ToolCallResultProps, type ToolCallStatusType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Trace, TraceCollapsible, TraceCollapsibleContent, type TraceCollapsibleProps, TraceCollapsibleTrigger, TraceContent, type TraceContentProps, TraceIcon, type TraceIconProps, TraceLine, type TraceLineProps, type TraceProps, type TraceStatus, TraceTitle, type TraceTitleProps, type TypographyAlign, type TypographyColor, type TypographyWeight, alertVariants, badgeVariants, buttonVariants, cn, cx, getPayloadConfigFromPayload, labelVariants, navigationMenuTriggerStyle, sheetVariants, sidebarMenuButtonVariants, toggleVariants, useCarousel, useChart, useConfig, useFormField, useIsMobile, useSidebar, useTheme };
|