@lukeashford/aurelius 2.20.0 → 3.0.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.mts +287 -140
- package/dist/index.d.ts +287 -140
- package/dist/index.js +987 -543
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +938 -501
- package/dist/index.mjs.map +1 -1
- package/dist/styles/theme.css +30 -0
- package/llms.md +82 -57
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -614,6 +614,11 @@ declare function HistoryIcon({ className, ...props }: IconProps): React$1.JSX.El
|
|
|
614
614
|
|
|
615
615
|
declare function LayersIcon({ className, ...props }: IconProps): React$1.JSX.Element;
|
|
616
616
|
|
|
617
|
+
/**
|
|
618
|
+
* Media icon — a film frame with play triangle, representing video and media artifacts.
|
|
619
|
+
*/
|
|
620
|
+
declare function MediaIcon({ className, ...props }: IconProps): React$1.JSX.Element;
|
|
621
|
+
|
|
617
622
|
declare function PlusIcon({ className, ...props }: IconProps): React$1.JSX.Element;
|
|
618
623
|
|
|
619
624
|
declare function CheckSquareIcon({ className, ...props }: IconProps): React$1.JSX.Element;
|
|
@@ -910,48 +915,11 @@ interface TodosListProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
910
915
|
* (not globally), so just changing a task's status will reorder it appropriately.
|
|
911
916
|
*/
|
|
912
917
|
declare const TodosList: React$1.ForwardRefExoticComponent<TodosListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
913
|
-
|
|
914
|
-
interface UseScrollAnchorOptions {
|
|
915
|
-
/**
|
|
916
|
-
* Behavior for scrolling. Defaults to 'smooth'.
|
|
917
|
-
*/
|
|
918
|
-
behavior?: ScrollBehavior;
|
|
919
|
-
/**
|
|
920
|
-
* Block alignment for scrollIntoView. Defaults to 'start'.
|
|
921
|
-
*/
|
|
922
|
-
block?: ScrollLogicalPosition;
|
|
923
|
-
}
|
|
924
|
-
interface UseScrollAnchorReturn {
|
|
925
|
-
/**
|
|
926
|
-
* Ref to attach to the scrollable container
|
|
927
|
-
*/
|
|
928
|
-
containerRef: React.RefObject<HTMLDivElement | null>;
|
|
929
|
-
/**
|
|
930
|
-
* Ref to attach to the anchor element (latest user message)
|
|
931
|
-
*/
|
|
932
|
-
anchorRef: React.RefObject<HTMLDivElement | null>;
|
|
933
|
-
/**
|
|
934
|
-
* Scroll the anchor element into view. Call this on user message submission.
|
|
935
|
-
*/
|
|
936
|
-
scrollToAnchor: () => void;
|
|
937
|
-
/**
|
|
938
|
-
* Scroll to the bottom of the container.
|
|
939
|
-
*/
|
|
940
|
-
scrollToBottom: () => void;
|
|
941
|
-
/**
|
|
942
|
-
* Check if user has scrolled away from the bottom.
|
|
943
|
-
*/
|
|
944
|
-
isScrolledToBottom: () => boolean;
|
|
945
|
-
}
|
|
946
918
|
/**
|
|
947
|
-
*
|
|
948
|
-
*
|
|
949
|
-
* Key behaviors:
|
|
950
|
-
* - Anchors user messages to the top of the viewport when they send a message
|
|
951
|
-
* - Does NOT auto-scroll during streaming to respect user's reading position
|
|
952
|
-
* - Allows manual scroll detection
|
|
919
|
+
* Returns true when every task (and subtask, recursively) is in a
|
|
920
|
+
* terminal state: done, cancelled, or failed. Returns true for empty arrays.
|
|
953
921
|
*/
|
|
954
|
-
declare function
|
|
922
|
+
declare function areAllTasksSettled(tasks: Task[]): boolean;
|
|
955
923
|
|
|
956
924
|
/**
|
|
957
925
|
* Script element types following standard screenplay format
|
|
@@ -1098,82 +1066,45 @@ interface ArtifactCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
1098
1066
|
*/
|
|
1099
1067
|
declare const ArtifactCard: React$1.ForwardRefExoticComponent<ArtifactCardProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1100
1068
|
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1069
|
+
/**
|
|
1070
|
+
* Node types in the artifact tree
|
|
1071
|
+
*/
|
|
1072
|
+
declare const NODE_TYPES: {
|
|
1073
|
+
readonly ARTIFACT: "ARTIFACT";
|
|
1074
|
+
readonly GROUP: "GROUP";
|
|
1075
|
+
readonly VARIANT_SET: "VARIANT_SET";
|
|
1076
|
+
};
|
|
1077
|
+
type NodeType = typeof NODE_TYPES[keyof typeof NODE_TYPES];
|
|
1078
|
+
/**
|
|
1079
|
+
* A node in the artifact tree. Mirrors the backend ArtifactNode shape.
|
|
1080
|
+
* Groups and variant sets contain children; artifact nodes link to content.
|
|
1081
|
+
*/
|
|
1082
|
+
interface ArtifactNode {
|
|
1114
1083
|
/**
|
|
1115
|
-
*
|
|
1084
|
+
* Unique identifier
|
|
1116
1085
|
*/
|
|
1117
|
-
|
|
1086
|
+
id: string;
|
|
1118
1087
|
/**
|
|
1119
|
-
*
|
|
1088
|
+
* The node type — ARTIFACT, GROUP, or VARIANT_SET
|
|
1120
1089
|
*/
|
|
1121
|
-
|
|
1122
|
-
}
|
|
1123
|
-
/**
|
|
1124
|
-
* Hook for managing artifacts in the ChatInterface.
|
|
1125
|
-
*
|
|
1126
|
-
* Provides methods to control the artifacts panel programmatically,
|
|
1127
|
-
* designed for event-driven architectures like SSE streams.
|
|
1128
|
-
*
|
|
1129
|
-
* @example
|
|
1130
|
-
* ```tsx
|
|
1131
|
-
* const { artifacts, scheduleArtifact, showArtifact, removeArtifact } = useArtifacts()
|
|
1132
|
-
*
|
|
1133
|
-
* // When SSE operator.started event arrives
|
|
1134
|
-
* scheduleArtifact({ id: operatorId, type: 'IMAGE' })
|
|
1135
|
-
*
|
|
1136
|
-
* // When SSE artifact.created event arrives
|
|
1137
|
-
* showArtifact(artifactId, {
|
|
1138
|
-
* type: 'IMAGE',
|
|
1139
|
-
* url: 'https://example.com/image.png',
|
|
1140
|
-
* title: 'Generated Image',
|
|
1141
|
-
* })
|
|
1142
|
-
*
|
|
1143
|
-
* // When SSE operator.failed event arrives
|
|
1144
|
-
* removeArtifact(operatorId)
|
|
1145
|
-
* ```
|
|
1146
|
-
*/
|
|
1147
|
-
declare function useArtifacts(): UseArtifactsReturn;
|
|
1148
|
-
|
|
1149
|
-
interface UseResizableProps {
|
|
1090
|
+
type: NodeType;
|
|
1150
1091
|
/**
|
|
1151
|
-
*
|
|
1092
|
+
* Semantic name (e.g. "storyboard", "protagonist_warm")
|
|
1152
1093
|
*/
|
|
1153
|
-
|
|
1094
|
+
name: string;
|
|
1154
1095
|
/**
|
|
1155
|
-
*
|
|
1096
|
+
* Display label (e.g. "Storyboard", "Warm Analog")
|
|
1156
1097
|
*/
|
|
1157
|
-
|
|
1098
|
+
label: string;
|
|
1158
1099
|
/**
|
|
1159
|
-
*
|
|
1100
|
+
* For ARTIFACT nodes — the actual content. Null for GROUP and VARIANT_SET.
|
|
1160
1101
|
*/
|
|
1161
|
-
|
|
1102
|
+
artifact?: Artifact;
|
|
1162
1103
|
/**
|
|
1163
|
-
*
|
|
1104
|
+
* Child nodes (populated for GROUP and VARIANT_SET)
|
|
1164
1105
|
*/
|
|
1165
|
-
|
|
1106
|
+
children: ArtifactNode[];
|
|
1166
1107
|
}
|
|
1167
|
-
/**
|
|
1168
|
-
* Hook for resizable panels with percentage-based widths.
|
|
1169
|
-
* Returns width as a CSS percentage string (e.g., "50%").
|
|
1170
|
-
*/
|
|
1171
|
-
declare function useResizable({ initialWidthPercent, minWidthPercent, maxWidthPercent, direction, }: UseResizableProps): {
|
|
1172
|
-
width: string;
|
|
1173
|
-
widthPercent: number;
|
|
1174
|
-
isResizing: boolean;
|
|
1175
|
-
startResizing: (e: React.MouseEvent) => void;
|
|
1176
|
-
};
|
|
1177
1108
|
|
|
1178
1109
|
/**
|
|
1179
1110
|
* Conversation Tree Types
|
|
@@ -1404,12 +1335,12 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
|
|
|
1404
1335
|
*/
|
|
1405
1336
|
onAttachmentsChange?: (attachments: Attachment[]) => void;
|
|
1406
1337
|
/**
|
|
1407
|
-
*
|
|
1408
|
-
* Best managed via the useArtifacts hook and passed here.
|
|
1338
|
+
* Top-level artifact tree nodes for the artifacts panel.
|
|
1409
1339
|
*/
|
|
1410
|
-
|
|
1340
|
+
artifactNodes?: ArtifactNode[];
|
|
1411
1341
|
/**
|
|
1412
1342
|
* Whether the artifacts panel is currently open (controlled).
|
|
1343
|
+
* When set, maps to the tool panel system — opens the artifacts tool.
|
|
1413
1344
|
*/
|
|
1414
1345
|
isArtifactsPanelOpen?: boolean;
|
|
1415
1346
|
/**
|
|
@@ -1417,7 +1348,7 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
|
|
|
1417
1348
|
*/
|
|
1418
1349
|
onArtifactsPanelOpenChange?: (open: boolean) => void;
|
|
1419
1350
|
/**
|
|
1420
|
-
* Tasks to display in the todos list
|
|
1351
|
+
* Tasks to display in the todos list tool panel.
|
|
1421
1352
|
* Shows a list of tasks with status indicators.
|
|
1422
1353
|
*/
|
|
1423
1354
|
tasks?: Task[];
|
|
@@ -1433,16 +1364,18 @@ interface ChatInterfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>
|
|
|
1433
1364
|
* Features:
|
|
1434
1365
|
* - ConversationSidebar (left) — collapsible list of past conversations
|
|
1435
1366
|
* - ChatView (center) — main conversation area with smart scrolling
|
|
1436
|
-
* -
|
|
1367
|
+
* - Tool panel system (right) — IntelliJ-style tool sidebar with:
|
|
1368
|
+
* - Top group: Chat History, Artifacts Panel (mutually exclusive)
|
|
1369
|
+
* - Bottom group: Todo List
|
|
1370
|
+
* - Vertical split with draggable divider when both groups are active
|
|
1371
|
+
* - Width-resizable tool content area
|
|
1437
1372
|
* - ChatInput — position-aware input that centers in empty state
|
|
1438
1373
|
* - Branching — support for conversation tree with branch navigation
|
|
1439
1374
|
* - Message Actions — copy, edit, retry
|
|
1440
1375
|
* - Thinking Indicator — shown between user message and response
|
|
1441
1376
|
*
|
|
1442
|
-
* Artifacts are
|
|
1443
|
-
*
|
|
1444
|
-
* - showArtifact() — reveals artifact content
|
|
1445
|
-
* - removeArtifact() — removes artifact on failure
|
|
1377
|
+
* Artifacts are supplied as a tree of ArtifactNode objects via the
|
|
1378
|
+
* artifactNodes prop.
|
|
1446
1379
|
*/
|
|
1447
1380
|
declare const ChatInterface: React$1.ForwardRefExoticComponent<ChatInterfaceProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1448
1381
|
|
|
@@ -1493,42 +1426,28 @@ declare const ChatView: React$1.ForwardRefExoticComponent<ChatViewProps & React$
|
|
|
1493
1426
|
|
|
1494
1427
|
interface ArtifactsPanelProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1495
1428
|
/**
|
|
1496
|
-
*
|
|
1429
|
+
* Top-level tree nodes to display in the navigable artifact tree.
|
|
1497
1430
|
*/
|
|
1498
|
-
|
|
1499
|
-
/**
|
|
1500
|
-
* Whether the panel is visible
|
|
1501
|
-
*/
|
|
1502
|
-
isOpen?: boolean;
|
|
1503
|
-
/**
|
|
1504
|
-
* Callback to close/collapse the panel
|
|
1505
|
-
*/
|
|
1506
|
-
onClose?: () => void;
|
|
1431
|
+
nodes?: ArtifactNode[];
|
|
1507
1432
|
/**
|
|
1508
1433
|
* Whether artifacts are still loading (show skeletons)
|
|
1509
1434
|
*/
|
|
1510
1435
|
loading?: CardSlotLoading;
|
|
1511
|
-
/**
|
|
1512
|
-
* Current width of the panel as CSS value (e.g., "50vw", "400px").
|
|
1513
|
-
*/
|
|
1514
|
-
width?: string;
|
|
1515
|
-
/**
|
|
1516
|
-
* Width as percentage of viewport (0-100) for column calculations.
|
|
1517
|
-
*/
|
|
1518
|
-
widthPercent?: number;
|
|
1519
|
-
/**
|
|
1520
|
-
* Callback to start resizing
|
|
1521
|
-
*/
|
|
1522
|
-
onResizeStart?: (e: React$1.MouseEvent) => void;
|
|
1523
1436
|
}
|
|
1524
1437
|
/**
|
|
1525
|
-
* ArtifactsPanel displays
|
|
1438
|
+
* ArtifactsPanel displays artifacts in a navigable tree panel.
|
|
1526
1439
|
*
|
|
1527
|
-
*
|
|
1528
|
-
*
|
|
1529
|
-
*
|
|
1440
|
+
* This is a content-only component — it fills whatever container it is
|
|
1441
|
+
* placed in. Opening/closing and resizing are handled by the parent
|
|
1442
|
+
* ToolPanelContainer and ToolSidebar.
|
|
1530
1443
|
*
|
|
1531
|
-
*
|
|
1444
|
+
* Groups can be entered (breadcrumb navigation) and artifact nodes
|
|
1445
|
+
* can be expanded to a full-screen modal.
|
|
1446
|
+
*
|
|
1447
|
+
* Supports zoom controls (0.25x–1x). Zoom uses CSS `transform: scale()`
|
|
1448
|
+
* on the content wrapper so the entire layout scales uniformly — cards,
|
|
1449
|
+
* images, gaps, and text all shrink as if the viewer is physically
|
|
1450
|
+
* moving back from the content.
|
|
1532
1451
|
*/
|
|
1533
1452
|
declare const ArtifactsPanel: React$1.ForwardRefExoticComponent<ArtifactsPanelProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1534
1453
|
/**
|
|
@@ -1540,6 +1459,90 @@ interface ArtifactsPanelToggleProps extends React$1.ButtonHTMLAttributes<HTMLBut
|
|
|
1540
1459
|
}
|
|
1541
1460
|
declare const ArtifactsPanelToggle: React$1.ForwardRefExoticComponent<ArtifactsPanelToggleProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1542
1461
|
|
|
1462
|
+
/**
|
|
1463
|
+
* Describes a tool that can be toggled from the sidebar.
|
|
1464
|
+
*/
|
|
1465
|
+
interface ToolDefinition {
|
|
1466
|
+
/**
|
|
1467
|
+
* Unique identifier for this tool
|
|
1468
|
+
*/
|
|
1469
|
+
id: string;
|
|
1470
|
+
/**
|
|
1471
|
+
* Icon element shown in the sidebar button
|
|
1472
|
+
*/
|
|
1473
|
+
icon: React$1.ReactNode;
|
|
1474
|
+
/**
|
|
1475
|
+
* Accessible label for the button
|
|
1476
|
+
*/
|
|
1477
|
+
label: string;
|
|
1478
|
+
/**
|
|
1479
|
+
* Which group the tool belongs to — tools in the same group
|
|
1480
|
+
* are mutually exclusive (opening one closes the other).
|
|
1481
|
+
*/
|
|
1482
|
+
group: 'top' | 'bottom';
|
|
1483
|
+
}
|
|
1484
|
+
/**
|
|
1485
|
+
* Tracks which tool is open in each group (null = none).
|
|
1486
|
+
*/
|
|
1487
|
+
interface ToolPanelState {
|
|
1488
|
+
top: string | null;
|
|
1489
|
+
bottom: string | null;
|
|
1490
|
+
}
|
|
1491
|
+
interface ToolSidebarProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1492
|
+
/**
|
|
1493
|
+
* Available tool definitions
|
|
1494
|
+
*/
|
|
1495
|
+
tools: ToolDefinition[];
|
|
1496
|
+
/**
|
|
1497
|
+
* Current state — which tool is open per group
|
|
1498
|
+
*/
|
|
1499
|
+
activeTools: ToolPanelState;
|
|
1500
|
+
/**
|
|
1501
|
+
* Called when a tool button is clicked (toggle)
|
|
1502
|
+
*/
|
|
1503
|
+
onToggleTool: (toolId: string) => void;
|
|
1504
|
+
}
|
|
1505
|
+
/**
|
|
1506
|
+
* ToolSidebar renders a vertical strip of tool icon buttons on the right
|
|
1507
|
+
* side of the chat interface. It follows the IntelliJ pattern:
|
|
1508
|
+
*
|
|
1509
|
+
* - Top-aligned group and bottom-aligned group separated by a divider
|
|
1510
|
+
* - Tools in the same group are mutually exclusive
|
|
1511
|
+
* - Clicking an active tool closes it; clicking an inactive tool opens it
|
|
1512
|
+
* - Constant slim width regardless of tool panel state
|
|
1513
|
+
*/
|
|
1514
|
+
declare const ToolSidebar: React$1.ForwardRefExoticComponent<ToolSidebarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1515
|
+
|
|
1516
|
+
interface ToolPanelContainerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1517
|
+
/**
|
|
1518
|
+
* Content for the top tool slot (from the top group).
|
|
1519
|
+
* When null, the bottom slot takes full height.
|
|
1520
|
+
*/
|
|
1521
|
+
topContent: React$1.ReactNode | null;
|
|
1522
|
+
/**
|
|
1523
|
+
* Content for the bottom tool slot (from the bottom group).
|
|
1524
|
+
* When null, the top slot takes full height.
|
|
1525
|
+
*/
|
|
1526
|
+
bottomContent: React$1.ReactNode | null;
|
|
1527
|
+
/**
|
|
1528
|
+
* Panel width as CSS value (e.g., "50vw")
|
|
1529
|
+
*/
|
|
1530
|
+
width?: string;
|
|
1531
|
+
/**
|
|
1532
|
+
* Callback to start horizontal resizing (width dragger)
|
|
1533
|
+
*/
|
|
1534
|
+
onResizeStart?: (e: React$1.MouseEvent) => void;
|
|
1535
|
+
}
|
|
1536
|
+
/**
|
|
1537
|
+
* ToolPanelContainer manages the layout of one or two tool panels
|
|
1538
|
+
* stacked vertically. When both top and bottom slots are filled, a
|
|
1539
|
+
* height-adjustable divider appears between them.
|
|
1540
|
+
*
|
|
1541
|
+
* It also renders the width-resize handle on its left edge, identical
|
|
1542
|
+
* to the previous ArtifactsPanel resize behavior.
|
|
1543
|
+
*/
|
|
1544
|
+
declare const ToolPanelContainer: React$1.ForwardRefExoticComponent<ToolPanelContainerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1545
|
+
|
|
1543
1546
|
type MessageActionsVariant = 'user' | 'assistant';
|
|
1544
1547
|
interface MessageActionsProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1545
1548
|
/**
|
|
@@ -1628,6 +1631,110 @@ interface BranchNavigatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
1628
1631
|
*/
|
|
1629
1632
|
declare const BranchNavigator: React$1.ForwardRefExoticComponent<BranchNavigatorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1630
1633
|
|
|
1634
|
+
interface UseScrollAnchorOptions {
|
|
1635
|
+
/**
|
|
1636
|
+
* Behavior for scrolling. Defaults to 'smooth'.
|
|
1637
|
+
*/
|
|
1638
|
+
behavior?: ScrollBehavior;
|
|
1639
|
+
/**
|
|
1640
|
+
* Block alignment for scrollIntoView. Defaults to 'start'.
|
|
1641
|
+
*/
|
|
1642
|
+
block?: ScrollLogicalPosition;
|
|
1643
|
+
}
|
|
1644
|
+
interface UseScrollAnchorReturn {
|
|
1645
|
+
/**
|
|
1646
|
+
* Ref to attach to the scrollable container
|
|
1647
|
+
*/
|
|
1648
|
+
containerRef: React.RefObject<HTMLDivElement | null>;
|
|
1649
|
+
/**
|
|
1650
|
+
* Ref to attach to the anchor element (latest user message)
|
|
1651
|
+
*/
|
|
1652
|
+
anchorRef: React.RefObject<HTMLDivElement | null>;
|
|
1653
|
+
/**
|
|
1654
|
+
* Scroll the anchor element into view. Call this on user message submission.
|
|
1655
|
+
*/
|
|
1656
|
+
scrollToAnchor: () => void;
|
|
1657
|
+
/**
|
|
1658
|
+
* Scroll to the bottom of the container.
|
|
1659
|
+
*/
|
|
1660
|
+
scrollToBottom: () => void;
|
|
1661
|
+
/**
|
|
1662
|
+
* Check if user has scrolled away from the bottom.
|
|
1663
|
+
*/
|
|
1664
|
+
isScrolledToBottom: () => boolean;
|
|
1665
|
+
}
|
|
1666
|
+
/**
|
|
1667
|
+
* Hook for smart scroll behavior in chat interfaces.
|
|
1668
|
+
*
|
|
1669
|
+
* Key behaviors:
|
|
1670
|
+
* - Anchors user messages to the top of the viewport when they send a message
|
|
1671
|
+
* - Does NOT auto-scroll during streaming to respect user's reading position
|
|
1672
|
+
* - Allows manual scroll detection
|
|
1673
|
+
*/
|
|
1674
|
+
declare function useScrollAnchor(options?: UseScrollAnchorOptions): UseScrollAnchorReturn;
|
|
1675
|
+
|
|
1676
|
+
interface UseResizableProps {
|
|
1677
|
+
/**
|
|
1678
|
+
* Initial width as percentage of viewport (0-100)
|
|
1679
|
+
*/
|
|
1680
|
+
initialWidthPercent: number;
|
|
1681
|
+
/**
|
|
1682
|
+
* Minimum width as percentage of viewport (0-100)
|
|
1683
|
+
*/
|
|
1684
|
+
minWidthPercent: number;
|
|
1685
|
+
/**
|
|
1686
|
+
* Maximum width as percentage of viewport (0-100)
|
|
1687
|
+
*/
|
|
1688
|
+
maxWidthPercent: number;
|
|
1689
|
+
/**
|
|
1690
|
+
* Direction to resize from
|
|
1691
|
+
*/
|
|
1692
|
+
direction: 'left' | 'right';
|
|
1693
|
+
}
|
|
1694
|
+
/**
|
|
1695
|
+
* Hook for resizable panels with percentage-based widths.
|
|
1696
|
+
* Returns width as a CSS percentage string (e.g., "50%").
|
|
1697
|
+
*/
|
|
1698
|
+
declare function useResizable({ initialWidthPercent, minWidthPercent, maxWidthPercent, direction, }: UseResizableProps): {
|
|
1699
|
+
width: string;
|
|
1700
|
+
widthPercent: number;
|
|
1701
|
+
isResizing: boolean;
|
|
1702
|
+
startResizing: (e: React.MouseEvent) => void;
|
|
1703
|
+
};
|
|
1704
|
+
|
|
1705
|
+
/**
|
|
1706
|
+
* A breadcrumb entry representing one level of navigation depth.
|
|
1707
|
+
*/
|
|
1708
|
+
interface BreadcrumbEntry {
|
|
1709
|
+
/** Display label for this level */
|
|
1710
|
+
label: string;
|
|
1711
|
+
/** The group node at this level (null for root) */
|
|
1712
|
+
node: ArtifactNode | null;
|
|
1713
|
+
}
|
|
1714
|
+
/**
|
|
1715
|
+
* Return type for the useArtifactTreeNavigation hook.
|
|
1716
|
+
*/
|
|
1717
|
+
interface UseArtifactTreeNavigationReturn {
|
|
1718
|
+
/** Nodes to display at the current navigation level */
|
|
1719
|
+
currentNodes: ArtifactNode[];
|
|
1720
|
+
/** Breadcrumb trail from root to current level */
|
|
1721
|
+
breadcrumbs: BreadcrumbEntry[];
|
|
1722
|
+
/** Whether the user is at the root level */
|
|
1723
|
+
isAtRoot: boolean;
|
|
1724
|
+
/** Navigate into a group node, pushing it onto the stack */
|
|
1725
|
+
navigateInto: (node: ArtifactNode) => void;
|
|
1726
|
+
/** Navigate to a specific breadcrumb level by index */
|
|
1727
|
+
navigateTo: (index: number) => void;
|
|
1728
|
+
/** Navigate back one level */
|
|
1729
|
+
navigateBack: () => void;
|
|
1730
|
+
}
|
|
1731
|
+
/**
|
|
1732
|
+
* Manages navigation state for an artifact tree panel.
|
|
1733
|
+
* Maintains a stack of group nodes the user has navigated into,
|
|
1734
|
+
* deriving children from the node references themselves.
|
|
1735
|
+
*/
|
|
1736
|
+
declare function useArtifactTreeNavigation(rootNodes: ArtifactNode[]): UseArtifactTreeNavigationReturn;
|
|
1737
|
+
|
|
1631
1738
|
type BrandIconSize = 'sm' | 'md' | 'lg';
|
|
1632
1739
|
type BrandIconVariant = 'solid' | 'outline';
|
|
1633
1740
|
interface BrandIconProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1767,6 +1874,46 @@ interface SectionHeadingProps extends React$1.HTMLAttributes<HTMLHeadingElement>
|
|
|
1767
1874
|
}
|
|
1768
1875
|
declare const SectionHeading: React$1.ForwardRefExoticComponent<SectionHeadingProps & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
1769
1876
|
|
|
1877
|
+
interface ArtifactGroupProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onClick'> {
|
|
1878
|
+
/**
|
|
1879
|
+
* The GROUP node to display
|
|
1880
|
+
*/
|
|
1881
|
+
node: ArtifactNode;
|
|
1882
|
+
/**
|
|
1883
|
+
* Called when the group is clicked (e.g. to navigate into it)
|
|
1884
|
+
*/
|
|
1885
|
+
onClick?: (node: ArtifactNode) => void;
|
|
1886
|
+
}
|
|
1887
|
+
/**
|
|
1888
|
+
* Renders a GROUP node as a Card with the group label as title. Inside,
|
|
1889
|
+
* the first child is shown on top with two offset layers behind it
|
|
1890
|
+
* (always shown as a visual symbol for "group"). A square count badge
|
|
1891
|
+
* shows the total items.
|
|
1892
|
+
*/
|
|
1893
|
+
declare const ArtifactGroup: React$1.ForwardRefExoticComponent<ArtifactGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1894
|
+
|
|
1895
|
+
interface ArtifactVariantStackProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1896
|
+
/**
|
|
1897
|
+
* The VARIANT_SET node to display
|
|
1898
|
+
*/
|
|
1899
|
+
node: ArtifactNode;
|
|
1900
|
+
/**
|
|
1901
|
+
* Passed through to ArtifactCard children for expand/open behavior
|
|
1902
|
+
*/
|
|
1903
|
+
onExpandArtifact?: (artifact: Artifact) => void;
|
|
1904
|
+
/**
|
|
1905
|
+
* Passed through to ArtifactGroup children for navigation
|
|
1906
|
+
*/
|
|
1907
|
+
onGroupClick?: (node: ArtifactNode) => void;
|
|
1908
|
+
}
|
|
1909
|
+
/**
|
|
1910
|
+
* Renders a VARIANT_SET node as a Card with the set label as title.
|
|
1911
|
+
* Children are displayed in a horizontal row inside the card body.
|
|
1912
|
+
* Children handle their own click behavior (expand for artifacts,
|
|
1913
|
+
* navigate for groups).
|
|
1914
|
+
*/
|
|
1915
|
+
declare const ArtifactVariantStack: React$1.ForwardRefExoticComponent<ArtifactVariantStackProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1916
|
+
|
|
1770
1917
|
/**
|
|
1771
1918
|
* Aurelius Design System
|
|
1772
1919
|
*
|
|
@@ -1779,4 +1926,4 @@ declare const SectionHeading: React$1.ForwardRefExoticComponent<SectionHeadingPr
|
|
|
1779
1926
|
|
|
1780
1927
|
declare const version = "2.0.0";
|
|
1781
1928
|
|
|
1782
|
-
export { ARTIFACT_TYPES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, type Artifact, ArtifactCard, type ArtifactCardProps, type ArtifactType, ArtifactsPanel, type ArtifactsPanelProps, ArtifactsPanelToggle, type ArtifactsPanelToggleProps, type AspectRatio, type AspectRatioPreset, type Attachment, type AttachmentItem, AttachmentPreview, type AttachmentPreviewProps, type AttachmentStatus, AudioCard, type AudioCardProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, BranchNavigator, type BranchNavigatorProps, BrandIcon, type BrandIconProps, type BrandIconSize, type BrandIconVariant, Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, type CardVariant, ChatInput, type ChatInputPosition, type ChatInputProps, ChatInterface, type ChatInterfaceProps, type ChatMessage, ChatView, type ChatViewItem, type ChatViewProps, CheckSquareIcon, Checkbox, type CheckboxProps, ChevronLeftIcon, ChevronRightIcon, CloseIcon, Col, type ColOffset, type ColOrder, type ColProps, type ColSpan, CollapsedSidebarToggle, type CollapsedSidebarToggleProps, ColorSwatch, type ColorSwatchProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, type Conversation, ConversationSidebar, type ConversationSidebarProps, type ConversationTree, CrossSquareIcon, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, EmptySquareIcon, ExpandIcon, FileChip, type FileChipProps, type FileChipStatus, HelperText, type HelperTextProps, HistoryIcon, type IconProps, ImageCard, type ImageCardProps, Input, type InputAddonProps, type InputElementProps, InputGroup, type InputGroupProps, InputLeftAddon, InputLeftElement, type InputProps, InputRightAddon, InputRightElement, InputWrapper, type InputWrapperProps, Label, type LabelProps, LayersIcon, List, ListItem, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MarkdownContent, type MarkdownContentProps, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, Message, MessageActions, type MessageActionsConfig, type MessageActionsProps, type MessageActionsVariant, type MessageBranchInfo, type MessageNode, type MessageProps, type MessageVariant, Modal, type ModalProps, Navbar, NavbarBrand, type NavbarBrandProps, NavbarContent, type NavbarContentProps, NavbarDivider, NavbarItem, type NavbarItemProps, NavbarLink, type NavbarLinkProps, type NavbarProps, Pagination, type PaginationProps, PdfCard, type PdfCardProps, PlusIcon, Popover, type PopoverAlign, type PopoverPosition, type PopoverProps, Progress, type ProgressProps, PromptDialog, type PromptDialogProps, Radio, type RadioProps, Row, type RowAlign, type RowGutter, type RowJustify, type RowProps, SCRIPT_ELEMENT_TYPES, ScriptCard, type ScriptCardProps, type ScriptElement, type ScriptElementType, SectionHeading, type SectionHeadingLevel, type SectionHeadingProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, SquareLoaderIcon, Stack, type StackDirection, type StackGap, type StackProps, type Step, type StepStatus, Stepper, type StepperProps, StreamingCursor, type StreamingCursorProps, Switch, type SwitchProps, TASK_STATUSES, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, 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, type TabsProps, type Task, type TaskStatus, TextCard, type TextCardProps, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, TodosList, type TodosListProps, Tooltip, type TooltipProps, type
|
|
1929
|
+
export { ARTIFACT_TYPES, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, type Artifact, ArtifactCard, type ArtifactCardProps, ArtifactGroup, type ArtifactGroupProps, type ArtifactNode, type ArtifactType, ArtifactVariantStack, type ArtifactVariantStackProps, ArtifactsPanel, type ArtifactsPanelProps, ArtifactsPanelToggle, type ArtifactsPanelToggleProps, type AspectRatio, type AspectRatioPreset, type Attachment, type AttachmentItem, AttachmentPreview, type AttachmentPreviewProps, type AttachmentStatus, AudioCard, type AudioCardProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeVariant, BranchNavigator, type BranchNavigatorProps, BrandIcon, type BrandIconProps, type BrandIconSize, type BrandIconVariant, Breadcrumb, type BreadcrumbEntry, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, type BreadcrumbProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardMediaProps, type CardProps, type CardVariant, ChatInput, type ChatInputPosition, type ChatInputProps, ChatInterface, type ChatInterfaceProps, type ChatMessage, ChatView, type ChatViewItem, type ChatViewProps, CheckSquareIcon, Checkbox, type CheckboxProps, ChevronLeftIcon, ChevronRightIcon, CloseIcon, Col, type ColOffset, type ColOrder, type ColProps, type ColSpan, CollapsedSidebarToggle, type CollapsedSidebarToggleProps, ColorSwatch, type ColorSwatchProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type ContainerSize, type Conversation, ConversationSidebar, type ConversationSidebarProps, type ConversationTree, CrossSquareIcon, Divider, type DividerProps, Drawer, type DrawerPosition, type DrawerProps, EmptySquareIcon, ExpandIcon, FileChip, type FileChipProps, type FileChipStatus, HelperText, type HelperTextProps, HistoryIcon, type IconProps, ImageCard, type ImageCardProps, Input, type InputAddonProps, type InputElementProps, InputGroup, type InputGroupProps, InputLeftAddon, InputLeftElement, type InputProps, InputRightAddon, InputRightElement, InputWrapper, type InputWrapperProps, Label, type LabelProps, LayersIcon, List, ListItem, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, MarkdownContent, type MarkdownContentProps, MediaIcon, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, Message, MessageActions, type MessageActionsConfig, type MessageActionsProps, type MessageActionsVariant, type MessageBranchInfo, type MessageNode, type MessageProps, type MessageVariant, Modal, type ModalProps, NODE_TYPES, Navbar, NavbarBrand, type NavbarBrandProps, NavbarContent, type NavbarContentProps, NavbarDivider, NavbarItem, type NavbarItemProps, NavbarLink, type NavbarLinkProps, type NavbarProps, type NodeType, Pagination, type PaginationProps, PdfCard, type PdfCardProps, PlusIcon, Popover, type PopoverAlign, type PopoverPosition, type PopoverProps, Progress, type ProgressProps, PromptDialog, type PromptDialogProps, Radio, type RadioProps, Row, type RowAlign, type RowGutter, type RowJustify, type RowProps, SCRIPT_ELEMENT_TYPES, ScriptCard, type ScriptCardProps, type ScriptElement, type ScriptElementType, SectionHeading, type SectionHeadingLevel, type SectionHeadingProps, Select, type SelectOption, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderProps, Spinner, type SpinnerProps, SquareLoaderIcon, Stack, type StackDirection, type StackGap, type StackProps, type Step, type StepStatus, Stepper, type StepperProps, StreamingCursor, type StreamingCursorProps, Switch, type SwitchProps, TASK_STATUSES, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, 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, type TabsProps, type Task, type TaskStatus, TextCard, type TextCardProps, Textarea, type TextareaProps, ThinkingIndicator, type ThinkingIndicatorProps, type ToastData, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, TodosList, type TodosListProps, type ToolDefinition, ToolPanelContainer, type ToolPanelContainerProps, type ToolPanelState, ToolSidebar, type ToolSidebarProps, Tooltip, type TooltipProps, type UseArtifactTreeNavigationReturn, type UseScrollAnchorOptions, type UseScrollAnchorReturn, type VideoAspectRatio, type VideoAspectRatioPreset, VideoCard, type VideoCardProps, addMessageToTree, areAllTasksSettled, createEmptyTree, createPreviewUrl, generateId, getActivePathMessages, getSiblingInfo, isBranchPoint, isImageFile, messagesToTree, revokePreviewUrl, switchBranch, updateNodeContent, useArtifactTreeNavigation, useResizable, useScrollAnchor, useToast, version };
|