@agent-native/toolkit 0.9.0 → 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.
Files changed (190) hide show
  1. package/README.md +12 -3
  2. package/agent-native.eject.json +71 -0
  3. package/dist/chat-history/ChatHistoryRail.d.ts +33 -0
  4. package/dist/chat-history/ChatHistoryRail.d.ts.map +1 -0
  5. package/dist/chat-history/ChatHistoryRail.js +35 -0
  6. package/dist/chat-history/ChatHistoryRail.js.map +1 -0
  7. package/dist/chat-history/ChatHistoryRail.spec.d.ts +2 -0
  8. package/dist/chat-history/ChatHistoryRail.spec.d.ts.map +1 -0
  9. package/dist/chat-history/ChatHistoryRail.spec.js +157 -0
  10. package/dist/chat-history/ChatHistoryRail.spec.js.map +1 -0
  11. package/dist/chat-history/index.d.ts +2 -0
  12. package/dist/chat-history/index.d.ts.map +1 -1
  13. package/dist/chat-history/index.js +2 -0
  14. package/dist/chat-history/index.js.map +1 -1
  15. package/dist/chat-history/useChatHistoryRailController.d.ts +26 -0
  16. package/dist/chat-history/useChatHistoryRailController.d.ts.map +1 -0
  17. package/dist/chat-history/useChatHistoryRailController.js +36 -0
  18. package/dist/chat-history/useChatHistoryRailController.js.map +1 -0
  19. package/dist/chat-history/useChatHistoryRailController.spec.d.ts +2 -0
  20. package/dist/chat-history/useChatHistoryRailController.spec.d.ts.map +1 -0
  21. package/dist/chat-history/useChatHistoryRailController.spec.js +101 -0
  22. package/dist/chat-history/useChatHistoryRailController.spec.js.map +1 -0
  23. package/dist/chat-history.css +61 -0
  24. package/dist/composer/ComposerPlusMenu.js +1 -1
  25. package/dist/composer/ComposerPlusMenu.js.map +1 -1
  26. package/dist/composer/PromptComposer.d.ts.map +1 -1
  27. package/dist/composer/PromptComposer.js +22 -4
  28. package/dist/composer/PromptComposer.js.map +1 -1
  29. package/dist/composer/RealtimeVoiceMode.d.ts +5 -1
  30. package/dist/composer/RealtimeVoiceMode.d.ts.map +1 -1
  31. package/dist/composer/RealtimeVoiceMode.js +27 -8
  32. package/dist/composer/RealtimeVoiceMode.js.map +1 -1
  33. package/dist/composer/RealtimeVoiceMode.spec.js +51 -11
  34. package/dist/composer/RealtimeVoiceMode.spec.js.map +1 -1
  35. package/dist/composer/VoiceButton.d.ts +2 -0
  36. package/dist/composer/VoiceButton.d.ts.map +1 -1
  37. package/dist/composer/VoiceButton.js +33 -1
  38. package/dist/composer/VoiceButton.js.map +1 -1
  39. package/dist/composer/VoiceButton.spec.js +9 -1
  40. package/dist/composer/VoiceButton.spec.js.map +1 -1
  41. package/dist/composer/realtime-voice-audio-level.d.ts.map +1 -1
  42. package/dist/composer/realtime-voice-audio-level.js +2 -1
  43. package/dist/composer/realtime-voice-audio-level.js.map +1 -1
  44. package/dist/composer/realtime-voice-audio-level.spec.js +7 -0
  45. package/dist/composer/realtime-voice-audio-level.spec.js.map +1 -1
  46. package/dist/composer/useRealtimeVoiceMode.d.ts +7 -0
  47. package/dist/composer/useRealtimeVoiceMode.d.ts.map +1 -1
  48. package/dist/composer/useRealtimeVoiceMode.js +95 -23
  49. package/dist/composer/useRealtimeVoiceMode.js.map +1 -1
  50. package/dist/composer/useRealtimeVoiceMode.spec.js +58 -9
  51. package/dist/composer/useRealtimeVoiceMode.spec.js.map +1 -1
  52. package/dist/conformance/__fixtures__/css-in-js-adapter.d.ts +7 -0
  53. package/dist/conformance/__fixtures__/css-in-js-adapter.d.ts.map +1 -0
  54. package/dist/conformance/__fixtures__/css-in-js-adapter.js +84 -0
  55. package/dist/conformance/__fixtures__/css-in-js-adapter.js.map +1 -0
  56. package/dist/conformance/conformance.spec.d.ts +2 -0
  57. package/dist/conformance/conformance.spec.d.ts.map +1 -0
  58. package/dist/conformance/conformance.spec.js +58 -0
  59. package/dist/conformance/conformance.spec.js.map +1 -0
  60. package/dist/conformance/index.d.ts +4 -0
  61. package/dist/conformance/index.d.ts.map +1 -0
  62. package/dist/conformance/index.js +4 -0
  63. package/dist/conformance/index.js.map +1 -0
  64. package/dist/conformance/runner.d.ts +12 -0
  65. package/dist/conformance/runner.d.ts.map +1 -0
  66. package/dist/conformance/runner.js +441 -0
  67. package/dist/conformance/runner.js.map +1 -0
  68. package/dist/conformance/types.d.ts +26 -0
  69. package/dist/conformance/types.d.ts.map +1 -0
  70. package/dist/conformance/types.js +13 -0
  71. package/dist/conformance/types.js.map +1 -0
  72. package/dist/conformance/version.d.ts +6 -0
  73. package/dist/conformance/version.d.ts.map +1 -0
  74. package/dist/conformance/version.js +14 -0
  75. package/dist/conformance/version.js.map +1 -0
  76. package/dist/design-system/components.d.ts +64 -0
  77. package/dist/design-system/components.d.ts.map +1 -0
  78. package/dist/design-system/components.js +50 -0
  79. package/dist/design-system/components.js.map +1 -0
  80. package/dist/design-system/context.d.ts +11 -0
  81. package/dist/design-system/context.d.ts.map +1 -0
  82. package/dist/design-system/context.js +17 -0
  83. package/dist/design-system/context.js.map +1 -0
  84. package/dist/design-system/default-adapter.d.ts +3 -0
  85. package/dist/design-system/default-adapter.d.ts.map +1 -0
  86. package/dist/design-system/default-adapter.js +166 -0
  87. package/dist/design-system/default-adapter.js.map +1 -0
  88. package/dist/design-system/default-adapter.spec.d.ts +2 -0
  89. package/dist/design-system/default-adapter.spec.d.ts.map +1 -0
  90. package/dist/design-system/default-adapter.spec.js +96 -0
  91. package/dist/design-system/default-adapter.spec.js.map +1 -0
  92. package/dist/design-system/definition.d.ts +9 -0
  93. package/dist/design-system/definition.d.ts.map +1 -0
  94. package/dist/design-system/definition.js +4 -0
  95. package/dist/design-system/definition.js.map +1 -0
  96. package/dist/design-system/design-system.spec.d.ts +2 -0
  97. package/dist/design-system/design-system.spec.d.ts.map +1 -0
  98. package/dist/design-system/design-system.spec.js +121 -0
  99. package/dist/design-system/design-system.spec.js.map +1 -0
  100. package/dist/design-system/error-boundary.d.ts +18 -0
  101. package/dist/design-system/error-boundary.d.ts.map +1 -0
  102. package/dist/design-system/error-boundary.js +16 -0
  103. package/dist/design-system/error-boundary.js.map +1 -0
  104. package/dist/design-system/index.d.ts +8 -0
  105. package/dist/design-system/index.d.ts.map +1 -0
  106. package/dist/design-system/index.js +8 -0
  107. package/dist/design-system/index.js.map +1 -0
  108. package/dist/design-system/theme.d.ts +30 -0
  109. package/dist/design-system/theme.d.ts.map +1 -0
  110. package/dist/design-system/theme.js +95 -0
  111. package/dist/design-system/theme.js.map +1 -0
  112. package/dist/design-system/theme.spec.d.ts +2 -0
  113. package/dist/design-system/theme.spec.d.ts.map +1 -0
  114. package/dist/design-system/theme.spec.js +43 -0
  115. package/dist/design-system/theme.spec.js.map +1 -0
  116. package/dist/design-system/types.d.ts +288 -0
  117. package/dist/design-system/types.d.ts.map +1 -0
  118. package/dist/design-system/types.js +2 -0
  119. package/dist/design-system/types.js.map +1 -0
  120. package/dist/provider.d.ts +4 -3
  121. package/dist/provider.d.ts.map +1 -1
  122. package/dist/provider.js +46 -4
  123. package/dist/provider.js.map +1 -1
  124. package/dist/styles.css +35 -0
  125. package/dist/ui/button.d.ts +5 -0
  126. package/dist/ui/button.d.ts.map +1 -1
  127. package/dist/ui/button.js +25 -4
  128. package/dist/ui/button.js.map +1 -1
  129. package/dist/ui/dialog.d.ts +4 -0
  130. package/dist/ui/dialog.d.ts.map +1 -1
  131. package/dist/ui/dialog.js +2 -2
  132. package/dist/ui/dialog.js.map +1 -1
  133. package/dist/ui/popover.d.ts +1 -0
  134. package/dist/ui/popover.d.ts.map +1 -1
  135. package/dist/ui/popover.js +2 -2
  136. package/dist/ui/popover.js.map +1 -1
  137. package/dist/ui/select.d.ts +3 -1
  138. package/dist/ui/select.d.ts.map +1 -1
  139. package/dist/ui/select.js +1 -1
  140. package/dist/ui/select.js.map +1 -1
  141. package/dist/ui/sidebar.d.ts +6 -2
  142. package/dist/ui/sidebar.d.ts.map +1 -1
  143. package/dist/ui/sidebar.js +12 -15
  144. package/dist/ui/sidebar.js.map +1 -1
  145. package/dist/ui/tooltip.d.ts +3 -1
  146. package/dist/ui/tooltip.d.ts.map +1 -1
  147. package/dist/ui/tooltip.js +2 -2
  148. package/dist/ui/tooltip.js.map +1 -1
  149. package/package.json +31 -1
  150. package/src/chat-history/ChatHistoryRail.spec.tsx +312 -0
  151. package/src/chat-history/ChatHistoryRail.tsx +150 -0
  152. package/src/chat-history/index.ts +14 -0
  153. package/src/chat-history/useChatHistoryRailController.spec.tsx +131 -0
  154. package/src/chat-history/useChatHistoryRailController.ts +76 -0
  155. package/src/chat-history.css +61 -0
  156. package/src/composer/ComposerPlusMenu.tsx +11 -8
  157. package/src/composer/PromptComposer.tsx +27 -6
  158. package/src/composer/RealtimeVoiceMode.spec.tsx +116 -11
  159. package/src/composer/RealtimeVoiceMode.tsx +106 -36
  160. package/src/composer/VoiceButton.spec.ts +17 -1
  161. package/src/composer/VoiceButton.tsx +49 -0
  162. package/src/composer/realtime-voice-audio-level.spec.ts +15 -0
  163. package/src/composer/realtime-voice-audio-level.ts +2 -1
  164. package/src/composer/useRealtimeVoiceMode.spec.ts +82 -8
  165. package/src/composer/useRealtimeVoiceMode.tsx +112 -25
  166. package/src/conformance/__fixtures__/css-in-js-adapter.tsx +401 -0
  167. package/src/conformance/conformance.spec.tsx +83 -0
  168. package/src/conformance/index.ts +3 -0
  169. package/src/conformance/runner.tsx +710 -0
  170. package/src/conformance/types.ts +45 -0
  171. package/src/conformance/version.ts +22 -0
  172. package/src/design-system/components.tsx +146 -0
  173. package/src/design-system/context.tsx +31 -0
  174. package/src/design-system/default-adapter.spec.tsx +143 -0
  175. package/src/design-system/default-adapter.tsx +915 -0
  176. package/src/design-system/definition.ts +14 -0
  177. package/src/design-system/design-system.spec.tsx +183 -0
  178. package/src/design-system/error-boundary.tsx +37 -0
  179. package/src/design-system/index.ts +7 -0
  180. package/src/design-system/theme.spec.ts +61 -0
  181. package/src/design-system/theme.ts +145 -0
  182. package/src/design-system/types.ts +363 -0
  183. package/src/provider.tsx +98 -5
  184. package/src/styles.css +35 -0
  185. package/src/ui/button.tsx +95 -6
  186. package/src/ui/dialog.tsx +48 -23
  187. package/src/ui/popover.tsx +16 -2
  188. package/src/ui/select.tsx +7 -3
  189. package/src/ui/sidebar.tsx +47 -48
  190. package/src/ui/tooltip.tsx +7 -3
package/README.md CHANGED
@@ -25,7 +25,10 @@ and docs. Dispatch is a separate product rather than a Toolkit module.
25
25
 
26
26
  ```tsx
27
27
  import { ToolkitProvider } from "@agent-native/toolkit/provider";
28
- import { ChatHistoryList } from "@agent-native/toolkit/chat-history";
28
+ import {
29
+ ChatHistoryList,
30
+ ChatHistoryRail,
31
+ } from "@agent-native/toolkit/chat-history";
29
32
  import { PresenceBar } from "@agent-native/toolkit/collab-ui";
30
33
  import { ContextMeterView } from "@agent-native/toolkit/context-ui";
31
34
  import {
@@ -47,8 +50,14 @@ import { useSetHeaderActions } from "@agent-native/toolkit/app-shell";
47
50
 
48
51
  Import `@agent-native/toolkit/styles.css` after Tailwind to include Toolkit's
49
52
  source scanning. If an app renders `SharedRichEditor`, also import
50
- `@agent-native/toolkit/editor.css`. If an app renders `ChatHistoryList`, also
51
- import `@agent-native/toolkit/chat-history.css`.
53
+ `@agent-native/toolkit/editor.css`. If an app renders `ChatHistoryList` or
54
+ `ChatHistoryRail`, also import `@agent-native/toolkit/chat-history.css`.
55
+
56
+ Use `ChatHistoryRail` for app sidebars. It shows five recent chats by default,
57
+ progressively discloses up to fifteen, and keeps the app-provided New chat
58
+ action in a footer row with the ellipsis disclosure on its right. The app
59
+ continues to own thread persistence, sorting, routing, and mutations through
60
+ Core.
52
61
 
53
62
  Inside template apps, prefer local adapters such as `@/components/ui/button` so
54
63
  apps can replace their primitives without changing every callsite.
@@ -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",
@@ -0,0 +1,33 @@
1
+ import type { ReactNode } from "react";
2
+ import { type ChatHistoryItem, type ChatHistoryListProps } from "./ChatHistoryList.js";
3
+ import { type ChatHistoryRailController } from "./useChatHistoryRailController.js";
4
+ export interface ChatHistoryRailLabels {
5
+ newChat: string;
6
+ showMore: string;
7
+ showLess: string;
8
+ }
9
+ export interface ChatHistoryRailProps extends Omit<ChatHistoryListProps, "footer" | "items" | "sections" | "variant"> {
10
+ items: ChatHistoryItem[];
11
+ onNewChat: () => void;
12
+ railLabels: ChatHistoryRailLabels;
13
+ previewCount?: number;
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;
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;
28
+ /**
29
+ * Compact recent-chat rail for app sidebars. Hosts own thread persistence,
30
+ * sorting, routing, and mutations; the rail only owns progressive disclosure.
31
+ */
32
+ export declare function ChatHistoryRail({ items, onNewChat, railLabels, previewCount, expandedCount, renderRail, className, emptyLabel, ...listProps }: ChatHistoryRailProps): import("react").JSX.Element;
33
+ //# sourceMappingURL=ChatHistoryRail.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,35 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { IconDots, IconPlus } from "@tabler/icons-react";
3
+ import { ActionButton, IconButton } from "../design-system/components.js";
4
+ import { DesignSystemErrorBoundary } from "../design-system/error-boundary.js";
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
+ }
13
+ /**
14
+ * Compact recent-chat rail for app sidebars. Hosts own thread persistence,
15
+ * sorting, routing, and mutations; the rail only owns progressive disclosure.
16
+ */
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);
34
+ }
35
+ //# sourceMappingURL=ChatHistoryRail.js.map
@@ -0,0 +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;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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=ChatHistoryRail.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChatHistoryRail.spec.d.ts","sourceRoot":"","sources":["../../src/chat-history/ChatHistoryRail.spec.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,157 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } 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 { ActionButton } from "../design-system/components.js";
7
+ import { defineDesignSystem } from "../design-system/definition.js";
8
+ import { ToolkitProvider } from "../provider.js";
9
+ import { ChatHistoryRail } from "./ChatHistoryRail.js";
10
+ const railLabels = {
11
+ newChat: "New chat",
12
+ showMore: "Show more chats",
13
+ showLess: "Show fewer chats",
14
+ };
15
+ function makeItems(count) {
16
+ return Array.from({ length: count }, (_, index) => ({
17
+ id: `thread-${index + 1}`,
18
+ title: `Chat ${index + 1}`,
19
+ }));
20
+ }
21
+ describe("ChatHistoryRail", () => {
22
+ let container;
23
+ let root;
24
+ beforeEach(() => {
25
+ vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
26
+ container = document.createElement("div");
27
+ document.body.appendChild(container);
28
+ root = createRoot(container);
29
+ });
30
+ afterEach(() => {
31
+ act(() => root.unmount());
32
+ container.remove();
33
+ vi.restoreAllMocks();
34
+ vi.unstubAllGlobals();
35
+ });
36
+ it("shows five recent chats before progressively disclosing up to fifteen", () => {
37
+ act(() => {
38
+ root.render(_jsx(ChatHistoryRail, { items: makeItems(20), onSelect: () => { }, onNewChat: () => { }, railLabels: railLabels }));
39
+ });
40
+ expect(container.querySelectorAll(".an-chat-history-row")).toHaveLength(5);
41
+ const disclosure = container.querySelector(".an-chat-history-rail__disclosure");
42
+ expect(disclosure?.getAttribute("aria-label")).toBe("Show more chats");
43
+ act(() => disclosure?.click());
44
+ expect(container.querySelectorAll(".an-chat-history-row")).toHaveLength(15);
45
+ expect(disclosure?.getAttribute("aria-label")).toBe("Show fewer chats");
46
+ act(() => disclosure?.click());
47
+ expect(container.querySelectorAll(".an-chat-history-row")).toHaveLength(5);
48
+ });
49
+ it("keeps the disclosure to the right of new chat and calls its handler", () => {
50
+ const onNewChat = vi.fn();
51
+ act(() => {
52
+ root.render(_jsx(ChatHistoryRail, { items: makeItems(6), onSelect: () => { }, onNewChat: onNewChat, railLabels: railLabels }));
53
+ });
54
+ const disclosure = container.querySelector(".an-chat-history-rail__disclosure");
55
+ const newChat = container.querySelector(".an-chat-history-rail__new-chat");
56
+ expect(newChat?.textContent).toBe("New chat");
57
+ expect(newChat?.nextElementSibling).toBe(disclosure);
58
+ expect(newChat?.parentElement?.lastElementChild).toBe(disclosure);
59
+ act(() => newChat?.click());
60
+ expect(onNewChat).toHaveBeenCalledOnce();
61
+ });
62
+ it("lets new chat fill the footer when there are no more chats", () => {
63
+ act(() => {
64
+ root.render(_jsx(ChatHistoryRail, { items: makeItems(3), onSelect: () => { }, onNewChat: () => { }, railLabels: railLabels }));
65
+ });
66
+ expect(container.querySelector(".an-chat-history-rail__disclosure")).toBeNull();
67
+ expect(container.querySelector(".an-chat-history-rail__new-chat")).not.toBeNull();
68
+ });
69
+ it("preserves list actions for progressively disclosed rows", () => {
70
+ const onSelect = vi.fn();
71
+ act(() => {
72
+ root.render(_jsx(ChatHistoryRail, { items: makeItems(6), onSelect: onSelect, onNewChat: () => { }, railLabels: railLabels }));
73
+ });
74
+ act(() => {
75
+ container
76
+ .querySelector(".an-chat-history-rail__disclosure")
77
+ ?.click();
78
+ });
79
+ const rows = container.querySelectorAll(".an-chat-history-row__button");
80
+ act(() => rows[5]?.click());
81
+ expect(onSelect).toHaveBeenCalledWith("thread-6");
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
+ });
156
+ });
157
+ //# sourceMappingURL=ChatHistoryRail.spec.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChatHistoryRail.spec.js","sourceRoot":"","sources":["../../src/chat-history/ChatHistoryRail.spec.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,4 @@
1
1
  export { ChatHistoryList, type ChatHistoryItem, type ChatHistoryListLabels, type ChatHistoryListProps, type ChatHistorySection, } from "./ChatHistoryList.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";
2
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"}
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,2 +1,4 @@
1
1
  export { ChatHistoryList, } from "./ChatHistoryList.js";
2
+ export { ChatHistoryRail, DefaultChatHistoryRailView, } from "./ChatHistoryRail.js";
3
+ export { useChatHistoryRailController, } from "./useChatHistoryRailController.js";
2
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"}
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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=useChatHistoryRailController.spec.d.ts.map
@@ -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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"}