@ouraihub/aether-ui 0.0.0-stage → 0.1.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 (179) hide show
  1. package/LICENSE +789 -0
  2. package/fixtures/model-classify.json +42 -0
  3. package/fixtures/pricing-cost.json +56 -0
  4. package/fixtures/reasoning-infer.json +44 -0
  5. package/fixtures/sse/anthropic-messages/chinese.sse +24 -0
  6. package/fixtures/sse/anthropic-messages/multi-tool.sse +33 -0
  7. package/fixtures/sse/anthropic-messages/single-tool.sse +39 -0
  8. package/fixtures/sse/anthropic-messages/text.sse +27 -0
  9. package/fixtures/sse/anthropic-messages/truncated.sse +21 -0
  10. package/fixtures/sse/anthropic-messages/upstream-error.sse +12 -0
  11. package/fixtures/sse/expect.json +20 -0
  12. package/fixtures/sse/openai-chat/chinese.sse +14 -0
  13. package/fixtures/sse/openai-chat/multi-tool.sse +18 -0
  14. package/fixtures/sse/openai-chat/single-tool.sse +22 -0
  15. package/fixtures/sse/openai-chat/text.sse +14 -0
  16. package/fixtures/sse/openai-chat/truncated.sse +12 -0
  17. package/fixtures/sse/openai-chat/upstream-error.sse +6 -0
  18. package/fixtures/sse/openai-responses/chinese.sse +33 -0
  19. package/fixtures/sse/openai-responses/multi-tool.sse +36 -0
  20. package/fixtures/sse/openai-responses/single-tool.sse +27 -0
  21. package/fixtures/sse/openai-responses/text.sse +33 -0
  22. package/fixtures/sse/openai-responses/truncated.sse +30 -0
  23. package/fixtures/sse/openai-responses/upstream-error.sse +9 -0
  24. package/package.json +71 -3
  25. package/src/CopyInput.svelte +33 -0
  26. package/src/KitNotifier.svelte +33 -0
  27. package/src/chat/ApprovalCard.svelte +23 -0
  28. package/src/chat/ChatPanel.svelte +2097 -0
  29. package/src/chat/MessageItem.svelte +583 -0
  30. package/src/chat/SkillPicker.svelte +126 -0
  31. package/src/chat/ToolCallItem.svelte +23 -0
  32. package/src/chat/UsageDetails.svelte +138 -0
  33. package/src/chat/index.ts +2 -0
  34. package/src/chat/run-session.svelte.ts +556 -0
  35. package/src/components/ui/alert/alert-action.svelte +20 -0
  36. package/src/components/ui/alert/alert-description.svelte +23 -0
  37. package/src/components/ui/alert/alert-title.svelte +23 -0
  38. package/src/components/ui/alert/alert.svelte +43 -0
  39. package/src/components/ui/alert/index.ts +17 -0
  40. package/src/components/ui/alert-dialog/alert-dialog-action.svelte +27 -0
  41. package/src/components/ui/alert-dialog/alert-dialog-cancel.svelte +27 -0
  42. package/src/components/ui/alert-dialog/alert-dialog-content.svelte +32 -0
  43. package/src/components/ui/alert-dialog/alert-dialog-description.svelte +17 -0
  44. package/src/components/ui/alert-dialog/alert-dialog-footer.svelte +23 -0
  45. package/src/components/ui/alert-dialog/alert-dialog-header.svelte +20 -0
  46. package/src/components/ui/alert-dialog/alert-dialog-media.svelte +20 -0
  47. package/src/components/ui/alert-dialog/alert-dialog-overlay.svelte +17 -0
  48. package/src/components/ui/alert-dialog/alert-dialog-portal.svelte +7 -0
  49. package/src/components/ui/alert-dialog/alert-dialog-title.svelte +17 -0
  50. package/src/components/ui/alert-dialog/alert-dialog-trigger.svelte +7 -0
  51. package/src/components/ui/alert-dialog/alert-dialog.svelte +7 -0
  52. package/src/components/ui/alert-dialog/index.ts +40 -0
  53. package/src/components/ui/button/button.svelte +81 -0
  54. package/src/components/ui/button/index.ts +17 -0
  55. package/src/components/ui/dialog/dialog-close.svelte +11 -0
  56. package/src/components/ui/dialog/dialog-content.svelte +48 -0
  57. package/src/components/ui/dialog/dialog-description.svelte +17 -0
  58. package/src/components/ui/dialog/dialog-footer.svelte +32 -0
  59. package/src/components/ui/dialog/dialog-header.svelte +20 -0
  60. package/src/components/ui/dialog/dialog-overlay.svelte +17 -0
  61. package/src/components/ui/dialog/dialog-portal.svelte +7 -0
  62. package/src/components/ui/dialog/dialog-title.svelte +17 -0
  63. package/src/components/ui/dialog/dialog-trigger.svelte +11 -0
  64. package/src/components/ui/dialog/dialog.svelte +7 -0
  65. package/src/components/ui/dialog/index.ts +34 -0
  66. package/src/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte +16 -0
  67. package/src/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +46 -0
  68. package/src/components/ui/dropdown-menu/dropdown-menu-content.svelte +31 -0
  69. package/src/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte +22 -0
  70. package/src/components/ui/dropdown-menu/dropdown-menu-group.svelte +7 -0
  71. package/src/components/ui/dropdown-menu/dropdown-menu-item.svelte +27 -0
  72. package/src/components/ui/dropdown-menu/dropdown-menu-label.svelte +24 -0
  73. package/src/components/ui/dropdown-menu/dropdown-menu-portal.svelte +7 -0
  74. package/src/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte +17 -0
  75. package/src/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte +36 -0
  76. package/src/components/ui/dropdown-menu/dropdown-menu-separator.svelte +17 -0
  77. package/src/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +20 -0
  78. package/src/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte +31 -0
  79. package/src/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +29 -0
  80. package/src/components/ui/dropdown-menu/dropdown-menu-sub.svelte +7 -0
  81. package/src/components/ui/dropdown-menu/dropdown-menu-trigger.svelte +7 -0
  82. package/src/components/ui/dropdown-menu/dropdown-menu.svelte +7 -0
  83. package/src/components/ui/dropdown-menu/index.ts +54 -0
  84. package/src/components/ui/empty/empty-content.svelte +23 -0
  85. package/src/components/ui/empty/empty-description.svelte +23 -0
  86. package/src/components/ui/empty/empty-header.svelte +20 -0
  87. package/src/components/ui/empty/empty-media.svelte +41 -0
  88. package/src/components/ui/empty/empty-title.svelte +20 -0
  89. package/src/components/ui/empty/empty.svelte +23 -0
  90. package/src/components/ui/empty/index.ts +22 -0
  91. package/src/components/ui/field/field-content.svelte +20 -0
  92. package/src/components/ui/field/field-description.svelte +25 -0
  93. package/src/components/ui/field/field-error.svelte +58 -0
  94. package/src/components/ui/field/field-group.svelte +23 -0
  95. package/src/components/ui/field/field-label.svelte +25 -0
  96. package/src/components/ui/field/field-legend.svelte +24 -0
  97. package/src/components/ui/field/field-separator.svelte +35 -0
  98. package/src/components/ui/field/field-set.svelte +20 -0
  99. package/src/components/ui/field/field-title.svelte +20 -0
  100. package/src/components/ui/field/field.svelte +47 -0
  101. package/src/components/ui/field/index.ts +33 -0
  102. package/src/components/ui/input/index.ts +7 -0
  103. package/src/components/ui/input/input.svelte +48 -0
  104. package/src/components/ui/label/index.ts +7 -0
  105. package/src/components/ui/label/label.svelte +20 -0
  106. package/src/components/ui/select/index.ts +40 -0
  107. package/src/components/ui/select/select-content.svelte +45 -0
  108. package/src/components/ui/select/select-group-heading.svelte +21 -0
  109. package/src/components/ui/select/select-group.svelte +17 -0
  110. package/src/components/ui/select/select-item.svelte +43 -0
  111. package/src/components/ui/select/select-label.svelte +20 -0
  112. package/src/components/ui/select/select-portal.svelte +7 -0
  113. package/src/components/ui/select/select-scroll-down-button.svelte +20 -0
  114. package/src/components/ui/select/select-scroll-up-button.svelte +20 -0
  115. package/src/components/ui/select/select-separator.svelte +18 -0
  116. package/src/components/ui/select/select-trigger.svelte +29 -0
  117. package/src/components/ui/select/select-value.svelte +7 -0
  118. package/src/components/ui/select/select.svelte +11 -0
  119. package/src/components/ui/separator/index.ts +7 -0
  120. package/src/components/ui/separator/separator.svelte +21 -0
  121. package/src/components/ui/sonner/index.ts +1 -0
  122. package/src/components/ui/sonner/sonner.svelte +40 -0
  123. package/src/components/ui/switch/index.ts +7 -0
  124. package/src/components/ui/switch/switch.svelte +34 -0
  125. package/src/components/ui/textarea/index.ts +7 -0
  126. package/src/components/ui/textarea/textarea.svelte +22 -0
  127. package/src/context.ts +34 -0
  128. package/src/dev/Demo.svelte +45 -0
  129. package/src/dev/main.ts +7 -0
  130. package/src/i18n/en.ts +617 -0
  131. package/src/i18n/index.ts +23 -0
  132. package/src/i18n/zh-CN.ts +599 -0
  133. package/src/index.ts +10 -0
  134. package/src/logs/LogPanel.svelte +97 -0
  135. package/src/logs/LogSettings.svelte +56 -0
  136. package/src/logs/index.ts +5 -0
  137. package/src/logs/logger.ts +96 -0
  138. package/src/markdown.ts +8 -0
  139. package/src/mcp/McpClientSettings.svelte +491 -0
  140. package/src/mcp/McpServerSettings.svelte +327 -0
  141. package/src/mcp/config.ts +26 -0
  142. package/src/mcp/index.ts +3 -0
  143. package/src/mcp/input.ts +73 -0
  144. package/src/notify.svelte.ts +43 -0
  145. package/src/ports/contract.ts +165 -0
  146. package/src/ports/fake.ts +484 -0
  147. package/src/ports/index.ts +7 -0
  148. package/src/ports/search.ts +47 -0
  149. package/src/ports/skill-sources.ts +45 -0
  150. package/src/providers/EndpointKeysDialog.svelte +343 -0
  151. package/src/providers/EndpointPanel.svelte +491 -0
  152. package/src/providers/ModelPickerDialog.svelte +187 -0
  153. package/src/providers/ModelSelect.svelte +434 -0
  154. package/src/providers/ModelSettingsDialog.svelte +453 -0
  155. package/src/providers/ProvidersSettings.svelte +631 -0
  156. package/src/providers/RequestConfigDialog.svelte +250 -0
  157. package/src/providers/SecretInput.svelte +276 -0
  158. package/src/providers/draft.ts +329 -0
  159. package/src/providers/edit-session.ts +146 -0
  160. package/src/providers/index.ts +5 -0
  161. package/src/providers/reasoning.ts +41 -0
  162. package/src/providers/revision.svelte.ts +4 -0
  163. package/src/search/SearchSettings.svelte +703 -0
  164. package/src/search/index.ts +13 -0
  165. package/src/search/settings-flow.ts +62 -0
  166. package/src/session.ts +20 -0
  167. package/src/skills/SkillAdd.svelte +347 -0
  168. package/src/skills/SkillAuthoring.svelte +381 -0
  169. package/src/skills/SkillEditor.svelte +94 -0
  170. package/src/skills/SkillPreviewDialog.svelte +122 -0
  171. package/src/skills/SkillsSettings.svelte +140 -0
  172. package/src/skills/error.ts +32 -0
  173. package/src/skills/index.ts +4 -0
  174. package/src/styles/kit.css +137 -0
  175. package/src/styles/tokens.css +22 -0
  176. package/src/tauri/index.ts +282 -0
  177. package/src/utils.ts +22 -0
  178. package/src/web/index.ts +376 -0
  179. package/README.md +0 -3
@@ -0,0 +1,33 @@
1
+ event: response.created
2
+ data: {"type":"response.created","sequence_number":0,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"in_progress","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":null,"usage":null}}
3
+
4
+ event: response.in_progress
5
+ data: {"type":"response.in_progress","sequence_number":1,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"in_progress","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":null,"usage":null}}
6
+
7
+ event: response.output_item.added
8
+ data: {"type":"response.output_item.added","sequence_number":2,"output_index":0,"item":{"id":"msg_67ccd2bf17f0819081ff3bb2cf6508e60bb6a6b452d3795b","type":"message","status":"in_progress","role":"assistant","content":[]}}
9
+
10
+ event: response.content_part.added
11
+ data: {"type":"response.content_part.added","sequence_number":3,"item_id":"msg_67ccd2bf17f0819081ff3bb2cf6508e60bb6a6b452d3795b","output_index":0,"content_index":0,"part":{"type":"output_text","text":"","annotations":[]}}
12
+
13
+ event: response.output_text.delta
14
+ data: {"type":"response.output_text.delta","sequence_number":4,"item_id":"msg_67ccd2bf17f0819081ff3bb2cf6508e60bb6a6b452d3795b","output_index":0,"content_index":0,"delta":"Hello"}
15
+
16
+ event: response.output_text.delta
17
+ data: {"type":"response.output_text.delta","sequence_number":5,"item_id":"msg_67ccd2bf17f0819081ff3bb2cf6508e60bb6a6b452d3795b","output_index":0,"content_index":0,"delta":"! How can I"}
18
+
19
+ event: response.output_text.delta
20
+ data: {"type":"response.output_text.delta","sequence_number":6,"item_id":"msg_67ccd2bf17f0819081ff3bb2cf6508e60bb6a6b452d3795b","output_index":0,"content_index":0,"delta":" help you today?"}
21
+
22
+ event: response.output_text.done
23
+ data: {"type":"response.output_text.done","sequence_number":7,"item_id":"msg_67ccd2bf17f0819081ff3bb2cf6508e60bb6a6b452d3795b","output_index":0,"content_index":0,"text":"Hello! How can I help you today?"}
24
+
25
+ event: response.content_part.done
26
+ data: {"type":"response.content_part.done","sequence_number":8,"item_id":"msg_67ccd2bf17f0819081ff3bb2cf6508e60bb6a6b452d3795b","output_index":0,"content_index":0,"part":{"type":"output_text","text":"Hello! How can I help you today?","annotations":[]}}
27
+
28
+ event: response.output_item.done
29
+ data: {"type":"response.output_item.done","sequence_number":9,"output_index":0,"item":{"id":"msg_67ccd2bf17f0819081ff3bb2cf6508e60bb6a6b452d3795b","type":"message","status":"completed","role":"assistant","content":[{"type":"output_text","text":"Hello! How can I help you today?","annotations":[]}]}}
30
+
31
+ event: response.completed
32
+ data: {"type":"response.completed","sequence_number":10,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"completed","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":null,"usage":{"input_tokens":37,"input_tokens_details":{"cached_tokens":0},"output_tokens":11,"output_tokens_details":{"reasoning_tokens":0},"total_tokens":48}}}
33
+
@@ -0,0 +1,30 @@
1
+ event: response.created
2
+ data: {"type":"response.created","sequence_number":0,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"in_progress","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":null,"usage":null}}
3
+
4
+ event: response.in_progress
5
+ data: {"type":"response.in_progress","sequence_number":1,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"in_progress","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":null,"usage":null}}
6
+
7
+ event: response.output_item.added
8
+ data: {"type":"response.output_item.added","sequence_number":2,"output_index":0,"item":{"id":"msg_67ccd3a9da748190baa7f1570fe91ac604becb25c45c1d41","type":"message","status":"in_progress","role":"assistant","content":[]}}
9
+
10
+ event: response.content_part.added
11
+ data: {"type":"response.content_part.added","sequence_number":3,"item_id":"msg_67ccd3a9da748190baa7f1570fe91ac604becb25c45c1d41","output_index":0,"content_index":0,"part":{"type":"output_text","text":"","annotations":[]}}
12
+
13
+ event: response.output_text.delta
14
+ data: {"type":"response.output_text.delta","sequence_number":4,"item_id":"msg_67ccd3a9da748190baa7f1570fe91ac604becb25c45c1d41","output_index":0,"content_index":0,"delta":"Here is a long story. Once upon"}
15
+
16
+ event: response.output_text.delta
17
+ data: {"type":"response.output_text.delta","sequence_number":5,"item_id":"msg_67ccd3a9da748190baa7f1570fe91ac604becb25c45c1d41","output_index":0,"content_index":0,"delta":" a time there"}
18
+
19
+ event: response.output_text.done
20
+ data: {"type":"response.output_text.done","sequence_number":6,"item_id":"msg_67ccd3a9da748190baa7f1570fe91ac604becb25c45c1d41","output_index":0,"content_index":0,"text":"Here is a long story. Once upon a time there"}
21
+
22
+ event: response.content_part.done
23
+ data: {"type":"response.content_part.done","sequence_number":7,"item_id":"msg_67ccd3a9da748190baa7f1570fe91ac604becb25c45c1d41","output_index":0,"content_index":0,"part":{"type":"output_text","text":"Here is a long story. Once upon a time there","annotations":[]}}
24
+
25
+ event: response.output_item.done
26
+ data: {"type":"response.output_item.done","sequence_number":8,"output_index":0,"item":{"id":"msg_67ccd3a9da748190baa7f1570fe91ac604becb25c45c1d41","type":"message","status":"completed","role":"assistant","content":[{"type":"output_text","text":"Here is a long story. Once upon a time there","annotations":[]}]}}
27
+
28
+ event: response.incomplete
29
+ data: {"type":"response.incomplete","sequence_number":9,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"incomplete","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":{"reason":"max_output_tokens"},"usage":{"input_tokens":30,"input_tokens_details":{"cached_tokens":0},"output_tokens":16,"output_tokens_details":{"reasoning_tokens":0},"total_tokens":46}}}
30
+
@@ -0,0 +1,9 @@
1
+ event: response.created
2
+ data: {"type":"response.created","sequence_number":0,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"in_progress","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":null,"usage":null}}
3
+
4
+ event: response.in_progress
5
+ data: {"type":"response.in_progress","sequence_number":1,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"in_progress","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":null,"usage":null}}
6
+
7
+ event: response.failed
8
+ data: {"type":"response.failed","sequence_number":2,"response":{"id":"resp_67ccd2bed1ec8190b14f964abc0542670bb6a6b452d3795b","object":"response","created_at":1741476542,"status":"failed","model":"gpt-4.1-2025-04-14","output":[],"incomplete_details":null,"usage":null,"error":{"code":"server_error","message":"The model failed to generate a response."}}}
9
+
package/package.json CHANGED
@@ -1,6 +1,74 @@
1
1
  {
2
2
  "name": "@ouraihub/aether-ui",
3
- "version": "0.0.0-stage",
4
- "stub": true,
5
- "description": "Temporary package placeholder for staged publishing"
3
+ "version": "0.1.0",
4
+ "license": "LGPL-3.0-only",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "git+https://github.com/ouraihub/Aether.git",
8
+ "directory": "packages/ui"
9
+ },
10
+ "type": "module",
11
+ "imports": {
12
+ "#lib/*": "./src/*"
13
+ },
14
+ "exports": {
15
+ ".": "./src/index.ts",
16
+ "./ports": "./src/ports/index.ts",
17
+ "./tauri": "./src/tauri/index.ts",
18
+ "./web": "./src/web/index.ts",
19
+ "./providers": "./src/providers/index.ts",
20
+ "./chat": "./src/chat/index.ts",
21
+ "./search": "./src/search/index.ts",
22
+ "./skills": "./src/skills/index.ts",
23
+ "./mcp": "./src/mcp/index.ts",
24
+ "./logs": "./src/logs/index.ts",
25
+ "./styles.css": "./src/styles/kit.css",
26
+ "./tokens.css": "./src/styles/tokens.css",
27
+ "./fixtures/*": "./fixtures/*"
28
+ },
29
+ "peerDependencies": {
30
+ "svelte": "^5.57.1"
31
+ },
32
+ "dependencies": {
33
+ "@ouraihub/aether-contracts": "0.1.0",
34
+ "@internationalized/date": "3.12.4",
35
+ "@lucide/svelte": "0.561.0",
36
+ "@tauri-apps/api": "2.11.1",
37
+ "bits-ui": "2.19.5",
38
+ "cn": "0.4.0",
39
+ "dompurify": "3.4.16",
40
+ "marked": "18.1.0",
41
+ "mode-watcher": "1.1.0",
42
+ "shadcn-svelte": "1.7.0",
43
+ "svelte-sonner": "1.2.1",
44
+ "tailwind-variants": "3.3.1",
45
+ "tw-animate-css": "1.4.0"
46
+ },
47
+ "devDependencies": {
48
+ "@sveltejs/vite-plugin-svelte": "7.3.1",
49
+ "@tailwindcss/vite": "4.3.3",
50
+ "@testing-library/svelte": "5.4.2",
51
+ "jsdom": "30.1.2",
52
+ "svelte": "5.57.1",
53
+ "svelte-check": "4.7.6",
54
+ "tailwindcss": "4.3.3",
55
+ "typescript": "5.9.3",
56
+ "vite": "8.3.4",
57
+ "vitest": "4.1.10"
58
+ },
59
+ "files": [
60
+ "src",
61
+ "!src/**/*.test.ts",
62
+ "!src/**/*.test.svelte",
63
+ "!src/**/__tests__",
64
+ "fixtures"
65
+ ],
66
+ "publishConfig": {
67
+ "access": "public"
68
+ },
69
+ "scripts": {
70
+ "dev": "vite",
71
+ "typecheck": "svelte-check --tsconfig ./tsconfig.json --fail-on-warnings",
72
+ "test": "vitest run --passWithNoTests"
73
+ }
6
74
  }
@@ -0,0 +1,33 @@
1
+ <script lang="ts">
2
+ // Input with a hover/focus copy button at the inline end; shown only when non-empty.
3
+ import CopyIcon from '@lucide/svelte/icons/copy'
4
+ import type { ComponentProps } from 'svelte'
5
+ import { Input } from '#lib/components/ui/input/index.js'
6
+ import { cn } from '#lib/utils.js'
7
+ import { getKitContext } from './context'
8
+
9
+ let { value = $bindable(), class: className, ...rest }: ComponentProps<typeof Input> = $props()
10
+ const { i18n, notify } = getKitContext()
11
+ const { t } = i18n
12
+ const text = $derived(String(value ?? '').trim())
13
+
14
+ async function copy() {
15
+ try {
16
+ await navigator.clipboard.writeText(text)
17
+ notify.toast('success', t('chat.copied'))
18
+ } catch {
19
+ notify.toast('error', t('chat.copyFailed'))
20
+ }
21
+ }
22
+ </script>
23
+
24
+ <div class={cn('group/copy relative min-w-0', className)}>
25
+ <Input bind:value class={cn('w-full', text && 'pr-8')} {...rest} />
26
+ {#if text}<button
27
+ type="button"
28
+ class="text-muted-foreground hover:text-foreground hover:bg-accent focus-visible:ring-ring/50 rounded-kit absolute top-1/2 right-1.5 inline-flex size-6 -translate-y-1/2 items-center justify-center opacity-0 transition-opacity outline-none group-focus-within/copy:opacity-100 group-hover/copy:opacity-100 focus-visible:opacity-100 focus-visible:ring-2"
29
+ aria-label={t('chat.copy')}
30
+ title={t('chat.copy')}
31
+ onclick={() => void copy()}><CopyIcon class="size-3.5" /></button
32
+ >{/if}
33
+ </div>
@@ -0,0 +1,33 @@
1
+ <script lang="ts">
2
+ // Mounts the toaster and the single confirm dialog behind DefaultNotify (docs/16 §3).
3
+ import * as AlertDialog from '#lib/components/ui/alert-dialog/index.js'
4
+ import { Toaster } from '#lib/components/ui/sonner/index.js'
5
+ import type { KitI18n } from './i18n'
6
+ import type { DefaultNotify } from './notify.svelte'
7
+
8
+ interface Props {
9
+ notify: DefaultNotify
10
+ i18n: KitI18n
11
+ }
12
+
13
+ let { notify, i18n }: Props = $props()
14
+ </script>
15
+
16
+ <Toaster />
17
+ <AlertDialog.Root open={notify.open} onOpenChange={(isOpen) => !isOpen && notify.answer(false)}>
18
+ <AlertDialog.Content>
19
+ <AlertDialog.Header>
20
+ <AlertDialog.Title>{notify.request?.title}</AlertDialog.Title>
21
+ <AlertDialog.Description>{notify.request?.body}</AlertDialog.Description>
22
+ </AlertDialog.Header>
23
+ <AlertDialog.Footer>
24
+ <AlertDialog.Cancel>{i18n.t('common.cancel')}</AlertDialog.Cancel>
25
+ <AlertDialog.Action
26
+ variant={notify.request?.danger ? 'destructive' : 'default'}
27
+ onclick={() => notify.answer(true)}
28
+ >
29
+ {i18n.t('common.confirm')}
30
+ </AlertDialog.Action>
31
+ </AlertDialog.Footer>
32
+ </AlertDialog.Content>
33
+ </AlertDialog.Root>
@@ -0,0 +1,23 @@
1
+ <script lang="ts">
2
+ // Approval of one `Ask` call (docs/16 §4.2): tool, source, arguments preview, allow once / deny.
3
+ import * as Alert from '#lib/components/ui/alert/index.js'
4
+ import { Button } from '#lib/components/ui/button/index.js'
5
+ import { getKitContext } from '../context'
6
+ import type { ToolItem } from './run-session.svelte'
7
+
8
+ let { tool, onAnswer }: { tool: ToolItem; onAnswer: (allow: boolean) => void } = $props()
9
+ const { t } = getKitContext().i18n
10
+ </script>
11
+
12
+ <Alert.Root aria-label={t('chat.approval.title', { name: tool.name })}>
13
+ <Alert.Title>{t('chat.approval.title', { name: tool.name })}</Alert.Title>
14
+ <Alert.Description class="flex flex-col gap-2">
15
+ <span>{tool.server ? t('chat.approval.mcp', { server: tool.server }) : t('chat.approval.host')}</span>
16
+ <pre
17
+ class="bg-muted max-h-40 w-full overflow-auto rounded-kit-sm p-2 text-kit-xs whitespace-pre-wrap">{tool.pending}</pre>
18
+ <span class="flex gap-2">
19
+ <Button size="sm" onclick={() => onAnswer(true)}>{t('chat.approval.allow')}</Button>
20
+ <Button size="sm" variant="outline" onclick={() => onAnswer(false)}>{t('chat.approval.deny')}</Button>
21
+ </span>
22
+ </Alert.Description>
23
+ </Alert.Root>