@dxos/plugin-automation 0.7.5-main.9d26e3a → 0.7.5-main.b19bfc8

package/dist/lib/node/chunk-3QSK6IPK.cjs

@@ -0,0 +1,133 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_3QSK6IPK_exports = {};
+__export(chunk_3QSK6IPK_exports, {
+  AssistantDialog: () => AssistantDialog,
+  AutomationPanel: () => AutomationPanel,
+  AutomationSettings: () => AutomationSettings,
+  ChatContainer: () => ChatContainer,
+  ServiceRegistry: () => ServiceRegistry,
+  TemplateContainer: () => TemplateContainer
+});
+module.exports = __toCommonJS(chunk_3QSK6IPK_exports);
+var import_chunk_B37JIAOP = require("./chunk-B37JIAOP.cjs");
+var import_chunk_UVWK2XJE = require("./chunk-UVWK2XJE.cjs");
+var import_chunk_BAQRBGOJ = require("./chunk-BAQRBGOJ.cjs");
+var import_react = __toESM(require("react"));
+var import_assistant = require("@dxos/assistant");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_form = require("@dxos/react-ui-form");
+var import_react2 = __toESM(require("react"));
+var import_echo = require("@dxos/client/echo");
+var import_echo2 = require("@dxos/react-client/echo");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react3 = require("react");
+var AutomationSettings = ({ settings }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_BAQRBGOJ.AUTOMATION_PLUGIN);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.DeprecatedFormContainer, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+    label: t("settings custom prompts label")
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Switch, {
+    checked: !!settings.customPrompts,
+    onCheckedChange: (checked) => settings.customPrompts = checked
+  })), /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.DeprecatedFormInput, {
+    label: t("settings llm model label")
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Root, {
+    value: settings.llmModel ?? "default",
+    onValueChange: (value) => {
+      settings.llmModel = value;
+    }
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.TriggerButton, {
+    placeholder: t("settings default llm model label")
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Viewport, null, import_assistant.DEFAULT_LLM_MODELS.map((model) => /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Option, {
+    key: model,
+    value: model
+  }, model))))))));
+};
+var ServiceRegistry = ({ space }) => {
+  const matchingServices = (0, import_chunk_B37JIAOP.useServices)(space);
+  const enabledServices = (0, import_echo2.useQuery)(space, import_echo.Filter.schema(import_chunk_UVWK2XJE.ServiceType));
+  const services = (0, import_react2.useMemo)(() => {
+    return matchingServices.map((service) => enabledServices.find((s) => s.serviceId === service.serviceId) ?? service);
+  }, [
+    matchingServices,
+    enabledServices
+  ]);
+  const handleSetEnabled = (service, enabled) => {
+    if (enabled) {
+      space.db.add(service);
+    } else {
+      space.db.remove(service);
+    }
+  };
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.List, {
+    classNames: "h-full grid auto-rows-[5rem] gap-2 p-2 pis-2 pie-2 overflow-y-auto scrollbar-thin"
+  }, services.map((service) => /* @__PURE__ */ import_react2.default.createElement(ServiceItem, {
+    key: service.serviceId,
+    service,
+    enabled: service.enabled,
+    setEnabled: (enabled) => handleSetEnabled(service, enabled)
+  })));
+};
+var ServiceItem = ({ service, enabled, setEnabled }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.ListItem.Root, {
+    classNames: "flex flex-col gap-1 p-1 overflow-hidden rounded-md border border-separator"
+  }, /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "grid grid-cols-[40px_1fr_40px]"
+  }, /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "flex gow justify-center items-center"
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
+    icon: import_chunk_UVWK2XJE.categoryIcons[service.category ?? "default"] ?? "ph--placeholder--regular",
+    size: 6
+  })), /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "grow items-center truncate mie-2"
+  }, service.name), /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "flex gow justify-center items-center"
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Switch, {
+    checked: enabled,
+    onClick: () => setEnabled?.(!enabled)
+  })))), /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "grid grid-cols-[40px_1fr]"
+  }, /* @__PURE__ */ import_react2.default.createElement("div", null), /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "text-sm text-subdued line-clamp-2 mie-1"
+  }, service.description)));
+};
+var AssistantDialog = (0, import_react3.lazy)(() => import("./AssistantDialog-E62O72KI.cjs"));
+var AutomationPanel = (0, import_react3.lazy)(() => import("./AutomationPanel-6COLKRIB.cjs"));
+var ChatContainer = (0, import_react3.lazy)(() => import("./ChatContainer-4QTLL7TH.cjs"));
+var TemplateContainer = (0, import_react3.lazy)(() => import("./TemplateContainer-3YCM6XPU.cjs"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AssistantDialog,
+  AutomationPanel,
+  AutomationSettings,
+  ChatContainer,
+  ServiceRegistry,
+  TemplateContainer
+});
+//# sourceMappingURL=chunk-3QSK6IPK.cjs.map

package/dist/lib/node/chunk-3QSK6IPK.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AutomationSettings/AutomationSettings.tsx", "../../../src/components/ServiceRegistry/ServiceRegistry.tsx", "../../../src/components/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DEFAULT_LLM_MODELS } from '@dxos/assistant';\nimport { Input, Select, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { type AutomationSettingsProps } from '../../types';\n\nexport const AutomationSettings = ({ settings }: { settings: AutomationSettingsProps }) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n\n  return (\n    <DeprecatedFormContainer>\n      <DeprecatedFormInput label={t('settings custom prompts label')}>\n        <Input.Switch\n          checked={!!settings.customPrompts}\n          onCheckedChange={(checked) => (settings.customPrompts = checked)}\n        />\n      </DeprecatedFormInput>\n\n      <DeprecatedFormInput label={t('settings llm model label')}>\n        <Select.Root\n          value={settings.llmModel ?? 'default'}\n          onValueChange={(value) => {\n            settings.llmModel = value;\n          }}\n        >\n          <Select.TriggerButton placeholder={t('settings default llm model label')} />\n          <Select.Portal>\n            <Select.Content>\n              <Select.Viewport>\n                {DEFAULT_LLM_MODELS.map((model) => (\n                  <Select.Option key={model} value={model}>\n                    {model}\n                  </Select.Option>\n                ))}\n              </Select.Viewport>\n            </Select.Content>\n          </Select.Portal>\n        </Select.Root>\n      </DeprecatedFormInput>\n    </DeprecatedFormContainer>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Filter, type Space } from '@dxos/client/echo';\nimport { useQuery } from '@dxos/react-client/echo';\nimport { Icon, Input, List, ListItem } from '@dxos/react-ui';\n\nimport { useServices } from '../../hooks';\nimport { categoryIcons, ServiceType } from '../../types';\n\n// TODO(burdon): Option to show all/enabled/filter.\nexport const ServiceRegistry = ({ space }: { space: Space }) => {\n  const matchingServices = useServices(space);\n  const enabledServices = useQuery(space, Filter.schema(ServiceType));\n\n  // Join matching services with enabled services.\n  const services = useMemo(() => {\n    return matchingServices.map((service) => enabledServices.find((s) => s.serviceId === service.serviceId) ?? service);\n  }, [matchingServices, enabledServices]);\n\n  // TODO(burdon): Reaplce with SpacePlugin intent.\n  const handleSetEnabled = (service: ServiceType, enabled: boolean) => {\n    if (enabled) {\n      space.db.add(service);\n    } else {\n      // TODO(burdon): Remove or disable?\n      space.db.remove(service);\n    }\n  };\n\n  return (\n    <List classNames='h-full grid auto-rows-[5rem] gap-2 p-2 pis-2 pie-2 overflow-y-auto scrollbar-thin'>\n      {services.map((service) => (\n        <ServiceItem\n          key={service.serviceId}\n          service={service}\n          enabled={service.enabled}\n          setEnabled={(enabled) => handleSetEnabled(service, enabled)}\n        />\n      ))}\n    </List>\n  );\n};\n\nconst ServiceItem = ({\n  service,\n  enabled,\n  setEnabled,\n}: {\n  service: ServiceType;\n  enabled?: boolean;\n  setEnabled?: (enabled: boolean) => void;\n}) => {\n  return (\n    <ListItem.Root classNames='flex flex-col gap-1 p-1 overflow-hidden rounded-md border border-separator'>\n      <div className='grid grid-cols-[40px_1fr_40px]'>\n        <div className='flex gow justify-center items-center'>\n          <Icon icon={categoryIcons[service.category ?? 'default'] ?? 'ph--placeholder--regular'} size={6} />\n        </div>\n        <div className='grow items-center truncate mie-2'>{service.name}</div>\n        <div className='flex gow justify-center items-center'>\n          <Input.Root>\n            <Input.Switch checked={enabled} onClick={() => setEnabled?.(!enabled)} />\n          </Input.Root>\n        </div>\n      </div>\n      <div className='grid grid-cols-[40px_1fr]'>\n        <div />\n        <div className='text-sm text-subdued line-clamp-2 mie-1'>{service.description}</div>\n      </div>\n    </ListItem.Root>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './AutomationPanel';\nexport * from './AutomationSettings';\nexport * from './ServiceRegistry';\nexport * from './TemplateEditor';\nexport * from './Thread';\nexport * from './TriggerEditor';\nexport * from './Toolbox';\n\nexport const AssistantDialog = lazy(() => import('./AssistantDialog'));\nexport const AutomationPanel = lazy(() => import('./AutomationPanel'));\nexport const ChatContainer = lazy(() => import('./ChatContainer'));\nexport const TemplateContainer = lazy(() => import('./TemplateContainer'));\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_echo", "import_react_ui", "AutomationSettings", "settings", "t", "useTranslation", "AUTOMATION_PLUGIN", "React", "DeprecatedFormContainer", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "customPrompts", "onCheckedChange", "Select", "Root", "value", "llmModel", "onValueChange", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "DEFAULT_LLM_MODELS", "map", "model", "Option", "key", "ServiceRegistry", "space", "matchingServices", "useServices", "enabledServices", "useQuery", "Filter", "schema", "ServiceType", "services", "useMemo", "service", "find", "s", "serviceId", "handleSetEnabled", "enabled", "db", "add", "remove", "List", "classNames", "ServiceItem", "setEnabled", "ListItem", "div", "className", "Icon", "icon", "categoryIcons", "category", "size", "name", "onClick", "description", "AssistantDialog", "lazy", "AutomationPanel", "ChatContainer", "TemplateContainer"]
+}

package/dist/lib/node/chunk-76F5BCJE.cjs

@@ -0,0 +1,111 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_76F5BCJE_exports = {};
+__export(chunk_76F5BCJE_exports, {
+  TemplateEditor: () => TemplateEditor,
+  handlebarsHighlightStyle: () => handlebarsHighlightStyle
+});
+module.exports = __toCommonJS(chunk_76F5BCJE_exports);
+var import_chunk_BAQRBGOJ = require("./chunk-BAQRBGOJ.cjs");
+var import_language = require("@codemirror/language");
+var import_highlight = require("@lezer/highlight");
+var import_codemirror_lang_handlebars = require("@xiechao/codemirror-lang-handlebars");
+var import_react = __toESM(require("react"));
+var import_echo = require("@dxos/react-client/echo");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+import_codemirror_lang_handlebars.handlebarsLanguage.configure({
+  props: [
+    (0, import_highlight.styleTags)({
+      "---": import_highlight.tags.lineComment
+    })
+  ]
+});
+var TemplateEditor = ({ classNames, template }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_BAQRBGOJ.AUTOMATION_PLUGIN);
+  const { themeMode } = (0, import_react_ui.useThemeContext)();
+  const { parentRef } = (0, import_react_ui_editor.useTextEditor)(() => ({
+    initialValue: template.source,
+    extensions: [
+      (0, import_react_ui_editor.createDataExtensions)({
+        id: template.id,
+        text: template.source !== void 0 ? (0, import_echo.createDocAccessor)(template, [
+          "template"
+        ]) : void 0
+      }),
+      (0, import_react_ui_editor.createBasicExtensions)({
+        bracketMatching: false,
+        lineWrapping: true,
+        placeholder: t("template placeholder")
+      }),
+      (0, import_react_ui_editor.createThemeExtensions)({
+        themeMode,
+        slots: {
+          content: {
+            className: "!p-3"
+          }
+        }
+      }),
+      // https://github.com/xiechao/lang-handlebars
+      new import_language.LanguageSupport(import_codemirror_lang_handlebars.handlebarsLanguage, (0, import_language.syntaxHighlighting)(handlebarsHighlightStyle))
+    ]
+  }), [
+    themeMode,
+    prompt
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    ref: parentRef,
+    className: (0, import_react_ui_theme.mx)(classNames)
+  });
+};
+var handlebarsHighlightStyle = import_language.HighlightStyle.define([
+  {
+    tag: import_highlight.tags.tagName,
+    class: "text-redText"
+  },
+  {
+    tag: import_highlight.tags.variableName,
+    class: "text-blueText"
+  },
+  {
+    tag: import_highlight.tags.keyword,
+    class: "text-greenText"
+  },
+  {
+    tag: import_highlight.tags.comment,
+    class: "text-subdued"
+  }
+]);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TemplateEditor,
+  handlebarsHighlightStyle
+});
+//# sourceMappingURL=chunk-76F5BCJE.cjs.map

package/dist/lib/node/chunk-76F5BCJE.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TemplateEditor/TemplateEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { HighlightStyle, LanguageSupport, syntaxHighlighting } from '@codemirror/language';\nimport { styleTags, tags } from '@lezer/highlight';\nimport { handlebarsLanguage } from '@xiechao/codemirror-lang-handlebars';\nimport React from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { useThemeContext, useTranslation, type ThemedClassName } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { type TemplateType } from '../../types';\n\nhandlebarsLanguage.configure({\n  props: [\n    styleTags({\n      '---': tags.lineComment,\n    }),\n  ],\n});\n\nexport type TemplateEditorProps = ThemedClassName<{\n  template: TemplateType;\n}>;\n\nexport const TemplateEditor = ({ classNames, template }: TemplateEditorProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const { themeMode } = useThemeContext();\n  const { parentRef } = useTextEditor(\n    () => ({\n      initialValue: template.source,\n      extensions: [\n        createDataExtensions({\n          id: template.id,\n          text: template.source !== undefined ? createDocAccessor(template, ['template']) : undefined,\n        }),\n        createBasicExtensions({\n          bracketMatching: false,\n          lineWrapping: true,\n          placeholder: t('template placeholder'),\n        }),\n        createThemeExtensions({\n          themeMode,\n          slots: {\n            content: { className: '!p-3' },\n          },\n        }),\n\n        // https://github.com/xiechao/lang-handlebars\n        new LanguageSupport(handlebarsLanguage, syntaxHighlighting(handlebarsHighlightStyle)),\n      ],\n    }),\n    [themeMode, prompt],\n  );\n\n  return <div ref={parentRef} className={mx(classNames)} />;\n};\n\n/**\n * https://github.com/xiechao/lang-handlebars/blob/direct/src/highlight.js\n */\nexport const handlebarsHighlightStyle = HighlightStyle.define([\n  { tag: tags.tagName, class: 'text-redText' }, // Braces.\n  { tag: tags.variableName, class: 'text-blueText' },\n  { tag: tags.keyword, class: 'text-greenText' },\n  { tag: tags.comment, class: 'text-subdued' },\n]);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,sBAAoE;AACpE,uBAAgC;AAChC,wCAAmC;AACnC,mBAAkB;AAElB,kBAAkC;AAClC,sBAAsE;AACtE,6BAKO;AACP,4BAAmB;AAKnBA,qDAAmBC,UAAU;EAC3BC,OAAO;QACLC,4BAAU;MACR,OAAOC,sBAAKC;IACd,CAAA;;AAEJ,CAAA;AAMO,IAAMC,iBAAiB,CAAC,EAAEC,YAAYC,SAAQ,MAAuB;AAC1E,QAAM,EAAEC,EAAC,QAAKC,gCAAeC,uCAAAA;AAC7B,QAAM,EAAEC,UAAS,QAAKC,iCAAAA;AACtB,QAAM,EAAEC,UAAS,QAAKC,sCACpB,OAAO;IACLC,cAAcR,SAASS;IACvBC,YAAY;UACVC,6CAAqB;QACnBC,IAAIZ,SAASY;QACbC,MAAMb,SAASS,WAAWK,aAAYC,+BAAkBf,UAAU;UAAC;SAAW,IAAIc;MACpF,CAAA;UACAE,8CAAsB;QACpBC,iBAAiB;QACjBC,cAAc;QACdC,aAAalB,EAAE,sBAAA;MACjB,CAAA;UACAmB,8CAAsB;QACpBhB;QACAiB,OAAO;UACLC,SAAS;YAAEC,WAAW;UAAO;QAC/B;MACF,CAAA;;MAGA,IAAIC,gCAAgBhC,0DAAoBiC,oCAAmBC,wBAAAA,CAAAA;;EAE/D,IACA;IAACtB;IAAWuB;GAAO;AAGrB,SAAO,6BAAAC,QAAA,cAACC,OAAAA;IAAIC,KAAKxB;IAAWiB,eAAWQ,0BAAGhC,UAAAA;;AAC5C;AAKO,IAAM2B,2BAA2BM,+BAAeC,OAAO;EAC5D;IAAEC,KAAKtC,sBAAKuC;IAASC,OAAO;EAAe;EAC3C;IAAEF,KAAKtC,sBAAKyC;IAAcD,OAAO;EAAgB;EACjD;IAAEF,KAAKtC,sBAAK0C;IAASF,OAAO;EAAiB;EAC7C;IAAEF,KAAKtC,sBAAK2C;IAASH,OAAO;EAAe;CAC5C;",
+  "names": ["handlebarsLanguage", "configure", "props", "styleTags", "tags", "lineComment", "TemplateEditor", "classNames", "template", "t", "useTranslation", "AUTOMATION_PLUGIN", "themeMode", "useThemeContext", "parentRef", "useTextEditor", "initialValue", "source", "extensions", "createDataExtensions", "id", "text", "undefined", "createDocAccessor", "createBasicExtensions", "bracketMatching", "lineWrapping", "placeholder", "createThemeExtensions", "slots", "content", "className", "LanguageSupport", "syntaxHighlighting", "handlebarsHighlightStyle", "prompt", "React", "div", "ref", "mx", "HighlightStyle", "define", "tag", "tagName", "class", "variableName", "keyword", "comment"]
+}