@dxos/plugin-automation 0.7.5-labs.5f04cf6 → 0.7.5-labs.e27f9b9

package/dist/lib/{node-esm/chunk-5QUXIXNB.mjs.map → browser/chunk-IYSMXX6Q.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/PromptEditor/PromptEditor.tsx", "../../../src/components/PromptEditor/prompt-extension.ts", "../../../src/components/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Schema as S } from '@effect/schema';\nimport React, { useEffect } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { Input, Select, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { attentionSurface, groupBorder, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { nameRegex, promptExtension } from './prompt-extension';\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { type ChainInput, ChainInputType, type ChainPromptType } from '../../types';\n\nconst inputTypes = [\n  {\n    value: ChainInputType.VALUE,\n    label: 'Value',\n  },\n  {\n    value: ChainInputType.PASS_THROUGH,\n    label: 'Pass through',\n  },\n  {\n    value: ChainInputType.RETRIEVER,\n    label: 'Retriever',\n  },\n  // {\n  //   value: ChainInputType.FUNCTION,\n  //   label: 'Function',\n  // },\n  // {\n  //   value: ChainInputType.QUERY,\n  //   label: 'Query',\n  // },\n  {\n    value: ChainInputType.RESOLVER,\n    label: 'Resolver',\n  },\n  {\n    value: ChainInputType.CONTEXT,\n    label: 'Context',\n  },\n  {\n    value: ChainInputType.SCHEMA,\n    label: 'Schema',\n  },\n];\n\nconst getInputType = (type: string) => inputTypes.find(({ value }) => String(value) === type)?.value;\n\nconst usePromptInputs = (prompt: ChainPromptType) => {\n  useEffect(() => {\n    const text = prompt.template ?? '';\n    if (!prompt.inputs) {\n      prompt.inputs = []; // TODO(burdon): Required?\n    }\n\n    const regex = new RegExp(nameRegex, 'g');\n    const variables = new Set<string>([...text.matchAll(regex)].map((m) => m[1]));\n\n    // Create map of unclaimed inputs.\n    const unclaimed = new Map<string, ChainInput>(\n      prompt.inputs?.filter(nonNullable).map((input) => [input.name, input]),\n    );\n    const missing: string[] = [];\n    Array.from(variables.values()).forEach((name) => {\n      if (unclaimed.has(name)) {\n        unclaimed.delete(name);\n      } else {\n        missing.push(name);\n      }\n    });\n\n    // Match or create new inputs.\n    const values = unclaimed.values();\n    missing.forEach((name) => {\n      const next = values.next().value;\n      if (next) {\n        next.name = name;\n      } else {\n        prompt.inputs?.push({ name });\n      }\n    });\n\n    // Remove unclaimed (deleted) inputs.\n    // TODO(burdon): If user types incorrect name value, it will be deleted. Garbage collect?\n    for (const input of values) {\n      prompt.inputs.splice(prompt.inputs.indexOf(input), 1);\n    }\n  }, [prompt.template]);\n};\n\nexport type PromptEditorProps = {\n  prompt: ChainPromptType;\n  commandEditable?: boolean;\n  schema?: S.Schema<any, any, any>;\n};\n\nexport const PromptEditor = ({ prompt, commandEditable = true }: PromptEditorProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const { themeMode } = useThemeContext();\n\n  const { parentRef } = useTextEditor(\n    () => ({\n      initialValue: prompt.template,\n      extensions: [\n        createDataExtensions({\n          id: prompt.id,\n          text: prompt.template !== undefined ? createDocAccessor(prompt, ['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        promptExtension,\n      ],\n    }),\n    [themeMode, prompt],\n  );\n\n  usePromptInputs(prompt);\n\n  return (\n    <div className={mx('flex flex-col w-full overflow-hidden gap-4', groupBorder)}>\n      {commandEditable && (\n        <div className='flex items-center pl-4'>\n          <span className='text-neutral-500'>/</span>\n          <Input.Root>\n            <Input.TextInput\n              placeholder={t('command placeholder')}\n              classNames={mx('is-full bg-transparent m-2')}\n              value={prompt.command ?? ''}\n              onChange={(event) => {\n                prompt.command = event.target.value.replace(/\\w/g, '');\n              }}\n            />\n          </Input.Root>\n        </div>\n      )}\n\n      <div ref={parentRef} className={mx(attentionSurface, 'rounded', 'min-h-[120px]')} />\n\n      {(prompt.inputs?.length ?? 0) > 0 && (\n        <div className='flex flex-col'>\n          {/* TODO(zan): Improve layout with grid */}\n          <table className='w-full table-fixed border-collapse my-2'>\n            <tbody>\n              {prompt.inputs?.filter(nonNullable).map((input) => (\n                <tr key={input.name}>\n                  <td className='w-[160px] p-1 font-mono text-sm whitespace-nowrap truncate'>\n                    <code className='px-2'>{input.name}</code>\n                  </td>\n                  <td className='w-[120px] p-1'>\n                    <Input.Root>\n                      <Select.Root\n                        value={String(input.type)}\n                        onValueChange={(type) => {\n                          input.type = getInputType(type) ?? ChainInputType.VALUE;\n                        }}\n                      >\n                        <Select.TriggerButton placeholder='Type' classNames='is-full' />\n                        <Select.Portal>\n                          <Select.Content>\n                            <Select.Viewport>\n                              {inputTypes.map(({ value, label }) => (\n                                <Select.Option key={value} value={String(value)}>\n                                  {label}\n                                </Select.Option>\n                              ))}\n                            </Select.Viewport>\n                          </Select.Content>\n                        </Select.Portal>\n                      </Select.Root>\n                    </Input.Root>\n                  </td>\n                  <td className='p-1 pr-2'>\n                    {input.type !== undefined &&\n                      [\n                        ChainInputType.VALUE,\n                        ChainInputType.CONTEXT,\n                        ChainInputType.RESOLVER,\n                        ChainInputType.SCHEMA,\n                      ].includes(input.type) && (\n                        <div>\n                          <Input.Root>\n                            <Input.TextInput\n                              placeholder={t('command placeholder')}\n                              classNames={mx('is-full bg-transparent')}\n                              value={input.value ?? ''}\n                              onChange={(event) => {\n                                input.value = event.target.value;\n                              }}\n                            />\n                          </Input.Root>\n                        </div>\n                      )}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { HighlightStyle, StreamLanguage, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\n\nimport { tags } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport const nameRegex = /\\{([\\w-]+)}/;\n\nconst parser = StreamLanguage.define({\n  token: (stream) => {\n    if (stream.eatSpace()) {\n      return null;\n    }\n    if (stream.match(/^#.*/)) {\n      return 'lineComment';\n    }\n    if (stream.match(/^-+$/)) {\n      return 'lineComment';\n    }\n    if (stream.match(nameRegex)) {\n      return 'variableName';\n    }\n    stream.next();\n    return null;\n  },\n});\n\n/**\n * https://codemirror.net/examples/styling\n * https://lezer.codemirror.net/docs/ref/#highlight\n */\nconst highlightStyles = HighlightStyle.define([\n  {\n    tag: tags.variableName,\n    class: mx('rounded border border-yellow-500 bg-yellow-100 text-black font-mono text-sm'),\n  },\n]);\n\nexport const promptExtension: Extension = [parser, syntaxHighlighting(highlightStyles)];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './PromptEditor';\nexport * from './Thread';\nexport * from './TriggerEditor';\n\nexport const AssistantPanel = lazy(() => import('./AssistantPanel'));\nexport const AutomationPanel = lazy(() => import('./AutomationPanel'));\nexport const ChatContainer = lazy(() => import('./ChatContainer'));\n"],
-  "mappings": "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",
-  "names": ["React", "useEffect", "createDocAccessor", "Input", "Select", "useThemeContext", "useTranslation", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "attentionSurface", "groupBorder", "mx", "nonNullable", "HighlightStyle", "StreamLanguage", "syntaxHighlighting", "tags", "mx", "nameRegex", "parser", "StreamLanguage", "define", "token", "stream", "eatSpace", "match", "next", "highlightStyles", "HighlightStyle", "tag", "tags", "variableName", "class", "mx", "promptExtension", "syntaxHighlighting", "inputTypes", "value", "ChainInputType", "VALUE", "label", "PASS_THROUGH", "RETRIEVER", "RESOLVER", "CONTEXT", "SCHEMA", "getInputType", "type", "find", "String", "usePromptInputs", "prompt", "useEffect", "text", "template", "inputs", "regex", "RegExp", "nameRegex", "variables", "Set", "matchAll", "map", "m", "unclaimed", "Map", "filter", "nonNullable", "input", "name", "missing", "Array", "from", "values", "forEach", "has", "delete", "push", "next", "splice", "indexOf", "PromptEditor", "commandEditable", "t", "useTranslation", "AUTOMATION_PLUGIN", "themeMode", "useThemeContext", "parentRef", "useTextEditor", "initialValue", "extensions", "createDataExtensions", "id", "undefined", "createDocAccessor", "createBasicExtensions", "bracketMatching", "lineWrapping", "placeholder", "createThemeExtensions", "slots", "content", "className", "promptExtension", "div", "mx", "groupBorder", "span", "Input", "Root", "TextInput", "classNames", "command", "onChange", "event", "target", "replace", "ref", "attentionSurface", "length", "table", "tbody", "tr", "key", "td", "code", "Select", "onValueChange", "TriggerButton", "Portal", "Content", "Viewport", "Option", "includes", "lazy", "AssistantPanel", "lazy", "AutomationPanel", "ChatContainer"]
+  "sources": ["../../../src/components/PromptEditor/PromptEditor.tsx", "../../../src/components/PromptEditor/prompt-extension.ts", "../../../src/components/ServiceRegistry/ServiceRegistry.tsx", "../../../src/components/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Schema as S } from '@effect/schema';\nimport React, { useEffect } from 'react';\n\nimport { createDocAccessor } from '@dxos/react-client/echo';\nimport { Input, Select, useThemeContext, useTranslation } from '@dxos/react-ui';\nimport {\n  createBasicExtensions,\n  createDataExtensions,\n  createThemeExtensions,\n  useTextEditor,\n} from '@dxos/react-ui-editor';\nimport { attentionSurface, groupBorder, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { nameRegex, promptExtension } from './prompt-extension';\nimport { AUTOMATION_PLUGIN } from '../../meta';\nimport { type ChainInput, ChainInputType, type ChainPromptType } from '../../types';\n\nconst inputTypes = [\n  {\n    value: ChainInputType.VALUE,\n    label: 'Value',\n  },\n  {\n    value: ChainInputType.PASS_THROUGH,\n    label: 'Pass through',\n  },\n  {\n    value: ChainInputType.RETRIEVER,\n    label: 'Retriever',\n  },\n  // {\n  //   value: ChainInputType.FUNCTION,\n  //   label: 'Function',\n  // },\n  // {\n  //   value: ChainInputType.QUERY,\n  //   label: 'Query',\n  // },\n  {\n    value: ChainInputType.RESOLVER,\n    label: 'Resolver',\n  },\n  {\n    value: ChainInputType.CONTEXT,\n    label: 'Context',\n  },\n  {\n    value: ChainInputType.SCHEMA,\n    label: 'Schema',\n  },\n];\n\nconst getInputType = (type: string) => inputTypes.find(({ value }) => String(value) === type)?.value;\n\nconst usePromptInputs = (prompt: ChainPromptType) => {\n  useEffect(() => {\n    const text = prompt.template ?? '';\n    if (!prompt.inputs) {\n      prompt.inputs = []; // TODO(burdon): Required?\n    }\n\n    const regex = new RegExp(nameRegex, 'g');\n    const variables = new Set<string>([...text.matchAll(regex)].map((m) => m[1]));\n\n    // Create map of unclaimed inputs.\n    const unclaimed = new Map<string, ChainInput>(\n      prompt.inputs?.filter(nonNullable).map((input) => [input.name, input]),\n    );\n    const missing: string[] = [];\n    Array.from(variables.values()).forEach((name) => {\n      if (unclaimed.has(name)) {\n        unclaimed.delete(name);\n      } else {\n        missing.push(name);\n      }\n    });\n\n    // Match or create new inputs.\n    const values = unclaimed.values();\n    missing.forEach((name) => {\n      const next = values.next().value;\n      if (next) {\n        next.name = name;\n      } else {\n        prompt.inputs?.push({ name });\n      }\n    });\n\n    // Remove unclaimed (deleted) inputs.\n    // TODO(burdon): If user types incorrect name value, it will be deleted. Garbage collect?\n    for (const input of values) {\n      prompt.inputs.splice(prompt.inputs.indexOf(input), 1);\n    }\n  }, [prompt.template]);\n};\n\nexport type PromptEditorProps = {\n  prompt: ChainPromptType;\n  commandEditable?: boolean;\n  schema?: S.Schema<any, any, any>;\n};\n\nexport const PromptEditor = ({ prompt, commandEditable = true }: PromptEditorProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n  const { themeMode } = useThemeContext();\n\n  const { parentRef } = useTextEditor(\n    () => ({\n      initialValue: prompt.template,\n      extensions: [\n        createDataExtensions({\n          id: prompt.id,\n          text: prompt.template !== undefined ? createDocAccessor(prompt, ['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        promptExtension,\n      ],\n    }),\n    [themeMode, prompt],\n  );\n\n  usePromptInputs(prompt);\n\n  return (\n    <div className={mx('flex flex-col w-full overflow-hidden gap-4', groupBorder)}>\n      {commandEditable && (\n        <div className='flex items-center pl-4'>\n          <span className='text-neutral-500'>/</span>\n          <Input.Root>\n            <Input.TextInput\n              placeholder={t('command placeholder')}\n              classNames={mx('is-full bg-transparent m-2')}\n              value={prompt.command ?? ''}\n              onChange={(event) => {\n                prompt.command = event.target.value.replace(/\\w/g, '');\n              }}\n            />\n          </Input.Root>\n        </div>\n      )}\n\n      <div ref={parentRef} className={mx(attentionSurface, 'rounded', 'min-h-[120px]')} />\n\n      {(prompt.inputs?.length ?? 0) > 0 && (\n        <div className='flex flex-col'>\n          {/* TODO(zan): Improve layout with grid */}\n          <table className='w-full table-fixed border-collapse my-2'>\n            <tbody>\n              {prompt.inputs?.filter(nonNullable).map((input) => (\n                <tr key={input.name}>\n                  <td className='w-[160px] p-1 font-mono text-sm whitespace-nowrap truncate'>\n                    <code className='px-2'>{input.name}</code>\n                  </td>\n                  <td className='w-[120px] p-1'>\n                    <Input.Root>\n                      <Select.Root\n                        value={String(input.type)}\n                        onValueChange={(type) => {\n                          input.type = getInputType(type) ?? ChainInputType.VALUE;\n                        }}\n                      >\n                        <Select.TriggerButton placeholder='Type' classNames='is-full' />\n                        <Select.Portal>\n                          <Select.Content>\n                            <Select.Viewport>\n                              {inputTypes.map(({ value, label }) => (\n                                <Select.Option key={value} value={String(value)}>\n                                  {label}\n                                </Select.Option>\n                              ))}\n                            </Select.Viewport>\n                          </Select.Content>\n                        </Select.Portal>\n                      </Select.Root>\n                    </Input.Root>\n                  </td>\n                  <td className='p-1 pr-2'>\n                    {input.type !== undefined &&\n                      [\n                        ChainInputType.VALUE,\n                        ChainInputType.CONTEXT,\n                        ChainInputType.RESOLVER,\n                        ChainInputType.SCHEMA,\n                      ].includes(input.type) && (\n                        <div>\n                          <Input.Root>\n                            <Input.TextInput\n                              placeholder={t('command placeholder')}\n                              classNames={mx('is-full bg-transparent')}\n                              value={input.value ?? ''}\n                              onChange={(event) => {\n                                input.value = event.target.value;\n                              }}\n                            />\n                          </Input.Root>\n                        </div>\n                      )}\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { HighlightStyle, StreamLanguage, syntaxHighlighting } from '@codemirror/language';\nimport { type Extension } from '@codemirror/state';\n\nimport { tags } from '@dxos/react-ui-editor';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport const nameRegex = /\\{([\\w-]+)}/;\n\nconst parser = StreamLanguage.define({\n  token: (stream) => {\n    if (stream.eatSpace()) {\n      return null;\n    }\n    if (stream.match(/^#.*/)) {\n      return 'lineComment';\n    }\n    if (stream.match(/^-+$/)) {\n      return 'lineComment';\n    }\n    if (stream.match(nameRegex)) {\n      return 'variableName';\n    }\n    stream.next();\n    return null;\n  },\n});\n\n/**\n * https://codemirror.net/examples/styling\n * https://lezer.codemirror.net/docs/ref/#highlight\n */\nconst highlightStyles = HighlightStyle.define([\n  {\n    tag: tags.variableName,\n    class: mx('rounded border border-yellow-500 bg-yellow-100 text-black font-mono text-sm'),\n  },\n]);\n\nexport const promptExtension: Extension = [parser, syntaxHighlighting(highlightStyles)];\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 { useServiceRegistry } from '../../hooks';\nimport { ServiceType } from '../../types';\n\n// TODO(burdon): Option to show all/enabled.\nexport const ServiceRegistry = ({ space }: { space: Space }) => {\n  const matchingServices = useServiceRegistry(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  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-3 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='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'>{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 './ChatContainer';\nexport * from './MarkdownViewer';\nexport * from './PromptEditor';\nexport * from './ServiceRegistry';\nexport * from './Thread';\nexport * from './TriggerEditor';\n\nexport const AutomationPanel = lazy(() => import('./AutomationPanel'));\nexport const ChatContainer = lazy(() => import('./ChatContainer'));\n"],
+  "mappings": ";;;;;;;;;;;;AAKA,OAAOA,SAASC,iBAAiB;AAEjC,SAASC,yBAAyB;AAClC,SAASC,OAAOC,QAAQC,iBAAiBC,sBAAsB;AAC/D,SACEC,uBACAC,sBACAC,uBACAC,qBACK;AACP,SAASC,kBAAkBC,aAAaC,MAAAA,WAAU;AAClD,SAASC,mBAAmB;;;ACZ5B,SAASC,gBAAgBC,gBAAgBC,0BAA0B;AAGnE,SAASC,YAAY;AACrB,SAASC,UAAU;AAEZ,IAAMC,YAAY;AAEzB,IAAMC,SAASC,eAAeC,OAAO;EACnCC,OAAO,CAACC,WAAAA;AACN,QAAIA,OAAOC,SAAQ,GAAI;AACrB,aAAO;IACT;AACA,QAAID,OAAOE,MAAM,MAAA,GAAS;AACxB,aAAO;IACT;AACA,QAAIF,OAAOE,MAAM,MAAA,GAAS;AACxB,aAAO;IACT;AACA,QAAIF,OAAOE,MAAMP,SAAAA,GAAY;AAC3B,aAAO;IACT;AACAK,WAAOG,KAAI;AACX,WAAO;EACT;AACF,CAAA;AAMA,IAAMC,kBAAkBC,eAAeP,OAAO;EAC5C;IACEQ,KAAKC,KAAKC;IACVC,OAAOC,GAAG,6EAAA;EACZ;CACD;AAEM,IAAMC,kBAA6B;EAACf;EAAQgB,mBAAmBR,eAAAA;;;;ADpBtE,IAAMS,aAAa;EACjB;IACEC,OAAOC,eAAeC;IACtBC,OAAO;EACT;EACA;IACEH,OAAOC,eAAeG;IACtBD,OAAO;EACT;EACA;IACEH,OAAOC,eAAeI;IACtBF,OAAO;EACT;;;;;;;;;EASA;IACEH,OAAOC,eAAeK;IACtBH,OAAO;EACT;EACA;IACEH,OAAOC,eAAeM;IACtBJ,OAAO;EACT;EACA;IACEH,OAAOC,eAAeO;IACtBL,OAAO;EACT;;AAGF,IAAMM,eAAe,CAACC,SAAiBX,WAAWY,KAAK,CAAC,EAAEX,MAAK,MAAOY,OAAOZ,KAAAA,MAAWU,IAAAA,GAAOV;AAE/F,IAAMa,kBAAkB,CAACC,WAAAA;AACvBC,YAAU,MAAA;AACR,UAAMC,OAAOF,OAAOG,YAAY;AAChC,QAAI,CAACH,OAAOI,QAAQ;AAClBJ,aAAOI,SAAS,CAAA;IAClB;AAEA,UAAMC,QAAQ,IAAIC,OAAOC,WAAW,GAAA;AACpC,UAAMC,YAAY,IAAIC,IAAY;SAAIP,KAAKQ,SAASL,KAAAA;MAAQM,IAAI,CAACC,MAAMA,EAAE,CAAA,CAAE,CAAA;AAG3E,UAAMC,YAAY,IAAIC,IACpBd,OAAOI,QAAQW,OAAOC,WAAAA,EAAaL,IAAI,CAACM,UAAU;MAACA,MAAMC;MAAMD;KAAM,CAAA;AAEvE,UAAME,UAAoB,CAAA;AAC1BC,UAAMC,KAAKb,UAAUc,OAAM,CAAA,EAAIC,QAAQ,CAACL,SAAAA;AACtC,UAAIL,UAAUW,IAAIN,IAAAA,GAAO;AACvBL,kBAAUY,OAAOP,IAAAA;MACnB,OAAO;AACLC,gBAAQO,KAAKR,IAAAA;MACf;IACF,CAAA;AAGA,UAAMI,SAAST,UAAUS,OAAM;AAC/BH,YAAQI,QAAQ,CAACL,SAAAA;AACf,YAAMS,OAAOL,OAAOK,KAAI,EAAGzC;AAC3B,UAAIyC,MAAM;AACRA,aAAKT,OAAOA;MACd,OAAO;AACLlB,eAAOI,QAAQsB,KAAK;UAAER;QAAK,CAAA;MAC7B;IACF,CAAA;AAIA,eAAWD,SAASK,QAAQ;AAC1BtB,aAAOI,OAAOwB,OAAO5B,OAAOI,OAAOyB,QAAQZ,KAAAA,GAAQ,CAAA;IACrD;EACF,GAAG;IAACjB,OAAOG;GAAS;AACtB;AAQO,IAAM2B,eAAe,CAAC,EAAE9B,QAAQ+B,kBAAkB,KAAI,MAAqB;AAChF,QAAM,EAAEC,EAAC,IAAKC,eAAeC,iBAAAA;AAC7B,QAAM,EAAEC,UAAS,IAAKC,gBAAAA;AAEtB,QAAM,EAAEC,UAAS,IAAKC,cACpB,OAAO;IACLC,cAAcvC,OAAOG;IACrBqC,YAAY;MACVC,qBAAqB;QACnBC,IAAI1C,OAAO0C;QACXxC,MAAMF,OAAOG,aAAawC,SAAYC,kBAAkB5C,QAAQ;UAAC;SAAW,IAAI2C;MAClF,CAAA;MACAE,sBAAsB;QACpBC,iBAAiB;QACjBC,cAAc;QACdC,aAAahB,EAAE,sBAAA;MACjB,CAAA;MACAiB,sBAAsB;QACpBd;QACAe,OAAO;UACLC,SAAS;YAAEC,WAAW;UAAO;QAC/B;MACF,CAAA;MACAC;;EAEJ,IACA;IAAClB;IAAWnC;GAAO;AAGrBD,kBAAgBC,MAAAA;AAEhB,SACE,sBAAA,cAACsD,OAAAA;IAAIF,WAAWG,IAAG,8CAA8CC,WAAAA;KAC9DzB,mBACC,sBAAA,cAACuB,OAAAA;IAAIF,WAAU;KACb,sBAAA,cAACK,QAAAA;IAAKL,WAAU;KAAmB,GAAA,GACnC,sBAAA,cAACM,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,WAAS;IACdZ,aAAahB,EAAE,qBAAA;IACf6B,YAAYN,IAAG,4BAAA;IACfrE,OAAOc,OAAO8D,WAAW;IACzBC,UAAU,CAACC,UAAAA;AACThE,aAAO8D,UAAUE,MAAMC,OAAO/E,MAAMgF,QAAQ,OAAO,EAAA;IACrD;QAMR,sBAAA,cAACZ,OAAAA;IAAIa,KAAK9B;IAAWe,WAAWG,IAAGa,kBAAkB,WAAW,eAAA;OAE9DpE,OAAOI,QAAQiE,UAAU,KAAK,KAC9B,sBAAA,cAACf,OAAAA;IAAIF,WAAU;KAEb,sBAAA,cAACkB,SAAAA;IAAMlB,WAAU;KACf,sBAAA,cAACmB,SAAAA,MACEvE,OAAOI,QAAQW,OAAOC,WAAAA,EAAaL,IAAI,CAACM,UACvC,sBAAA,cAACuD,MAAAA;IAAGC,KAAKxD,MAAMC;KACb,sBAAA,cAACwD,MAAAA;IAAGtB,WAAU;KACZ,sBAAA,cAACuB,QAAAA;IAAKvB,WAAU;KAAQnC,MAAMC,IAAI,CAAA,GAEpC,sBAAA,cAACwD,MAAAA;IAAGtB,WAAU;KACZ,sBAAA,cAACM,MAAMC,MAAI,MACT,sBAAA,cAACiB,OAAOjB,MAAI;IACVzE,OAAOY,OAAOmB,MAAMrB,IAAI;IACxBiF,eAAe,CAACjF,SAAAA;AACdqB,YAAMrB,OAAOD,aAAaC,IAAAA,KAAST,eAAeC;IACpD;KAEA,sBAAA,cAACwF,OAAOE,eAAa;IAAC9B,aAAY;IAAOa,YAAW;MACpD,sBAAA,cAACe,OAAOG,QAAM,MACZ,sBAAA,cAACH,OAAOI,SAAO,MACb,sBAAA,cAACJ,OAAOK,UAAQ,MACbhG,WAAW0B,IAAI,CAAC,EAAEzB,OAAOG,MAAK,MAC7B,sBAAA,cAACuF,OAAOM,QAAM;IAACT,KAAKvF;IAAOA,OAAOY,OAAOZ,KAAAA;KACtCG,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,GASjB,sBAAA,cAACqF,MAAAA;IAAGtB,WAAU;KACXnC,MAAMrB,SAAS+C,UACd;IACExD,eAAeC;IACfD,eAAeM;IACfN,eAAeK;IACfL,eAAeO;IACfyF,SAASlE,MAAMrB,IAAI,KACnB,sBAAA,cAAC0D,OAAAA,MACC,sBAAA,cAACI,MAAMC,MAAI,MACT,sBAAA,cAACD,MAAME,WAAS;IACdZ,aAAahB,EAAE,qBAAA;IACf6B,YAAYN,IAAG,wBAAA;IACfrE,OAAO+B,MAAM/B,SAAS;IACtB6E,UAAU,CAACC,UAAAA;AACT/C,YAAM/B,QAAQ8E,MAAMC,OAAO/E;IAC7B;;AAc9B;;;AEzNA,OAAOkG,UAASC,eAAe;AAE/B,SAASC,cAA0B;AACnC,SAASC,gBAAgB;AACzB,SAASC,MAAMC,SAAAA,QAAOC,MAAMC,gBAAgB;AAMrC,IAAMC,kBAAkB,CAAC,EAAEC,MAAK,MAAoB;AACzD,QAAMC,mBAAmBC,mBAAmBF,KAAAA;AAC5C,QAAMG,kBAAkBC,SAASJ,OAAOK,OAAOC,OAAOC,WAAAA,CAAAA;AAGtD,QAAMC,WAAWC,QAAQ,MAAA;AACvB,WAAOR,iBAAiBS,IAAI,CAACC,YAAYR,gBAAgBS,KAAK,CAACC,MAAMA,EAAEC,cAAcH,QAAQG,SAAS,KAAKH,OAAAA;EAC7G,GAAG;IAACV;IAAkBE;GAAgB;AAEtC,QAAMY,mBAAmB,CAACJ,SAAsBK,YAAAA;AAC9C,QAAIA,SAAS;AACXhB,YAAMiB,GAAGC,IAAIP,OAAAA;IACf,OAAO;AAELX,YAAMiB,GAAGE,OAAOR,OAAAA;IAClB;EACF;AAEA,SACE,gBAAAS,OAAA,cAACC,MAAAA;IAAKC,YAAW;KACdd,SAASE,IAAI,CAACC,YACb,gBAAAS,OAAA,cAACG,aAAAA;IACCC,KAAKb,QAAQG;IACbH;IACAK,SAASL,QAAQK;IACjBS,YAAY,CAACT,YAAYD,iBAAiBJ,SAASK,OAAAA;;AAK7D;AAEA,IAAMO,cAAc,CAAC,EACnBZ,SACAK,SACAS,WAAU,MAKX;AACC,SACE,gBAAAL,OAAA,cAACM,SAASC,MAAI;IAACL,YAAW;KACxB,gBAAAF,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KACb,gBAAAT,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KACb,gBAAAT,OAAA,cAACU,MAAAA;IAAKC,MAAK;IAA2BC,MAAM;OAE9C,gBAAAZ,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KAAoClB,QAAQsB,IAAI,GAC/D,gBAAAb,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KACb,gBAAAT,OAAA,cAACc,OAAMP,MAAI,MACT,gBAAAP,OAAA,cAACc,OAAMC,QAAM;IAACC,SAASpB;IAASqB,SAAS,MAAMZ,aAAa,CAACT,OAAAA;SAInE,gBAAAI,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KACb,gBAAAT,OAAA,cAACQ,OAAAA,IAAAA,GACD,gBAAAR,OAAA,cAACQ,OAAAA;IAAIC,WAAU;KAAqClB,QAAQ2B,WAAW,CAAA,CAAA;AAI/E;;;ACtEA,SAASC,YAAY;AAUd,IAAMC,kBAAkBC,KAAK,MAAM,OAAO,gCAAA,CAAA;AAC1C,IAAMC,gBAAgBD,KAAK,MAAM,OAAO,8BAAA,CAAA;",
+  "names": ["React", "useEffect", "createDocAccessor", "Input", "Select", "useThemeContext", "useTranslation", "createBasicExtensions", "createDataExtensions", "createThemeExtensions", "useTextEditor", "attentionSurface", "groupBorder", "mx", "nonNullable", "HighlightStyle", "StreamLanguage", "syntaxHighlighting", "tags", "mx", "nameRegex", "parser", "StreamLanguage", "define", "token", "stream", "eatSpace", "match", "next", "highlightStyles", "HighlightStyle", "tag", "tags", "variableName", "class", "mx", "promptExtension", "syntaxHighlighting", "inputTypes", "value", "ChainInputType", "VALUE", "label", "PASS_THROUGH", "RETRIEVER", "RESOLVER", "CONTEXT", "SCHEMA", "getInputType", "type", "find", "String", "usePromptInputs", "prompt", "useEffect", "text", "template", "inputs", "regex", "RegExp", "nameRegex", "variables", "Set", "matchAll", "map", "m", "unclaimed", "Map", "filter", "nonNullable", "input", "name", "missing", "Array", "from", "values", "forEach", "has", "delete", "push", "next", "splice", "indexOf", "PromptEditor", "commandEditable", "t", "useTranslation", "AUTOMATION_PLUGIN", "themeMode", "useThemeContext", "parentRef", "useTextEditor", "initialValue", "extensions", "createDataExtensions", "id", "undefined", "createDocAccessor", "createBasicExtensions", "bracketMatching", "lineWrapping", "placeholder", "createThemeExtensions", "slots", "content", "className", "promptExtension", "div", "mx", "groupBorder", "span", "Input", "Root", "TextInput", "classNames", "command", "onChange", "event", "target", "replace", "ref", "attentionSurface", "length", "table", "tbody", "tr", "key", "td", "code", "Select", "onValueChange", "TriggerButton", "Portal", "Content", "Viewport", "Option", "includes", "React", "useMemo", "Filter", "useQuery", "Icon", "Input", "List", "ListItem", "ServiceRegistry", "space", "matchingServices", "useServiceRegistry", "enabledServices", "useQuery", "Filter", "schema", "ServiceType", "services", "useMemo", "map", "service", "find", "s", "serviceId", "handleSetEnabled", "enabled", "db", "add", "remove", "React", "List", "classNames", "ServiceItem", "key", "setEnabled", "ListItem", "Root", "div", "className", "Icon", "icon", "size", "name", "Input", "Switch", "checked", "onClick", "description", "lazy", "AutomationPanel", "lazy", "ChatContainer"]
 }

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

@@ -0,0 +1,242 @@
+import {
+  AUTOMATION_PLUGIN
+} from "./chunk-HKX3D3ZP.mjs";
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx
+import React2, { useState as useState2 } from "react";
+import { S } from "@dxos/echo-schema";
+import { FunctionType as FunctionType2, FunctionTrigger, FunctionTriggerSchema as FunctionTriggerSchema2, TriggerKind as TriggerKind2, ScriptType as ScriptType2 } from "@dxos/functions";
+import { useClient } from "@dxos/react-client";
+import { create, Filter as Filter2, useQuery as useQuery2, getSpace } from "@dxos/react-client/echo";
+import { IconButton as IconButton2, Input as Input2, useTranslation as useTranslation2, Button } from "@dxos/react-ui";
+import { List } from "@dxos/react-ui-list";
+import { ghostHover, mx } from "@dxos/react-ui-theme";
+
+// packages/plugins/experimental/plugin-automation/src/components/TriggerEditor/TriggerEditor.tsx
+import React, { useState } from "react";
+import { ComputeGraph } from "@dxos/conductor";
+import { FunctionType, FunctionTriggerSchema, ScriptType, TriggerKind } from "@dxos/functions";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { IconButton, Input, useTranslation } from "@dxos/react-ui";
+import { Form, SelectInput, TextInput } from "@dxos/react-ui-form";
+var TriggerEditor = ({ space, trigger, onSave, onCancel }) => {
+  const { t } = useTranslation(AUTOMATION_PLUGIN);
+  const functions = useQuery(space, Filter.schema(FunctionType));
+  const workflows = useQuery(space, Filter.schema(ComputeGraph));
+  const scripts = useQuery(space, Filter.schema(ScriptType));
+  const handleSave = (values) => {
+    onSave?.(values);
+  };
+  return /* @__PURE__ */ React.createElement(Form, {
+    schema: FunctionTriggerSchema,
+    values: trigger,
+    onSave: handleSave,
+    onCancel,
+    Custom: {
+      ["function"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
+        ...props,
+        options: getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))
+      }),
+      ["spec.type"]: (props) => /* @__PURE__ */ React.createElement(SelectInput, {
+        ...props,
+        options: Object.values(TriggerKind).map((kind) => ({
+          value: kind,
+          label: t(`trigger type ${kind}`)
+        }))
+      }),
+      ["meta"]: (props) => {
+        const meta = props.getValue();
+        const [newMetaFieldName, setNewMetaFieldName] = useState("");
+        React.useEffect(() => props.onValueChange("object", {
+          ...meta
+        }), []);
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, props.label), [
+          ...Object.keys(meta)
+        ].map((key) => {
+          const compositeKey = `meta.${key}`;
+          return /* @__PURE__ */ React.createElement("div", {
+            key: compositeKey,
+            role: "none",
+            className: "flex items-center mt-2 gap-1"
+          }, /* @__PURE__ */ React.createElement("div", {
+            role: "none",
+            className: "flex-1"
+          }, /* @__PURE__ */ React.createElement(TextInput, {
+            ...props,
+            type: "string",
+            label: key
+          })), /* @__PURE__ */ React.createElement(IconButton, {
+            icon: "ph--trash--regular",
+            iconOnly: true,
+            classNames: "mt-6",
+            label: t("trigger meta remove"),
+            onClick: () => {
+              const newValues = {
+                ...props.getValue()
+              };
+              delete newValues[key];
+              props.onValueChange("object", newValues);
+            }
+          }));
+        }), /* @__PURE__ */ React.createElement("div", {
+          role: "none",
+          className: "flex items-center mt-2 gap-1 plb-1"
+        }, /* @__PURE__ */ React.createElement("div", {
+          role: "none",
+          className: "flex-1"
+        }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
+          placeholder: t("trigger meta prop name placeholder"),
+          value: newMetaFieldName,
+          onChange: (event) => setNewMetaFieldName(event.target.value)
+        }))), /* @__PURE__ */ React.createElement(IconButton, {
+          icon: "ph--plus--regular",
+          iconOnly: true,
+          label: t("trigger meta add"),
+          onClick: () => {
+            if (newMetaFieldName.length) {
+              const meta2 = props.getValue() ?? {};
+              const metaWithNewProp = {
+                ...meta2,
+                [newMetaFieldName]: ""
+              };
+              setNewMetaFieldName("");
+              props.onValueChange("object", metaWithNewProp);
+            }
+          }
+        })));
+      }
+    }
+  });
+};
+var getWorkflowOptions = (graphs) => {
+  return graphs.map((graph) => ({
+    label: `compute-${graph.id}`,
+    value: `dxn:echo:@:${graph.id}`
+  }));
+};
+var getFunctionOptions = (scripts, functions) => {
+  const getLabel = (fn) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;
+  return functions.map((fn) => ({
+    label: getLabel(fn),
+    value: `dxn:worker:${fn.name}`
+  }));
+};
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/AutomationPanel.tsx
+var grid = "grid grid-cols-[40px_1fr_32px] min-bs-[2.5rem]";
+var AutomationPanel = ({ space, object }) => {
+  const { t } = useTranslation2(AUTOMATION_PLUGIN);
+  const client = useClient();
+  const triggers = useQuery2(space, Filter2.schema(FunctionTrigger));
+  const functions = useQuery2(space, Filter2.schema(FunctionType2));
+  const scripts = useQuery2(space, Filter2.schema(ScriptType2));
+  const [trigger, setTrigger] = useState2();
+  const [selected, setSelected] = useState2();
+  const handleSelect = (trigger2) => {
+    const { id: _, ...values } = trigger2;
+    setTrigger(values);
+    setSelected(trigger2);
+  };
+  const handleAdd = () => {
+    setTrigger(create(FunctionTriggerSchema2, {
+      meta: {}
+    }));
+    setSelected(void 0);
+  };
+  const handleDelete = (trigger2) => {
+    space.db.remove(trigger2);
+    setTrigger(void 0);
+    setSelected(void 0);
+  };
+  const handleSave = (trigger2) => {
+    if (selected) {
+      Object.assign(selected, trigger2);
+    } else {
+      space.db.add(create(FunctionTrigger, trigger2));
+    }
+    setTrigger(void 0);
+    setSelected(void 0);
+  };
+  const handleCancel = () => {
+    setTrigger(void 0);
+  };
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: "flex flex-col w-full divide-y divide-separator overflow-y-auto"
+  }, /* @__PURE__ */ React2.createElement(List.Root, {
+    items: triggers,
+    isItem: S.is(FunctionTrigger),
+    getId: (field) => field.id
+  }, ({ items: triggers2 }) => /* @__PURE__ */ React2.createElement("div", {
+    role: "list",
+    className: "flex flex-col w-full"
+  }, triggers2?.map((trigger2) => {
+    const copyAction = getCopyAction(client, trigger2);
+    return /* @__PURE__ */ React2.createElement(List.Item, {
+      key: trigger2.id,
+      item: trigger2,
+      classNames: mx(grid, ghostHover, "items-center", "px-2")
+    }, /* @__PURE__ */ React2.createElement(Input2.Root, null, /* @__PURE__ */ React2.createElement(Input2.Switch, {
+      checked: trigger2.enabled,
+      onCheckedChange: (checked) => trigger2.enabled = checked
+    })), /* @__PURE__ */ React2.createElement("div", {
+      className: "flex"
+    }, /* @__PURE__ */ React2.createElement(List.ItemTitle, {
+      classNames: "px-1 cursor-pointer w-0 shrink truncate",
+      onClick: () => handleSelect(trigger2)
+    }, getFunctionName(scripts, functions, trigger2) ?? "\u2205"), copyAction && /* @__PURE__ */ React2.createElement(Button, {
+      onClick: () => navigator.clipboard.writeText(copyAction.contentProvider())
+    }, t(copyAction.translationKey))), /* @__PURE__ */ React2.createElement(List.ItemDeleteButton, {
+      onClick: () => handleDelete(trigger2)
+    }));
+  }))), trigger && /* @__PURE__ */ React2.createElement(TriggerEditor, {
+    space,
+    trigger,
+    onSave: handleSave,
+    onCancel: handleCancel
+  }), !trigger && /* @__PURE__ */ React2.createElement("div", {
+    className: "flex p-2 justify-center"
+  }, /* @__PURE__ */ React2.createElement(IconButton2, {
+    icon: "ph--plus--regular",
+    label: t("new trigger"),
+    onClick: handleAdd
+  })));
+};
+var getCopyAction = (client, trigger) => {
+  if (trigger?.spec?.type === TriggerKind2.Email) {
+    return {
+      translationKey: "trigger copy email",
+      contentProvider: () => `${getSpace(trigger).id}@dxos.network`
+    };
+  }
+  if (trigger?.spec?.type === TriggerKind2.Webhook) {
+    return {
+      translationKey: "trigger copy url",
+      contentProvider: () => getWebhookUrl(client, trigger)
+    };
+  }
+  return void 0;
+};
+var getWebhookUrl = (client, trigger) => {
+  const spaceId = getSpace(trigger).id;
+  const edgeUrl = new URL(client.config.values.runtime.services.edge.url);
+  const isSecure = edgeUrl.protocol.startsWith("https") || edgeUrl.protocol.startsWith("wss");
+  edgeUrl.protocol = isSecure ? "https" : "http";
+  return new URL(`/webhook/${spaceId}:${trigger.id}`, edgeUrl).toString();
+};
+var getFunctionName = (scripts, functions, trigger) => {
+  const shortId = trigger.function && `${trigger.function?.slice(0, 16)}\u2026`;
+  const functionObject = functions.find((fn) => fn.name === trigger.function);
+  if (!functionObject) {
+    return shortId;
+  }
+  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;
+};
+
+// packages/plugins/experimental/plugin-automation/src/components/AutomationPanel/index.ts
+var AutomationPanel_default = AutomationPanel;
+
+export {
+  TriggerEditor,
+  AutomationPanel_default
+};
+//# sourceMappingURL=chunk-RAVNWHNE.mjs.map

package/dist/lib/browser/chunk-RAVNWHNE.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AutomationPanel/AutomationPanel.tsx", "../../../src/components/TriggerEditor/TriggerEditor.tsx", "../../../src/components/AutomationPanel/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { S } from '@dxos/echo-schema';\nimport {\n  FunctionType,\n  FunctionTrigger,\n  FunctionTriggerSchema,\n  TriggerKind,\n  type FunctionTriggerType,\n  ScriptType,\n} from '@dxos/functions';\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, object }: 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, { meta: {} }));\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              const copyAction = getCopyAction(client, trigger);\n              return (\n                <List.Item<FunctionTrigger>\n                  key={trigger.id}\n                  item={trigger}\n                  classNames={mx(grid, ghostHover, 'items-center', 'px-2')}\n                >\n                  <Input.Root>\n                    <Input.Switch\n                      checked={trigger.enabled}\n                      onCheckedChange={(checked) => (trigger.enabled = checked)}\n                    />\n                  </Input.Root>\n\n                  <div className={'flex'}>\n                    <List.ItemTitle\n                      classNames='px-1 cursor-pointer w-0 shrink truncate'\n                      onClick={() => handleSelect(trigger)}\n                    >\n                      {getFunctionName(scripts, functions, trigger) ?? '∅'}\n                    </List.ItemTitle>\n\n                    {/* TODO: a better way to expose copy action */}\n                    {copyAction && (\n                      <Button onClick={() => navigator.clipboard.writeText(copyAction.contentProvider())}>\n                        {t(copyAction.translationKey)}\n                      </Button>\n                    )}\n                  </div>\n\n                  <List.ItemDeleteButton onClick={() => handleDelete(trigger)} />\n                </List.Item>\n              );\n            })}\n          </div>\n        )}\n      </List.Root>\n\n      {trigger && <TriggerEditor space={space} trigger={trigger} onSave={handleSave} onCancel={handleCancel} />}\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 getCopyAction = (client: Client, trigger: FunctionTrigger | undefined) => {\n  if (trigger?.spec?.type === TriggerKind.Email) {\n    return { translationKey: 'trigger copy email', contentProvider: () => `${getSpace(trigger)!.id}@dxos.network` };\n  }\n\n  if (trigger?.spec?.type === TriggerKind.Webhook) {\n    return { translationKey: 'trigger copy url', contentProvider: () => getWebhookUrl(client, trigger) };\n  }\n\n  return undefined;\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 shortId = trigger.function && `${trigger.function?.slice(0, 16)}…`;\n  const functionObject = functions.find((fn) => fn.name === trigger.function);\n  if (!functionObject) {\n    return shortId;\n  }\n  return scripts.find((s) => functionObject.source?.target?.id === s.id)?.name ?? shortId;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { ComputeGraph } from '@dxos/conductor';\nimport {\n  FunctionType,\n  FunctionTriggerSchema,\n  type FunctionTriggerType,\n  type FunctionTrigger,\n  ScriptType,\n  TriggerKind,\n} from '@dxos/functions';\nimport { Filter, useQuery, type Space } from '@dxos/react-client/echo';\nimport { IconButton, Input, useTranslation } from '@dxos/react-ui';\nimport { Form, SelectInput, TextInput } from '@dxos/react-ui-form';\n\nimport { AUTOMATION_PLUGIN } from '../../meta';\n\nexport type TriggerEditorProps = {\n  space: Space;\n  trigger: FunctionTriggerType;\n  onSave?: (trigger: Omit<FunctionTrigger, 'id'>) => void;\n  onCancel?: () => void;\n};\n\nexport const TriggerEditor = ({ space, trigger, onSave, onCancel }: TriggerEditorProps) => {\n  const { t } = useTranslation(AUTOMATION_PLUGIN);\n\n  const functions = useQuery(space, Filter.schema(FunctionType));\n  const workflows = useQuery(space, Filter.schema(ComputeGraph));\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      onSave={handleSave}\n      onCancel={onCancel}\n      Custom={{\n        ['function' satisfies keyof FunctionTriggerType]: (props) => (\n          <SelectInput\n            {...props}\n            options={getWorkflowOptions(workflows).concat(getFunctionOptions(scripts, functions))}\n          />\n        ),\n        ['spec.type' as const]: (props) => (\n          <SelectInput\n            {...props}\n            options={Object.values(TriggerKind).map((kind) => ({\n              value: kind,\n              label: t(`trigger type ${kind}`),\n            }))}\n          />\n        ),\n        ['meta' as const]: (props) => {\n          const meta = props.getValue()!;\n\n          const [newMetaFieldName, setNewMetaFieldName] = useState('');\n\n          React.useEffect(() => props.onValueChange('object', { ...meta }), []);\n\n          return (\n            <>\n              <div>{props.label}</div>\n              {[...Object.keys(meta)].map((key) => {\n                const compositeKey: any = `meta.${key}`;\n                return (\n                  <div key={compositeKey} role='none' className='flex items-center mt-2 gap-1'>\n                    <div role='none' className='flex-1'>\n                      <TextInput {...props} type={'string'} label={key} />\n                    </div>\n                    <IconButton\n                      icon='ph--trash--regular'\n                      iconOnly\n                      classNames={'mt-6'}\n                      label={t('trigger meta remove')}\n                      onClick={() => {\n                        const newValues: any = { ...props.getValue() };\n                        delete newValues[key];\n                        props.onValueChange('object', newValues);\n                      }}\n                    />\n                  </div>\n                );\n              })}\n              <div role='none' className='flex items-center mt-2 gap-1 plb-1'>\n                <div role='none' className='flex-1'>\n                  <Input.Root>\n                    <Input.TextInput\n                      placeholder={t('trigger meta prop name placeholder')}\n                      value={newMetaFieldName}\n                      onChange={(event) => setNewMetaFieldName(event.target.value)}\n                    />\n                  </Input.Root>\n                </div>\n                <IconButton\n                  icon='ph--plus--regular'\n                  iconOnly\n                  label={t('trigger meta add')}\n                  onClick={() => {\n                    if (newMetaFieldName.length) {\n                      const meta = props.getValue() ?? {};\n                      const metaWithNewProp = { ...meta, [newMetaFieldName]: '' };\n                      setNewMetaFieldName('');\n                      props.onValueChange('object', metaWithNewProp);\n                    }\n                  }}\n                />\n              </div>\n            </>\n          );\n        },\n      }}\n    />\n  );\n};\n\nconst getWorkflowOptions = (graphs: ComputeGraph[]) => {\n  return graphs.map((graph) => ({ label: `compute-${graph.id}`, value: `dxn:echo:@:${graph.id}` }));\n};\n\nconst getFunctionOptions = (scripts: ScriptType[], functions: FunctionType[]) => {\n  const getLabel = (fn: FunctionType) => scripts.find((s) => fn.source?.target?.id === s.id)?.name ?? fn.name;\n  return functions.map((fn) => ({ label: getLabel(fn), value: `dxn:worker:${fn.name}` }));\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { AutomationPanel } from './AutomationPanel';\n\nexport default AutomationPanel;\n"],
+  "mappings": "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",
+  "names": ["React", "useState", "S", "FunctionType", "FunctionTrigger", "FunctionTriggerSchema", "TriggerKind", "ScriptType", "useClient", "create", "Filter", "useQuery", "getSpace", "IconButton", "Input", "useTranslation", "Button", "List", "ghostHover", "mx", "React", "useState", "ComputeGraph", "FunctionType", "FunctionTriggerSchema", "ScriptType", "TriggerKind", "Filter", "useQuery", "IconButton", "Input", "useTranslation", "Form", "SelectInput", "TextInput", "TriggerEditor", "space", "trigger", "onSave", "onCancel", "t", "useTranslation", "AUTOMATION_PLUGIN", "functions", "useQuery", "Filter", "schema", "FunctionType", "workflows", "ComputeGraph", "scripts", "ScriptType", "handleSave", "values", "Form", "FunctionTriggerSchema", "Custom", "props", "SelectInput", "options", "getWorkflowOptions", "concat", "getFunctionOptions", "Object", "TriggerKind", "map", "kind", "value", "label", "meta", "getValue", "newMetaFieldName", "setNewMetaFieldName", "useState", "React", "useEffect", "onValueChange", "div", "keys", "key", "compositeKey", "role", "className", "TextInput", "type", "IconButton", "icon", "iconOnly", "classNames", "onClick", "newValues", "Input", "Root", "placeholder", "onChange", "event", "target", "length", "metaWithNewProp", "graphs", "graph", "id", "getLabel", "fn", "find", "s", "source", "name", "grid", "AutomationPanel", "space", "object", "t", "useTranslation", "AUTOMATION_PLUGIN", "client", "useClient", "triggers", "useQuery", "Filter", "schema", "FunctionTrigger", "functions", "FunctionType", "scripts", "ScriptType", "trigger", "setTrigger", "useState", "selected", "setSelected", "handleSelect", "id", "_", "values", "handleAdd", "create", "FunctionTriggerSchema", "meta", "undefined", "handleDelete", "db", "remove", "handleSave", "Object", "assign", "add", "handleCancel", "React", "div", "className", "List", "Root", "items", "isItem", "S", "is", "getId", "field", "role", "map", "copyAction", "getCopyAction", "Item", "key", "item", "classNames", "mx", "ghostHover", "Input", "Switch", "checked", "enabled", "onCheckedChange", "ItemTitle", "onClick", "getFunctionName", "Button", "navigator", "clipboard", "writeText", "contentProvider", "translationKey", "ItemDeleteButton", "TriggerEditor", "onSave", "onCancel", "IconButton", "icon", "label", "spec", "type", "TriggerKind", "Email", "getSpace", "Webhook", "getWebhookUrl", "spaceId", "edgeUrl", "URL", "config", "runtime", "services", "edge", "url", "isSecure", "protocol", "startsWith", "toString", "shortId", "function", "slice", "functionObject", "find", "fn", "name", "s", "source", "target", "AutomationPanel"]
+}

package/dist/lib/browser/index.mjs

@@ -1,38 +1,39 @@
 import {
-  AssistantPanel,
   AutomationPanel,
   ChatContainer,
-  PromptEditor
-} from "./chunk-EKJVAFT2.mjs";
-import {
-  AutomationAction,
-  ChainInputSchema,
-  ChainInputType,
-  ChainPromptType,
-  ChainType,
-  GptChatType
-} from "./chunk-C3VRGDR6.mjs";
+  PromptEditor,
+  ServiceRegistry
+} from "./chunk-IYSMXX6Q.mjs";
 import {
   TriggerEditor
-} from "./chunk-KPSDH6XZ.mjs";
+} from "./chunk-RAVNWHNE.mjs";
 import {
   AiClient,
   AppGraphBuilder,
   IntentResolver,
-  ReactSurface
-} from "./chunk-JSNPW6JF.mjs";
-import {
-  Thread,
-  ThreadMessage
-} from "./chunk-YZF3SDZL.mjs";
+  MarkdownViewer,
+  ReactSurface,
+  Thread
+} from "./chunk-5SLV6AUA.mjs";
 import "./chunk-HZ4TA7HY.mjs";
+import {
+  AIChatType,
+  ApiAuthorization,
+  AutomationAction,
+  ChainInputSchema,
+  ChainInputType,
+  ChainPromptType,
+  ChainType,
+  MockServiceRegistry,
+  ServiceType
+} from "./chunk-7XADMUOW.mjs";
 import {
   AUTOMATION_PLUGIN,
   meta
 } from "./chunk-HKX3D3ZP.mjs";
 
 // packages/plugins/experimental/plugin-automation/src/AutomationPlugin.tsx
-import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events, oneOf } from "@dxos/app-framework";
+import { Capabilities, contributes, createIntent, defineModule, definePlugin, Events } from "@dxos/app-framework";
 import { FunctionTrigger } from "@dxos/functions";
 import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
 import { DeckCapabilities } from "@dxos/plugin-deck";
@@ -42,8 +43,8 @@ import { RefArray } from "@dxos/react-client/echo";
 var translations_default = [
   {
     "en-US": {
-      [GptChatType.typename]: {
-        "typename label": "GPT Chat"
+      [AIChatType.typename]: {
+        "typename label": "AI Chat"
       },
       [AUTOMATION_PLUGIN]: {
         "plugin name": "Automation",
@@ -57,6 +58,9 @@ var translations_default = [
         "select preset template placeholder": "Select preset",
         "open automation panel label": "Show Automations",
         "automation panel label": "Automations",
+        "service registry label": "Service Registry",
+        "chat input placeholder": "Ask a question...",
+        "chat stop": "Cancel request.",
         "function select label": "Function",
         "function select placeholder": "Select function",
         "function enabled": "Enabled",
@@ -75,9 +79,7 @@ var translations_default = [
         "trigger copy email": "Copy Email",
         "trigger meta add": "Add",
         "trigger meta remove": "Remove",
-        "trigger meta prop name placeholder": "New meta property name",
-        "open assistant panel label": "Show Assistant",
-        "assistant panel label": "Assistant"
+        "trigger meta prop name placeholder": "New meta property name"
       }
     }
   }
@@ -97,7 +99,7 @@ var AutomationPlugin = () => definePlugin(meta, [
   }),
   defineModule({
     id: `${meta.id}/module/metadata`,
-    activatesOn: oneOf(Events.Startup, Events.SetupAppGraph),
+    activatesOn: Events.SetupMetadata,
     activate: () => [
       contributes(Capabilities.Metadata, {
         id: ChainType.typename,
@@ -114,7 +116,7 @@ var AutomationPlugin = () => definePlugin(meta, [
         }
       }),
       contributes(Capabilities.Metadata, {
-        id: GptChatType.typename,
+        id: AIChatType.typename,
         metadata: {
           createObject: (props) => createIntent(AutomationAction.Create, props),
           placeholder: [
@@ -130,7 +132,7 @@ var AutomationPlugin = () => definePlugin(meta, [
   }),
   defineModule({
     id: `${meta.id}/module/schema`,
-    activatesOn: ClientEvents.SetupClient,
+    activatesOn: ClientEvents.SetupSchema,
     activate: () => [
       contributes(ClientCapabilities.SystemSchema, [
         ChainType,
@@ -138,7 +140,7 @@ var AutomationPlugin = () => definePlugin(meta, [
         FunctionTrigger
       ]),
       contributes(ClientCapabilities.Schema, [
-        GptChatType
+        AIChatType
       ])
     ]
   }),
@@ -147,30 +149,30 @@ var AutomationPlugin = () => definePlugin(meta, [
     activatesOn: Events.Startup,
     activate: () => [
       contributes(DeckCapabilities.ComplementaryPanel, {
-        id: "automation",
+        id: "service-registry",
         label: [
-          "automation panel label",
+          "service registry label",
           {
             ns: AUTOMATION_PLUGIN
           }
         ],
-        icon: "ph--magic-wand--regular"
+        icon: "ph--plugs--regular"
       }),
       contributes(DeckCapabilities.ComplementaryPanel, {
-        id: "assistant",
+        id: "automation",
         label: [
-          "assistant panel label",
+          "automation panel label",
           {
             ns: AUTOMATION_PLUGIN
           }
         ],
-        icon: "ph--atom--regular"
+        icon: "ph--magic-wand--regular"
       })
     ]
   }),
   defineModule({
     id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.Startup,
+    activatesOn: Events.SetupSurfaces,
     activate: ReactSurface
   }),
   defineModule({
@@ -403,8 +405,9 @@ var chainPresets = [
   }
 ];
 export {
+  AIChatType,
   AUTOMATION_PLUGIN,
-  AssistantPanel,
+  ApiAuthorization,
   AutomationAction,
   AutomationPanel,
   AutomationPlugin,
@@ -413,10 +416,12 @@ export {
   ChainPromptType,
   ChainType,
   ChatContainer,
-  GptChatType,
+  MarkdownViewer,
+  MockServiceRegistry,
   PromptEditor,
+  ServiceRegistry,
+  ServiceType,
   Thread,
-  ThreadMessage,
   TriggerEditor,
   chainPresets,
   meta,