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

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

@@ -0,0 +1,299 @@
+import {
+  useExecutionGraph
+} from "./chunk-PL4O4ZJU.mjs";
+import {
+  LLM_PROVIDERS,
+  ServiceType
+} from "./chunk-SMIVXXAI.mjs";
+import {
+  meta
+} from "./chunk-O4LUJEDV.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 } 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-BFNN6K46.mjs"));
+var ChatCompanion = lazy(() => import("./ChatCompanion-YYYCHZYV.mjs"));
+var ChatContainer = lazy(() => import("./ChatContainer-G6YHR6GJ.mjs"));
+var ChatDialog = lazy(() => import("./ChatDialog-HJ7VDRQO.mjs"));
+var SequenceContainer = lazy(() => import("./SequenceContainer-TF5QNXYM.mjs"));
+
+export {
+  AssistantSettings,
+  ChatProgress,
+  PromptSettings,
+  Toolbox,
+  ToolboxContainer,
+  BlueprintContainer,
+  ChatCompanion,
+  ChatContainer,
+  ChatDialog,
+  SequenceContainer
+};
+//# sourceMappingURL=chunk-PPJAIE2T.mjs.map

package/dist/lib/browser/chunk-PPJAIE2T.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 } from '@dxos/react-ui-components';\n\nimport { useExecutionGraph } from '../../hooks';\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", "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"]
+}

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

@@ -0,0 +1,169 @@
+import {
+  AssistantAction_exports,
+  Assistant_exports
+} from "./chunk-SMIVXXAI.mjs";
+import {
+  meta
+} from "./chunk-O4LUJEDV.mjs";
+
+// src/components/Toolbar/Toolbar.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React from "react";
+import { fullyQualifiedId } from "@dxos/react-client/echo";
+import { MenuProvider, ToolbarMenu } from "@dxos/react-ui-menu";
+
+// src/components/Toolbar/useChatToolbarActions.ts
+import { Rx } from "@effect-rx/rx-react";
+import { Effect } from "effect";
+import { useMemo } from "react";
+import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { Filter, Obj, Query } from "@dxos/echo";
+import { invariant } from "@dxos/invariant";
+import { SpaceAction } from "@dxos/plugin-space/types";
+import { getSpace, useQuery } from "@dxos/react-client/echo";
+import { MenuBuilder, useMenuActions } from "@dxos/react-ui-menu";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/Toolbar/useChatToolbarActions.ts";
+var useChatToolbarActions = ({ chat, companionTo, onReset }) => {
+  const { dispatch } = useIntentDispatcher();
+  const space = getSpace(chat);
+  const query = companionTo ? Query.select(Filter.ids(companionTo.id)).targetOf(Assistant_exports.CompanionTo).source() : Query.select(Filter.nothing());
+  const chats = useQuery(space, query);
+  return useMenuActions(useMemo(() => Rx.make(() => {
+    const builder = MenuBuilder.make().root({
+      label: [
+        "chat toolbar title",
+        {
+          ns: meta.id
+        }
+      ]
+    }).action("new", {
+      label: [
+        "button new thread",
+        {
+          ns: meta.id
+        }
+      ],
+      icon: "ph--plus--regular",
+      type: "new"
+    }, () => Effect.gen(function* () {
+      invariant(space, void 0, {
+        F: __dxlog_file,
+        L: 51,
+        S: this,
+        A: [
+          "space",
+          ""
+        ]
+      });
+      const { object } = yield* dispatch(createIntent(AssistantAction_exports.CreateChat, {
+        space
+      }));
+      yield* dispatch(createIntent(SpaceAction.AddObject, {
+        object,
+        target: space,
+        hidden: true
+      }));
+      if (companionTo) {
+        yield* dispatch(createIntent(SpaceAction.AddRelation, {
+          space,
+          schema: Assistant_exports.CompanionTo,
+          source: object,
+          target: companionTo
+        }));
+        yield* dispatch(createIntent(AssistantAction_exports.SetCurrentChat, {
+          companionTo,
+          chat: object
+        }));
+      }
+    }).pipe(Effect.runPromise)).action("branch", {
+      label: [
+        "button branch thread",
+        {
+          ns: meta.id
+        }
+      ],
+      icon: "ph--git-branch--regular",
+      type: "branch",
+      disabled: true
+    }, () => {
+    });
+    if (chats.length > 0) {
+      builder.group("chats", {
+        label: [
+          "chat history label",
+          {
+            ns: meta.id
+          }
+        ],
+        icon: "ph--clock-counter-clockwise--regular",
+        selectCardinality: "single",
+        variant: "dropdownMenu"
+      }, (builder2) => {
+        chats.toSorted((a, b) => a.id.localeCompare(b.id)).forEach((chat2) => {
+          builder2.action(chat2.id, {
+            label: Obj.getLabel(chat2) ?? [
+              "object name placeholder",
+              {
+                ns: Assistant_exports.Chat.typename
+              }
+            ]
+          }, () => Effect.gen(function* () {
+            invariant(companionTo, void 0, {
+              F: __dxlog_file,
+              L: 100,
+              S: this,
+              A: [
+                "companionTo",
+                ""
+              ]
+            });
+            yield* dispatch(createIntent(AssistantAction_exports.SetCurrentChat, {
+              companionTo,
+              chat: chat2
+            }));
+          }).pipe(Effect.runPromise));
+        });
+      });
+    }
+    if (onReset) {
+      builder.action("reset", {
+        label: [
+          "button reset",
+          {
+            ns: meta.id
+          }
+        ],
+        icon: "ph--trash--regular",
+        type: "reset"
+      }, onReset);
+    }
+    return builder.build();
+  }), [
+    chats
+  ]));
+};
+
+// src/components/Toolbar/Toolbar.tsx
+var Toolbar = ({ chat, companionTo, onReset, classNames }) => {
+  var _effect = _useSignals();
+  try {
+    const menu = useChatToolbarActions({
+      chat,
+      companionTo,
+      onReset
+    });
+    return /* @__PURE__ */ React.createElement(MenuProvider, {
+      ...menu,
+      attendableId: companionTo ? fullyQualifiedId(companionTo) : fullyQualifiedId(chat)
+    }, /* @__PURE__ */ React.createElement(ToolbarMenu, {
+      classNames
+    }));
+  } finally {
+    _effect.f();
+  }
+};
+
+export {
+  Toolbar
+};
+//# sourceMappingURL=chunk-PQI3MGDN.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/Toolbar/useChatToolbarActions.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { MenuProvider, ToolbarMenu } from '@dxos/react-ui-menu';\n\nimport { type ChatToolbarActionsProps, useChatToolbarActions } from './useChatToolbarActions';\n\nexport const Toolbar = ({ chat, companionTo, onReset, classNames }: ThemedClassName<ChatToolbarActionsProps>) => {\n  const menu = useChatToolbarActions({ chat, companionTo, onReset });\n\n  return (\n    <MenuProvider {...menu} attendableId={companionTo ? fullyQualifiedId(companionTo) : fullyQualifiedId(chat)}>\n      <ToolbarMenu classNames={classNames} />\n    </MenuProvider>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Rx } from '@effect-rx/rx-react';\nimport { Effect } from 'effect';\nimport { useMemo } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { Filter, Obj, Query } from '@dxos/echo';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { MenuBuilder, useMenuActions } from '@dxos/react-ui-menu';\n\nimport { meta } from '../../meta';\nimport { Assistant, AssistantAction } from '../../types';\n\nexport type ChatToolbarActionsProps = {\n  chat: Assistant.Chat;\n  companionTo?: Obj.Any;\n  onReset?: () => void;\n};\n\nexport const useChatToolbarActions = ({ chat, companionTo, onReset }: ChatToolbarActionsProps) => {\n  const { dispatch } = useIntentDispatcher();\n  const space = getSpace(chat);\n  const query = companionTo\n    ? Query.select(Filter.ids(companionTo.id)).targetOf(Assistant.CompanionTo).source()\n    : Query.select(Filter.nothing());\n  // TODO(wittjosiah): Query in react vs query in rx?\n  const chats = useQuery(space, query);\n\n  return useMenuActions(\n    useMemo(\n      () =>\n        Rx.make(() => {\n          const builder = MenuBuilder.make()\n            .root({\n              label: ['chat toolbar title', { ns: meta.id }],\n            })\n            .action(\n              'new',\n              {\n                label: ['button new thread', { ns: meta.id }],\n                icon: 'ph--plus--regular',\n                type: 'new',\n              },\n              () =>\n                Effect.gen(function* () {\n                  invariant(space);\n                  const { object } = yield* dispatch(createIntent(AssistantAction.CreateChat, { space }));\n                  yield* dispatch(createIntent(SpaceAction.AddObject, { object, target: space, hidden: true }));\n                  if (companionTo) {\n                    yield* dispatch(\n                      createIntent(SpaceAction.AddRelation, {\n                        space,\n                        schema: Assistant.CompanionTo,\n                        source: object,\n                        target: companionTo,\n                      }),\n                    );\n\n                    yield* dispatch(createIntent(AssistantAction.SetCurrentChat, { companionTo, chat: object }));\n                  }\n                }).pipe(Effect.runPromise),\n            )\n            .action(\n              'branch',\n              {\n                label: ['button branch thread', { ns: meta.id }],\n                icon: 'ph--git-branch--regular',\n                type: 'branch',\n                disabled: true,\n              },\n              () => {},\n            );\n\n          if (chats.length > 0) {\n            builder.group(\n              'chats',\n              {\n                label: ['chat history label', { ns: meta.id }],\n                icon: 'ph--clock-counter-clockwise--regular',\n                selectCardinality: 'single',\n                variant: 'dropdownMenu',\n              },\n              (builder) => {\n                chats\n                  // TODO(wittjosiah): This should be the default sort order.\n                  .toSorted((a, b) => a.id.localeCompare(b.id))\n                  .forEach((chat) => {\n                    builder.action(\n                      chat.id,\n                      {\n                        label: Obj.getLabel(chat) ?? ['object name placeholder', { ns: Assistant.Chat.typename }],\n                      },\n                      () =>\n                        Effect.gen(function* () {\n                          invariant(companionTo);\n                          yield* dispatch(createIntent(AssistantAction.SetCurrentChat, { companionTo, chat }));\n                        }).pipe(Effect.runPromise),\n                    );\n                  });\n              },\n            );\n          }\n\n          if (onReset) {\n            builder.action(\n              'reset',\n              {\n                label: ['button reset', { ns: meta.id }],\n                icon: 'ph--trash--regular',\n                type: 'reset',\n              },\n              onReset,\n            );\n          }\n\n          return builder.build();\n        }),\n      [chats],\n    ),\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "fullyQualifiedId", "MenuProvider", "ToolbarMenu", "Rx", "Effect", "useMemo", "createIntent", "useIntentDispatcher", "Filter", "Obj", "Query", "invariant", "SpaceAction", "getSpace", "useQuery", "MenuBuilder", "useMenuActions", "useChatToolbarActions", "chat", "companionTo", "onReset", "dispatch", "useIntentDispatcher", "space", "getSpace", "query", "Query", "select", "Filter", "ids", "id", "targetOf", "Assistant", "CompanionTo", "source", "nothing", "chats", "useQuery", "useMenuActions", "useMemo", "Rx", "make", "builder", "MenuBuilder", "root", "label", "ns", "meta", "action", "icon", "type", "Effect", "gen", "invariant", "object", "createIntent", "AssistantAction", "CreateChat", "SpaceAction", "AddObject", "target", "hidden", "AddRelation", "schema", "SetCurrentChat", "pipe", "runPromise", "disabled", "length", "group", "selectCardinality", "variant", "toSorted", "a", "b", "localeCompare", "forEach", "Obj", "getLabel", "Chat", "typename", "build", "Toolbar", "chat", "companionTo", "onReset", "classNames", "menu", "useChatToolbarActions", "MenuProvider", "attendableId", "fullyQualifiedId", "ToolbarMenu"]
+}