@dxos/plugin-automation 0.7.2 → 0.7.3-staging.0905f03

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 (91) hide show
  1. package/dist/lib/browser/AssistantPanel-N3QSALKY.mjs +341 -0
  2. package/dist/lib/browser/AssistantPanel-N3QSALKY.mjs.map +7 -0
  3. package/dist/lib/browser/AutomationPanel-AQMN2CQR.mjs +153 -0
  4. package/dist/lib/browser/AutomationPanel-AQMN2CQR.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-B3Z4NQC2.mjs → chunk-7KB4UMXO.mjs} +2 -8
  6. package/dist/lib/browser/{chunk-B3Z4NQC2.mjs.map → chunk-7KB4UMXO.mjs.map} +3 -3
  7. package/dist/lib/browser/{chunk-PQLGYMNY.mjs → chunk-X5KMOH3I.mjs} +2 -2
  8. package/dist/lib/browser/{chunk-PQLGYMNY.mjs.map → chunk-X5KMOH3I.mjs.map} +1 -1
  9. package/dist/lib/browser/index.mjs +111 -288
  10. package/dist/lib/browser/index.mjs.map +4 -4
  11. package/dist/lib/browser/meta.json +1 -1
  12. package/dist/lib/browser/meta.mjs +1 -1
  13. package/dist/lib/browser/types/index.mjs +1 -2
  14. package/dist/lib/node/AssistantPanel-RIA4TI3B.cjs +361 -0
  15. package/dist/lib/node/AssistantPanel-RIA4TI3B.cjs.map +7 -0
  16. package/dist/lib/node/AutomationPanel-HZS5WKI5.cjs +173 -0
  17. package/dist/lib/node/AutomationPanel-HZS5WKI5.cjs.map +7 -0
  18. package/dist/lib/node/{chunk-SUMUWFZA.cjs → chunk-CUCUWUAF.cjs} +5 -8
  19. package/dist/lib/node/{chunk-SUMUWFZA.cjs.map → chunk-CUCUWUAF.cjs.map} +3 -3
  20. package/dist/lib/node/{chunk-JSZ6PAYL.cjs → chunk-DTJ7XVO2.cjs} +5 -5
  21. package/dist/lib/node/{chunk-JSZ6PAYL.cjs.map → chunk-DTJ7XVO2.cjs.map} +1 -1
  22. package/dist/lib/node/index.cjs +145 -315
  23. package/dist/lib/node/index.cjs.map +4 -4
  24. package/dist/lib/node/meta.cjs +3 -3
  25. package/dist/lib/node/meta.cjs.map +1 -1
  26. package/dist/lib/node/meta.json +1 -1
  27. package/dist/lib/node/types/index.cjs +6 -7
  28. package/dist/lib/node/types/index.cjs.map +2 -2
  29. package/dist/lib/node-esm/AssistantPanel-72YH43CH.mjs +342 -0
  30. package/dist/lib/node-esm/AssistantPanel-72YH43CH.mjs.map +7 -0
  31. package/dist/lib/node-esm/AutomationPanel-JUHOWQWW.mjs +154 -0
  32. package/dist/lib/node-esm/AutomationPanel-JUHOWQWW.mjs.map +7 -0
  33. package/dist/lib/node-esm/{chunk-PYT2WY4B.mjs → chunk-23LY7DYS.mjs} +2 -7
  34. package/dist/lib/node-esm/{chunk-PYT2WY4B.mjs.map → chunk-23LY7DYS.mjs.map} +3 -3
  35. package/dist/lib/node-esm/{chunk-B35UD3D7.mjs → chunk-HNOBZHWK.mjs} +2 -2
  36. package/dist/lib/node-esm/{chunk-B35UD3D7.mjs.map → chunk-HNOBZHWK.mjs.map} +1 -1
  37. package/dist/lib/node-esm/index.mjs +111 -288
  38. package/dist/lib/node-esm/index.mjs.map +4 -4
  39. package/dist/lib/node-esm/meta.json +1 -1
  40. package/dist/lib/node-esm/meta.mjs +1 -1
  41. package/dist/lib/node-esm/types/index.mjs +1 -2
  42. package/dist/types/src/AutomationPlugin.d.ts.map +1 -1
  43. package/dist/types/src/components/AssistantPanel/AssistantPanel.d.ts +8 -0
  44. package/dist/types/src/components/AssistantPanel/AssistantPanel.d.ts.map +1 -0
  45. package/dist/types/src/components/AssistantPanel/index.d.ts +3 -0
  46. package/dist/types/src/components/AssistantPanel/index.d.ts.map +1 -0
  47. package/dist/types/src/components/AssistantPanel/system-instructions.d.ts +6 -0
  48. package/dist/types/src/components/AssistantPanel/system-instructions.d.ts.map +1 -0
  49. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts +8 -0
  50. package/dist/types/src/components/AutomationPanel/AutomationPanel.d.ts.map +1 -0
  51. package/dist/types/src/components/AutomationPanel/AutomationPanel.stories.d.ts +6 -0
  52. package/dist/types/src/components/AutomationPanel/AutomationPanel.stories.d.ts.map +1 -0
  53. package/dist/types/src/components/AutomationPanel/index.d.ts +3 -0
  54. package/dist/types/src/components/AutomationPanel/index.d.ts.map +1 -0
  55. package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts +6 -3
  56. package/dist/types/src/components/TriggerEditor/TriggerEditor.d.ts.map +1 -1
  57. package/dist/types/src/components/TriggerEditor/TriggerEditor.stories.d.ts.map +1 -1
  58. package/dist/types/src/components/index.d.ts +2 -3
  59. package/dist/types/src/components/index.d.ts.map +1 -1
  60. package/dist/types/src/hooks/email.d.ts.map +1 -1
  61. package/dist/types/src/testing/index.d.ts +2 -0
  62. package/dist/types/src/testing/index.d.ts.map +1 -0
  63. package/dist/types/src/testing/testing.d.ts +12 -0
  64. package/dist/types/src/testing/testing.d.ts.map +1 -0
  65. package/dist/types/src/translations.d.ts +2 -0
  66. package/dist/types/src/translations.d.ts.map +1 -1
  67. package/dist/types/src/types/schema.d.ts +3 -3
  68. package/dist/types/src/types/types.d.ts +1 -2
  69. package/dist/types/src/types/types.d.ts.map +1 -1
  70. package/package.json +38 -34
  71. package/src/AutomationPlugin.tsx +89 -36
  72. package/src/components/AssistantPanel/AssistantPanel.tsx +230 -0
  73. package/src/components/AssistantPanel/index.ts +7 -0
  74. package/src/components/AssistantPanel/system-instructions.ts +166 -0
  75. package/src/components/AutomationPanel/AutomationPanel.stories.tsx +57 -0
  76. package/src/components/AutomationPanel/AutomationPanel.tsx +135 -0
  77. package/src/components/AutomationPanel/index.ts +7 -0
  78. package/src/components/PromptEditor/PromptEditor.stories.tsx +1 -1
  79. package/src/components/TriggerEditor/TriggerEditor.stories.tsx +2 -32
  80. package/src/components/TriggerEditor/TriggerEditor.tsx +19 -47
  81. package/src/components/index.ts +4 -3
  82. package/src/hooks/email.ts +2 -2
  83. package/src/meta.ts +1 -1
  84. package/src/presets.ts +1 -1
  85. package/src/testing/index.ts +5 -0
  86. package/src/testing/testing.ts +34 -0
  87. package/src/translations.ts +3 -0
  88. package/src/types/types.ts +4 -6
  89. package/dist/types/src/components/AutomationPanel.d.ts +0 -3
  90. package/dist/types/src/components/AutomationPanel.d.ts.map +0 -1
  91. package/src/components/AutomationPanel.tsx +0 -23
@@ -0,0 +1,361 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var AssistantPanel_RIA4TI3B_exports = {};
30
+ __export(AssistantPanel_RIA4TI3B_exports, {
31
+ default: () => AssistantPanel_default
32
+ });
33
+ module.exports = __toCommonJS(AssistantPanel_RIA4TI3B_exports);
34
+ var import_chunk_DTJ7XVO2 = require("./chunk-DTJ7XVO2.cjs");
35
+ var import_react = __toESM(require("react"));
36
+ var import_assistant = require("@dxos/assistant");
37
+ var import_keys = require("@dxos/keys");
38
+ var import_react_client = require("@dxos/react-client");
39
+ var import_react_ui = require("@dxos/react-ui");
40
+ var import_react_ui2 = require("@dxos/react-ui");
41
+ var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
42
+ var import_react_ui_theme = require("@dxos/react-ui-theme");
43
+ var import_async = require("@dxos/async");
44
+ var import_echo_schema = require("@dxos/echo-schema");
45
+ var import_log = require("@dxos/log");
46
+ var import_echo = require("@dxos/react-client/echo");
47
+ var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-automation/src/components/AssistantPanel/system-instructions.ts";
48
+ var createSystemInstructions = async (context) => {
49
+ let instructions = `
50
+ <instructions>
51
+ Before replying always think step-by-step on how to proceed.
52
+ Print your thoughts inside <cot> tags.
53
+
54
+ <example>
55
+ <cot>To answer the question I need to ...</cot>
56
+ </example>
57
+ </instructions>
58
+
59
+ <current_time>${(/* @__PURE__ */ new Date()).toLocaleString()}</current_time>
60
+ `;
61
+ if (context.subject) {
62
+ instructions += `
63
+ <user_attention>
64
+ The user is currently interacting with an object in Composer application:
65
+
66
+ ${await formatContextObject(context.subject)}
67
+ </user_attention>
68
+ `;
69
+ }
70
+ return looseFormatXml(instructions);
71
+ };
72
+ var formatContextObject = async (object) => {
73
+ let data;
74
+ try {
75
+ data = await (0, import_async.asyncTimeout)(preprocessContextObject(object), CONTEXT_OBJECT_QUERY_TIMEOUT);
76
+ } catch (err) {
77
+ import_log.log.error("Failed to preprocess context object:", {
78
+ err
79
+ }, {
80
+ F: __dxlog_file,
81
+ L: 48,
82
+ S: void 0,
83
+ C: (f, a) => f(...a)
84
+ });
85
+ data = object;
86
+ }
87
+ if (typeof data === "string") {
88
+ return data;
89
+ } else {
90
+ return `
91
+ <object>
92
+ <type>${(0, import_echo_schema.getTypename)(object)}</type>
93
+ <id>${object.id}</id>
94
+ ${formatObjectAsXMLTags(data)}
95
+ </object>
96
+ `;
97
+ }
98
+ };
99
+ var preprocessContextObject = async (object) => {
100
+ const space = (0, import_echo.getSpace)(object);
101
+ if (!space) {
102
+ return {
103
+ ...object
104
+ };
105
+ }
106
+ switch ((0, import_echo_schema.getTypename)(object)) {
107
+ // TODO(dmaretskyi): Reference types somehow without plugin-automation depending on other plugins.
108
+ case "dxos.org/type/Document": {
109
+ const data = space.db.query({
110
+ id: object.id
111
+ }, {
112
+ format: import_echo.ResultFormat.Plain,
113
+ include: {
114
+ content: true
115
+ }
116
+ }).first() ?? {
117
+ content: {
118
+ content: ""
119
+ }
120
+ };
121
+ return {
122
+ ...data,
123
+ threads: void 0
124
+ };
125
+ }
126
+ case "dxos.org/type/Table": {
127
+ const schema = object.view ? space?.db.schemaRegistry.getSchema(object.view.query.type) : void 0;
128
+ const { objects: rows } = (schema && await space.db.query(import_echo.Filter.schema(schema), {
129
+ format: import_echo.ResultFormat.Plain,
130
+ limit: TABLE_ROWS_LIMIT
131
+ }).run()) ?? {};
132
+ return `
133
+ <object>
134
+ <id>${object.id}</id>
135
+ <type>${(0, import_echo_schema.getTypename)(object)}</type>
136
+ ${formatObjectAsXMLTags(object)}
137
+
138
+ <rows>
139
+ <!-- Limited to first ${TABLE_ROWS_LIMIT} rows. -->
140
+ ${rows?.map((row) => `<row>
141
+ ${formatObjectAsXMLTags(row)}
142
+ </row>`).join("\n")}
143
+ </rows>
144
+
145
+ `;
146
+ }
147
+ default:
148
+ return {
149
+ ...object
150
+ };
151
+ }
152
+ };
153
+ var formatObjectAsXMLTags = (object, depth = 1) => {
154
+ return Object.entries(object).filter(([key, value]) => [
155
+ "string",
156
+ "number",
157
+ "boolean",
158
+ "object"
159
+ ].includes(typeof value)).map(([key, value]) => {
160
+ if (typeof value === "object" && value !== null) {
161
+ if (depth === 0) {
162
+ return "";
163
+ } else {
164
+ return `<${key}>
165
+ ${formatObjectAsXMLTags(value, depth - 1)}
166
+ </${key}>`;
167
+ }
168
+ }
169
+ return `<${key}>${value}</${key}>`;
170
+ }).join("\n");
171
+ };
172
+ var CONTEXT_OBJECT_QUERY_TIMEOUT = 5e3;
173
+ var TABLE_ROWS_LIMIT = 10;
174
+ var looseFormatXml = (xml) => {
175
+ let currentIndent = 0;
176
+ return xml.split("\n").map((line) => {
177
+ if (line.match(RE_CLOSE_TAG_LINE)) {
178
+ currentIndent--;
179
+ }
180
+ const indent = currentIndent;
181
+ if (line.match(RE_OPEN_TAG_LINE)) {
182
+ currentIndent++;
183
+ }
184
+ return " ".repeat(indent * 2) + line.trimStart();
185
+ }).join("\n");
186
+ };
187
+ var RE_OPEN_TAG_LINE = /^[ ]*<[a-zA-Z0-9\-_]+>[ ]*$/;
188
+ var RE_CLOSE_TAG_LINE = /^[ ]*<\/[a-zA-Z0-9\-_]+>[ ]*$/;
189
+ var PROPERTIES_ASSISTANT_KEY = "dxos.assistant.beta.properties";
190
+ var AssistantPanel = ({ subject, classNames }) => {
191
+ const { t } = (0, import_react_ui2.useTranslation)(import_chunk_DTJ7XVO2.AUTOMATION_PLUGIN);
192
+ const config = (0, import_react_client.useConfig)();
193
+ const client = (0, import_react_client.useClient)();
194
+ const aiClient = (0, import_react.useRef)();
195
+ const [contextSpaceId, setContextSpaceId] = (0, import_react.useState)();
196
+ const [threadId, setThreadId] = (0, import_react.useState)();
197
+ const [history, setHistory] = (0, import_react.useState)([]);
198
+ const [input, setInput] = (0, import_react.useState)("");
199
+ (0, import_react.useEffect)(() => {
200
+ if (!aiClient.current) {
201
+ const endpoint = config.values.runtime?.services?.ai?.server;
202
+ if (!endpoint) {
203
+ throw new Error("AI service endpoint is not configured");
204
+ }
205
+ aiClient.current = new import_assistant.AIServiceClientImpl({
206
+ endpoint
207
+ });
208
+ }
209
+ queueMicrotask(async () => {
210
+ const properties = client.spaces.default.properties;
211
+ properties[PROPERTIES_ASSISTANT_KEY] ??= {};
212
+ properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId ??= import_keys.SpaceId.random();
213
+ properties[PROPERTIES_ASSISTANT_KEY].threadId ??= import_assistant.ObjectId.random();
214
+ const contextSpaceId2 = properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId;
215
+ const threadId2 = properties[PROPERTIES_ASSISTANT_KEY].threadId;
216
+ setContextSpaceId(contextSpaceId2);
217
+ setThreadId(threadId2);
218
+ const messages = await aiClient.current.getMessagesInThread(contextSpaceId2, threadId2);
219
+ setHistory(messages);
220
+ });
221
+ }, []);
222
+ const handleRequest = async (input2) => {
223
+ if (input2 === "") {
224
+ return;
225
+ }
226
+ setInput("");
227
+ const userMessage = {
228
+ id: import_assistant.ObjectId.random(),
229
+ spaceId: contextSpaceId,
230
+ threadId,
231
+ role: "user",
232
+ content: [
233
+ {
234
+ type: "text",
235
+ text: input2
236
+ }
237
+ ]
238
+ };
239
+ await aiClient.current.insertMessages([
240
+ userMessage
241
+ ]);
242
+ setHistory([
243
+ ...history,
244
+ userMessage
245
+ ]);
246
+ const generationStream = await aiClient.current.generate({
247
+ model: "@anthropic/claude-3-5-sonnet-20241022",
248
+ spaceId: contextSpaceId,
249
+ threadId,
250
+ tools: [],
251
+ systemPrompt: await getSystemPrompt()
252
+ });
253
+ const historyBefore = [
254
+ ...history,
255
+ userMessage
256
+ ];
257
+ for await (const _event of generationStream) {
258
+ setHistory([
259
+ ...historyBefore,
260
+ ...generationStream.accumulatedMessages
261
+ ]);
262
+ }
263
+ await aiClient.current.insertMessages(await generationStream.complete());
264
+ };
265
+ const getSystemPrompt = async () => {
266
+ return createSystemInstructions({
267
+ subject
268
+ });
269
+ };
270
+ const clearThread = async () => {
271
+ const properties = client.spaces.default.properties;
272
+ properties[PROPERTIES_ASSISTANT_KEY] ??= {};
273
+ properties[PROPERTIES_ASSISTANT_KEY].threadId = import_assistant.ObjectId.random();
274
+ const threadId2 = properties[PROPERTIES_ASSISTANT_KEY].threadId;
275
+ setThreadId(threadId2);
276
+ const messages = await aiClient.current.getMessagesInThread(contextSpaceId, threadId2);
277
+ setHistory(messages);
278
+ };
279
+ return /* @__PURE__ */ import_react.default.createElement("div", {
280
+ className: (0, import_react_ui_theme.mx)("flex flex-col h-full overflow-hidden", classNames)
281
+ }, history.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", {
282
+ className: "flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto"
283
+ }, history.map((message) => /* @__PURE__ */ import_react.default.createElement(MessageItem, {
284
+ key: message.id,
285
+ message
286
+ }))), /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Toolbar.Root, {
287
+ classNames: "p-1"
288
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Input.TextInput, {
289
+ autoFocus: true,
290
+ placeholder: t("ask me anything"),
291
+ value: input,
292
+ onChange: (ev) => setInput(ev.target.value),
293
+ onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
294
+ })), /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Trigger, {
295
+ asChild: true
296
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Toolbar.Button, {
297
+ onClick: () => handleRequest(input)
298
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui2.Icon, {
299
+ icon: "ph--play--regular",
300
+ size: 4
301
+ }))), /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Content, {
302
+ classNames: "z-[31]"
303
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Viewport, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Item, {
304
+ onClick: clearThread
305
+ }, "Clear thread"), /* @__PURE__ */ import_react.default.createElement(import_react_ui.ContextMenu.Item, {
306
+ onClick: async () => console.log(await getSystemPrompt())
307
+ }, "Print instructions to console")))))));
308
+ };
309
+ var MessageItem = ({ classNames, message }) => {
310
+ const { id: _, role, content } = message;
311
+ const styleContainer = "flex flex-col overflow-x-hidden overflow-y-auto rounded-md gap-2 divide-y divide-separator";
312
+ return /* @__PURE__ */ import_react.default.createElement("div", {
313
+ className: (0, import_react_ui_theme.mx)("flex", role === "user" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
314
+ }, content.map((content2, i) => {
315
+ switch (content2.type) {
316
+ case "text": {
317
+ const { cot, message: message2 } = parseMessage(content2.text);
318
+ return /* @__PURE__ */ import_react.default.createElement("div", {
319
+ key: i,
320
+ role: "none",
321
+ className: (0, import_react_ui_theme.mx)(styleContainer, role === "user" ? "bg-primary-400 dark:bg-primary-600" : "bg-hoverSurface")
322
+ }, cot && /* @__PURE__ */ import_react.default.createElement("div", {
323
+ className: "p-2 whitespace-pre-wrap text-xs text-subdued"
324
+ }, cot), /* @__PURE__ */ import_react.default.createElement("div", {
325
+ className: "p-2 whitespace-pre-wrap"
326
+ }, message2));
327
+ }
328
+ case "tool_use": {
329
+ return /* @__PURE__ */ import_react.default.createElement("div", {
330
+ key: i,
331
+ className: (0, import_react_ui_theme.mx)(styleContainer, "text-xs")
332
+ }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", {
333
+ className: "p-2 text-primary"
334
+ }, "Tool use"), ": ", content2.name, " ", content2.id), /* @__PURE__ */ import_react.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
335
+ language: "json"
336
+ }, content2.inputJson));
337
+ }
338
+ case "tool_result": {
339
+ return /* @__PURE__ */ import_react.default.createElement("div", {
340
+ key: i,
341
+ className: (0, import_react_ui_theme.mx)(styleContainer, "text-xs", content2.isError && "text-error")
342
+ }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", {
343
+ className: "p-2 text-primary"
344
+ }, "Tool result"), ": ", content2.toolUseId), /* @__PURE__ */ import_react.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
345
+ language: "json"
346
+ }, content2.content));
347
+ }
348
+ }
349
+ return null;
350
+ }));
351
+ };
352
+ var parseMessage = (text) => {
353
+ const regex = /<cot>([\s\S]*?)<\/cot>\s*([\s\S]*)/;
354
+ const match = text.match(regex);
355
+ return {
356
+ cot: match?.[1].trim(),
357
+ message: match?.[2] ?? text ?? "\xD8"
358
+ };
359
+ };
360
+ var AssistantPanel_default = AssistantPanel;
361
+ //# sourceMappingURL=AssistantPanel-RIA4TI3B.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/components/AssistantPanel/AssistantPanel.tsx", "../../../src/components/AssistantPanel/system-instructions.ts", "../../../src/components/AssistantPanel/index.ts"],
4
+ "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\n/* eslint-disable no-console */\n\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { type AIServiceClient, AIServiceClientImpl, ObjectId, type Message } from '@dxos/assistant';\nimport type { ReactiveEchoObject } from '@dxos/echo-db';\nimport { SpaceId } from '@dxos/keys';\nimport { useClient, useConfig } from '@dxos/react-client';\nimport { ContextMenu, type ThemedClassName } from '@dxos/react-ui';\nimport { Icon, Input, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { createSystemInstructions } from './system-instructions';\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nconst PROPERTIES_ASSISTANT_KEY = 'dxos.assistant.beta.properties';\n\nexport type AssistantPanelProps = ThemedClassName<{\n subject?: ReactiveEchoObject<any>;\n}>;\n\nexport const AssistantPanel = ({ subject, classNames }: AssistantPanelProps) => {\n const { t } = useTranslation(AUTOMATION_PLUGIN);\n const config = useConfig();\n const client = useClient();\n const aiClient = useRef<AIServiceClient>();\n const [contextSpaceId, setContextSpaceId] = useState<SpaceId | undefined>();\n const [threadId, setThreadId] = useState<ObjectId | undefined>();\n const [history, setHistory] = useState<Message[]>([]);\n const [input, setInput] = useState('');\n\n useEffect(() => {\n if (!aiClient.current) {\n const endpoint = config.values.runtime?.services?.ai?.server;\n if (!endpoint) {\n throw new Error('AI service endpoint is not configured');\n }\n aiClient.current = new AIServiceClientImpl({\n endpoint,\n });\n }\n\n queueMicrotask(async () => {\n const properties = client.spaces.default.properties;\n\n properties[PROPERTIES_ASSISTANT_KEY] ??= {};\n properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId ??= SpaceId.random();\n properties[PROPERTIES_ASSISTANT_KEY].threadId ??= ObjectId.random();\n\n const contextSpaceId = properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId;\n const threadId = properties[PROPERTIES_ASSISTANT_KEY].threadId;\n\n setContextSpaceId(contextSpaceId);\n setThreadId(threadId);\n\n const messages = await aiClient.current!.getMessagesInThread(contextSpaceId, threadId);\n setHistory(messages);\n });\n }, []);\n\n const handleRequest = async (input: string) => {\n if (input === '') {\n return;\n }\n\n setInput('');\n\n // TODO(dmaretskyi): Can we call `create(Message, { ... })` here?\n const userMessage: Message = {\n id: ObjectId.random(),\n spaceId: contextSpaceId!,\n threadId: threadId!,\n role: 'user',\n content: [{ type: 'text', text: input }],\n };\n await aiClient.current!.insertMessages([userMessage]);\n setHistory([...history, userMessage]);\n\n const generationStream = await aiClient.current!.generate({\n model: '@anthropic/claude-3-5-sonnet-20241022',\n spaceId: contextSpaceId!,\n threadId: threadId!,\n tools: [],\n systemPrompt: await getSystemPrompt(),\n });\n\n const historyBefore = [...history, userMessage];\n for await (const _event of generationStream) {\n setHistory([...historyBefore, ...generationStream.accumulatedMessages]);\n }\n\n await aiClient.current!.insertMessages(await generationStream.complete());\n };\n\n const getSystemPrompt = async () => {\n return createSystemInstructions({ subject });\n };\n\n const clearThread = async () => {\n const properties = client.spaces.default.properties;\n\n properties[PROPERTIES_ASSISTANT_KEY] ??= {};\n // properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId ??= SpaceId.random();\n properties[PROPERTIES_ASSISTANT_KEY].threadId = ObjectId.random();\n\n // const contextSpaceId = properties[PROPERTIES_ASSISTANT_KEY].contextSpaceId;\n const threadId = properties[PROPERTIES_ASSISTANT_KEY].threadId;\n\n // setContextSpaceId(contextSpaceId);\n setThreadId(threadId);\n\n const messages = await aiClient.current!.getMessagesInThread(contextSpaceId!, threadId);\n setHistory(messages);\n };\n\n // TODO(burdon): Factor out with script plugin.\n return (\n <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n {history.length > 0 && (\n <div className='flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto'>\n {history.map((message) => (\n <MessageItem key={message.id} message={message} />\n ))}\n </div>\n )}\n\n <Toolbar.Root classNames='p-1'>\n <Input.Root>\n <Input.TextInput\n autoFocus\n placeholder={t('ask me anything')}\n value={input}\n onChange={(ev) => setInput(ev.target.value)}\n onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n />\n </Input.Root>\n <ContextMenu.Root>\n <ContextMenu.Trigger asChild>\n <Toolbar.Button onClick={() => handleRequest(input)}>\n <Icon icon='ph--play--regular' size={4} />\n </Toolbar.Button>\n </ContextMenu.Trigger>\n <ContextMenu.Portal>\n <ContextMenu.Content classNames='z-[31]'>\n <ContextMenu.Viewport>\n <ContextMenu.Item onClick={clearThread}>Clear thread</ContextMenu.Item>\n <ContextMenu.Item onClick={async () => console.log(await getSystemPrompt())}>\n Print instructions to console\n </ContextMenu.Item>\n </ContextMenu.Viewport>\n </ContextMenu.Content>\n </ContextMenu.Portal>\n </ContextMenu.Root>\n\n {/* <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n </Toolbar.Button> */}\n </Toolbar.Root>\n </div>\n );\n};\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n const { id: _, role, content } = message;\n const styleContainer = 'flex flex-col overflow-x-hidden overflow-y-auto rounded-md gap-2 divide-y divide-separator';\n\n return (\n <div className={mx('flex', role === 'user' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>\n {content.map((content, i) => {\n switch (content.type) {\n case 'text': {\n const { cot, message } = parseMessage(content.text);\n return (\n <div\n key={i}\n role='none'\n className={mx(\n styleContainer,\n role === 'user' ? 'bg-primary-400 dark:bg-primary-600' : 'bg-hoverSurface',\n )}\n >\n {cot && <div className='p-2 whitespace-pre-wrap text-xs text-subdued'>{cot}</div>}\n <div className='p-2 whitespace-pre-wrap'>{message}</div>\n </div>\n );\n }\n\n case 'tool_use': {\n return (\n <div key={i} className={mx(styleContainer, 'text-xs')}>\n <div>\n <span className='p-2 text-primary'>Tool use</span>: {content.name} {content.id}\n </div>\n <SyntaxHighlighter language='json'>{content.inputJson}</SyntaxHighlighter>\n </div>\n );\n }\n\n case 'tool_result': {\n return (\n <div key={i} className={mx(styleContainer, 'text-xs', content.isError && 'text-error')}>\n <div>\n <span className='p-2 text-primary'>Tool result</span>: {content.toolUseId}\n </div>\n <SyntaxHighlighter language='json'>{content.content}</SyntaxHighlighter>\n </div>\n );\n }\n }\n\n return null;\n })}\n </div>\n );\n};\n\n// TODO(burdon): Move to server-side parsing.\nconst parseMessage = (text: string): { cot?: string; message: string } => {\n const regex = /<cot>([\\s\\S]*?)<\\/cot>\\s*([\\s\\S]*)/;\n const match = text.match(regex);\n return {\n cot: match?.[1].trim(),\n message: match?.[2] ?? text ?? '\\u00D8',\n };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { asyncTimeout } from '@dxos/async';\nimport type { ReactiveEchoObject } from '@dxos/echo-db';\nimport { getTypename } from '@dxos/echo-schema';\nimport { log } from '@dxos/log';\nimport { Filter, getSpace, ResultFormat } from '@dxos/react-client/echo';\n\n// TODO(burdon): Move into assistant-protocol.\nexport type ThreadContext = {\n subject?: ReactiveEchoObject<any>;\n};\n\nexport const createSystemInstructions = async (context: ThreadContext): Promise<string> => {\n let instructions = `\n <instructions>\n Before replying always think step-by-step on how to proceed.\n Print your thoughts inside <cot> tags.\n\n <example>\n <cot>To answer the question I need to ...</cot>\n </example>\n </instructions>\n\n <current_time>${new Date().toLocaleString()}</current_time>\n `;\n\n if (context.subject) {\n instructions += `\n <user_attention>\n The user is currently interacting with an object in Composer application:\n\n ${await formatContextObject(context.subject)}\n </user_attention>\n `;\n }\n\n return looseFormatXml(instructions);\n};\n\nconst formatContextObject = async (object: ReactiveEchoObject<any>): Promise<string> => {\n let data;\n try {\n data = await asyncTimeout(preprocessContextObject(object), CONTEXT_OBJECT_QUERY_TIMEOUT);\n } catch (err: any) {\n log.error('Failed to preprocess context object:', { err });\n data = object;\n }\n\n if (typeof data === 'string') {\n return data;\n } else {\n return `\n <object>\n <type>${getTypename(object)}</type>\n <id>${object.id}</id>\n ${formatObjectAsXMLTags(data)}\n </object>\n `;\n }\n};\n\nconst preprocessContextObject = async (object: ReactiveEchoObject<any>): Promise<Record<string, any> | string> => {\n const space = getSpace(object);\n if (!space) {\n return { ...object };\n }\n\n // TODO(dmaretskyi): Serialize based on schema annotations.\n switch (getTypename(object)) {\n // TODO(dmaretskyi): Reference types somehow without plugin-automation depending on other plugins.\n case 'dxos.org/type/Document': {\n const data = space.db\n .query({ id: object.id }, { format: ResultFormat.Plain, include: { content: true } })\n .first() ?? { content: { content: '' } };\n\n return {\n ...data,\n threads: undefined,\n };\n }\n\n case 'dxos.org/type/Table': {\n // TODO(dmaretskyi): Load references.\n const schema = object.view ? space?.db.schemaRegistry.getSchema(object.view.query.type) : undefined;\n const { objects: rows } =\n (schema &&\n (await space.db\n .query(Filter.schema(schema), { format: ResultFormat.Plain, limit: TABLE_ROWS_LIMIT })\n .run())) ??\n {};\n\n // TODO(dmaretskyi): Format table schema.\n return `\n <object>\n <id>${object.id}</id>\n <type>${getTypename(object)}</type>\n ${formatObjectAsXMLTags(object)}\n\n <rows>\n <!-- Limited to first ${TABLE_ROWS_LIMIT} rows. -->\n ${rows\n ?.map(\n (row: any) => `<row>\n ${formatObjectAsXMLTags(row)}\n </row>`,\n )\n .join('\\n')}\n </rows>\n\n `;\n }\n\n default:\n return { ...object };\n }\n};\n\nconst formatObjectAsXMLTags = (object: any, depth = 1): string => {\n return Object.entries(object)\n .filter(([key, value]) => ['string', 'number', 'boolean', 'object'].includes(typeof value))\n .map(([key, value]) => {\n if (typeof value === 'object' && value !== null) {\n if (depth === 0) {\n return '';\n } else {\n return `<${key}>\n ${formatObjectAsXMLTags(value, depth - 1)}\n </${key}>`;\n }\n }\n\n return `<${key}>${value}</${key}>`;\n })\n .join('\\n');\n};\n\nconst CONTEXT_OBJECT_QUERY_TIMEOUT = 5_000;\n\nconst TABLE_ROWS_LIMIT = 10;\n\n/**\n * Formats XML indentation for instructions so they are easier to read during debugging.\n */\nconst looseFormatXml = (xml: string): string => {\n let currentIndent = 0;\n\n return xml\n .split('\\n')\n .map((line) => {\n if (line.match(RE_CLOSE_TAG_LINE)) {\n currentIndent--;\n }\n const indent = currentIndent;\n if (line.match(RE_OPEN_TAG_LINE)) {\n currentIndent++;\n }\n return ' '.repeat(indent * 2) + line.trimStart();\n })\n .join('\\n');\n};\n\nconst RE_OPEN_TAG_LINE = /^[ ]*<[a-zA-Z0-9\\-_]+>[ ]*$/;\nconst RE_CLOSE_TAG_LINE = /^[ ]*<\\/[a-zA-Z0-9\\-_]+>[ ]*$/;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AssistantPanel } from './AssistantPanel';\n\nexport default AssistantPanel;\n"],
5
+ "mappings": "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",
6
+ "names": ["import_react_ui", "createSystemInstructions", "context", "instructions", "Date", "toLocaleString", "subject", "formatContextObject", "looseFormatXml", "object", "data", "asyncTimeout", "preprocessContextObject", "CONTEXT_OBJECT_QUERY_TIMEOUT", "err", "log", "error", "getTypename", "id", "formatObjectAsXMLTags", "space", "getSpace", "db", "query", "format", "ResultFormat", "Plain", "include", "content", "first", "threads", "undefined", "schema", "view", "schemaRegistry", "getSchema", "type", "objects", "rows", "Filter", "limit", "TABLE_ROWS_LIMIT", "run", "map", "row", "join", "depth", "Object", "entries", "filter", "key", "value", "includes", "xml", "currentIndent", "split", "line", "match", "RE_CLOSE_TAG_LINE", "indent", "RE_OPEN_TAG_LINE", "repeat", "trimStart", "PROPERTIES_ASSISTANT_KEY", "AssistantPanel", "classNames", "t", "useTranslation", "AUTOMATION_PLUGIN", "config", "useConfig", "client", "useClient", "aiClient", "useRef", "contextSpaceId", "setContextSpaceId", "useState", "threadId", "setThreadId", "history", "setHistory", "input", "setInput", "useEffect", "current", "endpoint", "values", "runtime", "services", "ai", "server", "Error", "AIServiceClientImpl", "queueMicrotask", "properties", "spaces", "default", "SpaceId", "random", "ObjectId", "messages", "getMessagesInThread", "handleRequest", "userMessage", "spaceId", "role", "text", "insertMessages", "generationStream", "generate", "model", "tools", "systemPrompt", "getSystemPrompt", "historyBefore", "_event", "accumulatedMessages", "complete", "clearThread", "React", "div", "className", "mx", "length", "message", "MessageItem", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "ContextMenu", "Trigger", "asChild", "Button", "onClick", "Icon", "icon", "size", "Portal", "Content", "Viewport", "Item", "console", "_", "styleContainer", "i", "cot", "parseMessage", "span", "name", "SyntaxHighlighter", "language", "inputJson", "isError", "toolUseId", "regex", "trim"]
7
+ }
@@ -0,0 +1,173 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var AutomationPanel_HZS5WKI5_exports = {};
30
+ __export(AutomationPanel_HZS5WKI5_exports, {
31
+ default: () => AutomationPanel_default
32
+ });
33
+ module.exports = __toCommonJS(AutomationPanel_HZS5WKI5_exports);
34
+ var import_chunk_DTJ7XVO2 = require("./chunk-DTJ7XVO2.cjs");
35
+ var import_react = __toESM(require("react"));
36
+ var import_echo_schema = require("@dxos/echo-schema");
37
+ var import_functions = require("@dxos/functions");
38
+ var import_plugin_script = require("@dxos/plugin-script");
39
+ var import_react_client = require("@dxos/react-client");
40
+ var import_echo = require("@dxos/react-client/echo");
41
+ var import_react_ui = require("@dxos/react-ui");
42
+ var import_react_ui_list = require("@dxos/react-ui-list");
43
+ var import_react_ui_theme = require("@dxos/react-ui-theme");
44
+ var import_react2 = __toESM(require("react"));
45
+ var import_functions2 = require("@dxos/functions");
46
+ var import_types = require("@dxos/plugin-script/types");
47
+ var import_echo2 = require("@dxos/react-client/echo");
48
+ var import_react_ui2 = require("@dxos/react-ui");
49
+ var import_react_ui_form = require("@dxos/react-ui-form");
50
+ var TriggerEditor = ({ space, trigger, onSave, onCancel, storedTrigger }) => {
51
+ const { t } = (0, import_react_ui2.useTranslation)(import_chunk_DTJ7XVO2.AUTOMATION_PLUGIN);
52
+ const functions = (0, import_echo2.useQuery)(space, import_echo2.Filter.schema(import_types.FunctionType));
53
+ const scripts = (0, import_echo2.useQuery)(space, import_echo2.Filter.schema(import_types.ScriptType));
54
+ const handleSave = (values) => {
55
+ onSave?.(values);
56
+ };
57
+ return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.Form, {
58
+ schema: import_functions2.FunctionTriggerSchema,
59
+ values: trigger,
60
+ filter: (props) => props.filter((p) => p.name !== "meta"),
61
+ onSave: handleSave,
62
+ onCancel,
63
+ Custom: {
64
+ ["function"]: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.SelectInput, {
65
+ ...props,
66
+ options: functions.map((fn) => ({
67
+ value: fn.name,
68
+ label: getFunctionName(scripts, fn)
69
+ }))
70
+ }),
71
+ ["spec.type"]: (props) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_form.SelectInput, {
72
+ ...props,
73
+ options: Object.values(import_functions2.TriggerKind).map((kind) => ({
74
+ value: kind,
75
+ label: t(`trigger type ${kind}`)
76
+ }))
77
+ })
78
+ }
79
+ });
80
+ };
81
+ var getFunctionName = (scripts, fn) => {
82
+ return scripts.find((s) => fn.source?.id === s.id)?.name ?? fn.name;
83
+ };
84
+ var grid = "grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]";
85
+ var AutomationPanel = ({ space }) => {
86
+ const { t } = (0, import_react_ui.useTranslation)(import_chunk_DTJ7XVO2.AUTOMATION_PLUGIN);
87
+ const client = (0, import_react_client.useClient)();
88
+ const triggers = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_functions.FunctionTrigger));
89
+ const functions = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_plugin_script.FunctionType));
90
+ const scripts = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_plugin_script.ScriptType));
91
+ const [trigger, setTrigger] = (0, import_react.useState)();
92
+ const [selected, setSelected] = (0, import_react.useState)();
93
+ const handleSelect = (trigger2) => {
94
+ const { id: _, ...values } = trigger2;
95
+ setTrigger(values);
96
+ setSelected(trigger2);
97
+ };
98
+ const handleAdd = () => {
99
+ setTrigger((0, import_echo.create)(import_functions.FunctionTriggerSchema, {}));
100
+ setSelected(void 0);
101
+ };
102
+ const handleDelete = (trigger2) => {
103
+ space.db.remove(trigger2);
104
+ setTrigger(void 0);
105
+ setSelected(void 0);
106
+ };
107
+ const handleSave = (trigger2) => {
108
+ if (selected) {
109
+ Object.assign(selected, trigger2);
110
+ } else {
111
+ space.db.add((0, import_echo.create)(import_functions.FunctionTrigger, trigger2));
112
+ }
113
+ setTrigger(void 0);
114
+ setSelected(void 0);
115
+ };
116
+ const handleCancel = () => {
117
+ setTrigger(void 0);
118
+ };
119
+ return /* @__PURE__ */ import_react.default.createElement("div", {
120
+ className: "flex flex-col w-full divide-y divide-separator overflow-y-auto"
121
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_list.List.Root, {
122
+ items: triggers,
123
+ isItem: import_echo_schema.S.is(import_functions.FunctionTrigger),
124
+ getId: (field) => field.id
125
+ }, ({ items: triggers2 }) => /* @__PURE__ */ import_react.default.createElement("div", {
126
+ role: "list",
127
+ className: "flex flex-col w-full"
128
+ }, triggers2?.map((trigger2) => /* @__PURE__ */ import_react.default.createElement(import_react_ui_list.List.Item, {
129
+ key: trigger2.id,
130
+ item: trigger2,
131
+ classNames: (0, import_react_ui_theme.mx)(grid, import_react_ui_theme.ghostHover, "items-center")
132
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Switch, {
133
+ checked: trigger2.enabled,
134
+ onCheckedChange: (checked) => trigger2.enabled = checked
135
+ })), /* @__PURE__ */ import_react.default.createElement("div", {
136
+ className: "flex"
137
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_list.List.ItemTitle, {
138
+ classNames: "px-2 cursor-pointer w-0 shrink",
139
+ onClick: () => handleSelect(trigger2)
140
+ }, getFunctionName2(scripts, functions, trigger2)), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
141
+ onClick: () => navigator.clipboard.writeText(getWebhookUrl(client, trigger2))
142
+ }, "Copy URL")), /* @__PURE__ */ import_react.default.createElement(import_react_ui_list.List.ItemDeleteButton, {
143
+ onClick: () => handleDelete(trigger2)
144
+ }))))), trigger && /* @__PURE__ */ import_react.default.createElement(TriggerEditor, {
145
+ space,
146
+ storedTrigger: selected,
147
+ trigger,
148
+ onSave: handleSave,
149
+ onCancel: handleCancel
150
+ }), !trigger && /* @__PURE__ */ import_react.default.createElement("div", {
151
+ className: "flex p-2 justify-center"
152
+ }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.IconButton, {
153
+ icon: "ph--plus--regular",
154
+ label: t("new trigger"),
155
+ onClick: handleAdd
156
+ })));
157
+ };
158
+ var getWebhookUrl = (client, trigger) => {
159
+ const spaceId = (0, import_echo.getSpace)(trigger).id;
160
+ const edgeUrl = new URL(client.config.values.runtime.services.edge.url);
161
+ const isSecure = edgeUrl.protocol.startsWith("https") || edgeUrl.protocol.startsWith("wss");
162
+ edgeUrl.protocol = isSecure ? "https" : "http";
163
+ return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();
164
+ };
165
+ var getFunctionName2 = (scripts, functions, trigger) => {
166
+ const functionObject = functions.find((fn) => fn.name === trigger.function);
167
+ if (!functionObject) {
168
+ return trigger.function;
169
+ }
170
+ return scripts.find((s) => functionObject.source?.id === s.id)?.name ?? functionObject.name;
171
+ };
172
+ var AutomationPanel_default = AutomationPanel;
173
+ //# sourceMappingURL=AutomationPanel-HZS5WKI5.cjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/TriggerEditor/TriggerEditor.tsx", "../../../src/components/AutomationPanel/index.ts"],
4
+ "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { S } from '@dxos/echo-schema';\nimport { FunctionTriggerSchema, FunctionTrigger, type FunctionTriggerType } from '@dxos/functions';\nimport { FunctionType, ScriptType } from '@dxos/plugin-script';\nimport { type Client, useClient } from '@dxos/react-client';\nimport { create, Filter, useQuery, type Space, type ReactiveObject, getSpace } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation, Button } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover, mx } from '@dxos/react-ui-theme';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { TriggerEditor, type TriggerEditorProps } from '../TriggerEditor';\n\nconst grid = 'grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]';\n\nexport type AutomationPanelProps = {\n space: Space;\n object?: ReactiveObject<any>;\n};\n\n// TODO(burdon): Factor out common layout with ViewEditor.\nexport const AutomationPanel = ({ space }: AutomationPanelProps) => {\n const { t } = useTranslation(AUTOMATION_PLUGIN);\n const client = useClient();\n const triggers = useQuery(space, Filter.schema(FunctionTrigger));\n const functions = useQuery(space, Filter.schema(FunctionType));\n const scripts = useQuery(space, Filter.schema(ScriptType));\n\n const [trigger, setTrigger] = useState<FunctionTriggerType>();\n const [selected, setSelected] = useState<FunctionTrigger>();\n\n const handleSelect = (trigger: FunctionTrigger) => {\n const { id: _, ...values } = trigger;\n setTrigger(values);\n setSelected(trigger);\n };\n\n const handleAdd = () => {\n setTrigger(create(FunctionTriggerSchema, {}));\n setSelected(undefined);\n };\n\n const handleDelete = (trigger: FunctionTrigger) => {\n space.db.remove(trigger);\n setTrigger(undefined);\n setSelected(undefined);\n };\n\n const handleSave: TriggerEditorProps['onSave'] = (trigger) => {\n if (selected) {\n Object.assign(selected, trigger);\n } else {\n space.db.add(create(FunctionTrigger, trigger));\n }\n\n setTrigger(undefined);\n setSelected(undefined);\n };\n\n const handleCancel: TriggerEditorProps['onCancel'] = () => {\n setTrigger(undefined);\n };\n\n return (\n <div className='flex flex-col w-full divide-y divide-separator overflow-y-auto'>\n <List.Root<FunctionTrigger> items={triggers} isItem={S.is(FunctionTrigger)} getId={(field) => field.id}>\n {({ items: triggers }) => (\n <div role='list' className='flex flex-col w-full'>\n {triggers?.map((trigger) => (\n <List.Item<FunctionTrigger>\n key={trigger.id}\n item={trigger}\n classNames={mx(grid, ghostHover, 'items-center')}\n >\n <Input.Root>\n <Input.Switch checked={trigger.enabled} onCheckedChange={(checked) => (trigger.enabled = checked)} />\n </Input.Root>\n\n <div className={'flex'}>\n <List.ItemTitle classNames='px-2 cursor-pointer w-0 shrink' onClick={() => handleSelect(trigger)}>\n {getFunctionName(scripts, functions, trigger)}\n </List.ItemTitle>\n\n {/* TODO: a better way to expose URL copy action */}\n <Button onClick={() => navigator.clipboard.writeText(getWebhookUrl(client, trigger))}>\n Copy URL\n </Button>\n </div>\n\n <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />\n </List.Item>\n ))}\n </div>\n )}\n </List.Root>\n\n {trigger && (\n <TriggerEditor\n space={space}\n storedTrigger={selected}\n trigger={trigger}\n onSave={handleSave}\n onCancel={handleCancel}\n />\n )}\n\n {!trigger && (\n <div className='flex p-2 justify-center'>\n <IconButton icon='ph--plus--regular' label={t('new trigger')} onClick={handleAdd} />\n </div>\n )}\n </div>\n );\n};\n\nconst getWebhookUrl = (client: Client, trigger: FunctionTrigger) => {\n const spaceId = getSpace(trigger)!.id;\n const edgeUrl = new URL(client.config.values.runtime!.services!.edge!.url!);\n const isSecure = edgeUrl.protocol.startsWith('https') || edgeUrl.protocol.startsWith('wss');\n edgeUrl.protocol = isSecure ? 'https' : 'http';\n return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();\n};\n\nconst getFunctionName = (scripts: ScriptType[], functions: FunctionType[], trigger: FunctionTriggerType) => {\n const functionObject = functions.find((fn) => fn.name === trigger.function);\n if (!functionObject) {\n return trigger.function;\n }\n return scripts.find((s) => functionObject.source?.id === s.id)?.name ?? functionObject.name;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { FunctionTriggerSchema, type FunctionTriggerType, type FunctionTrigger, TriggerKind } from '@dxos/functions';\nimport { FunctionType, ScriptType } from '@dxos/plugin-script/types';\nimport { Filter, useQuery, type Space } from '@dxos/react-client/echo';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form, SelectInput } from '@dxos/react-ui-form';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nexport type TriggerEditorProps = {\n space: Space;\n trigger: FunctionTriggerType;\n storedTrigger?: FunctionTrigger;\n onSave?: (trigger: Omit<FunctionTrigger, 'id'>) => void;\n onCancel?: () => void;\n};\n\nexport const TriggerEditor = ({ space, trigger, onSave, onCancel, storedTrigger }: TriggerEditorProps) => {\n const { t } = useTranslation(AUTOMATION_PLUGIN);\n const functions = useQuery(space, Filter.schema(FunctionType));\n const scripts = useQuery(space, Filter.schema(ScriptType));\n\n const handleSave = (values: FunctionTriggerType) => {\n onSave?.(values);\n };\n\n return (\n <Form<FunctionTriggerType>\n schema={FunctionTriggerSchema}\n values={trigger}\n filter={(props) => props.filter((p) => p.name !== 'meta')}\n onSave={handleSave}\n onCancel={onCancel}\n Custom={{\n ['function' satisfies keyof FunctionTriggerType]: (props) => (\n <SelectInput<FunctionTriggerType>\n {...props}\n options={functions.map((fn) => ({\n value: fn.name,\n label: getFunctionName(scripts, fn),\n }))}\n />\n ),\n ['spec.type' as const]: (props) => (\n <SelectInput<FunctionTriggerType>\n {...props}\n options={Object.values(TriggerKind).map((kind) => ({\n value: kind,\n label: t(`trigger type ${kind}`),\n }))}\n />\n ),\n }}\n />\n );\n};\n\nconst getFunctionName = (scripts: ScriptType[], fn: FunctionType) => {\n return scripts.find((s) => fn.source?.id === s.id)?.name ?? fn.name;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
5
+ "mappings": "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",
6
+ "names": ["import_react", "import_functions", "import_echo", "import_react_ui", "TriggerEditor", "space", "trigger", "onSave", "onCancel", "storedTrigger", "t", "useTranslation", "AUTOMATION_PLUGIN", "functions", "useQuery", "Filter", "schema", "FunctionType", "scripts", "ScriptType", "handleSave", "values", "React", "Form", "FunctionTriggerSchema", "filter", "props", "p", "name", "Custom", "SelectInput", "options", "map", "fn", "value", "label", "getFunctionName", "Object", "TriggerKind", "kind", "find", "s", "source", "id", "grid", "AutomationPanel", "client", "useClient", "triggers", "FunctionTrigger", "setTrigger", "useState", "selected", "setSelected", "handleSelect", "_", "handleAdd", "create", "undefined", "handleDelete", "db", "remove", "assign", "add", "handleCancel", "div", "className", "List", "Root", "items", "isItem", "S", "is", "getId", "field", "role", "Item", "key", "item", "classNames", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "Button", "navigator", "clipboard", "writeText", "getWebhookUrl", "ItemDeleteButton", "IconButton", "icon", "spaceId", "getSpace", "edgeUrl", "URL", "config", "runtime", "services", "edge", "url", "isSecure", "protocol", "startsWith", "toString", "functionObject", "function"]
7
+ }