@dxos/plugin-assistant 0.8.4-main.67995b8 → 0.8.4-main.c4373fc

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

@@ -0,0 +1,296 @@
+import {
+  LLM_PROVIDERS,
+  ServiceType
+} from "./chunk-B2RCJXEO.mjs";
+import {
+  meta
+} from "./chunk-5RICKAMN.mjs";
+
+// src/components/AssistantSettings/AssistantSettings.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React from "react";
+import { DEFAULT_EDGE_MODELS, DEFAULT_OLLAMA_MODELS } from "@dxos/ai";
+import { Input, Select, useTranslation } from "@dxos/react-ui";
+import { ControlGroup, ControlItemInput, ControlPage, ControlSection } from "@dxos/react-ui-form";
+var DEFAULT_VALUE = "__default";
+var LLM_PROVIDER_LABELS = {
+  edge: "DXOS",
+  ollama: "Ollama",
+  lmstudio: "LM Studio"
+};
+var AssistantSettings = ({ settings }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(meta.id);
+    return /* @__PURE__ */ React.createElement(ControlPage, null, /* @__PURE__ */ React.createElement(ControlSection, {
+      title: t("settings title", {
+        ns: meta.id
+      })
+    }, /* @__PURE__ */ React.createElement(ControlGroup, null, /* @__PURE__ */ React.createElement(ControlItemInput, {
+      title: t("settings custom prompts label")
+    }, /* @__PURE__ */ React.createElement(Input.Switch, {
+      checked: !!settings.customPrompts,
+      onCheckedChange: (checked) => settings.customPrompts = checked
+    })), /* @__PURE__ */ React.createElement(ControlItemInput, {
+      title: t("settings llm provider label")
+    }, /* @__PURE__ */ React.createElement(Select.Root, {
+      value: settings.llmProvider ?? "edge",
+      onValueChange: (value) => {
+        settings.llmProvider = value === DEFAULT_VALUE ? void 0 : value;
+      }
+    }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+      placeholder: t("settings llm provider label")
+    }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
+      value: DEFAULT_VALUE
+    }, t("settings default label")), LLM_PROVIDERS.map((model) => /* @__PURE__ */ React.createElement(Select.Option, {
+      key: model,
+      value: model
+    }, LLM_PROVIDER_LABELS[model]))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))), /* @__PURE__ */ React.createElement(ControlItemInput, {
+      title: t("settings edge llm model label")
+    }, /* @__PURE__ */ React.createElement(Select.Root, {
+      value: settings.edgeModel ?? DEFAULT_VALUE,
+      onValueChange: (value) => {
+        settings.edgeModel = value === DEFAULT_VALUE ? void 0 : value;
+      }
+    }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+      placeholder: t("settings default llm model label")
+    }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
+      value: DEFAULT_VALUE
+    }, t("settings default label")), DEFAULT_EDGE_MODELS.map((model) => /* @__PURE__ */ React.createElement(Select.Option, {
+      key: model,
+      value: model
+    }, model))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))), /* @__PURE__ */ React.createElement(ControlItemInput, {
+      title: t("settings ollama llm model label")
+    }, /* @__PURE__ */ React.createElement(Select.Root, {
+      value: settings.ollamaModel ?? DEFAULT_VALUE,
+      onValueChange: (value) => {
+        settings.ollamaModel = value === DEFAULT_VALUE ? void 0 : value;
+      }
+    }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
+      placeholder: t("settings default llm model label")
+    }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, /* @__PURE__ */ React.createElement(Select.Option, {
+      value: DEFAULT_VALUE
+    }, t("settings default label")), DEFAULT_OLLAMA_MODELS.map((model) => /* @__PURE__ */ React.createElement(Select.Option, {
+      key: model,
+      value: model
+    }, model))), /* @__PURE__ */ React.createElement(Select.Arrow, null))))))));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/ChatProgress/ChatProgress.tsx
+import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
+import React2, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { addEventListener } from "@dxos/async";
+import { Flex, ProgressBar, TextCrawl, useExecutionGraph } from "@dxos/react-ui-components";
+var ChatProgress = ({ chat }) => {
+  var _effect = _useSignals2();
+  try {
+    const { commits } = useExecutionGraph(chat.traceQueue?.target, true);
+    const nodes = useMemo(() => commits.map((commit) => ({
+      id: commit.id,
+      message: commit.message
+    })), [
+      commits
+    ]);
+    const lines = useMemo(() => commits.map((commit) => commit.message), [
+      commits
+    ]);
+    const [index, setIndex] = useState(void 0);
+    const handleSelect = useCallback(({ index: index2 }) => {
+      setIndex((current) => {
+        return current === index2 ? void 0 : index2;
+      });
+    }, []);
+    const ref = useRef(null);
+    useEffect(() => {
+      if (!ref.current) {
+        return;
+      }
+      return addEventListener(ref.current, "keydown", (event) => {
+        switch (event.key) {
+          case "ArrowLeft": {
+            setIndex((current) => current === void 0 || current <= 0 ? 0 : current - 1);
+            break;
+          }
+          case "ArrowRight": {
+            setIndex((current) => current === void 0 || current >= nodes.length ? nodes.length - 1 : current + 1);
+            break;
+          }
+        }
+      });
+    }, [
+      nodes.length
+    ]);
+    return /* @__PURE__ */ React2.createElement(Flex, {
+      column: true,
+      tabIndex: 0,
+      ref,
+      classNames: "outline-none"
+    }, /* @__PURE__ */ React2.createElement(ProgressBar, {
+      nodes,
+      index,
+      onSelect: handleSelect
+    }), /* @__PURE__ */ React2.createElement(TextCrawl, {
+      lines,
+      index,
+      autoAdvance: true,
+      classNames: "pis-4 text-sm text-subdued"
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/PromptSettings.tsx
+import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
+import React3 from "react";
+import { Toolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
+var PromptSettings = ({ template }) => {
+  var _effect = _useSignals3();
+  try {
+    const { t } = useTranslation2(meta.id);
+    return /* @__PURE__ */ React3.createElement("div", {
+      className: "flex flex-col gap-4"
+    }, /* @__PURE__ */ React3.createElement("h2", null, t("prompt rules label")), /* @__PURE__ */ React3.createElement(Toolbar.Root, null));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/Toolbox/Toolbox.tsx
+import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
+import React4, { Fragment, useEffect as useEffect2, useState as useState2 } from "react";
+import { FunctionType } from "@dxos/functions";
+import { log } from "@dxos/log";
+import { Filter, useQuery } from "@dxos/react-client/echo";
+import { useTranslation as useTranslation3 } from "@dxos/react-ui";
+import { mx } from "@dxos/react-ui-theme";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/Toolbox/Toolbox.tsx";
+var Toolbox = ({ classNames, functions, services, blueprints, activeBlueprints }) => {
+  var _effect = _useSignals4();
+  try {
+    const { t } = useTranslation3(meta.id);
+    return /* @__PURE__ */ React4.createElement("div", {
+      className: mx("flex flex-col overflow-y-auto box-content", classNames)
+    }, blueprints && blueprints.length > 0 && /* @__PURE__ */ React4.createElement(Section, {
+      title: "Blueprints",
+      items: blueprints.map(({ target }) => ({
+        name: target?.name ?? "",
+        description: target?.description ?? "",
+        subitems: target?.tools.map((toolId) => ({
+          name: `\u2219 ${safeToolId(toolId)}`
+        }))
+      }))
+    }), activeBlueprints && activeBlueprints.length > 0 && /* @__PURE__ */ React4.createElement(Section, {
+      title: "Blueprints",
+      items: activeBlueprints.map(({ target }) => ({
+        name: target?.name ?? "",
+        description: target?.description ?? "",
+        subitems: target?.tools.map((toolId) => ({
+          name: `\u2219 ${safeToolId(toolId)}`
+        }))
+      }))
+    }), services && services.length > 0 && /* @__PURE__ */ React4.createElement(Section, {
+      title: "Services",
+      items: services.map(({ service: { serviceId, name, description } }) => ({
+        name: name ?? serviceId,
+        description
+      }))
+    }), functions && functions.length > 0 && /* @__PURE__ */ React4.createElement(Section, {
+      title: "Functions",
+      items: functions.map(({ name, description }) => ({
+        name,
+        description
+      }))
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+var Section = ({ title, items, striped }) => {
+  var _effect = _useSignals4();
+  try {
+    const stripeClassNames = "odd:bg-neutral-50 dark:odd:bg-neutral-800";
+    const gridClassNames = "grid grid-cols-[8rem_1fr]";
+    const subGridClassNames = mx("col-span-full grid grid-cols-subgrid text-xs px-2", striped && stripeClassNames);
+    return /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement("h1", {
+      className: "px-2 text-sm"
+    }, title), /* @__PURE__ */ React4.createElement("div", {
+      className: gridClassNames
+    }, items.map(({ name, description, subitems }, i) => /* @__PURE__ */ React4.createElement(Fragment, {
+      key: i
+    }, name && /* @__PURE__ */ React4.createElement("div", {
+      className: subGridClassNames
+    }, /* @__PURE__ */ React4.createElement("div", {
+      className: "truncate text-primary-500"
+    }, name), /* @__PURE__ */ React4.createElement("div", {
+      className: "line-clamp-2"
+    }, description)), subitems?.map(({ name: name2, description: description2 }, i2) => /* @__PURE__ */ React4.createElement("div", {
+      key: i2,
+      className: mx(subGridClassNames, striped && stripeClassNames)
+    }, /* @__PURE__ */ React4.createElement("div", {
+      className: "truncate"
+    }, name2), /* @__PURE__ */ React4.createElement("div", {
+      className: "line-clamp-3 text-subdued"
+    }, description2)))))));
+  } finally {
+    _effect.f();
+  }
+};
+var ToolboxContainer = ({ classNames, space, processor }) => {
+  var _effect = _useSignals4();
+  try {
+    const services = useQuery(space, Filter.type(ServiceType));
+    const [serviceTools, setServiceTools] = useState2([]);
+    useEffect2(() => {
+      log("creating service tools...", {
+        services: services.length
+      }, {
+        F: __dxlog_file,
+        L: 117,
+        S: void 0,
+        C: (f, a) => f(...a)
+      });
+      queueMicrotask(async () => {
+      });
+    }, [
+      services
+    ]);
+    const functions = useQuery(space, Filter.type(FunctionType));
+    return /* @__PURE__ */ React4.createElement(Toolbox, {
+      classNames,
+      blueprints: processor?.context.blueprints.value,
+      services: serviceTools,
+      functions
+    });
+  } finally {
+    _effect.f();
+  }
+};
+var safeToolId = (name) => {
+  return name.split("_").pop();
+};
+
+// src/components/index.ts
+import { lazy } from "react";
+var BlueprintContainer = lazy(() => import("./BlueprintContainer-TO35YXHT.mjs"));
+var ChatCompanion = lazy(() => import("./ChatCompanion-ZIKNUUSU.mjs"));
+var ChatContainer = lazy(() => import("./ChatContainer-MA5BVDGH.mjs"));
+var ChatDialog = lazy(() => import("./ChatDialog-7OXLIWZI.mjs"));
+var SequenceContainer = lazy(() => import("./SequenceContainer-2FEWMQGW.mjs"));
+
+export {
+  AssistantSettings,
+  ChatProgress,
+  PromptSettings,
+  Toolbox,
+  ToolboxContainer,
+  BlueprintContainer,
+  ChatCompanion,
+  ChatContainer,
+  ChatDialog,
+  SequenceContainer
+};
+//# sourceMappingURL=chunk-P5P7QXBS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AssistantSettings/AssistantSettings.tsx", "../../../src/components/ChatProgress/ChatProgress.tsx", "../../../src/components/PromptSettings.tsx", "../../../src/components/Toolbox/Toolbox.tsx", "../../../src/components/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { DEFAULT_EDGE_MODELS, DEFAULT_OLLAMA_MODELS } from '@dxos/ai';\nimport { Input, Select, useTranslation } from '@dxos/react-ui';\nimport { ControlGroup, ControlItemInput, ControlPage, ControlSection } from '@dxos/react-ui-form';\n\nimport { meta } from '../../meta';\nimport { type Assistant, LLM_PROVIDERS } from '../../types';\n\n// TODO(burdon): Factor out default Selector.\nconst DEFAULT_VALUE = '__default';\n\nconst LLM_PROVIDER_LABELS = {\n  edge: 'DXOS',\n  ollama: 'Ollama',\n  lmstudio: 'LM Studio',\n} as const;\n\nexport const AssistantSettings = ({ settings }: { settings: Assistant.Settings }) => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <ControlPage>\n      <ControlSection title={t('settings title', { ns: meta.id })}>\n        <ControlGroup>\n          <ControlItemInput title={t('settings custom prompts label')}>\n            <Input.Switch\n              checked={!!settings.customPrompts}\n              onCheckedChange={(checked) => (settings.customPrompts = checked)}\n            />\n          </ControlItemInput>\n\n          <ControlItemInput title={t('settings llm provider label')}>\n            <Select.Root\n              value={settings.llmProvider ?? 'edge'}\n              onValueChange={(value) => {\n                settings.llmProvider = value === DEFAULT_VALUE ? undefined : (value as any);\n              }}\n            >\n              <Select.TriggerButton placeholder={t('settings llm provider label')} />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    <Select.Option value={DEFAULT_VALUE}>{t('settings default label')}</Select.Option>\n                    {LLM_PROVIDERS.map((model) => (\n                      <Select.Option key={model} value={model}>\n                        {LLM_PROVIDER_LABELS[model]}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </ControlItemInput>\n\n          <ControlItemInput title={t('settings edge llm model label')}>\n            <Select.Root\n              value={settings.edgeModel ?? DEFAULT_VALUE}\n              onValueChange={(value) => {\n                settings.edgeModel = value === DEFAULT_VALUE ? undefined : value;\n              }}\n            >\n              <Select.TriggerButton placeholder={t('settings default llm model label')} />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    <Select.Option value={DEFAULT_VALUE}>{t('settings default label')}</Select.Option>\n                    {DEFAULT_EDGE_MODELS.map((model) => (\n                      <Select.Option key={model} value={model}>\n                        {model}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </ControlItemInput>\n\n          <ControlItemInput title={t('settings ollama llm model label')}>\n            <Select.Root\n              value={settings.ollamaModel ?? DEFAULT_VALUE}\n              onValueChange={(value) => {\n                settings.ollamaModel = value === DEFAULT_VALUE ? undefined : value;\n              }}\n            >\n              <Select.TriggerButton placeholder={t('settings default llm model label')} />\n              <Select.Portal>\n                <Select.Content>\n                  <Select.Viewport>\n                    <Select.Option value={DEFAULT_VALUE}>{t('settings default label')}</Select.Option>\n                    {DEFAULT_OLLAMA_MODELS.map((model) => (\n                      <Select.Option key={model} value={model}>\n                        {model}\n                      </Select.Option>\n                    ))}\n                  </Select.Viewport>\n                  <Select.Arrow />\n                </Select.Content>\n              </Select.Portal>\n            </Select.Root>\n          </ControlItemInput>\n        </ControlGroup>\n      </ControlSection>\n    </ControlPage>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { addEventListener } from '@dxos/async';\nimport { Flex, ProgressBar, type ProgressBarProps, TextCrawl, useExecutionGraph } from '@dxos/react-ui-components';\n\nimport { type Assistant } from '../../types';\n\n// TODO(burdon): Reset after each session.\n// TODO(burdon): Show after delay.\n// TODO(burdon): Test with errors.\n// TODO(burdon): Filter out empty trace messages.\n\n// {\n//   \"id\": \"01K3TE3C2VAXETP500QKDHK3C4_block_3\",\n//   \"branch\": \"main\",\n//   \"parents\": [],\n//   \"icon\": \"ph--robot--regular\",\n//   \"message\": \"\\n\"\n// }\n\nexport type ChatProgressProps = {\n  chat: Assistant.Chat;\n};\n\nexport const ChatProgress = ({ chat }: ChatProgressProps) => {\n  const { commits } = useExecutionGraph(chat.traceQueue?.target, true);\n  const nodes = useMemo(() => commits.map((commit) => ({ id: commit.id, message: commit.message })), [commits]);\n  const lines = useMemo(() => commits.map((commit) => commit.message), [commits]);\n\n  const [index, setIndex] = useState<number | undefined>(undefined);\n  const handleSelect = useCallback<NonNullable<ProgressBarProps['onSelect']>>(({ index }) => {\n    setIndex((current) => {\n      return current === index ? undefined : index;\n    });\n  }, []);\n\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    return addEventListener(ref.current, 'keydown', (event) => {\n      switch (event.key) {\n        case 'ArrowLeft': {\n          setIndex((current) => (current === undefined || current <= 0 ? 0 : current - 1));\n          break;\n        }\n        case 'ArrowRight': {\n          setIndex((current) => (current === undefined || current >= nodes.length ? nodes.length - 1 : current + 1));\n          break;\n        }\n      }\n    });\n  }, [nodes.length]);\n\n  return (\n    <Flex column tabIndex={0} ref={ref} classNames='outline-none'>\n      <ProgressBar nodes={nodes} index={index} onSelect={handleSelect} />\n      <TextCrawl lines={lines} index={index} autoAdvance classNames='pis-4 text-sm text-subdued' />\n    </Flex>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Template } from '@dxos/blueprints';\nimport { Toolbar, useTranslation } from '@dxos/react-ui';\n\nimport { meta } from '../meta';\n\nexport const PromptSettings = ({ template }: { template: Template.Template }) => {\n  const { t } = useTranslation(meta.id);\n\n  // const handleKindChange = useCallback(\n  //   (value: string) => {\n  //     const kind = Match.type<string>().pipe(\n  //       Match.withReturnType<Schema.Schema.Type<typeof Template.Template>>(),\n  //       Match.when('always', () => ({ include: 'always' })),\n  //       Match.when('schema-matching', () => ({ include: 'schema-matching', typename: '' })),\n  //       Match.when('automatically', () => ({ include: 'automatically', description: '' })),\n  //       Match.orElse(() => ({ include: 'manual' })),\n  //     )(value);\n  //\n  //     template.kind = kind;\n  //   },\n  //   [template],\n  // );\n\n  // const handleTypenameChange = useCallback(\n  //   debounce((event: ChangeEvent<HTMLInputElement>) => {\n  //     if (template.kind.include === 'schema-matching') {\n  //       template.kind.typename = event.target.value;\n  //     }\n  //   }, 300),\n  //   [template.kind.include],\n  // );\n\n  // const handleDescriptionChange = useCallback(\n  //   debounce((event: ChangeEvent<HTMLInputElement>) => {\n  //     if (template.kind.include === 'automatically') {\n  //       template.kind.description = event.target.value;\n  //     }\n  //   }, 300),\n  //   [template.kind.include],\n  // );\n\n  return (\n    <div className='flex flex-col gap-4'>\n      <h2>{t('prompt rules label')}</h2>\n      <Toolbar.Root>\n        {/* <Select.Root value={template.kind.include} onValueChange={handleKindChange}>\n          <Toolbar.Button asChild>\n            <Select.TriggerButton />\n          </Toolbar.Button>\n          <Select.Portal>\n            <Select.Content>\n              <Select.Viewport>\n                {Template.Kinds.map((kind) => (\n                  <Select.Option key={kind} value={kind}>\n                    {kind}\n                  </Select.Option>\n                ))}\n              </Select.Viewport>\n              <Select.Arrow />\n            </Select.Content>\n          </Select.Portal>\n        </Select.Root> */}\n        {/* {template.kind.include === 'schema-matching' && (\n          <Input.Root>\n            <Input.TextInput\n              placeholder={t('typename placeholder')}\n              defaultValue={template.kind.typename}\n              onChange={handleTypenameChange}\n            />\n          </Input.Root>\n        )} */}\n        {/* {template.kind.include === 'automatically' && (\n          <Input.Root>\n            <Input.TextInput\n              placeholder={t('description placeholder')}\n              defaultValue={template.kind.description}\n              onChange={handleDescriptionChange}\n            />\n          </Input.Root>\n        )} */}\n      </Toolbar.Root>\n    </div>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type FC, Fragment, useEffect, useState } from 'react';\n\nimport { type Blueprint } from '@dxos/blueprints';\nimport { type Ref } from '@dxos/echo';\nimport { FunctionType } from '@dxos/functions';\nimport { log } from '@dxos/log';\nimport { Filter, type Space, useQuery } from '@dxos/react-client/echo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { meta } from '../../meta';\nimport { type AiChatProcessor } from '../../processor';\nimport { ServiceType } from '../../types';\n\nexport type ToolboxProps = ThemedClassName<{\n  services?: { service: ServiceType }[];\n  functions?: FunctionType[];\n  // TODO(burdon): Combine into single array.\n  blueprints?: readonly Ref.Ref<Blueprint.Blueprint>[];\n  activeBlueprints?: readonly Ref.Ref<Blueprint.Blueprint>[];\n}>;\n\nexport const Toolbox = ({ classNames, functions, services, blueprints, activeBlueprints }: ToolboxProps) => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <div className={mx('flex flex-col overflow-y-auto box-content', classNames)}>\n      {blueprints && blueprints.length > 0 && (\n        <Section\n          title='Blueprints'\n          items={blueprints.map(({ target }) => ({\n            name: target?.name ?? '',\n            description: target?.description ?? '',\n            subitems: target?.tools.map((toolId) => ({ name: `∙ ${safeToolId(toolId)}` })),\n          }))}\n        />\n      )}\n\n      {activeBlueprints && activeBlueprints.length > 0 && (\n        <Section\n          title='Blueprints'\n          items={activeBlueprints.map(({ target }) => ({\n            name: target?.name ?? '',\n            description: target?.description ?? '',\n            subitems: target?.tools.map((toolId) => ({ name: `∙ ${safeToolId(toolId)}` })),\n          }))}\n        />\n      )}\n\n      {services && services.length > 0 && (\n        <Section\n          title='Services'\n          items={services.map(({ service: { serviceId, name, description } }) => ({\n            name: name ?? serviceId,\n            description,\n            // subitems: tools.map(({ name, description }) => ({ name: `∙ ${name}`, description })),\n          }))}\n        />\n      )}\n\n      {functions && functions.length > 0 && (\n        <Section title='Functions' items={functions.map(({ name, description }) => ({ name, description }))} />\n      )}\n    </div>\n  );\n};\n\nconst Section: FC<{\n  title: string;\n  items: { name: string; description?: string; subitems?: { name: string; description?: string }[] }[];\n  striped?: boolean;\n}> = ({ title, items, striped }) => {\n  const stripeClassNames = 'odd:bg-neutral-50 dark:odd:bg-neutral-800';\n  const gridClassNames = 'grid grid-cols-[8rem_1fr]';\n  const subGridClassNames = mx('col-span-full grid grid-cols-subgrid text-xs px-2', striped && stripeClassNames);\n\n  return (\n    <div>\n      <h1 className='px-2 text-sm'>{title}</h1>\n      <div className={gridClassNames}>\n        {items.map(({ name, description, subitems }, i) => (\n          <Fragment key={i}>\n            {name && (\n              <div className={subGridClassNames}>\n                <div className='truncate text-primary-500'>{name}</div>\n                <div className='line-clamp-2'>{description}</div>\n              </div>\n            )}\n            {subitems?.map(({ name, description }, i) => (\n              <div key={i} className={mx(subGridClassNames, striped && stripeClassNames)}>\n                <div className='truncate'>{name}</div>\n                <div className='line-clamp-3 text-subdued'>{description}</div>\n              </div>\n            ))}\n          </Fragment>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport type ToolboxContainerProps = ThemedClassName<{\n  space?: Space;\n  processor?: AiChatProcessor;\n}>;\n\nexport const ToolboxContainer = ({ classNames, space, processor }: ToolboxContainerProps) => {\n  // Registered services.\n  const services = useQuery(space, Filter.type(ServiceType));\n  const [serviceTools, setServiceTools] = useState<{ service: ServiceType }[]>([]);\n  useEffect(() => {\n    log('creating service tools...', { services: services.length });\n    queueMicrotask(async () => {\n      // TODO(burdon): Fix.\n      // const tools = await Promise.all(\n      //   services.map(async (service) => ({ service, tools: await createToolsFromService(service) })),\n      // );\n      // setServiceTools(tools);\n    });\n  }, [services]);\n\n  // Deployed functions.\n  const functions = useQuery(space, Filter.type(FunctionType));\n\n  return (\n    <Toolbox\n      classNames={classNames}\n      blueprints={processor?.context.blueprints.value}\n      services={serviceTools}\n      functions={functions}\n    />\n  );\n};\n\nconst safeToolId = (name: string) => {\n  return name.split('_').pop();\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './AssistantSettings';\nexport * from './Chat';\nexport * from './ChatProgress';\nexport * from './PromptSettings';\nexport * from './TemplateEditor';\nexport * from './Toolbar';\nexport * from './Toolbox';\n\nexport const BlueprintContainer = lazy(() => import('./BlueprintContainer'));\nexport const ChatCompanion = lazy(() => import('./ChatCompanion'));\nexport const ChatContainer = lazy(() => import('./ChatContainer'));\nexport const ChatDialog = lazy(() => import('./ChatDialog'));\nexport const SequenceContainer = lazy(() => import('./SequenceContainer'));\n"],
+  "mappings": "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",
+  "names": ["React", "DEFAULT_EDGE_MODELS", "DEFAULT_OLLAMA_MODELS", "Input", "Select", "useTranslation", "ControlGroup", "ControlItemInput", "ControlPage", "ControlSection", "DEFAULT_VALUE", "LLM_PROVIDER_LABELS", "edge", "ollama", "lmstudio", "AssistantSettings", "settings", "t", "useTranslation", "meta", "id", "ControlPage", "ControlSection", "title", "ns", "ControlGroup", "ControlItemInput", "Input", "Switch", "checked", "customPrompts", "onCheckedChange", "Select", "Root", "value", "llmProvider", "onValueChange", "undefined", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "Option", "LLM_PROVIDERS", "map", "model", "key", "Arrow", "edgeModel", "DEFAULT_EDGE_MODELS", "ollamaModel", "DEFAULT_OLLAMA_MODELS", "React", "useCallback", "useEffect", "useMemo", "useRef", "useState", "addEventListener", "Flex", "ProgressBar", "TextCrawl", "useExecutionGraph", "ChatProgress", "chat", "commits", "useExecutionGraph", "traceQueue", "target", "nodes", "useMemo", "map", "commit", "id", "message", "lines", "index", "setIndex", "useState", "undefined", "handleSelect", "useCallback", "current", "ref", "useRef", "useEffect", "addEventListener", "event", "key", "length", "React", "Flex", "column", "tabIndex", "classNames", "ProgressBar", "onSelect", "TextCrawl", "autoAdvance", "React", "Toolbar", "useTranslation", "PromptSettings", "template", "t", "useTranslation", "meta", "id", "React", "div", "className", "h2", "Toolbar", "Root", "React", "Fragment", "useEffect", "useState", "FunctionType", "log", "Filter", "useQuery", "useTranslation", "mx", "Toolbox", "classNames", "functions", "services", "blueprints", "activeBlueprints", "t", "useTranslation", "meta", "id", "React", "div", "className", "mx", "length", "Section", "title", "items", "map", "target", "name", "description", "subitems", "tools", "toolId", "safeToolId", "service", "serviceId", "striped", "stripeClassNames", "gridClassNames", "subGridClassNames", "h1", "i", "Fragment", "key", "ToolboxContainer", "space", "processor", "useQuery", "Filter", "type", "ServiceType", "serviceTools", "setServiceTools", "useState", "useEffect", "log", "queueMicrotask", "FunctionType", "context", "value", "split", "pop", "lazy", "BlueprintContainer", "lazy", "ChatCompanion", "ChatContainer", "ChatDialog", "SequenceContainer"]
+}