@agent-native/toolkit 0.9.1 → 0.10.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/agent-native.eject.json +71 -0
- package/dist/chat-history/ChatHistoryRail.d.ts +15 -1
- package/dist/chat-history/ChatHistoryRail.d.ts.map +1 -1
- package/dist/chat-history/ChatHistoryRail.js +26 -13
- package/dist/chat-history/ChatHistoryRail.js.map +1 -1
- package/dist/chat-history/ChatHistoryRail.spec.js +77 -1
- package/dist/chat-history/ChatHistoryRail.spec.js.map +1 -1
- package/dist/chat-history/index.d.ts +2 -1
- package/dist/chat-history/index.d.ts.map +1 -1
- package/dist/chat-history/index.js +2 -1
- package/dist/chat-history/index.js.map +1 -1
- package/dist/chat-history/useChatHistoryRailController.d.ts +26 -0
- package/dist/chat-history/useChatHistoryRailController.d.ts.map +1 -0
- package/dist/chat-history/useChatHistoryRailController.js +36 -0
- package/dist/chat-history/useChatHistoryRailController.js.map +1 -0
- package/dist/chat-history/useChatHistoryRailController.spec.d.ts +2 -0
- package/dist/chat-history/useChatHistoryRailController.spec.d.ts.map +1 -0
- package/dist/chat-history/useChatHistoryRailController.spec.js +101 -0
- package/dist/chat-history/useChatHistoryRailController.spec.js.map +1 -0
- package/dist/chat-history.css +2 -0
- package/dist/composer/ComposerPlusMenu.js +1 -1
- package/dist/composer/ComposerPlusMenu.js.map +1 -1
- package/dist/composer/PromptComposer.d.ts.map +1 -1
- package/dist/composer/PromptComposer.js +22 -4
- package/dist/composer/PromptComposer.js.map +1 -1
- package/dist/composer/useRealtimeVoiceMode.d.ts +7 -0
- package/dist/composer/useRealtimeVoiceMode.d.ts.map +1 -1
- package/dist/composer/useRealtimeVoiceMode.js +91 -19
- package/dist/composer/useRealtimeVoiceMode.js.map +1 -1
- package/dist/composer/useRealtimeVoiceMode.spec.js +58 -9
- package/dist/composer/useRealtimeVoiceMode.spec.js.map +1 -1
- package/dist/conformance/__fixtures__/css-in-js-adapter.d.ts +7 -0
- package/dist/conformance/__fixtures__/css-in-js-adapter.d.ts.map +1 -0
- package/dist/conformance/__fixtures__/css-in-js-adapter.js +84 -0
- package/dist/conformance/__fixtures__/css-in-js-adapter.js.map +1 -0
- package/dist/conformance/conformance.spec.d.ts +2 -0
- package/dist/conformance/conformance.spec.d.ts.map +1 -0
- package/dist/conformance/conformance.spec.js +58 -0
- package/dist/conformance/conformance.spec.js.map +1 -0
- package/dist/conformance/index.d.ts +4 -0
- package/dist/conformance/index.d.ts.map +1 -0
- package/dist/conformance/index.js +4 -0
- package/dist/conformance/index.js.map +1 -0
- package/dist/conformance/runner.d.ts +12 -0
- package/dist/conformance/runner.d.ts.map +1 -0
- package/dist/conformance/runner.js +441 -0
- package/dist/conformance/runner.js.map +1 -0
- package/dist/conformance/types.d.ts +26 -0
- package/dist/conformance/types.d.ts.map +1 -0
- package/dist/conformance/types.js +13 -0
- package/dist/conformance/types.js.map +1 -0
- package/dist/conformance/version.d.ts +6 -0
- package/dist/conformance/version.d.ts.map +1 -0
- package/dist/conformance/version.js +14 -0
- package/dist/conformance/version.js.map +1 -0
- package/dist/design-system/components.d.ts +64 -0
- package/dist/design-system/components.d.ts.map +1 -0
- package/dist/design-system/components.js +50 -0
- package/dist/design-system/components.js.map +1 -0
- package/dist/design-system/context.d.ts +11 -0
- package/dist/design-system/context.d.ts.map +1 -0
- package/dist/design-system/context.js +17 -0
- package/dist/design-system/context.js.map +1 -0
- package/dist/design-system/default-adapter.d.ts +3 -0
- package/dist/design-system/default-adapter.d.ts.map +1 -0
- package/dist/design-system/default-adapter.js +166 -0
- package/dist/design-system/default-adapter.js.map +1 -0
- package/dist/design-system/default-adapter.spec.d.ts +2 -0
- package/dist/design-system/default-adapter.spec.d.ts.map +1 -0
- package/dist/design-system/default-adapter.spec.js +96 -0
- package/dist/design-system/default-adapter.spec.js.map +1 -0
- package/dist/design-system/definition.d.ts +9 -0
- package/dist/design-system/definition.d.ts.map +1 -0
- package/dist/design-system/definition.js +4 -0
- package/dist/design-system/definition.js.map +1 -0
- package/dist/design-system/design-system.spec.d.ts +2 -0
- package/dist/design-system/design-system.spec.d.ts.map +1 -0
- package/dist/design-system/design-system.spec.js +121 -0
- package/dist/design-system/design-system.spec.js.map +1 -0
- package/dist/design-system/error-boundary.d.ts +18 -0
- package/dist/design-system/error-boundary.d.ts.map +1 -0
- package/dist/design-system/error-boundary.js +16 -0
- package/dist/design-system/error-boundary.js.map +1 -0
- package/dist/design-system/index.d.ts +8 -0
- package/dist/design-system/index.d.ts.map +1 -0
- package/dist/design-system/index.js +8 -0
- package/dist/design-system/index.js.map +1 -0
- package/dist/design-system/theme.d.ts +30 -0
- package/dist/design-system/theme.d.ts.map +1 -0
- package/dist/design-system/theme.js +95 -0
- package/dist/design-system/theme.js.map +1 -0
- package/dist/design-system/theme.spec.d.ts +2 -0
- package/dist/design-system/theme.spec.d.ts.map +1 -0
- package/dist/design-system/theme.spec.js +43 -0
- package/dist/design-system/theme.spec.js.map +1 -0
- package/dist/design-system/types.d.ts +288 -0
- package/dist/design-system/types.d.ts.map +1 -0
- package/dist/design-system/types.js +2 -0
- package/dist/design-system/types.js.map +1 -0
- package/dist/provider.d.ts +4 -3
- package/dist/provider.d.ts.map +1 -1
- package/dist/provider.js +46 -4
- package/dist/provider.js.map +1 -1
- package/dist/ui/button.d.ts +5 -0
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +25 -4
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/dialog.d.ts +4 -0
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +2 -2
- package/dist/ui/dialog.js.map +1 -1
- package/dist/ui/popover.d.ts +1 -0
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/popover.js +2 -2
- package/dist/ui/popover.js.map +1 -1
- package/dist/ui/select.d.ts +3 -1
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +1 -1
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/sidebar.d.ts +6 -2
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +12 -15
- package/dist/ui/sidebar.js.map +1 -1
- package/dist/ui/tooltip.d.ts +3 -1
- package/dist/ui/tooltip.d.ts.map +1 -1
- package/dist/ui/tooltip.js +2 -2
- package/dist/ui/tooltip.js.map +1 -1
- package/package.json +31 -1
- package/src/chat-history/ChatHistoryRail.spec.tsx +174 -0
- package/src/chat-history/ChatHistoryRail.tsx +100 -39
- package/src/chat-history/index.ts +9 -0
- package/src/chat-history/useChatHistoryRailController.spec.tsx +131 -0
- package/src/chat-history/useChatHistoryRailController.ts +76 -0
- package/src/chat-history.css +2 -0
- package/src/composer/ComposerPlusMenu.tsx +11 -8
- package/src/composer/PromptComposer.tsx +27 -6
- package/src/composer/useRealtimeVoiceMode.spec.ts +82 -8
- package/src/composer/useRealtimeVoiceMode.tsx +107 -22
- package/src/conformance/__fixtures__/css-in-js-adapter.tsx +401 -0
- package/src/conformance/conformance.spec.tsx +83 -0
- package/src/conformance/index.ts +3 -0
- package/src/conformance/runner.tsx +710 -0
- package/src/conformance/types.ts +45 -0
- package/src/conformance/version.ts +22 -0
- package/src/design-system/components.tsx +146 -0
- package/src/design-system/context.tsx +31 -0
- package/src/design-system/default-adapter.spec.tsx +143 -0
- package/src/design-system/default-adapter.tsx +915 -0
- package/src/design-system/definition.ts +14 -0
- package/src/design-system/design-system.spec.tsx +183 -0
- package/src/design-system/error-boundary.tsx +37 -0
- package/src/design-system/index.ts +7 -0
- package/src/design-system/theme.spec.ts +61 -0
- package/src/design-system/theme.ts +145 -0
- package/src/design-system/types.ts +363 -0
- package/src/provider.tsx +98 -5
- package/src/ui/button.tsx +95 -6
- package/src/ui/dialog.tsx +48 -23
- package/src/ui/popover.tsx +16 -2
- package/src/ui/select.tsx +7 -3
- package/src/ui/sidebar.tsx +47 -48
- package/src/ui/tooltip.tsx +7 -3
package/agent-native.eject.json
CHANGED
|
@@ -62,6 +62,7 @@
|
|
|
62
62
|
"class-variance-authority",
|
|
63
63
|
"clsx",
|
|
64
64
|
"cmdk",
|
|
65
|
+
"culori",
|
|
65
66
|
"date-fns",
|
|
66
67
|
"embla-carousel-react",
|
|
67
68
|
"highlight.js",
|
|
@@ -130,8 +131,20 @@
|
|
|
130
131
|
}
|
|
131
132
|
],
|
|
132
133
|
"dependencies": [
|
|
134
|
+
"@radix-ui/react-avatar",
|
|
135
|
+
"@radix-ui/react-checkbox",
|
|
136
|
+
"@radix-ui/react-dialog",
|
|
137
|
+
"@radix-ui/react-dropdown-menu",
|
|
138
|
+
"@radix-ui/react-popover",
|
|
139
|
+
"@radix-ui/react-select",
|
|
140
|
+
"@radix-ui/react-slot",
|
|
141
|
+
"@radix-ui/react-switch",
|
|
142
|
+
"@radix-ui/react-tabs",
|
|
143
|
+
"@radix-ui/react-tooltip",
|
|
133
144
|
"@tabler/icons-react",
|
|
145
|
+
"class-variance-authority",
|
|
134
146
|
"clsx",
|
|
147
|
+
"culori",
|
|
135
148
|
"react",
|
|
136
149
|
"recharts",
|
|
137
150
|
"tailwind-merge"
|
|
@@ -169,6 +182,23 @@
|
|
|
169
182
|
],
|
|
170
183
|
"verification": ["pnpm typecheck"]
|
|
171
184
|
},
|
|
185
|
+
{
|
|
186
|
+
"id": "toolkit/conformance",
|
|
187
|
+
"label": "Design system conformance kit",
|
|
188
|
+
"catalog": "toolkit-ui",
|
|
189
|
+
"catalogItems": ["conformance"],
|
|
190
|
+
"entrypoints": ["./conformance", "./conformance/*"],
|
|
191
|
+
"strategy": "source-copy",
|
|
192
|
+
"sourceEntries": [
|
|
193
|
+
"src/conformance/index.ts",
|
|
194
|
+
"src/conformance/runner.tsx",
|
|
195
|
+
"src/conformance/types.ts",
|
|
196
|
+
"src/conformance/version.ts"
|
|
197
|
+
],
|
|
198
|
+
"targetRoot": "app/components/agent-native/toolkit",
|
|
199
|
+
"dependencies": ["react", "react-dom"],
|
|
200
|
+
"verification": ["pnpm typecheck"]
|
|
201
|
+
},
|
|
172
202
|
{
|
|
173
203
|
"id": "toolkit/context-ui",
|
|
174
204
|
"label": "Context inspection UI",
|
|
@@ -207,6 +237,44 @@
|
|
|
207
237
|
],
|
|
208
238
|
"verification": ["pnpm typecheck"]
|
|
209
239
|
},
|
|
240
|
+
{
|
|
241
|
+
"id": "toolkit/design-system",
|
|
242
|
+
"label": "Design system bridge",
|
|
243
|
+
"catalog": "toolkit-ui",
|
|
244
|
+
"catalogItems": ["design-system"],
|
|
245
|
+
"entrypoints": ["./design-system", "./design-system/*"],
|
|
246
|
+
"strategy": "source-copy",
|
|
247
|
+
"sourceEntries": [
|
|
248
|
+
"src/design-system/components.tsx",
|
|
249
|
+
"src/design-system/context.tsx",
|
|
250
|
+
"src/design-system/default-adapter.tsx",
|
|
251
|
+
"src/design-system/definition.ts",
|
|
252
|
+
"src/design-system/error-boundary.tsx",
|
|
253
|
+
"src/design-system/index.ts",
|
|
254
|
+
"src/design-system/theme.ts",
|
|
255
|
+
"src/design-system/types.ts"
|
|
256
|
+
],
|
|
257
|
+
"targetRoot": "app/components/agent-native/toolkit",
|
|
258
|
+
"dependencies": [
|
|
259
|
+
"@radix-ui/react-avatar",
|
|
260
|
+
"@radix-ui/react-checkbox",
|
|
261
|
+
"@radix-ui/react-dialog",
|
|
262
|
+
"@radix-ui/react-dropdown-menu",
|
|
263
|
+
"@radix-ui/react-popover",
|
|
264
|
+
"@radix-ui/react-select",
|
|
265
|
+
"@radix-ui/react-slot",
|
|
266
|
+
"@radix-ui/react-switch",
|
|
267
|
+
"@radix-ui/react-tabs",
|
|
268
|
+
"@radix-ui/react-tooltip",
|
|
269
|
+
"@tabler/icons-react",
|
|
270
|
+
"class-variance-authority",
|
|
271
|
+
"clsx",
|
|
272
|
+
"culori",
|
|
273
|
+
"react",
|
|
274
|
+
"tailwind-merge"
|
|
275
|
+
],
|
|
276
|
+
"verification": ["pnpm typecheck"]
|
|
277
|
+
},
|
|
210
278
|
{
|
|
211
279
|
"id": "toolkit/dashboard",
|
|
212
280
|
"label": "Dashboard kit",
|
|
@@ -222,6 +290,7 @@
|
|
|
222
290
|
"@tabler/icons-react",
|
|
223
291
|
"class-variance-authority",
|
|
224
292
|
"clsx",
|
|
293
|
+
"culori",
|
|
225
294
|
"react",
|
|
226
295
|
"recharts",
|
|
227
296
|
"tailwind-merge"
|
|
@@ -329,6 +398,7 @@
|
|
|
329
398
|
"@radix-ui/react-slot",
|
|
330
399
|
"class-variance-authority",
|
|
331
400
|
"clsx",
|
|
401
|
+
"culori",
|
|
332
402
|
"react",
|
|
333
403
|
"tailwind-merge"
|
|
334
404
|
],
|
|
@@ -387,6 +457,7 @@
|
|
|
387
457
|
"class-variance-authority",
|
|
388
458
|
"clsx",
|
|
389
459
|
"cmdk",
|
|
460
|
+
"culori",
|
|
390
461
|
"date-fns",
|
|
391
462
|
"embla-carousel-react",
|
|
392
463
|
"input-otp",
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
1
2
|
import { type ChatHistoryItem, type ChatHistoryListProps } from "./ChatHistoryList.js";
|
|
3
|
+
import { type ChatHistoryRailController } from "./useChatHistoryRailController.js";
|
|
2
4
|
export interface ChatHistoryRailLabels {
|
|
3
5
|
newChat: string;
|
|
4
6
|
showMore: string;
|
|
@@ -10,10 +12,22 @@ export interface ChatHistoryRailProps extends Omit<ChatHistoryListProps, "footer
|
|
|
10
12
|
railLabels: ChatHistoryRailLabels;
|
|
11
13
|
previewCount?: number;
|
|
12
14
|
expandedCount?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Product-level presentation slot for design systems that want to replace
|
|
17
|
+
* the rail wholesale. State and actions still come from the same controller
|
|
18
|
+
* as the default view.
|
|
19
|
+
*/
|
|
20
|
+
renderRail?: (context: ChatHistoryRailRenderContext) => ReactNode;
|
|
13
21
|
}
|
|
22
|
+
export interface ChatHistoryRailRenderContext {
|
|
23
|
+
controller: ChatHistoryRailController<ChatHistoryItem>;
|
|
24
|
+
listProps: Omit<ChatHistoryListProps, "footer" | "items" | "sections" | "variant">;
|
|
25
|
+
}
|
|
26
|
+
export type DefaultChatHistoryRailViewProps = ChatHistoryRailRenderContext;
|
|
27
|
+
export declare function DefaultChatHistoryRailView({ controller, listProps, }: ChatHistoryRailRenderContext): import("react").JSX.Element;
|
|
14
28
|
/**
|
|
15
29
|
* Compact recent-chat rail for app sidebars. Hosts own thread persistence,
|
|
16
30
|
* sorting, routing, and mutations; the rail only owns progressive disclosure.
|
|
17
31
|
*/
|
|
18
|
-
export declare function ChatHistoryRail({ items, onNewChat, railLabels, previewCount, expandedCount, className, emptyLabel, ...listProps }: ChatHistoryRailProps): import("react").JSX.Element;
|
|
32
|
+
export declare function ChatHistoryRail({ items, onNewChat, railLabels, previewCount, expandedCount, renderRail, className, emptyLabel, ...listProps }: ChatHistoryRailProps): import("react").JSX.Element;
|
|
19
33
|
//# sourceMappingURL=ChatHistoryRail.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatHistoryRail.d.ts","sourceRoot":"","sources":["../../src/chat-history/ChatHistoryRail.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChatHistoryRail.d.ts","sourceRoot":"","sources":["../../src/chat-history/ChatHistoryRail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,mCAAmC,CAAC;AAE3C,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,oBAAoB,EACpB,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC5C;IACC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,qBAAqB,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,4BAA4B,KAAK,SAAS,CAAC;CACnE;AAED,MAAM,WAAW,4BAA4B;IAC3C,UAAU,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACvD,SAAS,EAAE,IAAI,CACb,oBAAoB,EACpB,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAC5C,CAAC;CACH;AAED,MAAM,MAAM,+BAA+B,GAAG,4BAA4B,CAAC;AAE3E,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,SAAS,GACV,EAAE,4BAA4B,+BAmD9B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAgB,EAChB,aAAkB,EAClB,UAAU,EACV,SAAS,EACT,UAAU,EACV,GAAG,SAAS,EACb,EAAE,oBAAoB,+BAqBtB"}
|
|
@@ -1,22 +1,35 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { IconDots, IconPlus } from "@tabler/icons-react";
|
|
3
|
-
import {
|
|
3
|
+
import { ActionButton, IconButton } from "../design-system/components.js";
|
|
4
|
+
import { DesignSystemErrorBoundary } from "../design-system/error-boundary.js";
|
|
4
5
|
import { ChatHistoryList, } from "./ChatHistoryList.js";
|
|
6
|
+
import { useChatHistoryRailController, } from "./useChatHistoryRailController.js";
|
|
7
|
+
export function DefaultChatHistoryRailView({ controller, listProps, }) {
|
|
8
|
+
const { canExpand, disclosureLabel, expanded, newChatLabel, onNewChat, toggleExpanded, visibleItems, } = controller;
|
|
9
|
+
const { className, emptyLabel, ...rest } = listProps;
|
|
10
|
+
const footer = (_jsxs("div", { className: "an-chat-history-rail__footer", children: [_jsx(ActionButton, { type: "button", className: "an-chat-history-rail__new-chat", emphasis: "ghost", size: "compact", leadingIcon: _jsx(IconPlus, { size: 13, strokeWidth: 1.8, "aria-hidden": "true" }), onPress: onNewChat, children: _jsx("span", { children: newChatLabel }) }), canExpand && (_jsx(IconButton, { type: "button", className: "an-chat-history-rail__disclosure", size: "compact", icon: _jsx(IconDots, { size: 14, strokeWidth: 1.8, "aria-hidden": "true" }), onPress: toggleExpanded, "aria-expanded": expanded, label: disclosureLabel, title: disclosureLabel }))] }));
|
|
11
|
+
return (_jsx(ChatHistoryList, { ...rest, items: visibleItems, footer: footer, emptyLabel: emptyLabel ?? null, variant: "rail", className: ["an-chat-history-rail", className].filter(Boolean).join(" ") }));
|
|
12
|
+
}
|
|
5
13
|
/**
|
|
6
14
|
* Compact recent-chat rail for app sidebars. Hosts own thread persistence,
|
|
7
15
|
* sorting, routing, and mutations; the rail only owns progressive disclosure.
|
|
8
16
|
*/
|
|
9
|
-
export function ChatHistoryRail({ items, onNewChat, railLabels, previewCount = 5, expandedCount = 15, className, emptyLabel, ...listProps }) {
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
export function ChatHistoryRail({ items, onNewChat, railLabels, previewCount = 5, expandedCount = 15, renderRail, className, emptyLabel, ...listProps }) {
|
|
18
|
+
const controller = useChatHistoryRailController({
|
|
19
|
+
items,
|
|
20
|
+
onNewChat,
|
|
21
|
+
labels: railLabels,
|
|
22
|
+
previewCount,
|
|
23
|
+
expandedCount,
|
|
24
|
+
});
|
|
25
|
+
const context = {
|
|
26
|
+
controller,
|
|
27
|
+
listProps: { ...listProps, className, emptyLabel },
|
|
28
|
+
};
|
|
29
|
+
const fallback = _jsx(DefaultChatHistoryRailView, { ...context });
|
|
30
|
+
return renderRail ? (_jsx(DesignSystemErrorBoundary, { component: "ChatHistoryRail", fallback: fallback, children: _jsx(ChatHistoryRailCustomView, { renderRail: renderRail, context: context }) })) : (fallback);
|
|
31
|
+
}
|
|
32
|
+
function ChatHistoryRailCustomView({ renderRail, context, }) {
|
|
33
|
+
return renderRail(context);
|
|
21
34
|
}
|
|
22
35
|
//# sourceMappingURL=ChatHistoryRail.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatHistoryRail.js","sourceRoot":"","sources":["../../src/chat-history/ChatHistoryRail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatHistoryRail.js","sourceRoot":"","sources":["../../src/chat-history/ChatHistoryRail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGzD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EACL,eAAe,GAGhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAEL,4BAA4B,GAC7B,MAAM,mCAAmC,CAAC;AAmC3C,MAAM,UAAU,0BAA0B,CAAC,EACzC,UAAU,EACV,SAAS,GACoB;IAC7B,MAAM,EACJ,SAAS,EACT,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACd,YAAY,GACb,GAAG,UAAU,CAAC;IACf,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAC;IAErD,MAAM,MAAM,GAAG,CACb,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,YAAY,IACX,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gCAAgC,EAC1C,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,SAAS,EACd,WAAW,EACT,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,iBAAc,MAAM,GAAG,EAE7D,OAAO,EAAE,SAAS,YAElB,yBAAO,YAAY,GAAQ,GACd,EACd,SAAS,IAAI,CACZ,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kCAAkC,EAC5C,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,iBAAc,MAAM,GAAG,EACjE,OAAO,EAAE,cAAc,mBACR,QAAQ,EACvB,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,eAAe,GACtB,CACH,IACG,CACP,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,OACV,IAAI,EACR,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAAI,IAAI,EAC9B,OAAO,EAAC,MAAM,EACd,SAAS,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GACxE,CACH,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,aAAa,GAAG,EAAE,EAClB,UAAU,EACV,SAAS,EACT,UAAU,EACV,GAAG,SAAS,EACS;IACrB,MAAM,UAAU,GAAG,4BAA4B,CAAC;QAC9C,KAAK;QACL,SAAS;QACT,MAAM,EAAE,UAAU;QAClB,YAAY;QACZ,aAAa;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAiC;QAC5C,UAAU;QACV,SAAS,EAAE,EAAE,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE;KACnD,CAAC;IACF,MAAM,QAAQ,GAAG,KAAC,0BAA0B,OAAK,OAAO,GAAI,CAAC;IAE7D,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,KAAC,yBAAyB,IAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,QAAQ,YACvE,KAAC,yBAAyB,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,GAC7C,CAC7B,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CAAC;AACJ,CAAC;AAED,SAAS,yBAAyB,CAAC,EACjC,UAAU,EACV,OAAO,GAIR;IACC,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC;AAC7B,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
// @vitest-environment happy-dom
|
|
3
3
|
import { act } from "react";
|
|
4
4
|
import { createRoot } from "react-dom/client";
|
|
5
5
|
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
6
|
+
import { ActionButton } from "../design-system/components.js";
|
|
7
|
+
import { defineDesignSystem } from "../design-system/definition.js";
|
|
8
|
+
import { ToolkitProvider } from "../provider.js";
|
|
6
9
|
import { ChatHistoryRail } from "./ChatHistoryRail.js";
|
|
7
10
|
const railLabels = {
|
|
8
11
|
newChat: "New chat",
|
|
@@ -77,5 +80,78 @@ describe("ChatHistoryRail", () => {
|
|
|
77
80
|
act(() => rows[5]?.click());
|
|
78
81
|
expect(onSelect).toHaveBeenCalledWith("thread-6");
|
|
79
82
|
});
|
|
83
|
+
it("lets a design system replace the whole view without replacing its controller", () => {
|
|
84
|
+
const onNewChat = vi.fn();
|
|
85
|
+
const CustomActionButton = vi.fn(({ children, onPress }) => (_jsx("button", { "data-acme-action": true, type: "button", onClick: (event) => onPress?.(event), children: children })));
|
|
86
|
+
const designSystem = defineDesignSystem({
|
|
87
|
+
name: "Acme",
|
|
88
|
+
components: { ActionButton: CustomActionButton },
|
|
89
|
+
});
|
|
90
|
+
act(() => {
|
|
91
|
+
root.render(_jsx(ToolkitProvider, { designSystem: designSystem, children: _jsx(ChatHistoryRail, { items: makeItems(20), onSelect: () => { }, onNewChat: onNewChat, railLabels: railLabels, renderRail: ({ controller }) => (_jsxs("section", { "data-acme-rail": true, children: [_jsx("output", { children: controller.visibleItems.length }), _jsx(ActionButton, { onPress: controller.onNewChat, children: controller.newChatLabel }), _jsx(ActionButton, { onPress: controller.toggleExpanded, children: controller.disclosureLabel })] })) }) }));
|
|
92
|
+
});
|
|
93
|
+
const actions = container.querySelectorAll("[data-acme-action]");
|
|
94
|
+
expect(container.querySelector("[data-acme-rail]")).not.toBeNull();
|
|
95
|
+
expect(container.querySelector("output")?.textContent).toBe("5");
|
|
96
|
+
expect(actions[1]?.textContent).toBe("Show more chats");
|
|
97
|
+
act(() => actions[1]?.click());
|
|
98
|
+
expect(container.querySelector("output")?.textContent).toBe("15");
|
|
99
|
+
expect(actions[1]?.textContent).toBe("Show fewer chats");
|
|
100
|
+
act(() => actions[0]?.click());
|
|
101
|
+
expect(onNewChat).toHaveBeenCalledOnce();
|
|
102
|
+
expect(CustomActionButton).toHaveBeenCalled();
|
|
103
|
+
});
|
|
104
|
+
it("routes the default footer through the semantic action bridge", () => {
|
|
105
|
+
const onNewChat = vi.fn();
|
|
106
|
+
const CustomActionButton = vi.fn(({ children, onPress }) => (_jsx("button", { "data-semantic-action": true, type: "button", onClick: (event) => onPress?.(event), children: children })));
|
|
107
|
+
const CustomIconButton = vi.fn(({ icon, label, onPress }) => (_jsx("button", { "data-semantic-icon": true, type: "button", "aria-label": label, onClick: (event) => onPress?.(event), children: icon })));
|
|
108
|
+
const designSystem = defineDesignSystem({
|
|
109
|
+
name: "Acme",
|
|
110
|
+
components: {
|
|
111
|
+
ActionButton: CustomActionButton,
|
|
112
|
+
IconButton: CustomIconButton,
|
|
113
|
+
},
|
|
114
|
+
});
|
|
115
|
+
act(() => {
|
|
116
|
+
root.render(_jsx(ToolkitProvider, { designSystem: designSystem, children: _jsx(ChatHistoryRail, { items: makeItems(6), onSelect: () => { }, onNewChat: onNewChat, railLabels: railLabels }) }));
|
|
117
|
+
});
|
|
118
|
+
const newChat = container.querySelector("[data-semantic-action]");
|
|
119
|
+
const disclosure = container.querySelector("[data-semantic-icon]");
|
|
120
|
+
expect(newChat).not.toBeNull();
|
|
121
|
+
expect(disclosure?.getAttribute("aria-label")).toBe("Show more chats");
|
|
122
|
+
expect(CustomActionButton.mock.calls[0]?.[0]).toMatchObject({
|
|
123
|
+
emphasis: "ghost",
|
|
124
|
+
size: "compact",
|
|
125
|
+
leadingIcon: expect.anything(),
|
|
126
|
+
});
|
|
127
|
+
expect(CustomIconButton.mock.calls[0]?.[0]).toMatchObject({
|
|
128
|
+
size: "compact",
|
|
129
|
+
"aria-expanded": false,
|
|
130
|
+
label: "Show more chats",
|
|
131
|
+
});
|
|
132
|
+
act(() => newChat?.click());
|
|
133
|
+
expect(onNewChat).toHaveBeenCalledOnce();
|
|
134
|
+
});
|
|
135
|
+
it("keeps native button semantics and focus in the default view", () => {
|
|
136
|
+
const onNewChat = vi.fn();
|
|
137
|
+
act(() => {
|
|
138
|
+
root.render(_jsx(ChatHistoryRail, { items: makeItems(6), onSelect: () => { }, onNewChat: onNewChat, railLabels: railLabels }));
|
|
139
|
+
});
|
|
140
|
+
const newChat = container.querySelector(".an-chat-history-rail__new-chat");
|
|
141
|
+
newChat?.focus();
|
|
142
|
+
act(() => newChat?.click());
|
|
143
|
+
expect(newChat?.type).toBe("button");
|
|
144
|
+
expect(document.activeElement).toBe(newChat);
|
|
145
|
+
expect(onNewChat).toHaveBeenCalledOnce();
|
|
146
|
+
});
|
|
147
|
+
it("falls back to the default rail when a product renderer fails", () => {
|
|
148
|
+
vi.spyOn(console, "error").mockImplementation(() => { });
|
|
149
|
+
act(() => {
|
|
150
|
+
root.render(_jsx(ChatHistoryRail, { items: makeItems(6), onSelect: () => { }, onNewChat: () => { }, railLabels: railLabels, renderRail: () => {
|
|
151
|
+
throw new Error("broken company rail");
|
|
152
|
+
} }));
|
|
153
|
+
});
|
|
154
|
+
expect(container.querySelector(".an-chat-history-rail__new-chat")).not.toBeNull();
|
|
155
|
+
});
|
|
80
156
|
});
|
|
81
157
|
//# sourceMappingURL=ChatHistoryRail.spec.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatHistoryRail.spec.js","sourceRoot":"","sources":["../../src/chat-history/ChatHistoryRail.spec.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAa,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatHistoryRail.spec.js","sourceRoot":"","sources":["../../src/chat-history/ChatHistoryRail.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { ChatHistoryList, type ChatHistoryItem, type ChatHistoryListLabels, type ChatHistoryListProps, type ChatHistorySection, } from "./ChatHistoryList.js";
|
|
2
|
-
export { ChatHistoryRail, type ChatHistoryRailLabels, type ChatHistoryRailProps, } from "./ChatHistoryRail.js";
|
|
2
|
+
export { ChatHistoryRail, DefaultChatHistoryRailView, type DefaultChatHistoryRailViewProps, type ChatHistoryRailLabels, type ChatHistoryRailProps, type ChatHistoryRailRenderContext, } from "./ChatHistoryRail.js";
|
|
3
|
+
export { type ChatHistoryRailController, type ChatHistoryRailControllerLabels, type UseChatHistoryRailControllerOptions, useChatHistoryRailController, } from "./useChatHistoryRailController.js";
|
|
3
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat-history/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,eAAe,EACf,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat-history/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,GACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,eAAe,EACf,0BAA0B,EAC1B,KAAK,+BAA+B,EACpC,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,4BAA4B,GAClC,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,yBAAyB,EAC9B,KAAK,+BAA+B,EACpC,KAAK,mCAAmC,EACxC,4BAA4B,GAC7B,MAAM,mCAAmC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { ChatHistoryList, } from "./ChatHistoryList.js";
|
|
2
|
-
export { ChatHistoryRail, } from "./ChatHistoryRail.js";
|
|
2
|
+
export { ChatHistoryRail, DefaultChatHistoryRailView, } from "./ChatHistoryRail.js";
|
|
3
|
+
export { useChatHistoryRailController, } from "./useChatHistoryRailController.js";
|
|
3
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat-history/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAKhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,eAAe,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat-history/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAKhB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,eAAe,EACf,0BAA0B,GAK3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAIL,4BAA4B,GAC7B,MAAM,mCAAmC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface ChatHistoryRailControllerLabels {
|
|
2
|
+
newChat: string;
|
|
3
|
+
showMore: string;
|
|
4
|
+
showLess: string;
|
|
5
|
+
}
|
|
6
|
+
export interface UseChatHistoryRailControllerOptions<Item> {
|
|
7
|
+
items: readonly Item[];
|
|
8
|
+
onNewChat: () => void;
|
|
9
|
+
labels: ChatHistoryRailControllerLabels;
|
|
10
|
+
previewCount?: number;
|
|
11
|
+
expandedCount?: number;
|
|
12
|
+
}
|
|
13
|
+
export interface ChatHistoryRailController<Item> {
|
|
14
|
+
expanded: boolean;
|
|
15
|
+
collapsedLimit: number;
|
|
16
|
+
expandedLimit: number;
|
|
17
|
+
visibleItems: Item[];
|
|
18
|
+
canExpand: boolean;
|
|
19
|
+
newChatLabel: string;
|
|
20
|
+
disclosureLabel: string;
|
|
21
|
+
onNewChat: () => void;
|
|
22
|
+
toggleExpanded: () => void;
|
|
23
|
+
resetExpanded: () => void;
|
|
24
|
+
}
|
|
25
|
+
export declare function useChatHistoryRailController<Item>({ items, onNewChat, labels, previewCount, expandedCount, }: UseChatHistoryRailControllerOptions<Item>): ChatHistoryRailController<Item>;
|
|
26
|
+
//# sourceMappingURL=useChatHistoryRailController.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useChatHistoryRailController.d.ts","sourceRoot":"","sources":["../../src/chat-history/useChatHistoryRailController.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,+BAA+B;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mCAAmC,CAAC,IAAI;IACvD,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,+BAA+B,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,yBAAyB,CAAC,IAAI;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,IAAI,EAAE,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAOD,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,EACjD,KAAK,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,GACd,EAAE,mCAAmC,CAAC,IAAI,CAAC,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAmC7E"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
2
|
+
function normalizeLimit(value, fallback) {
|
|
3
|
+
if (value === undefined || !Number.isFinite(value))
|
|
4
|
+
return fallback;
|
|
5
|
+
return Math.max(1, Math.floor(value));
|
|
6
|
+
}
|
|
7
|
+
export function useChatHistoryRailController({ items, onNewChat, labels, previewCount, expandedCount, }) {
|
|
8
|
+
const [expandedState, setExpandedState] = useState(false);
|
|
9
|
+
const collapsedLimit = normalizeLimit(previewCount, 5);
|
|
10
|
+
const expandedLimit = Math.max(collapsedLimit, normalizeLimit(expandedCount, 15));
|
|
11
|
+
const canExpand = items.length > collapsedLimit;
|
|
12
|
+
const expanded = canExpand && expandedState;
|
|
13
|
+
const visibleItems = useMemo(() => items.slice(0, expanded ? expandedLimit : collapsedLimit), [collapsedLimit, expanded, expandedLimit, items]);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (!canExpand)
|
|
16
|
+
setExpandedState(false);
|
|
17
|
+
}, [canExpand]);
|
|
18
|
+
const toggleExpanded = useCallback(() => {
|
|
19
|
+
if (canExpand)
|
|
20
|
+
setExpandedState((current) => !current);
|
|
21
|
+
}, [canExpand]);
|
|
22
|
+
const resetExpanded = useCallback(() => setExpandedState(false), []);
|
|
23
|
+
return {
|
|
24
|
+
expanded,
|
|
25
|
+
collapsedLimit,
|
|
26
|
+
expandedLimit,
|
|
27
|
+
visibleItems,
|
|
28
|
+
canExpand,
|
|
29
|
+
newChatLabel: labels.newChat,
|
|
30
|
+
disclosureLabel: expanded ? labels.showLess : labels.showMore,
|
|
31
|
+
onNewChat,
|
|
32
|
+
toggleExpanded,
|
|
33
|
+
resetExpanded,
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=useChatHistoryRailController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useChatHistoryRailController.js","sourceRoot":"","sources":["../../src/chat-history/useChatHistoryRailController.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AA6BlE,SAAS,cAAc,CAAC,KAAyB,EAAE,QAAgB;IACjE,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,QAAQ,CAAC;IACpE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAO,EACjD,KAAK,EACL,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,GAC6B;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,cAAc,GAAG,cAAc,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,cAAc,EACd,cAAc,CAAC,aAAa,EAAE,EAAE,CAAC,CAClC,CAAC;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC;IAChD,MAAM,QAAQ,GAAG,SAAS,IAAI,aAAa,CAAC;IAC5C,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,EAC/D,CAAC,cAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,CACjD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,SAAS;YAAE,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAChB,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO;QACL,QAAQ;QACR,cAAc;QACd,aAAa;QACb,YAAY;QACZ,SAAS;QACT,YAAY,EAAE,MAAM,CAAC,OAAO;QAC5B,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;QAC7D,SAAS;QACT,cAAc;QACd,aAAa;KACd,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useChatHistoryRailController.spec.d.ts","sourceRoot":"","sources":["../../src/chat-history/useChatHistoryRailController.spec.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// @vitest-environment happy-dom
|
|
3
|
+
import { act } from "react";
|
|
4
|
+
import { createRoot } from "react-dom/client";
|
|
5
|
+
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
|
|
6
|
+
import { useChatHistoryRailController, } from "./useChatHistoryRailController.js";
|
|
7
|
+
const labels = {
|
|
8
|
+
newChat: "New chat",
|
|
9
|
+
showMore: "Show more chats",
|
|
10
|
+
showLess: "Show fewer chats",
|
|
11
|
+
};
|
|
12
|
+
function makeItems(count) {
|
|
13
|
+
return Array.from({ length: count }, (_, index) => ({
|
|
14
|
+
id: `thread-${index + 1}`,
|
|
15
|
+
}));
|
|
16
|
+
}
|
|
17
|
+
describe("useChatHistoryRailController", () => {
|
|
18
|
+
let container;
|
|
19
|
+
let root;
|
|
20
|
+
let controller;
|
|
21
|
+
function Harness(props) {
|
|
22
|
+
controller = useChatHistoryRailController(props);
|
|
23
|
+
return null;
|
|
24
|
+
}
|
|
25
|
+
function render(options) {
|
|
26
|
+
const props = {
|
|
27
|
+
items: makeItems(20),
|
|
28
|
+
labels,
|
|
29
|
+
onNewChat: () => { },
|
|
30
|
+
...options,
|
|
31
|
+
};
|
|
32
|
+
act(() => root.render(_jsx(Harness, { ...props })));
|
|
33
|
+
}
|
|
34
|
+
beforeEach(() => {
|
|
35
|
+
vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
|
|
36
|
+
container = document.createElement("div");
|
|
37
|
+
document.body.appendChild(container);
|
|
38
|
+
root = createRoot(container);
|
|
39
|
+
});
|
|
40
|
+
afterEach(() => {
|
|
41
|
+
act(() => root.unmount());
|
|
42
|
+
container.remove();
|
|
43
|
+
vi.restoreAllMocks();
|
|
44
|
+
vi.unstubAllGlobals();
|
|
45
|
+
});
|
|
46
|
+
it("progressively discloses the default five and fifteen item limits", () => {
|
|
47
|
+
const items = makeItems(20);
|
|
48
|
+
render({ items });
|
|
49
|
+
expect(controller.expanded).toBe(false);
|
|
50
|
+
expect(controller.collapsedLimit).toBe(5);
|
|
51
|
+
expect(controller.expandedLimit).toBe(15);
|
|
52
|
+
expect(controller.visibleItems).toEqual(items.slice(0, 5));
|
|
53
|
+
expect(controller.canExpand).toBe(true);
|
|
54
|
+
expect(controller.disclosureLabel).toBe("Show more chats");
|
|
55
|
+
act(() => controller.toggleExpanded());
|
|
56
|
+
expect(controller.expanded).toBe(true);
|
|
57
|
+
expect(controller.visibleItems).toEqual(items.slice(0, 15));
|
|
58
|
+
expect(controller.disclosureLabel).toBe("Show fewer chats");
|
|
59
|
+
});
|
|
60
|
+
it("clamps finite limits while preserving legacy disclosure behavior", () => {
|
|
61
|
+
render({ previewCount: -2.5, expandedCount: 1.9 });
|
|
62
|
+
expect(controller.collapsedLimit).toBe(1);
|
|
63
|
+
expect(controller.expandedLimit).toBe(1);
|
|
64
|
+
expect(controller.visibleItems).toHaveLength(1);
|
|
65
|
+
expect(controller.canExpand).toBe(true);
|
|
66
|
+
act(() => controller.toggleExpanded());
|
|
67
|
+
expect(controller.expanded).toBe(true);
|
|
68
|
+
});
|
|
69
|
+
it("uses defaults for non-finite limits and never puts expanded below preview", () => {
|
|
70
|
+
render({
|
|
71
|
+
previewCount: Number.NaN,
|
|
72
|
+
expandedCount: Number.POSITIVE_INFINITY,
|
|
73
|
+
});
|
|
74
|
+
expect(controller.collapsedLimit).toBe(5);
|
|
75
|
+
expect(controller.expandedLimit).toBe(15);
|
|
76
|
+
render({ previewCount: 8, expandedCount: 3 });
|
|
77
|
+
expect(controller.collapsedLimit).toBe(8);
|
|
78
|
+
expect(controller.expandedLimit).toBe(8);
|
|
79
|
+
});
|
|
80
|
+
it("resets disclosure explicitly and when the collection becomes too short", () => {
|
|
81
|
+
render({});
|
|
82
|
+
act(() => controller.toggleExpanded());
|
|
83
|
+
expect(controller.expanded).toBe(true);
|
|
84
|
+
act(() => controller.resetExpanded());
|
|
85
|
+
expect(controller.expanded).toBe(false);
|
|
86
|
+
act(() => controller.toggleExpanded());
|
|
87
|
+
expect(controller.expanded).toBe(true);
|
|
88
|
+
render({ items: makeItems(3) });
|
|
89
|
+
expect(controller.expanded).toBe(false);
|
|
90
|
+
expect(controller.canExpand).toBe(false);
|
|
91
|
+
expect(controller.visibleItems).toHaveLength(3);
|
|
92
|
+
});
|
|
93
|
+
it("exposes view labels and the host new-chat action without UI assumptions", () => {
|
|
94
|
+
const onNewChat = vi.fn();
|
|
95
|
+
render({ onNewChat });
|
|
96
|
+
expect(controller.newChatLabel).toBe("New chat");
|
|
97
|
+
act(() => controller.onNewChat());
|
|
98
|
+
expect(onNewChat).toHaveBeenCalledOnce();
|
|
99
|
+
});
|
|
100
|
+
});
|
|
101
|
+
//# sourceMappingURL=useChatHistoryRailController.spec.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useChatHistoryRailController.spec.js","sourceRoot":"","sources":["../../src/chat-history/useChatHistoryRailController.spec.tsx"],"names":[],"mappings":"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"}
|
package/dist/chat-history.css
CHANGED
|
@@ -113,12 +113,14 @@
|
|
|
113
113
|
justify-content: center;
|
|
114
114
|
flex: 0 0 auto;
|
|
115
115
|
width: 30px;
|
|
116
|
+
height: auto;
|
|
116
117
|
min-height: 30px;
|
|
117
118
|
}
|
|
118
119
|
|
|
119
120
|
.an-chat-history-rail__new-chat {
|
|
120
121
|
flex: 1 1 auto;
|
|
121
122
|
gap: 8px;
|
|
123
|
+
height: auto;
|
|
122
124
|
min-width: 0;
|
|
123
125
|
min-height: 30px;
|
|
124
126
|
padding: 6px 10px;
|
|
@@ -324,7 +324,7 @@ function ComposerPlusMenuFull({ onSelectMode, onAttachmentError, }) {
|
|
|
324
324
|
} }), _jsx("input", { ref: skillFileInputRef, type: "file", accept: ".md,text/markdown", className: "hidden", onChange: (e) => {
|
|
325
325
|
void handleSkillFileSelected(e.target.files);
|
|
326
326
|
e.target.value = "";
|
|
327
|
-
} }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50 disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconPlus, { className: "h-4 w-4" }) }) }) }), _jsx(TooltipContent, { children: "Add..." })] }), _jsxs(PopoverContent, { side: "top", align: "start", sideOffset: 8, className: cn("p-0 rounded-lg", view === "skill-upload"
|
|
327
|
+
} }), _jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: "inline-flex shrink-0", children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Add...", className: "shrink-0 flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50 disabled:opacity-30 disabled:cursor-not-allowed", children: _jsx(IconPlus, { className: "h-4 w-4" }) }) }) }) }), _jsx(TooltipContent, { children: "Add..." })] }), _jsxs(PopoverContent, { side: "top", align: "start", sideOffset: 8, className: cn("p-0 rounded-lg", view === "skill-upload"
|
|
328
328
|
? "max-h-[70vh] w-[calc(100vw-24px)] max-w-[380px] overflow-y-auto"
|
|
329
329
|
: "w-[260px]"), style: { fontSize: 13, lineHeight: "normal" }, onOpenAutoFocus: (e) => e.preventDefault(), children: [view === "menu" && (_jsx("div", { className: "py-1", children: menuItems.map((item) => {
|
|
330
330
|
const isSkill = item.label === "Create Skill";
|