@townco/ui 0.1.7 → 0.1.9

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 (243) hide show
  1. package/dist/core/hooks/index.d.ts +1 -0
  2. package/dist/core/hooks/index.d.ts.map +1 -0
  3. package/dist/core/hooks/index.js +1 -0
  4. package/dist/core/hooks/index.js.map +1 -0
  5. package/dist/core/hooks/use-chat-input.d.ts +17 -17
  6. package/dist/core/hooks/use-chat-input.d.ts.map +1 -0
  7. package/dist/core/hooks/use-chat-input.js +64 -55
  8. package/dist/core/hooks/use-chat-input.js.map +1 -0
  9. package/dist/core/hooks/use-chat-messages.d.ts +11 -11
  10. package/dist/core/hooks/use-chat-messages.d.ts.map +1 -0
  11. package/dist/core/hooks/use-chat-messages.js +121 -114
  12. package/dist/core/hooks/use-chat-messages.js.map +1 -0
  13. package/dist/core/hooks/use-chat-session.d.ts +5 -5
  14. package/dist/core/hooks/use-chat-session.d.ts.map +1 -0
  15. package/dist/core/hooks/use-chat-session.js +78 -80
  16. package/dist/core/hooks/use-chat-session.js.map +1 -0
  17. package/dist/core/hooks/use-media-query.d.ts +39 -0
  18. package/dist/core/hooks/use-media-query.js +84 -0
  19. package/dist/core/index.d.ts.map +1 -0
  20. package/dist/core/index.js.map +1 -0
  21. package/dist/core/schemas/chat.d.ts +83 -56
  22. package/dist/core/schemas/chat.d.ts.map +1 -0
  23. package/dist/core/schemas/chat.js +27 -25
  24. package/dist/core/schemas/chat.js.map +1 -0
  25. package/dist/core/schemas/index.d.ts.map +1 -0
  26. package/dist/core/schemas/index.js.map +1 -0
  27. package/dist/core/store/chat-store.d.ts +28 -22
  28. package/dist/core/store/chat-store.d.ts.map +1 -0
  29. package/dist/core/store/chat-store.js +59 -50
  30. package/dist/core/store/chat-store.js.map +1 -0
  31. package/dist/gui/components/Button.d.ts +23 -7
  32. package/dist/gui/components/Button.d.ts.map +1 -0
  33. package/dist/gui/components/Button.js +40 -27
  34. package/dist/gui/components/Button.js.map +1 -0
  35. package/dist/gui/components/Card.d.ts +26 -7
  36. package/dist/gui/components/Card.d.ts.map +1 -0
  37. package/dist/gui/components/Card.js +54 -8
  38. package/dist/gui/components/Card.js.map +1 -0
  39. package/dist/gui/components/ChatHeader.d.ts +38 -0
  40. package/dist/gui/components/ChatHeader.js +86 -0
  41. package/dist/gui/components/ChatInput.d.ts +19 -1
  42. package/dist/gui/components/ChatInput.d.ts.map +1 -0
  43. package/dist/gui/components/ChatInput.js +94 -11
  44. package/dist/gui/components/ChatInput.js.map +1 -0
  45. package/dist/gui/components/ChatInputCommandMenu.d.ts +20 -0
  46. package/dist/gui/components/ChatInputCommandMenu.js +62 -0
  47. package/dist/gui/components/ChatInterface.d.ts +12 -0
  48. package/dist/gui/components/ChatInterface.d.ts.map +1 -0
  49. package/dist/gui/components/ChatInterface.js +204 -0
  50. package/dist/gui/components/ChatInterface.js.map +1 -0
  51. package/dist/gui/components/ChatLayout.d.ts +52 -0
  52. package/dist/gui/components/ChatLayout.js +105 -0
  53. package/dist/gui/components/ChatPanelTabContent.d.ts +18 -0
  54. package/dist/gui/components/ChatPanelTabContent.js +15 -0
  55. package/dist/gui/components/ChatPreview.d.ts +12 -0
  56. package/dist/gui/components/ChatPreview.d.ts.map +1 -0
  57. package/dist/gui/components/ChatPreview.js +214 -0
  58. package/dist/gui/components/ChatPreview.js.map +1 -0
  59. package/dist/gui/components/ChatSecondaryPanel.d.ts +14 -11
  60. package/dist/gui/components/ChatSecondaryPanel.d.ts.map +1 -0
  61. package/dist/gui/components/ChatSecondaryPanel.js +115 -38
  62. package/dist/gui/components/ChatSecondaryPanel.js.map +1 -0
  63. package/dist/gui/components/ChatSidebar.d.ts +14 -0
  64. package/dist/gui/components/ChatSidebar.js +23 -0
  65. package/dist/gui/components/ChatStatus.d.ts +4 -2
  66. package/dist/gui/components/ChatStatus.d.ts.map +1 -0
  67. package/dist/gui/components/ChatStatus.js +45 -34
  68. package/dist/gui/components/ChatStatus.js.map +1 -0
  69. package/dist/gui/components/ChatView.d.ts +8 -0
  70. package/dist/gui/components/ChatView.d.ts.map +1 -0
  71. package/dist/gui/components/ChatView.js +42 -0
  72. package/dist/gui/components/ChatView.js.map +1 -0
  73. package/dist/gui/components/ConfigPanel.d.ts +20 -0
  74. package/dist/gui/components/ConfigPanel.d.ts.map +1 -0
  75. package/dist/gui/components/ConfigPanel.js +225 -0
  76. package/dist/gui/components/ConfigPanel.js.map +1 -0
  77. package/dist/gui/components/Conversation.d.ts +17 -14
  78. package/dist/gui/components/Conversation.d.ts.map +1 -0
  79. package/dist/gui/components/Conversation.js +143 -83
  80. package/dist/gui/components/Conversation.js.map +1 -0
  81. package/dist/gui/components/Dialog.d.ts +57 -11
  82. package/dist/gui/components/Dialog.d.ts.map +1 -0
  83. package/dist/gui/components/Dialog.js +84 -8
  84. package/dist/gui/components/Dialog.js.map +1 -0
  85. package/dist/gui/components/DropdownMenu.d.ts +27 -0
  86. package/dist/gui/components/DropdownMenu.js +68 -0
  87. package/dist/gui/components/HeightTransition.d.ts +12 -7
  88. package/dist/gui/components/HeightTransition.d.ts.map +1 -0
  89. package/dist/gui/components/HeightTransition.js +88 -77
  90. package/dist/gui/components/HeightTransition.js.map +1 -0
  91. package/dist/gui/components/Input.d.ts +13 -6
  92. package/dist/gui/components/Input.d.ts.map +1 -0
  93. package/dist/gui/components/Input.js +27 -16
  94. package/dist/gui/components/Input.js.map +1 -0
  95. package/dist/gui/components/InputBox.d.ts +21 -0
  96. package/dist/gui/components/InputBox.d.ts.map +1 -0
  97. package/dist/gui/components/InputBox.js +90 -0
  98. package/dist/gui/components/InputBox.js.map +1 -0
  99. package/dist/gui/components/Label.d.ts +7 -1
  100. package/dist/gui/components/Label.d.ts.map +1 -0
  101. package/dist/gui/components/Label.js +12 -2
  102. package/dist/gui/components/Label.js.map +1 -0
  103. package/dist/gui/components/MarkdownRenderer.d.ts +6 -4
  104. package/dist/gui/components/MarkdownRenderer.d.ts.map +1 -0
  105. package/dist/gui/components/MarkdownRenderer.js +178 -81
  106. package/dist/gui/components/MarkdownRenderer.js.map +1 -0
  107. package/dist/gui/components/Message.d.ts +4 -0
  108. package/dist/gui/components/Message.d.ts.map +1 -0
  109. package/dist/gui/components/Message.js +77 -3
  110. package/dist/gui/components/Message.js.map +1 -0
  111. package/dist/gui/components/MessageContent.d.ts +29 -22
  112. package/dist/gui/components/MessageContent.d.ts.map +1 -0
  113. package/dist/gui/components/MessageContent.js +1 -1
  114. package/dist/gui/components/MessageContent.js.map +1 -0
  115. package/dist/gui/components/MessageList.d.ts.map +1 -0
  116. package/dist/gui/components/MessageList.js.map +1 -0
  117. package/dist/gui/components/PlaygroundLayout.d.ts +14 -0
  118. package/dist/gui/components/PlaygroundLayout.d.ts.map +1 -0
  119. package/dist/gui/components/PlaygroundLayout.js +49 -0
  120. package/dist/gui/components/PlaygroundLayout.js.map +1 -0
  121. package/dist/gui/components/Reasoning.d.ts +30 -24
  122. package/dist/gui/components/Reasoning.d.ts.map +1 -0
  123. package/dist/gui/components/Reasoning.js +187 -60
  124. package/dist/gui/components/Reasoning.js.map +1 -0
  125. package/dist/gui/components/Response.d.ts +11 -9
  126. package/dist/gui/components/Response.d.ts.map +1 -0
  127. package/dist/gui/components/Response.js +229 -90
  128. package/dist/gui/components/Response.js.map +1 -0
  129. package/dist/gui/components/Select.d.ts +69 -10
  130. package/dist/gui/components/Select.d.ts.map +1 -0
  131. package/dist/gui/components/Select.js +118 -12
  132. package/dist/gui/components/Select.js.map +1 -0
  133. package/dist/gui/components/Sonner.d.ts +5 -0
  134. package/dist/gui/components/Sonner.js +23 -0
  135. package/dist/gui/components/StatusBar.d.ts +12 -0
  136. package/dist/gui/components/StatusBar.d.ts.map +1 -0
  137. package/dist/gui/components/StatusBar.js +58 -0
  138. package/dist/gui/components/StatusBar.js.map +1 -0
  139. package/dist/gui/components/Tabs.d.ts +24 -4
  140. package/dist/gui/components/Tabs.d.ts.map +1 -0
  141. package/dist/gui/components/Tabs.js +32 -4
  142. package/dist/gui/components/Tabs.js.map +1 -0
  143. package/dist/gui/components/Task.d.ts +28 -24
  144. package/dist/gui/components/Task.d.ts.map +1 -0
  145. package/dist/gui/components/Task.js +164 -31
  146. package/dist/gui/components/Task.js.map +1 -0
  147. package/dist/gui/components/Textarea.d.ts +15 -7
  148. package/dist/gui/components/Textarea.d.ts.map +1 -0
  149. package/dist/gui/components/Textarea.js +63 -46
  150. package/dist/gui/components/Textarea.js.map +1 -0
  151. package/dist/gui/components/ThinkingBlock.d.ts +20 -10
  152. package/dist/gui/components/ThinkingBlock.d.ts.map +1 -0
  153. package/dist/gui/components/ThinkingBlock.js +134 -35
  154. package/dist/gui/components/ThinkingBlock.js.map +1 -0
  155. package/dist/gui/components/TodoList.d.ts +12 -10
  156. package/dist/gui/components/TodoList.d.ts.map +1 -0
  157. package/dist/gui/components/TodoList.js +22 -7
  158. package/dist/gui/components/TodoList.js.map +1 -0
  159. package/dist/gui/components/TodoListItem.d.ts +9 -6
  160. package/dist/gui/components/TodoListItem.d.ts.map +1 -0
  161. package/dist/gui/components/TodoListItem.js +18 -4
  162. package/dist/gui/components/TodoListItem.js.map +1 -0
  163. package/dist/gui/components/index.d.ts +9 -1
  164. package/dist/gui/components/index.d.ts.map +1 -0
  165. package/dist/gui/components/index.js +11 -1
  166. package/dist/gui/components/index.js.map +1 -0
  167. package/dist/gui/index.d.ts.map +1 -0
  168. package/dist/gui/index.js.map +1 -0
  169. package/dist/gui/lib/utils.d.ts.map +1 -0
  170. package/dist/gui/lib/utils.js +1 -1
  171. package/dist/gui/lib/utils.js.map +1 -0
  172. package/dist/index.d.ts.map +1 -0
  173. package/dist/index.js.map +1 -0
  174. package/dist/index.test.js +0 -1
  175. package/dist/sdk/client/acp-client.d.ts +88 -76
  176. package/dist/sdk/client/acp-client.d.ts.map +1 -0
  177. package/dist/sdk/client/acp-client.js +215 -217
  178. package/dist/sdk/client/acp-client.js.map +1 -0
  179. package/dist/sdk/client/index.d.ts.map +1 -0
  180. package/dist/sdk/client/index.js.map +1 -0
  181. package/dist/sdk/index.d.ts.map +1 -0
  182. package/dist/sdk/index.js.map +1 -0
  183. package/dist/sdk/schemas/agent.d.ts +111 -64
  184. package/dist/sdk/schemas/agent.d.ts.map +1 -0
  185. package/dist/sdk/schemas/agent.js +24 -24
  186. package/dist/sdk/schemas/agent.js.map +1 -0
  187. package/dist/sdk/schemas/index.d.ts.map +1 -0
  188. package/dist/sdk/schemas/index.js.map +1 -0
  189. package/dist/sdk/schemas/message.d.ts +245 -147
  190. package/dist/sdk/schemas/message.d.ts.map +1 -0
  191. package/dist/sdk/schemas/message.js +40 -40
  192. package/dist/sdk/schemas/message.js.map +1 -0
  193. package/dist/sdk/schemas/session.d.ts +219 -135
  194. package/dist/sdk/schemas/session.d.ts.map +1 -0
  195. package/dist/sdk/schemas/session.js +27 -27
  196. package/dist/sdk/schemas/session.js.map +1 -0
  197. package/dist/sdk/transports/http.d.ts +55 -55
  198. package/dist/sdk/transports/http.d.ts.map +1 -0
  199. package/dist/sdk/transports/http.js +472 -469
  200. package/dist/sdk/transports/http.js.map +1 -0
  201. package/dist/sdk/transports/index.d.ts.map +1 -0
  202. package/dist/sdk/transports/index.js.map +1 -0
  203. package/dist/sdk/transports/stdio.d.ts +20 -20
  204. package/dist/sdk/transports/stdio.d.ts.map +1 -0
  205. package/dist/sdk/transports/stdio.js.map +1 -0
  206. package/dist/sdk/transports/types.d.ts +42 -42
  207. package/dist/sdk/transports/types.d.ts.map +1 -0
  208. package/dist/sdk/transports/types.js.map +1 -0
  209. package/dist/sdk/transports/websocket.d.ts +12 -12
  210. package/dist/sdk/transports/websocket.d.ts.map +1 -0
  211. package/dist/sdk/transports/websocket.js +52 -46
  212. package/dist/sdk/transports/websocket.js.map +1 -0
  213. package/dist/tui/components/ChatView.d.ts +4 -2
  214. package/dist/tui/components/ChatView.d.ts.map +1 -0
  215. package/dist/tui/components/ChatView.js +51 -18
  216. package/dist/tui/components/ChatView.js.map +1 -0
  217. package/dist/tui/components/GameOfLife.d.ts.map +1 -0
  218. package/dist/tui/components/GameOfLife.js +64 -35
  219. package/dist/tui/components/GameOfLife.js.map +1 -0
  220. package/dist/tui/components/InputBox.d.ts +18 -11
  221. package/dist/tui/components/InputBox.d.ts.map +1 -0
  222. package/dist/tui/components/InputBox.js +70 -10
  223. package/dist/tui/components/InputBox.js.map +1 -0
  224. package/dist/tui/components/MessageList.d.ts +4 -2
  225. package/dist/tui/components/MessageList.d.ts.map +1 -0
  226. package/dist/tui/components/MessageList.js +37 -10
  227. package/dist/tui/components/MessageList.js.map +1 -0
  228. package/dist/tui/components/ReadlineInput.d.ts +12 -6
  229. package/dist/tui/components/ReadlineInput.d.ts.map +1 -0
  230. package/dist/tui/components/ReadlineInput.js +252 -237
  231. package/dist/tui/components/ReadlineInput.js.map +1 -0
  232. package/dist/tui/components/SingleSelect.d.ts +15 -9
  233. package/dist/tui/components/SingleSelect.js +84 -43
  234. package/dist/tui/components/StatusBar.d.ts +11 -6
  235. package/dist/tui/components/StatusBar.d.ts.map +1 -0
  236. package/dist/tui/components/StatusBar.js +102 -67
  237. package/dist/tui/components/StatusBar.js.map +1 -0
  238. package/dist/tui/components/index.d.ts.map +1 -0
  239. package/dist/tui/components/index.js.map +1 -0
  240. package/dist/tui/index.d.ts.map +1 -0
  241. package/dist/tui/index.js.map +1 -0
  242. package/package.json +6 -4
  243. package/src/styles/global.css +2 -0
@@ -0,0 +1,58 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ export function StatusBar({ connectionStatus, sessionId, isStreaming }) {
3
+ const statusStyles = {
4
+ connected: "bg-green-100 text-green-800",
5
+ connecting: "bg-yellow-100 text-yellow-800",
6
+ disconnected: "bg-gray-100 text-gray-800",
7
+ error: "bg-red-100 text-red-800",
8
+ };
9
+ return _jsx("div", {
10
+ className: "border-b border-gray-200 px-4 py-3 bg-white",
11
+ children: _jsxs("div", {
12
+ className: "flex items-center gap-4",
13
+ children: [
14
+ _jsxs("div", {
15
+ className: "flex items-center gap-2",
16
+ children: [
17
+ _jsx("span", {
18
+ className: "text-sm font-medium text-gray-700",
19
+ children: "Status:",
20
+ }),
21
+ _jsx("span", {
22
+ className: `px-2 py-1 rounded-full text-xs font-medium ${statusStyles[connectionStatus]}`,
23
+ children: connectionStatus,
24
+ }),
25
+ ],
26
+ }),
27
+ sessionId &&
28
+ _jsxs("div", {
29
+ className: "flex items-center gap-2",
30
+ children: [
31
+ _jsx("span", {
32
+ className: "text-sm font-medium text-gray-700",
33
+ children: "Session:",
34
+ }),
35
+ _jsxs("span", {
36
+ className: "text-xs font-mono text-cyan-600",
37
+ children: [sessionId.slice(0, 8), "..."],
38
+ }),
39
+ ],
40
+ }),
41
+ isStreaming &&
42
+ _jsxs("div", {
43
+ className: "flex items-center gap-2",
44
+ children: [
45
+ _jsx("div", {
46
+ className: "animate-pulse w-2 h-2 rounded-full bg-yellow-500",
47
+ }),
48
+ _jsx("span", {
49
+ className: "text-xs text-yellow-600",
50
+ children: "Streaming...",
51
+ }),
52
+ ],
53
+ }),
54
+ ],
55
+ }),
56
+ });
57
+ }
58
+ //# sourceMappingURL=StatusBar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../src/gui/components/StatusBar.tsx"],"names":[],"mappings":";AASA,MAAM,UAAU,SAAS,CAAC,EACxB,gBAAgB,EAChB,SAAS,EACT,WAAW,GACI;IACf,MAAM,YAAY,GAAG;QACnB,SAAS,EAAE,6BAA6B;QACxC,UAAU,EAAE,+BAA+B;QAC3C,YAAY,EAAE,2BAA2B;QACzC,KAAK,EAAE,yBAAyB;KACjC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,6CAA6C,YAC1D,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,mCAAmC,wBAAe,EAClE,eACE,SAAS,EAAE,8CAA8C,YAAY,CAAC,gBAAgB,CAAC,EAAE,YAExF,gBAAgB,GACZ,IACH,EAEL,SAAS,IAAI,CACZ,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,mCAAmC,yBAAgB,EACnE,gBAAM,SAAS,EAAC,iCAAiC,aAC9C,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,WACjB,IACH,CACP,EAEA,WAAW,IAAI,CACd,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,kDAAkD,GAAG,EACpE,eAAM,SAAS,EAAC,yBAAyB,6BAAoB,IACzD,CACP,IACG,GACF,CACP,CAAC;AACJ,CAAC"}
@@ -1,7 +1,27 @@
1
1
  import * as TabsPrimitive from "@radix-ui/react-tabs";
2
2
  import * as React from "react";
3
- declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
4
- declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
- declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
3
+ declare const Tabs: React.ForwardRefExoticComponent<
4
+ TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>
5
+ >;
6
+ declare const TabsList: React.ForwardRefExoticComponent<
7
+ Omit<
8
+ TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>,
9
+ "ref"
10
+ > &
11
+ React.RefAttributes<HTMLDivElement>
12
+ >;
13
+ declare const TabsTrigger: React.ForwardRefExoticComponent<
14
+ Omit<
15
+ TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>,
16
+ "ref"
17
+ > &
18
+ React.RefAttributes<HTMLButtonElement>
19
+ >;
20
+ declare const TabsContent: React.ForwardRefExoticComponent<
21
+ Omit<
22
+ TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>,
23
+ "ref"
24
+ > &
25
+ React.RefAttributes<HTMLDivElement>
26
+ >;
7
27
  export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAGtD,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
@@ -1,12 +1,40 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
1
  import * as TabsPrimitive from "@radix-ui/react-tabs";
3
2
  import * as React from "react";
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import { cn } from "../lib/utils.js";
5
+
5
6
  const Tabs = TabsPrimitive.Root;
6
- const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground gap-1", className), ...props })));
7
+ const TabsList = React.forwardRef(({ className, ...props }, ref) =>
8
+ _jsx(TabsPrimitive.List, {
9
+ ref: ref,
10
+ className: cn(
11
+ "inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground gap-1",
12
+ className,
13
+ ),
14
+ ...props,
15
+ }),
16
+ );
7
17
  TabsList.displayName = TabsPrimitive.List.displayName;
8
- const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm", className), ...props })));
18
+ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) =>
19
+ _jsx(TabsPrimitive.Trigger, {
20
+ ref: ref,
21
+ className: cn(
22
+ "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
23
+ className,
24
+ ),
25
+ ...props,
26
+ }),
27
+ );
9
28
  TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
10
- const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
29
+ const TabsContent = React.forwardRef(({ className, ...props }, ref) =>
30
+ _jsx(TabsPrimitive.Content, {
31
+ ref: ref,
32
+ className: cn(
33
+ "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
34
+ className,
35
+ ),
36
+ ...props,
37
+ }),
38
+ );
11
39
  TabsContent.displayName = TabsPrimitive.Content.displayName;
12
40
  export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/gui/components/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;AAEhC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,IAAI,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qYAAqY,EACrY,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,KAAC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iIAAiI,EACjI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
@@ -4,32 +4,36 @@ import * as React from "react";
4
4
  * Enhanced todo/task display with collapsible details and file references
5
5
  */
6
6
  export interface TaskItem {
7
- id: string;
8
- text: string;
9
- status: "pending" | "in_progress" | "completed";
10
- /** Optional file references */
11
- files?: string[];
12
- /** Optional additional details */
13
- details?: string;
7
+ id: string;
8
+ text: string;
9
+ status: "pending" | "in_progress" | "completed";
10
+ /** Optional file references */
11
+ files?: string[];
12
+ /** Optional additional details */
13
+ details?: string;
14
14
  }
15
15
  export interface TaskProps extends React.HTMLAttributes<HTMLDivElement> {
16
- /** Task item data */
17
- task: TaskItem;
18
- /** Show collapsible details */
19
- collapsible?: boolean;
20
- /** Default expanded state */
21
- defaultExpanded?: boolean;
22
- /** Callback when task is clicked */
23
- onTaskClick?: (task: TaskItem) => void;
16
+ /** Task item data */
17
+ task: TaskItem;
18
+ /** Show collapsible details */
19
+ collapsible?: boolean;
20
+ /** Default expanded state */
21
+ defaultExpanded?: boolean;
22
+ /** Callback when task is clicked */
23
+ onTaskClick?: (task: TaskItem) => void;
24
24
  }
25
- export declare const Task: React.ForwardRefExoticComponent<TaskProps & React.RefAttributes<HTMLDivElement>>;
25
+ export declare const Task: React.ForwardRefExoticComponent<
26
+ TaskProps & React.RefAttributes<HTMLDivElement>
27
+ >;
26
28
  export interface TaskListProps extends React.HTMLAttributes<HTMLDivElement> {
27
- tasks: TaskItem[];
28
- /** Show collapsible details */
29
- collapsible?: boolean;
30
- /** Callback when task is clicked */
31
- onTaskClick?: (task: TaskItem) => void;
32
- /** Empty state message */
33
- emptyMessage?: string;
29
+ tasks: TaskItem[];
30
+ /** Show collapsible details */
31
+ collapsible?: boolean;
32
+ /** Callback when task is clicked */
33
+ onTaskClick?: (task: TaskItem) => void;
34
+ /** Empty state message */
35
+ emptyMessage?: string;
34
36
  }
35
- export declare const TaskList: React.ForwardRefExoticComponent<TaskListProps & React.RefAttributes<HTMLDivElement>>;
37
+ export declare const TaskList: React.ForwardRefExoticComponent<
38
+ TaskListProps & React.RefAttributes<HTMLDivElement>
39
+ >;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Task.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Task.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AAEH,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,CAAC;IAChD,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,qBAAqB;IACrB,IAAI,EAAE,QAAQ,CAAC;IACf,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,IAAI,kFAkHhB,CAAC;AAQF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,sFAmCpB,CAAC"}
@@ -1,37 +1,170 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
1
  import { CheckCircle2, ChevronDown, Circle, Loader2 } from "lucide-react";
3
2
  import * as React from "react";
4
3
  import { useState } from "react";
4
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  import { cn } from "../lib/utils.js";
6
- export const Task = React.forwardRef(({ task, collapsible = true, defaultExpanded = false, onTaskClick, className, ...props }, ref) => {
7
- const [isExpanded, setIsExpanded] = useState(defaultExpanded);
8
- const hasDetails = !!(task.details ||
9
- (task.files && task.files.length > 0));
10
- const StatusIcon = {
11
- pending: Circle,
12
- in_progress: Loader2,
13
- completed: CheckCircle2,
14
- }[task.status];
15
- const getStatusColor = () => {
16
- switch (task.status) {
17
- case "completed":
18
- return "text-green-500";
19
- case "in_progress":
20
- return "text-primary";
21
- default:
22
- return "text-foreground opacity-40";
23
- }
24
- };
25
- const handleClick = () => {
26
- if (hasDetails && collapsible) {
27
- setIsExpanded(!isExpanded);
28
- }
29
- onTaskClick?.(task);
30
- };
31
- return (_jsxs("div", { ref: ref, className: cn("rounded-lg border border-border bg-card transition-all", "hover:shadow-sm hover:border-border/80", className), ...props, children: [_jsxs("button", { type: "button", onClick: handleClick, className: cn("w-full flex items-center gap-3 px-3 py-2.5 text-left", hasDetails && collapsible && "cursor-pointer"), disabled: !hasDetails && !collapsible, children: [_jsx(StatusIcon, { className: cn("w-4 h-4 shrink-0", getStatusColor(), task.status === "in_progress" && "animate-spin") }), _jsx("span", { className: cn("flex-1 text-sm font-[var(--font-family)]", task.status === "completed" && "line-through opacity-60", task.status === "in_progress" && "font-medium"), children: task.text }), hasDetails && collapsible && (_jsx(ChevronDown, { className: cn("w-4 h-4 text-foreground opacity-50 transition-transform duration-200 shrink-0", isExpanded && "rotate-180"), "aria-hidden": "true" }))] }), hasDetails && isExpanded && (_jsxs("div", { className: "px-3 pb-3 pt-1 border-t border-border/50 animate-fadeIn", children: [task.details && (_jsx("p", { className: "text-sm text-foreground opacity-80 leading-relaxed mb-2", children: task.details })), task.files && task.files.length > 0 && (_jsxs("div", { className: "space-y-1", children: [_jsx("span", { className: "text-xs font-medium text-foreground opacity-60 uppercase tracking-wide", children: "Files:" }), _jsx("div", { className: "space-y-1", children: task.files.map((file) => (_jsx("div", { className: "text-xs font-mono text-foreground opacity-70 bg-background px-2 py-1 rounded border border-border/50", children: file }, file))) })] }))] }))] }));
32
- });
6
+ export const Task = React.forwardRef(
7
+ (
8
+ {
9
+ task,
10
+ collapsible = true,
11
+ defaultExpanded = false,
12
+ onTaskClick,
13
+ className,
14
+ ...props
15
+ },
16
+ ref,
17
+ ) => {
18
+ const [isExpanded, setIsExpanded] = useState(defaultExpanded);
19
+ const hasDetails = !!(
20
+ task.details ||
21
+ (task.files && task.files.length > 0)
22
+ );
23
+ const StatusIcon = {
24
+ pending: Circle,
25
+ in_progress: Loader2,
26
+ completed: CheckCircle2,
27
+ }[task.status];
28
+ const getStatusColor = () => {
29
+ switch (task.status) {
30
+ case "completed":
31
+ return "text-green-500";
32
+ case "in_progress":
33
+ return "text-primary";
34
+ default:
35
+ return "text-foreground opacity-40";
36
+ }
37
+ };
38
+ const handleClick = () => {
39
+ if (hasDetails && collapsible) {
40
+ setIsExpanded(!isExpanded);
41
+ }
42
+ onTaskClick?.(task);
43
+ };
44
+ return _jsxs("div", {
45
+ ref: ref,
46
+ className: cn(
47
+ "rounded-lg border border-border bg-card transition-all",
48
+ "hover:shadow-sm hover:border-border/80",
49
+ className,
50
+ ),
51
+ ...props,
52
+ children: [
53
+ _jsxs("button", {
54
+ type: "button",
55
+ onClick: handleClick,
56
+ className: cn(
57
+ "w-full flex items-center gap-3 px-3 py-2.5 text-left",
58
+ hasDetails && collapsible && "cursor-pointer",
59
+ ),
60
+ disabled: !hasDetails && !collapsible,
61
+ children: [
62
+ _jsx(StatusIcon, {
63
+ className: cn(
64
+ "w-4 h-4 shrink-0",
65
+ getStatusColor(),
66
+ task.status === "in_progress" && "animate-spin",
67
+ ),
68
+ }),
69
+ _jsx("span", {
70
+ className: cn(
71
+ "flex-1 text-sm font-[var(--font-family)]",
72
+ task.status === "completed" && "line-through opacity-60",
73
+ task.status === "in_progress" && "font-medium",
74
+ ),
75
+ children: task.text,
76
+ }),
77
+ hasDetails &&
78
+ collapsible &&
79
+ _jsx(ChevronDown, {
80
+ className: cn(
81
+ "w-4 h-4 text-foreground opacity-50 transition-transform duration-200 shrink-0",
82
+ isExpanded && "rotate-180",
83
+ ),
84
+ "aria-hidden": "true",
85
+ }),
86
+ ],
87
+ }),
88
+ hasDetails &&
89
+ isExpanded &&
90
+ _jsxs("div", {
91
+ className:
92
+ "px-3 pb-3 pt-1 border-t border-border/50 animate-fadeIn",
93
+ children: [
94
+ task.details &&
95
+ _jsx("p", {
96
+ className:
97
+ "text-sm text-foreground opacity-80 leading-relaxed mb-2",
98
+ children: task.details,
99
+ }),
100
+ task.files &&
101
+ task.files.length > 0 &&
102
+ _jsxs("div", {
103
+ className: "space-y-1",
104
+ children: [
105
+ _jsx("span", {
106
+ className:
107
+ "text-xs font-medium text-foreground opacity-60 uppercase tracking-wide",
108
+ children: "Files:",
109
+ }),
110
+ _jsx("div", {
111
+ className: "space-y-1",
112
+ children: task.files.map((file) =>
113
+ _jsx(
114
+ "div",
115
+ {
116
+ className:
117
+ "text-xs font-mono text-foreground opacity-70 bg-background px-2 py-1 rounded border border-border/50",
118
+ children: file,
119
+ },
120
+ file,
121
+ ),
122
+ ),
123
+ }),
124
+ ],
125
+ }),
126
+ ],
127
+ }),
128
+ ],
129
+ });
130
+ },
131
+ );
33
132
  Task.displayName = "Task";
34
- export const TaskList = React.forwardRef(({ tasks, collapsible = true, onTaskClick, emptyMessage = "No tasks yet.", className, ...props }, ref) => {
35
- return (_jsx("div", { ref: ref, className: cn("space-y-2 max-h-96 overflow-y-auto", className), ...props, children: tasks.length === 0 ? (_jsx("p", { className: "text-sm text-foreground opacity-60 italic py-4 text-center", children: emptyMessage })) : (tasks.map((task) => (_jsx(Task, { task: task, collapsible: collapsible, ...(onTaskClick ? { onTaskClick } : {}) }, task.id)))) }));
36
- });
133
+ export const TaskList = React.forwardRef(
134
+ (
135
+ {
136
+ tasks,
137
+ collapsible = true,
138
+ onTaskClick,
139
+ emptyMessage = "No tasks yet.",
140
+ className,
141
+ ...props
142
+ },
143
+ ref,
144
+ ) => {
145
+ return _jsx("div", {
146
+ ref: ref,
147
+ className: cn("space-y-2 max-h-96 overflow-y-auto", className),
148
+ ...props,
149
+ children:
150
+ tasks.length === 0
151
+ ? _jsx("p", {
152
+ className:
153
+ "text-sm text-foreground opacity-60 italic py-4 text-center",
154
+ children: emptyMessage,
155
+ })
156
+ : tasks.map((task) =>
157
+ _jsx(
158
+ Task,
159
+ {
160
+ task: task,
161
+ collapsible: collapsible,
162
+ ...(onTaskClick ? { onTaskClick } : {}),
163
+ },
164
+ task.id,
165
+ ),
166
+ ),
167
+ });
168
+ },
169
+ );
37
170
  TaskList.displayName = "TaskList";
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Task.js","sourceRoot":"","sources":["../../../src/gui/components/Task.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AA4B1E,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,IAAI,EACJ,WAAW,GAAG,IAAI,EAClB,eAAe,GAAG,KAAK,EACvB,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAE7E,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,YAAY;KACxB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEf,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;YACpB,KAAK,WAAW;gBACd,OAAO,gBAAgB,CAAC;YAC1B,KAAK,aAAa;gBAChB,OAAO,4BAA4B,CAAC;YACtC;gBACE,OAAO,qCAAqC,CAAC;QACjD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,IAAI,WAAW,EAAE,CAAC;YAC9B,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;QAC7B,CAAC;QACD,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,uDAAuD,EACvD,SAAS,CACV,KACG,KAAK,aAET,kBACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,UAAU,IAAI,WAAW,IAAI,gBAAgB,CAC9C,EACD,QAAQ,EAAE,CAAC,UAAU,IAAI,CAAC,WAAW,aAErC,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,cAAc,EAAE,EAChB,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,cAAc,CAChD,GACD,EACF,eACE,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,IAAI,CAAC,MAAM,KAAK,WAAW,IAAI,yBAAyB,EACxD,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,aAAa,CAC/C,YAEA,IAAI,CAAC,IAAI,GACL,EACN,UAAU,IAAI,WAAW,IAAI,CAC5B,KAAC,WAAW,IACV,SAAS,EAAE,EAAE,CACX,wFAAwF,EACxF,UAAU,IAAI,YAAY,CAC3B,iBACW,MAAM,GAClB,CACH,IACM,EAGR,UAAU,IAAI,UAAU,IAAI,CAC3B,eAAK,SAAS,EAAC,wEAAwE,aACpF,IAAI,CAAC,OAAO,IAAI,CACf,YAAG,SAAS,EAAC,kEAAkE,YAC5E,IAAI,CAAC,OAAO,GACX,CACL,EACA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACtC,eAAK,SAAS,EAAC,WAAW,aACxB,eAAM,SAAS,EAAC,iFAAiF,uBAE1F,EACP,cAAK,SAAS,EAAC,WAAW,YACvB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,cAEE,SAAS,EAAC,qIAAqI,YAE9I,IAAI,IAHA,KAAK,CAIN,CACP,CAAC,GACE,IACF,CACP,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAgB1B,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,WAAW,EACX,YAAY,GAAG,eAAe,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,YAER,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACpB,YAAG,SAAS,EAAC,qEAAqE,YAC/E,YAAY,GACX,CACL,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,IAAI,IAEH,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IAHnB,IAAI,CAAC,EAAE,CAIZ,CACH,CAAC,CACH,GACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
@@ -1,11 +1,19 @@
1
1
  import { type VariantProps } from "class-variance-authority";
2
2
  import * as React from "react";
3
- declare const textareaVariants: (props?: ({
4
- variant?: "success" | "default" | "error" | null | undefined;
5
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
- export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
7
- autoResize?: boolean;
8
- maxHeight?: number;
3
+ declare const textareaVariants: (
4
+ props?:
5
+ | ({
6
+ variant?: "default" | "error" | "success" | null | undefined;
7
+ } & import("class-variance-authority/types").ClassProp)
8
+ | undefined,
9
+ ) => string;
10
+ export interface TextareaProps
11
+ extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,
12
+ VariantProps<typeof textareaVariants> {
13
+ autoResize?: boolean;
14
+ maxHeight?: number;
9
15
  }
10
- declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
16
+ declare const Textarea: React.ForwardRefExoticComponent<
17
+ TextareaProps & React.RefAttributes<HTMLTextAreaElement>
18
+ >;
11
19
  export { Textarea, textareaVariants };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/gui/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,gBAAgB;;8EAcrB,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACvD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,2FAmDb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,51 +1,68 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
1
  import { cva } from "class-variance-authority";
3
2
  import * as React from "react";
3
+ import { jsx as _jsx } from "react/jsx-runtime";
4
4
  import { cn } from "../lib/utils.js";
5
- const textareaVariants = cva("flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none", {
6
- variants: {
7
- variant: {
8
- default: "border-input focus-visible:ring-ring",
9
- error: "border-destructive focus-visible:ring-destructive",
10
- success: "border-green-500 focus-visible:ring-green-500",
11
- },
12
- },
13
- defaultVariants: {
14
- variant: "default",
15
- },
16
- });
17
- const Textarea = React.forwardRef(({ className, autoResize = false, maxHeight = 200, variant, ...props }, ref) => {
18
- const textareaRef = React.useRef(null);
19
- const handleRef = React.useCallback((node) => {
20
- textareaRef.current = node;
21
- if (typeof ref === "function") {
22
- ref(node);
23
- }
24
- else if (ref) {
25
- ref.current = node;
26
- }
27
- }, [ref]);
28
- const adjustHeight = React.useCallback(() => {
29
- const textarea = textareaRef.current;
30
- if (!textarea || !autoResize)
31
- return;
32
- // Reset height to auto to get the correct scrollHeight
33
- textarea.style.height = "auto";
34
- // Set new height based on content, respecting maxHeight
35
- const newHeight = Math.min(textarea.scrollHeight, maxHeight);
36
- textarea.style.height = `${newHeight}px`;
37
- // Enable scrollbar if content exceeds maxHeight
38
- if (textarea.scrollHeight > maxHeight) {
39
- textarea.style.overflowY = "auto";
40
- }
41
- else {
42
- textarea.style.overflowY = "hidden";
43
- }
44
- }, [autoResize, maxHeight]);
45
- React.useEffect(() => {
46
- adjustHeight();
47
- }, [adjustHeight]);
48
- return (_jsx("textarea", { className: cn(textareaVariants({ variant }), autoResize && "overflow-y-hidden", className), ref: handleRef, ...props }));
49
- });
5
+
6
+ const textareaVariants = cva(
7
+ "flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none",
8
+ {
9
+ variants: {
10
+ variant: {
11
+ default: "border-input focus-visible:ring-ring",
12
+ error: "border-destructive focus-visible:ring-destructive",
13
+ success: "border-green-500 focus-visible:ring-green-500",
14
+ },
15
+ },
16
+ defaultVariants: {
17
+ variant: "default",
18
+ },
19
+ },
20
+ );
21
+ const Textarea = React.forwardRef(
22
+ (
23
+ { className, autoResize = false, maxHeight = 200, variant, ...props },
24
+ ref,
25
+ ) => {
26
+ const textareaRef = React.useRef(null);
27
+ const handleRef = React.useCallback(
28
+ (node) => {
29
+ textareaRef.current = node;
30
+ if (typeof ref === "function") {
31
+ ref(node);
32
+ } else if (ref) {
33
+ ref.current = node;
34
+ }
35
+ },
36
+ [ref],
37
+ );
38
+ const adjustHeight = React.useCallback(() => {
39
+ const textarea = textareaRef.current;
40
+ if (!textarea || !autoResize) return;
41
+ // Reset height to auto to get the correct scrollHeight
42
+ textarea.style.height = "auto";
43
+ // Set new height based on content, respecting maxHeight
44
+ const newHeight = Math.min(textarea.scrollHeight, maxHeight);
45
+ textarea.style.height = `${newHeight}px`;
46
+ // Enable scrollbar if content exceeds maxHeight
47
+ if (textarea.scrollHeight > maxHeight) {
48
+ textarea.style.overflowY = "auto";
49
+ } else {
50
+ textarea.style.overflowY = "hidden";
51
+ }
52
+ }, [autoResize, maxHeight]);
53
+ React.useEffect(() => {
54
+ adjustHeight();
55
+ }, [adjustHeight]);
56
+ return _jsx("textarea", {
57
+ className: cn(
58
+ textareaVariants({ variant }),
59
+ autoResize && "overflow-y-hidden",
60
+ className,
61
+ ),
62
+ ref: handleRef,
63
+ ...props,
64
+ });
65
+ },
66
+ );
50
67
  Textarea.displayName = "Textarea";
51
68
  export { Textarea, textareaVariants };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/gui/components/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,gBAAgB,GAAG,GAAG,CAC1B,6QAA6Q,EAC7Q;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,sCAAsC;YAC/C,KAAK,EAAE,mDAAmD;YAC1D,OAAO,EAAE,+CAA+C;SACzD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AASF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,GAAG,GAAG,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAA6B,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,IAAgC,EAAE,EAAE;QACnC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC1C,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU;YAAE,OAAO;QAErC,uDAAuD;QACvD,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAE/B,wDAAwD;QACxD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QAC7D,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,SAAS,IAAI,CAAC;QAEzC,gDAAgD;QAChD,IAAI,QAAQ,CAAC,YAAY,GAAG,SAAS,EAAE,CAAC;YACtC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC,EAC7B,UAAU,IAAI,mBAAmB,EACjC,SAAS,CACV,EACD,GAAG,EAAE,SAAS,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,12 +1,22 @@
1
1
  import { type VariantProps } from "class-variance-authority";
2
- declare const thinkingBlockVariants: (props?: ({
3
- variant?: "default" | "subtle" | "prominent" | null | undefined;
4
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
- export interface ThinkingBlockProps extends VariantProps<typeof thinkingBlockVariants> {
6
- thinking?: string;
7
- isStreaming?: boolean;
8
- displayMode?: "collapsible" | "inline";
9
- className?: string;
2
+ declare const thinkingBlockVariants: (
3
+ props?:
4
+ | ({
5
+ variant?: "default" | "subtle" | "prominent" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp)
7
+ | undefined,
8
+ ) => string;
9
+ export interface ThinkingBlockProps
10
+ extends VariantProps<typeof thinkingBlockVariants> {
11
+ thinking?: string;
12
+ isStreaming?: boolean;
13
+ displayMode?: "collapsible" | "inline";
14
+ className?: string;
10
15
  }
11
- export declare function ThinkingBlock({ thinking, isStreaming, displayMode, variant, className, }: ThinkingBlockProps): import("react/jsx-runtime").JSX.Element | null;
12
- export {};
16
+ export declare function ThinkingBlock({
17
+ thinking,
18
+ isStreaming,
19
+ displayMode,
20
+ variant,
21
+ className,
22
+ }: ThinkingBlockProps): import("react/jsx-runtime").JSX.Element | null;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThinkingBlock.d.ts","sourceRoot":"","sources":["../../../src/gui/components/ThinkingBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,qBAAqB;;8EAc1B,CAAC;AAiBF,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,aAAa,GAAG,QAAQ,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAW,EACX,WAA2B,EAC3B,OAAO,EACP,SAAS,GACV,EAAE,kBAAkB,kDA+DpB"}