@dxos/plugin-assistant 0.8.4-main.2e9d522 → 0.8.4-main.3c1ae3b

package/dist/lib/browser/chunk-7ZJIXQ2Y.mjs

@@ -0,0 +1,335 @@
+import {
+  meta
+} from "./chunk-WBG5PTSX.mjs";
+
+// src/components/TemplateEditor/TemplateEditor.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import { defaultHighlightStyle, syntaxHighlighting } from "@codemirror/language";
+import React from "react";
+import { createDocAccessor } from "@dxos/echo-db";
+import { useThemeContext, useTranslation } from "@dxos/react-ui";
+import { createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown, useTextEditor } from "@dxos/react-ui-editor";
+import { mx as mx2 } from "@dxos/react-ui-theme";
+import { isNonNullable } from "@dxos/util";
+
+// src/components/TemplateEditor/extensions/handlebars-extension.ts
+import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
+import { RangeSetBuilder } from "@codemirror/state";
+import { Decoration, ViewPlugin, WidgetType, keymap } from "@codemirror/view";
+import { Domino } from "@dxos/react-ui";
+import { mx } from "@dxos/react-ui-theme";
+var handlebars = (_ = {}) => {
+  return [
+    handlebarsHighlightPlugin,
+    autocompletion({
+      activateOnTyping: true,
+      aboveCursor: true,
+      closeOnBlur: true,
+      override: [
+        handlebarsCompletions
+      ]
+    }),
+    keymap.of(completionKeymap)
+  ];
+};
+var regex = {
+  // {{! comment }}
+  comment: /\{\{!\s*[^}]*\}\}/g,
+  // {{var}}
+  brackets: /\{\{[^}]*\}\}/g,
+  // {{#command}} {{/command}}
+  command: /\{\{[#/]([^}]+)\}\}/g,
+  // {{var}}
+  var: /\{\{(?!\s*!)(\w[^}]*)\}\}/g,
+  // @dxn:queue:data:xxx
+  dxn: /@?dxn:[\w@:]+/g,
+  // dxos.org/type/xxx
+  url: /[\w.-]+\.[\w.-]+\/[\w/]+/g
+};
+var tagPadding = "mli-0.5 pli-1 rounded-sm";
+var handlebarsHighlightPlugin = ViewPlugin.fromClass(class {
+  decorations;
+  constructor(view) {
+    this.decorations = this.buildDecorations(view);
+  }
+  update(update) {
+    if (update.docChanged || update.viewportChanged || update.selectionSet) {
+      this.decorations = this.buildDecorations(update.view);
+    }
+  }
+  // NOTE: Decorations may clash with other extensions (e.g., markdown).
+  buildDecorations(view) {
+    const selection = view.state.selection.main;
+    const decorations = [];
+    for (const { from, to } of view.visibleRanges) {
+      const text = view.state.doc.sliceString(from, to);
+      {
+        let match;
+        while ((match = regex.dxn.exec(text)) !== null) {
+          const start = from + match.index;
+          const end = start + match[0].length;
+          const overlaps = selection.to > start && selection.from <= end;
+          if (!overlaps) {
+            decorations.push({
+              from: start,
+              to: end,
+              decoration: Decoration.widget({
+                widget: new DXNWidget(match[0])
+              })
+            });
+          }
+        }
+      }
+      {
+        let match;
+        while ((match = regex.url.exec(text)) !== null) {
+          const start = from + match.index;
+          const end = start + match[0].length;
+          decorations.push({
+            from: start,
+            to: end,
+            decoration: Decoration.mark({
+              class: mx("dx-tag--blue", tagPadding)
+            })
+          });
+        }
+      }
+      {
+        let match;
+        while ((match = regex.brackets.exec(text)) !== null) {
+          const start = from + match.index;
+          const end = start + match[0].length;
+          decorations.push({
+            from: start,
+            to: end,
+            decoration: Decoration.mark({
+              class: "text-subdued"
+            })
+          });
+        }
+      }
+      {
+        let match;
+        while ((match = regex.command.exec(text)) !== null) {
+          const start = from + match.index + 2;
+          let end = start + match[0].length - 4;
+          const text2 = view.state.doc.sliceString(start, end);
+          const parts = text2.split(/\s+/);
+          if (parts.length > 1) {
+            const idx = start + parts[0].length;
+            decorations.push({
+              from: idx,
+              to: end,
+              decoration: Decoration.mark({
+                class: "text-greenText"
+              })
+            });
+            end = idx;
+          }
+          decorations.push({
+            from: start,
+            to: end,
+            decoration: Decoration.mark({
+              class: "text-blueText"
+            })
+          });
+        }
+      }
+      {
+        let match;
+        while ((match = regex.var.exec(text)) !== null) {
+          const start = from + match.index + 2;
+          const end = start + match[0].length - 4;
+          decorations.push({
+            from: start,
+            to: end,
+            decoration: Decoration.mark({
+              class: "text-greenText"
+            })
+          });
+        }
+      }
+    }
+    decorations.sort((a, b) => a.from - b.from || a.to - b.to);
+    const builder = new RangeSetBuilder();
+    for (const { from, to, decoration } of decorations) {
+      builder.add(from, to, decoration);
+    }
+    return builder.finish();
+  }
+}, {
+  decorations: (v) => v.decorations
+});
+var DXNWidget = class extends WidgetType {
+  _identifier;
+  constructor(_identifier) {
+    super(), this._identifier = _identifier;
+  }
+  ignoreEvent() {
+    return false;
+  }
+  eq(other) {
+    return this._identifier === other._identifier;
+  }
+  toDOM() {
+    const text = this._identifier.split(":").map((part) => {
+      const len = 16;
+      const plen = 4;
+      if (part.length > len) {
+        return `[${part.slice(0, plen)}\u2026${part.slice(-plen)}]`;
+      }
+      return part;
+    }).join(":");
+    return Domino.of("span").classNames([
+      "font-mono dx-tag--blue",
+      tagPadding
+    ]).text(text).build();
+  }
+};
+var variables = [
+  "this"
+];
+var commands = [
+  "this",
+  "each",
+  "if",
+  "unless",
+  "with"
+];
+function handlebarsCompletions(context) {
+  const match = context.matchBefore(/\{\{[^}]*/);
+  if (!match || match.from === match.to) {
+    return null;
+  }
+  let type = "variable";
+  let text = match.text.slice(2);
+  let from = match.from + 2;
+  let matches = [];
+  if (text.startsWith("#") || text.startsWith("/")) {
+    const idx = text.lastIndexOf(" ");
+    if (idx !== -1) {
+      type = "variable";
+      matches = variables;
+      text = text.slice(idx + 1);
+      from += idx + 1;
+    } else {
+      type = "command";
+      text = text.slice(1);
+      matches = commands;
+      from += 1;
+    }
+  } else {
+    type = "variable";
+    matches = variables;
+  }
+  const options = matches.filter((name) => name.startsWith(text)).map((name) => ({
+    type,
+    label: name
+  }));
+  return {
+    from,
+    options
+  };
+}
+
+// src/components/TemplateEditor/extensions/xml-extension.ts
+import { syntaxTree } from "@codemirror/language";
+import { RangeSetBuilder as RangeSetBuilder2 } from "@codemirror/state";
+import { Decoration as Decoration2, ViewPlugin as ViewPlugin2 } from "@codemirror/view";
+var xmlDecorator = (_ = {}) => {
+  return [
+    xmlDecoratorPlugin
+  ];
+};
+var xmlDecoratorPlugin = ViewPlugin2.fromClass(class {
+  decorations;
+  constructor(view) {
+    this.decorations = this.buildDecorations(view);
+  }
+  update(update) {
+    if (update.docChanged || update.viewportChanged) {
+      this.decorations = this.buildDecorations(update.view);
+    }
+  }
+  buildDecorations(view) {
+    const builder = new RangeSetBuilder2();
+    for (const { from, to } of view.visibleRanges) {
+      syntaxTree(view.state).iterate({
+        from,
+        to,
+        enter: (node) => {
+          if (node.name === "HTMLTag" || node.name === "OpenTag" || node.name === "CloseTag" || node.name === "SelfClosingTag" || node.name === "Element") {
+            builder.add(node.from, node.to, Decoration2.mark({
+              class: "font-mono text-subdued"
+            }));
+          }
+        }
+      });
+    }
+    return builder.finish();
+  }
+}, {
+  decorations: (v) => v.decorations
+});
+
+// src/components/TemplateEditor/TemplateEditor.tsx
+var TemplateEditor = ({ id, classNames, template, lineNumbers = true }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    const { themeMode } = useThemeContext();
+    const { parentRef } = useTextEditor(() => {
+      const text = template.source?.target;
+      if (!text) {
+        return {};
+      }
+      return {
+        initialValue: text.content ?? "",
+        extensions: [
+          createDataExtensions({
+            id,
+            text: createDocAccessor(text, [
+              "content"
+            ])
+          }),
+          createBasicExtensions({
+            bracketMatching: false,
+            lineNumbers,
+            lineWrapping: true,
+            placeholder: t("template placeholder")
+          }),
+          createThemeExtensions({
+            themeMode,
+            slots: {
+              content: {
+                className: "!pie-4"
+              }
+            }
+          }),
+          createMarkdownExtensions(),
+          decorateMarkdown(),
+          handlebars(),
+          // xml(),
+          // NOTE: Since we're using markdown only HTML nodes are parsed.
+          xmlDecorator(),
+          syntaxHighlighting(defaultHighlightStyle)
+        ].filter(isNonNullable)
+      };
+    }, [
+      themeMode,
+      template.source?.target,
+      lineNumbers
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      ref: parentRef,
+      className: mx2("bs-full overflow-hidden", classNames)
+    });
+  } finally {
+    _effect.f();
+  }
+};
+
+export {
+  TemplateEditor
+};
+//# sourceMappingURL=chunk-7ZJIXQ2Y.mjs.map

package/dist/lib/browser/chunk-7ZJIXQ2Y.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TemplateEditor/TemplateEditor.tsx", "../../../src/components/TemplateEditor/extensions/handlebars-extension.ts", "../../../src/components/TemplateEditor/extensions/xml-extension.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defaultHighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport React from 'react';\n\nimport { type Template } from '@dxos/blueprints';\nimport { createDocAccessor } from '@dxos/echo-db';\nimport { type ThemedClassName, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createMarkdownExtensions,\n  createThemeExtensions,\n  decorateMarkdown,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../../meta';\n\nimport { handlebars, xmlDecorator } from './extensions';\n\nexport type TemplateEditorProps = ThemedClassName<{\n  id: string;\n  template: Template.Template;\n  lineNumbers?: boolean;\n}>;\n\nexport const TemplateEditor = ({ id, classNames, template, lineNumbers = true }: TemplateEditorProps) => {\n  const { t } = useTranslation(meta.id);\n  const { themeMode } = useThemeContext();\n  const { parentRef } = useTextEditor(() => {\n    const text = template.source?.target;\n    if (!text) {\n      return {};\n    }\n\n    return {\n      initialValue: text.content ?? '',\n      extensions: [\n        createDataExtensions({\n          id,\n          text: createDocAccessor(text, ['content']),\n        }),\n        createBasicExtensions({\n          bracketMatching: false,\n          lineNumbers,\n          lineWrapping: true,\n          placeholder: t('template placeholder'),\n        }),\n        createThemeExtensions({ themeMode, slots: { content: { className: '!pie-4' } } }),\n        createMarkdownExtensions(),\n        decorateMarkdown(),\n        handlebars(),\n        // xml(),\n        // NOTE: Since we're using markdown only HTML nodes are parsed.\n        xmlDecorator(),\n        syntaxHighlighting(defaultHighlightStyle),\n      ].filter(isNonNullable),\n    };\n  }, [themeMode, template.source?.target, lineNumbers]);\n\n  return <div ref={parentRef} className={mx('bs-full overflow-hidden', classNames)} />;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport {\n  type CompletionContext,\n  type CompletionResult,\n  autocompletion,\n  completionKeymap,\n} from '@codemirror/autocomplete';\nimport { type Extension, RangeSetBuilder } from '@codemirror/state';\nimport {\n  Decoration,\n  type DecorationSet,\n  type EditorView,\n  ViewPlugin,\n  type ViewUpdate,\n  WidgetType,\n  keymap,\n} from '@codemirror/view';\n\nimport { Domino } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type HandlebarsOptions = {};\n\n/**\n * Simple Handlebars plugin for CodeMirror.\n * Supports:\n * - Comments: {{! comment }}\n * - Commands: {{#command}} {{/command}}\n * - Variables: {{var}}\n * - Commands with variables: {{#each items}} {{/each}}\n */\nexport const handlebars = (_: HandlebarsOptions = {}): Extension => {\n  return [\n    handlebarsHighlightPlugin,\n    autocompletion({\n      activateOnTyping: true,\n      aboveCursor: true,\n      closeOnBlur: true,\n      override: [handlebarsCompletions],\n    }),\n    keymap.of(completionKeymap),\n  ];\n};\n\nconst regex = {\n  // {{! comment }}\n  comment: /\\{\\{!\\s*[^}]*\\}\\}/g,\n\n  // {{var}}\n  brackets: /\\{\\{[^}]*\\}\\}/g,\n\n  // {{#command}} {{/command}}\n  command: /\\{\\{[#/]([^}]+)\\}\\}/g,\n\n  // {{var}}\n  var: /\\{\\{(?!\\s*!)(\\w[^}]*)\\}\\}/g,\n\n  // @dxn:queue:data:xxx\n  dxn: /@?dxn:[\\w@:]+/g,\n\n  // dxos.org/type/xxx\n  url: /[\\w.-]+\\.[\\w.-]+\\/[\\w/]+/g,\n};\n\nconst tagPadding = 'mli-0.5 pli-1 rounded-sm';\n\n/**\n * ViewPlugin that decorates Handlebars syntax.\n */\nconst handlebarsHighlightPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = this.buildDecorations(view);\n    }\n\n    update(update: ViewUpdate) {\n      if (update.docChanged || update.viewportChanged || update.selectionSet) {\n        this.decorations = this.buildDecorations(update.view);\n      }\n    }\n\n    // NOTE: Decorations may clash with other extensions (e.g., markdown).\n    buildDecorations(view: EditorView) {\n      const selection = view.state.selection.main;\n      const decorations: Array<{ from: number; to: number; decoration: Decoration }> = [];\n\n      for (const { from, to } of view.visibleRanges) {\n        const text = view.state.doc.sliceString(from, to);\n\n        // Match DXN.\n        {\n          let match;\n          while ((match = regex.dxn.exec(text)) !== null) {\n            const start = from + match.index;\n            const end = start + match[0].length;\n            // Only show widget if selection doesn't overlap with the match range.\n            const overlaps = selection.to > start && selection.from <= end;\n            if (!overlaps) {\n              decorations.push({\n                from: start,\n                to: end,\n                decoration: Decoration.widget({\n                  widget: new DXNWidget(match[0]),\n                }),\n              });\n            }\n          }\n        }\n\n        // Match URLs.\n        {\n          let match;\n          while ((match = regex.url.exec(text)) !== null) {\n            const start = from + match.index;\n            const end = start + match[0].length;\n            decorations.push({\n              from: start,\n              to: end,\n              decoration: Decoration.mark({ class: mx('dx-tag--blue', tagPadding) }),\n            });\n          }\n        }\n\n        // Match brackets: {{ and }}.\n        {\n          let match;\n          while ((match = regex.brackets.exec(text)) !== null) {\n            const start = from + match.index;\n            const end = start + match[0].length;\n            decorations.push({\n              from: start,\n              to: end,\n              decoration: Decoration.mark({ class: 'text-subdued' }),\n            });\n          }\n        }\n\n        // Match commands: {{#command}} and {{/command}}.\n        {\n          let match;\n          while ((match = regex.command.exec(text)) !== null) {\n            const start = from + match.index + 2;\n            let end = start + match[0].length - 4;\n            const text = view.state.doc.sliceString(start, end);\n            const parts = text.split(/\\s+/);\n            if (parts.length > 1) {\n              const idx = start + parts[0].length;\n              decorations.push({\n                from: idx,\n                to: end,\n                decoration: Decoration.mark({ class: 'text-greenText' }),\n              });\n              end = idx;\n            }\n            decorations.push({\n              from: start,\n              to: end,\n              decoration: Decoration.mark({ class: 'text-blueText' }),\n            });\n          }\n        }\n\n        // Match variables: {{var}}.\n        {\n          let match;\n          while ((match = regex.var.exec(text)) !== null) {\n            const start = from + match.index + 2;\n            const end = start + match[0].length - 4;\n            decorations.push({\n              from: start,\n              to: end,\n              decoration: Decoration.mark({ class: 'text-greenText' }),\n            });\n          }\n        }\n      }\n\n      // Sort decorations by position to satisfy RangeSetBuilder requirements.\n      decorations.sort((a, b) => a.from - b.from || a.to - b.to);\n\n      // Add sorted decorations to builder.\n      const builder = new RangeSetBuilder<Decoration>();\n      for (const { from, to, decoration } of decorations) {\n        builder.add(from, to, decoration);\n      }\n\n      return builder.finish();\n    }\n  },\n  {\n    decorations: (v) => v.decorations,\n  },\n);\n\nclass DXNWidget extends WidgetType {\n  constructor(private readonly _identifier: string) {\n    super();\n  }\n\n  override ignoreEvent() {\n    return false;\n  }\n\n  override eq(other: this) {\n    return this._identifier === other._identifier;\n  }\n\n  override toDOM() {\n    const text = this._identifier\n      .split(':')\n      .map((part) => {\n        const len = 16;\n        const plen = 4;\n        if (part.length > len) {\n          return `[${part.slice(0, plen)}…${part.slice(-plen)}]`;\n        }\n        return part;\n      })\n      .join(':');\n    return Domino.of('span').classNames(['font-mono dx-tag--blue', tagPadding]).text(text).build();\n  }\n}\n\n// TODO(burdon): Pass in variables.\nconst variables = ['this'];\nconst commands = ['this', 'each', 'if', 'unless', 'with'];\n\n/**\n * Provides completions for Handlebars variables.\n */\nfunction handlebarsCompletions(context: CompletionContext): CompletionResult | null {\n  const match = context.matchBefore(/\\{\\{[^}]*/);\n  if (!match || match.from === match.to) {\n    return null;\n  }\n\n  let type = 'variable';\n  let text = match.text.slice(2);\n  let from = match.from + 2;\n  let matches = [];\n  if (text.startsWith('#') || text.startsWith('/')) {\n    const idx = text.lastIndexOf(' ');\n    if (idx !== -1) {\n      type = 'variable';\n      matches = variables;\n      text = text.slice(idx + 1);\n      from += idx + 1;\n    } else {\n      type = 'command';\n      text = text.slice(1);\n      matches = commands;\n      from += 1;\n    }\n  } else {\n    type = 'variable';\n    matches = variables;\n  }\n\n  const options = matches.filter((name) => name.startsWith(text)).map((name) => ({ type, label: name }));\n  return {\n    from,\n    options,\n  };\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport { type Extension, RangeSetBuilder } from '@codemirror/state';\nimport { Decoration, type DecorationSet, type EditorView, ViewPlugin, type ViewUpdate } from '@codemirror/view';\n\nexport type XmlOptions = {};\n\n/**\n * XML decorator plugin for CodeMirror.\n * Decorates XML tags with monospace font using the XML language grammar.\n */\nexport const xmlDecorator = (_: XmlOptions = {}): Extension => {\n  return [xmlDecoratorPlugin];\n};\n\n/**\n * ViewPlugin that decorates XML tags using syntax tree.\n */\nconst xmlDecoratorPlugin = ViewPlugin.fromClass(\n  class {\n    decorations: DecorationSet;\n\n    constructor(view: EditorView) {\n      this.decorations = this.buildDecorations(view);\n    }\n\n    update(update: ViewUpdate) {\n      if (update.docChanged || update.viewportChanged) {\n        this.decorations = this.buildDecorations(update.view);\n      }\n    }\n\n    buildDecorations(view: EditorView) {\n      const builder = new RangeSetBuilder<Decoration>();\n\n      for (const { from, to } of view.visibleRanges) {\n        syntaxTree(view.state).iterate({\n          from,\n          to,\n          enter: (node) => {\n            // Decorate XML elements (opening tags, closing tags, self-closing tags).\n            if (\n              node.name === 'HTMLTag' ||\n              node.name === 'OpenTag' ||\n              node.name === 'CloseTag' ||\n              node.name === 'SelfClosingTag' ||\n              node.name === 'Element'\n            ) {\n              builder.add(node.from, node.to, Decoration.mark({ class: 'font-mono text-subdued' }));\n            }\n          },\n        });\n      }\n\n      return builder.finish();\n    }\n  },\n  {\n    decorations: (v) => v.decorations,\n  },\n);\n"],
+  "mappings": "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",
+  "names": ["defaultHighlightStyle", "syntaxHighlighting", "React", "createDocAccessor", "useThemeContext", "useTranslation", "createBasicExtensions", "createDataExtensions", "createMarkdownExtensions", "createThemeExtensions", "decorateMarkdown", "useTextEditor", "mx", "isNonNullable", "autocompletion", "completionKeymap", "RangeSetBuilder", "Decoration", "ViewPlugin", "WidgetType", "keymap", "Domino", "mx", "handlebars", "_", "handlebarsHighlightPlugin", "autocompletion", "activateOnTyping", "aboveCursor", "closeOnBlur", "override", "handlebarsCompletions", "keymap", "of", "completionKeymap", "regex", "comment", "brackets", "command", "var", "dxn", "url", "tagPadding", "ViewPlugin", "fromClass", "decorations", "view", "buildDecorations", "update", "docChanged", "viewportChanged", "selectionSet", "selection", "state", "main", "from", "to", "visibleRanges", "text", "doc", "sliceString", "match", "exec", "start", "index", "end", "length", "overlaps", "push", "decoration", "Decoration", "widget", "DXNWidget", "mark", "class", "mx", "parts", "split", "idx", "sort", "a", "b", "builder", "RangeSetBuilder", "add", "finish", "v", "WidgetType", "_identifier", "ignoreEvent", "eq", "other", "toDOM", "map", "part", "len", "plen", "slice", "join", "Domino", "classNames", "build", "variables", "commands", "context", "matchBefore", "type", "matches", "startsWith", "lastIndexOf", "options", "filter", "name", "label", "syntaxTree", "RangeSetBuilder", "Decoration", "ViewPlugin", "xmlDecorator", "_", "xmlDecoratorPlugin", "ViewPlugin", "fromClass", "decorations", "view", "buildDecorations", "update", "docChanged", "viewportChanged", "builder", "RangeSetBuilder", "from", "to", "visibleRanges", "syntaxTree", "state", "iterate", "enter", "node", "name", "add", "Decoration", "mark", "class", "finish", "v", "TemplateEditor", "id", "classNames", "template", "lineNumbers", "t", "useTranslation", "meta", "themeMode", "useThemeContext", "parentRef", "useTextEditor", "text", "source", "target", "initialValue", "content", "extensions", "createDataExtensions", "createDocAccessor", "createBasicExtensions", "bracketMatching", "lineWrapping", "placeholder", "createThemeExtensions", "slots", "className", "createMarkdownExtensions", "decorateMarkdown", "handlebars", "xmlDecorator", "syntaxHighlighting", "defaultHighlightStyle", "filter", "isNonNullable", "div", "ref", "mx"]
+}

package/dist/lib/browser/chunk-F6YX2HHA.mjs

@@ -0,0 +1,262 @@
+// src/processor/update-name.ts
+import * as Effect from "effect/Effect";
+import * as Exit from "effect/Exit";
+import * as Fiber from "effect/Fiber";
+import * as Runtime from "effect/Runtime";
+import { AiService, DEFAULT_EDGE_MODEL } from "@dxos/ai";
+import { AiSession } from "@dxos/assistant";
+import { throwCause } from "@dxos/effect";
+import { trim } from "@dxos/util";
+var updateName = async (runtime, conversation, chat, model = DEFAULT_EDGE_MODEL) => {
+  const history = await conversation.getHistory();
+  const system = trim`
+    It is extremely important that you respond only with the title and nothing else.
+    If you cannot do this effectively respond with "New Chat".
+  `;
+  const prompt = "Suggest a name for this chat";
+  const fiber = Effect.gen(void 0, function* () {
+    const session = new AiSession();
+    return yield* session.run({
+      system,
+      prompt,
+      history
+    });
+  }).pipe(Effect.provide(AiService.model(model)), Effect.tap((messages) => {
+    const message = messages.find((message2) => message2.sender.role === "assistant");
+    const title = message?.blocks.find((block) => block._tag === "text")?.text;
+    if (title) {
+      chat.name = title;
+    }
+  }), Runtime.runFork(runtime));
+  const response = await fiber.pipe(Fiber.join, Effect.runPromiseExit);
+  if (!Exit.isSuccess(response)) {
+    throwCause(response.cause);
+  }
+};
+
+// src/processor/presets.ts
+import * as Schema from "effect/Schema";
+var ModelProviders = [
+  "dxos-local",
+  "dxos-remote",
+  "lm-studio"
+];
+var ModelProvider = Schema.Literal(...ModelProviders);
+var createModelLabel = (model) => {
+  const parts = model.split("/");
+  return parts[parts.length - 1];
+};
+var AiServicePresets = [
+  {
+    provider: "dxos-remote",
+    model: "@anthropic/claude-opus-4-0"
+  },
+  {
+    provider: "dxos-remote",
+    model: "@anthropic/claude-sonnet-4-0"
+  },
+  {
+    provider: "dxos-remote",
+    model: "@anthropic/claude-3-5-haiku-20241022"
+  },
+  {
+    provider: "lm-studio",
+    model: "@google/gemma-3-27b"
+  },
+  {
+    provider: "lm-studio",
+    model: "@meta/llama-3.2-3b-instruct"
+  },
+  {
+    model: "deepseek-r1:latest",
+    provider: "dxos-local"
+  }
+].map(({ model, provider }, i) => ({
+  id: `preset-${i}`,
+  provider,
+  model,
+  label: createModelLabel(model)
+}));
+
+// src/processor/processor.ts
+import { Atom, Registry } from "@effect-atom/atom-react";
+import * as Cause from "effect/Cause";
+import * as Effect2 from "effect/Effect";
+import * as Exit2 from "effect/Exit";
+import * as Fiber2 from "effect/Fiber";
+import * as Option from "effect/Option";
+import * as Runtime2 from "effect/Runtime";
+import { AiService as AiService2, DEFAULT_EDGE_MODEL as DEFAULT_EDGE_MODEL2 } from "@dxos/ai";
+import { ArtifactDiffResolver, GenerationObserver, createSystemPrompt } from "@dxos/assistant";
+import { Obj } from "@dxos/echo";
+import { throwCause as throwCause2 } from "@dxos/effect";
+import { log } from "@dxos/log";
+import { Message } from "@dxos/types";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/processor/processor.ts";
+var defaultOptions = {
+  model: DEFAULT_EDGE_MODEL2
+};
+var AiChatProcessor = class {
+  _conversation;
+  _services;
+  _options;
+  _registry;
+  /** External observer. */
+  _observer;
+  /** Currently active request fiber. */
+  _fiber;
+  /** Last request (for retries). */
+  _lastRequest;
+  /** Pending messages (incl. the current user request). */
+  _pending = Atom.make([]);
+  /** Currently streaming message (from the AI service). */
+  _streaming = Atom.make(Option.none());
+  /** Streaming state. */
+  streaming = Atom.make((get) => Option.isSome(get(this._streaming)));
+  /** Active state. */
+  active = Atom.make(false);
+  /** Array of Messages (incl. the current message being streamed). */
+  messages = Atom.make((get) => Option.match(get(this._streaming), {
+    onNone: () => get(this._pending),
+    onSome: (streaming) => [
+      ...get(this._pending),
+      streaming
+    ]
+  }));
+  /** Last error. */
+  error = Atom.make(Option.none());
+  constructor(_conversation, _services, _options = defaultOptions) {
+    this._conversation = _conversation;
+    this._services = _services;
+    this._options = _options;
+    this._registry = this._options.observableRegistry ?? Registry.make();
+    this._observer = GenerationObserver.make({
+      onBlock: this._onBlock,
+      onMessage: this._onMessage
+    });
+    if (this._options.model && !this._options.system) {
+      const capabilities = this._options.modelRegistry?.getCapabilities(this._options.model) ?? {};
+      this._options.system = createSystemPrompt(capabilities);
+    }
+  }
+  get context() {
+    return this._conversation.context;
+  }
+  get conversation() {
+    return this._conversation;
+  }
+  get blueprintRegistry() {
+    return this._options.blueprintRegistry;
+  }
+  /**
+  * Initiates a new request.
+  */
+  async request(requestParam) {
+    if (this._fiber) {
+      await this.cancel();
+    }
+    try {
+      this._lastRequest = requestParam;
+      this._registry.set(this.error, Option.none());
+      this._registry.set(this.active, true);
+      const request = this._conversation.createRequest({
+        system: this._options.system,
+        prompt: requestParam.message,
+        observer: this._observer
+      });
+      const runtime = await this._services();
+      this._fiber = request.pipe(
+        Effect2.provide(AiService2.model(this._options.model ?? DEFAULT_EDGE_MODEL2)),
+        // TODO(dmaretskyi): Move ArtifactDiffResolver upstream.
+        Effect2.provideService(ArtifactDiffResolver, this._artifactDiffResolver),
+        Effect2.asVoid,
+        Runtime2.runFork(runtime)
+      );
+      const response = await this._fiber.pipe(Fiber2.join, Effect2.runPromiseExit);
+      if (!Exit2.isSuccess(response) && !Cause.isInterruptedOnly(response.cause)) {
+        throwCause2(response.cause);
+      }
+      this._registry.set(this.error, Option.none());
+      this._lastRequest = void 0;
+      this._fiber = void 0;
+    } catch (error) {
+      log.error("request failed", {
+        error
+      }, {
+        F: __dxlog_file,
+        L: 187,
+        S: this,
+        C: (f, a) => f(...a)
+      });
+      this._registry.set(this.error, Option.some(new Error("AI service error", {
+        cause: error
+      })));
+    } finally {
+      this._fiber = void 0;
+      this._registry.set(this.active, false);
+    }
+  }
+  /**
+  * Cancels the current request.
+  */
+  async cancel() {
+    await Effect2.runPromise(Effect2.gen(this, function* () {
+      if (this._fiber) {
+        yield* this._fiber.pipe(Fiber2.interrupt);
+      }
+    }));
+    this._fiber = void 0;
+    this._registry.set(this.active, false);
+  }
+  /**
+  * Retry last failed request.
+  */
+  async retry() {
+    if (this._lastRequest) {
+      return this.request(this._lastRequest);
+    }
+  }
+  /**
+  * Update the current chat's name.
+  */
+  async updateName(chat) {
+    const runtime = await this._services();
+    await updateName(runtime, this._conversation, chat, this._options.model);
+  }
+  // TODO(burdon): Fix/factor out.
+  _artifactDiffResolver = {
+    resolve: async (_artifacts) => {
+      const versions = /* @__PURE__ */ new Map();
+      return versions;
+    }
+  };
+  _onMessage = Effect2.fn((function* (message) {
+    this._registry.set(this._streaming, Option.none());
+    this._registry.update(this._pending, (pending) => [
+      ...pending,
+      message
+    ]);
+  }).bind(this));
+  _onBlock = Effect2.fn((function* (block) {
+    this._registry.update(this._streaming, (streaming) => {
+      const blocks = streaming.pipe(Option.map((streaming2) => streaming2.blocks.filter((b) => !b.pending)), Option.getOrElse(() => []));
+      return Option.some(Obj.make(Message.Message, {
+        created: (/* @__PURE__ */ new Date()).toISOString(),
+        sender: {
+          role: "assistant"
+        },
+        blocks: [
+          ...blocks,
+          block
+        ]
+      }));
+    });
+  }).bind(this));
+};
+
+export {
+  AiServicePresets,
+  updateName,
+  AiChatProcessor
+};
+//# sourceMappingURL=chunk-F6YX2HHA.mjs.map