@dxos/plugin-assistant 0.10.0 → 0.11.0

package/dist/lib/neutral/components/index.mjs

@@ -1,2527 +0,0 @@
-import {
-  TracePanel
-} from "../chunk-SCTHQVIJ.mjs";
-import {
-  ChatContextProvider,
-  useChatContext
-} from "../chunk-VTK5R4H3.mjs";
-import {
-  AiUsageQuotaError
-} from "../chunk-BXI2R4OO.mjs";
-import "../chunk-J5LGTIGS.mjs";
-
-// src/components/AgentProperties/AgentProperties.tsx
-import { Atom } from "@effect-atom/atom";
-import { useAtomValue } from "@effect-atom/atom-react";
-import * as Option from "effect/Option";
-import React, { useCallback, useMemo } from "react";
-import { Filter, Obj, Ref, Type } from "@dxos/echo";
-import { useQuery } from "@dxos/react-client/echo";
-import { Input, useTranslation } from "@dxos/react-ui";
-import { Form } from "@dxos/react-ui-form";
-import { FeedAnnotation } from "@dxos/schema";
-import { meta } from "#meta";
-var AgentProperties = ({ agent }) => {
-  const { t } = useTranslation(meta.profile.key);
-  const db = Obj.getDatabase(agent);
-  const feedFilter = useMemo(() => {
-    if (!db) {
-      return Filter.nothing();
-    }
-    const schemas = db.graph.registry.list().filter(Type.isType);
-    const feedSchemas = schemas.filter((type) => {
-      const annotation = FeedAnnotation.get(Type.getSchema(type));
-      return Option.isSome(annotation) && annotation.value === true;
-    });
-    return feedSchemas.length === 0 ? Filter.nothing() : Filter.or(...feedSchemas.map((schema) => Filter.type(schema)));
-  }, [
-    db
-  ]);
-  const subscribedObjects = useQuery(db, feedFilter);
-  const existingSubscriptions = useAtomValue(useMemo(() => Obj.atom(agent).pipe((_) => Atom.make((get) => {
-    const agentObj = get(_);
-    const selectedSubscriptions = subscribedObjects.filter((object) => agentObj.subscriptions.some((subscription) => subscription.uri === Obj.getURI(object)));
-    return selectedSubscriptions;
-  })), [
-    agent,
-    subscribedObjects
-  ]));
-  const handleSubscriptionChange = useCallback((object, checked) => {
-    Obj.update(agent, (agent2) => {
-      if (checked) {
-        agent2.subscriptions.push(Ref.fromURI(Obj.getURI(object)));
-      } else {
-        agent2.subscriptions = agent2.subscriptions.filter((subscription) => subscription.uri !== Obj.getURI(object));
-      }
-    });
-  }, [
-    agent
-  ]);
-  if (subscribedObjects.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(Form.Section, null, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.Label, {
-    classNames: "mt-form-gap"
-  }, t("subscriptions.label"))), subscribedObjects.map((object) => /* @__PURE__ */ React.createElement(Input.Root, {
-    key: object.id
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex items-center gap-2"
-  }, /* @__PURE__ */ React.createElement(Input.Checkbox, {
-    checked: existingSubscriptions.includes(object),
-    onCheckedChange: (checked) => {
-      handleSubscriptionChange(object, checked === true);
-    }
-  }), /* @__PURE__ */ React.createElement(Input.Label, null, Obj.getLabel(object) ?? object.id)))));
-};
-
-// src/components/Chat/Chat.tsx
-import { Atom as Atom2 } from "@effect-atom/atom";
-import { useAtomValue as useAtomValue4 } from "@effect-atom/atom-react";
-import * as Array2 from "effect/Array";
-import * as Option3 from "effect/Option";
-import React17, { useCallback as useCallback9, useEffect as useEffect8, useMemo as useMemo10, useRef as useRef5, useState as useState7 } from "react";
-import { Event } from "@dxos/async";
-import { getSpace } from "@dxos/client/echo";
-import { Filter as Filter3, Obj as Obj4, Query } from "@dxos/echo";
-import { useObject as useObject3, useQuery as useQuery3 } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { Button, Toast, composable as composable2, composableProps as composableProps2, useTranslation as useTranslation10 } from "@dxos/react-ui";
-import { Menu } from "@dxos/react-ui-menu";
-import { Message as Message2 } from "@dxos/types";
-import { useChatKeymapExtensions as useChatKeymapExtensions2, useChatToolbarActions, useDebug, useTraceMessages } from "#hooks";
-import { meta as meta10 } from "#meta";
-
-// src/components/ChatPrompt/ChatActions.tsx
-import React2, { useCallback as useCallback2, useEffect, useState } from "react";
-import { useOptionalAtomCapabilityState, useOptionalCapabilities } from "@dxos/app-framework/ui";
-import { TranscriptionCapabilities } from "@dxos/plugin-transcription";
-import { DropdownMenu, Icon, IconButton, MicButton, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { mx } from "@dxos/ui-theme";
-import { meta as meta2 } from "#meta";
-var ChatActions = ({ classNames, children, docId, microphone, processing, debug, onEvent }) => {
-  const { t } = useTranslation2(meta2.profile.key);
-  const transcriptionAvailable = useOptionalCapabilities(TranscriptionCapabilities.RecordingSession).length > 0;
-  const [session, setSession] = useOptionalAtomCapabilityState(TranscriptionCapabilities.RecordingSession);
-  const [settings, setSettings] = useOptionalAtomCapabilityState(TranscriptionCapabilities.Settings);
-  const recording = !!session?.recording && session.id === docId;
-  const recordMode = settings?.recordMode ?? "toggle";
-  const entityExtraction = settings?.entityExtraction !== false;
-  const selectedDeviceId = settings?.audioDeviceId ?? "";
-  const [devices, setDevices] = useState([]);
-  useEffect(() => {
-    if (!microphone || !transcriptionAvailable || !navigator.mediaDevices?.enumerateDevices) {
-      return;
-    }
-    let cancelled = false;
-    const refresh = async () => {
-      const all = await navigator.mediaDevices.enumerateDevices();
-      if (cancelled) {
-        return;
-      }
-      setDevices(all.filter((device) => device.kind === "audioinput" && device.deviceId).map((device, index) => ({
-        deviceId: device.deviceId,
-        label: device.label || `Microphone ${index + 1}`
-      })));
-    };
-    void refresh();
-    navigator.mediaDevices.addEventListener("devicechange", refresh);
-    return () => {
-      cancelled = true;
-      navigator.mediaDevices.removeEventListener("devicechange", refresh);
-    };
-  }, [
-    microphone,
-    transcriptionAvailable
-  ]);
-  const handleToggle = useCallback2(() => {
-    if (!docId) {
-      return;
-    }
-    setSession((current) => current?.recording && current.id === docId ? null : {
-      id: docId,
-      recording: true
-    });
-  }, [
-    setSession,
-    docId
-  ]);
-  const handlePressStart = useCallback2(() => {
-    if (!docId) {
-      return;
-    }
-    setSession(() => ({
-      id: docId,
-      recording: true
-    }));
-  }, [
-    setSession,
-    docId
-  ]);
-  const handlePressEnd = useCallback2(() => {
-    setSession((current) => current?.id === docId ? null : current);
-  }, [
-    setSession,
-    docId
-  ]);
-  const handleRecordModeChange = useCallback2((mode) => setSettings((current) => ({
-    ...current,
-    recordMode: mode
-  })), [
-    setSettings
-  ]);
-  const handleEntityExtractionChange = useCallback2((value2) => setSettings((current) => ({
-    ...current,
-    entityExtraction: value2
-  })), [
-    setSettings
-  ]);
-  const handleSelectDevice = useCallback2((deviceId) => setSettings((current) => ({
-    ...current,
-    audioDeviceId: deviceId || void 0
-  })), [
-    setSettings
-  ]);
-  const recordLabel = recording ? t("stop-recording.label") : recordMode === "hold" ? t("hold-to-record.label") : t("start-recording.label");
-  return /* @__PURE__ */ React2.createElement("div", {
-    className: mx("flex items-center", classNames)
-  }, children, microphone && docId && transcriptionAvailable && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(MicButton, {
-    iconOnly: true,
-    variant: "ghost",
-    label: recordLabel,
-    recording,
-    mode: recordMode,
-    onToggle: handleToggle,
-    onPressStart: handlePressStart,
-    onPressEnd: handlePressEnd,
-    "data-testid": "assistant.record"
-  }), /* @__PURE__ */ React2.createElement(DropdownMenu.Root, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(IconButton, {
-    icon: "ph--caret-down--regular",
-    iconOnly: true,
-    label: t("recording-options.label"),
-    variant: "ghost",
-    classNames: "w-4",
-    "data-testid": "assistant.record.options"
-  })), /* @__PURE__ */ React2.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React2.createElement(DropdownMenu.GroupLabel, null, t("record-mode.label")), /* @__PURE__ */ React2.createElement(SettingsSelectableItem, {
-    label: t("record-mode.toggle.label"),
-    selected: recordMode === "toggle",
-    onSelect: () => handleRecordModeChange("toggle")
-  }), /* @__PURE__ */ React2.createElement(SettingsSelectableItem, {
-    label: t("record-mode.hold.label"),
-    selected: recordMode === "hold",
-    onSelect: () => handleRecordModeChange("hold")
-  }), /* @__PURE__ */ React2.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React2.createElement(DropdownMenu.GroupLabel, null, t("audio-device.label")), /* @__PURE__ */ React2.createElement(SettingsSelectableItem, {
-    label: t("audio-device.default.label"),
-    selected: selectedDeviceId === "",
-    onSelect: () => handleSelectDevice("")
-  }), devices.map((device) => /* @__PURE__ */ React2.createElement(SettingsSelectableItem, {
-    key: device.deviceId,
-    label: device.label,
-    selected: selectedDeviceId === device.deviceId,
-    onSelect: () => handleSelectDevice(device.deviceId)
-  })), /* @__PURE__ */ React2.createElement(DropdownMenu.Separator, null), /* @__PURE__ */ React2.createElement(DropdownMenu.CheckboxItem, {
-    checked: entityExtraction,
-    onCheckedChange: handleEntityExtractionChange,
-    classNames: "gap-2",
-    "data-testid": "assistant.entity-extraction"
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "grow truncate"
-  }, t("settings.entity-extraction.label")), /* @__PURE__ */ React2.createElement(DropdownMenu.ItemIndicator, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--check--regular",
-    size: 4
-  })))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null))))), debug && /* @__PURE__ */ React2.createElement(IconButton, {
-    variant: "ghost",
-    icon: "ph--wrench--regular",
-    iconOnly: true,
-    label: t("debug.button"),
-    onClick: () => onEvent?.({
-      type: "toggle-debug"
-    })
-  }), /* @__PURE__ */ React2.createElement(IconButton, {
-    // disabled={!processing} // TODO(dmaretskyi): Set processing state correctly on rehydrated agents.
-    variant: "ghost",
-    icon: "ph--x--regular",
-    iconOnly: true,
-    label: t("cancel-processing.button"),
-    onClick: () => {
-      onEvent?.({
-        type: "cancel"
-      });
-    }
-  }));
-};
-var SettingsSelectableItem = ({ label, selected, onSelect }) => /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-  classNames: "gap-2",
-  role: "menuitemradio",
-  "aria-checked": selected,
-  onSelect
-}, /* @__PURE__ */ React2.createElement("span", {
-  className: "grow truncate"
-}, label), selected && /* @__PURE__ */ React2.createElement(Icon, {
-  icon: "ph--check--regular",
-  size: 4
-}));
-
-// src/components/ChatPrompt/ChatMcpErrors.tsx
-import { useAtomValue as useAtomValue2 } from "@effect-atom/atom-react";
-import React3, { useCallback as useCallback3 } from "react";
-import { Message, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { meta as meta3 } from "#meta";
-var ChatMcpErrors = ({ classNames, processor }) => {
-  const { t } = useTranslation3(meta3.profile.key);
-  const errors = useAtomValue2(processor.mcpErrors);
-  const handleDismiss = useCallback3(() => {
-    processor.dismissMcpErrors();
-  }, [
-    processor
-  ]);
-  if (errors.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React3.createElement(Message.Root, {
-    classNames: [
-      "m-1",
-      classNames
-    ],
-    valence: "warning"
-  }, /* @__PURE__ */ React3.createElement(Message.Title, {
-    onClose: handleDismiss
-  }, t("mcp-server-error.label")), /* @__PURE__ */ React3.createElement(Message.Content, {
-    asChild: true
-  }, /* @__PURE__ */ React3.createElement("ul", {
-    className: "flex flex-col gap-0.5 text-sm"
-  }, errors.map((error) => /* @__PURE__ */ React3.createElement("li", {
-    key: `${error.url}::${error.protocol}`,
-    className: "truncate"
-  }, /* @__PURE__ */ React3.createElement("span", {
-    className: "font-mono"
-  }, error.url), " \u2014 ", /* @__PURE__ */ React3.createElement("span", null, error.message))))));
-};
-
-// src/components/ChatPrompt/ChatOptions.tsx
-import React4, { useCallback as useCallback4, useMemo as useMemo2, useState as useState2 } from "react";
-import { McpServer } from "@dxos/assistant-toolkit";
-import { Filter as Filter2, Obj as Obj2, Type as Type2 } from "@dxos/echo";
-import { useObject, useQuery as useQuery2 } from "@dxos/react-client/echo";
-import { IconButton as IconButton2, Input as Input2, Popover, Select, useTranslation as useTranslation4 } from "@dxos/react-ui";
-import { Listbox } from "@dxos/react-ui-list";
-import { SearchList, useSearchListResults } from "@dxos/react-ui-search";
-import { Tabs } from "@dxos/react-ui-tabs";
-import { getStyles, mx as mx2 } from "@dxos/ui-theme";
-import { useActiveSkills, useContextObjects, useFilteredTypes, useSkillHandlers, useSkills } from "#hooks";
-import { meta as meta4 } from "#meta";
-import { Assistant } from "#types";
-var styles = {
-  panel: "w-[calc(100dvw-.5rem)] sm:w-max max-w-document-width",
-  toolbar: "p-0! gap-0! border-t border-separator"
-};
-var ChatOptions = ({ chat, db, context, registry, presets, preset, onPresetChange }) => {
-  const { t } = useTranslation4(meta4.profile.key);
-  return /* @__PURE__ */ React4.createElement("div", {
-    className: "flex"
-  }, /* @__PURE__ */ React4.createElement(Popover.Root, null, /* @__PURE__ */ React4.createElement(Popover.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React4.createElement(IconButton2, {
-    variant: "ghost",
-    icon: "ph--plus--regular",
-    iconOnly: true,
-    label: t("context-objects.button")
-  })), /* @__PURE__ */ React4.createElement(Popover.Portal, null, /* @__PURE__ */ React4.createElement(Popover.Content, {
-    side: "top",
-    classNames: styles.panel
-  }, /* @__PURE__ */ React4.createElement(Popover.Viewport, null, /* @__PURE__ */ React4.createElement(ObjectsPanel, {
-    db,
-    context
-  })), /* @__PURE__ */ React4.createElement(Popover.Arrow, null)))), /* @__PURE__ */ React4.createElement(Popover.Root, null, /* @__PURE__ */ React4.createElement(Popover.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React4.createElement(IconButton2, {
-    variant: "ghost",
-    icon: "ph--sliders-horizontal--regular",
-    iconOnly: true,
-    label: t("context-settings.button")
-  })), /* @__PURE__ */ React4.createElement(Popover.Portal, null, /* @__PURE__ */ React4.createElement(Popover.Content, {
-    side: "top",
-    classNames: styles.panel
-  }, /* @__PURE__ */ React4.createElement(Popover.Viewport, null, /* @__PURE__ */ React4.createElement(Tabs.Root, {
-    asChild: true,
-    orientation: "horizontal",
-    defaultValue: "view",
-    defaultActivePart: "list",
-    tabIndex: -1
-  }, /* @__PURE__ */ React4.createElement(Tabs.Viewport, {
-    classNames: mx2("grid grid-rows-[1fr_40px] w-full")
-  }, /* @__PURE__ */ React4.createElement(Tabs.Panel, {
-    tabIndex: -1,
-    classNames: "dx-focus-ring-inset overflow-hidden",
-    value: "view"
-  }, /* @__PURE__ */ React4.createElement(ViewPanel, {
-    chat
-  })), /* @__PURE__ */ React4.createElement(Tabs.Panel, {
-    tabIndex: -1,
-    classNames: "dx-focus-ring-inset overflow-hidden",
-    value: "skills"
-  }, /* @__PURE__ */ React4.createElement(SkillsPanel, {
-    registry,
-    db,
-    context
-  })), /* @__PURE__ */ React4.createElement(Tabs.Panel, {
-    tabIndex: -1,
-    classNames: "dx-focus-ring-inset overflow-hidden",
-    value: "mcp-servers"
-  }, /* @__PURE__ */ React4.createElement(McpServersPanel, {
-    db
-  })), /* @__PURE__ */ React4.createElement(Tabs.Panel, {
-    tabIndex: -1,
-    classNames: "dx-focus-ring-inset overflow-hidden",
-    value: "model"
-  }, /* @__PURE__ */ React4.createElement(ModelsPanel, {
-    presets,
-    preset,
-    onPresetChange
-  })), /* @__PURE__ */ React4.createElement(Tabs.Tablist, {
-    classNames: [
-      styles.toolbar
-    ]
-  }, /* @__PURE__ */ React4.createElement(Tabs.IconTab, {
-    value: "view",
-    icon: "ph--eye--regular",
-    label: t("chat-view.title")
-  }), /* @__PURE__ */ React4.createElement(Tabs.IconTab, {
-    value: "skills",
-    icon: "ph--blueprint--regular",
-    label: t("options.skills.title")
-  }), /* @__PURE__ */ React4.createElement(Tabs.IconTab, {
-    value: "mcp-servers",
-    icon: "ph--plugs-connected--regular",
-    label: t("options.mcp.title")
-  }), /* @__PURE__ */ React4.createElement(Tabs.IconTab, {
-    value: "model",
-    icon: "ph--cpu--regular",
-    label: t("options.chat-model.title")
-  }))))), /* @__PURE__ */ React4.createElement(Popover.Arrow, null)))));
-};
-var SkillsPanel = ({ registry, db, context }) => {
-  const { t } = useTranslation4(meta4.profile.key);
-  const skills = useSkills({
-    registry,
-    db
-  });
-  const activeSkills = useActiveSkills({
-    context
-  });
-  const { onUpdateSkill } = useSkillHandlers({
-    db,
-    context,
-    registry
-  });
-  const { results, handleSearch } = useSearchListResults({
-    items: skills,
-    extract: (skill) => skill.name
-  });
-  return /* @__PURE__ */ React4.createElement(SearchList.Root, {
-    onSearch: handleSearch
-  }, /* @__PURE__ */ React4.createElement(SearchList.Content, {
-    classNames: "flex flex-col"
-  }, /* @__PURE__ */ React4.createElement(SearchList.Viewport, null, results.map((skill) => {
-    const skillKey = Obj2.getMeta(skill).key ?? skill.id;
-    const isActive = activeSkills.has(skillKey);
-    return /* @__PURE__ */ React4.createElement(SearchList.Item, {
-      classNames: "flex items-center overflow-hidden",
-      key: skillKey,
-      value: skillKey,
-      label: skill.name,
-      checked: isActive,
-      onSelect: () => onUpdateSkill?.(skillKey, !isActive)
-    });
-  })), /* @__PURE__ */ React4.createElement(SearchList.Input, {
-    placeholder: t("search.placeholder"),
-    classNames: "border-t border-separator",
-    autoFocus: true
-  })));
-};
-var ViewPanel = ({ chat }) => {
-  const { t } = useTranslation4(meta4.profile.key);
-  const [view, setView] = useObject(chat, "viewType");
-  const value2 = view ?? "normal";
-  return /* @__PURE__ */ React4.createElement(Listbox.Root, {
-    value: value2,
-    onValueChange: setView,
-    autoFocus: true
-  }, /* @__PURE__ */ React4.createElement(Listbox.Content, {
-    "aria-label": t("chat-view.title")
-  }, Assistant.ChatViews.map((view2) => /* @__PURE__ */ React4.createElement(Listbox.Item, {
-    key: view2,
-    id: view2,
-    classNames: "px-2 py-1 dx-focus-ring rounded-xs"
-  }, /* @__PURE__ */ React4.createElement(Listbox.ItemLabel, null, t(`chat-view.${view2}.label`, {
-    defaultValue: view2
-  })), /* @__PURE__ */ React4.createElement(Listbox.Indicator, null)))));
-};
-var ModelsPanel = ({ presets, preset, onPresetChange }) => {
-  const { t } = useTranslation4(meta4.profile.key);
-  return /* @__PURE__ */ React4.createElement(Listbox.Root, {
-    value: preset,
-    onValueChange: onPresetChange,
-    autoFocus: true
-  }, /* @__PURE__ */ React4.createElement(Listbox.Content, {
-    "aria-label": t("options.chat-model.title")
-  }, presets?.map(({ id, label }) => /* @__PURE__ */ React4.createElement(Listbox.Item, {
-    key: id,
-    id,
-    classNames: "px-2 py-1 dx-focus-ring rounded-xs"
-  }, /* @__PURE__ */ React4.createElement(Listbox.ItemLabel, null, label), /* @__PURE__ */ React4.createElement(Listbox.Indicator, null)))));
-};
-var McpServersPanel = ({ db }) => {
-  const { t } = useTranslation4(meta4.profile.key);
-  const servers = useQuery2(db, Filter2.type(McpServer.McpServer));
-  const [adding, setAdding] = useState2(false);
-  const handleAdd = useCallback4((name, url, protocol, apiKey) => {
-    db.add(Obj2.make(McpServer.McpServer, {
-      name,
-      url,
-      protocol,
-      apiKey,
-      enabled: true
-    }));
-    setAdding(false);
-  }, [
-    db
-  ]);
-  const handleRemove = useCallback4((server) => {
-    db.remove(server);
-  }, [
-    db
-  ]);
-  return /* @__PURE__ */ React4.createElement("div", {
-    className: "p-form-chrome"
-  }, servers.map((server) => /* @__PURE__ */ React4.createElement(McpServerRow, {
-    key: server.id,
-    server,
-    onRemove: handleRemove
-  })), adding ? /* @__PURE__ */ React4.createElement(McpServerForm, {
-    onSubmit: handleAdd,
-    onCancel: () => setAdding(false)
-  }) : /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement(IconButton2, {
-    variant: "ghost",
-    icon: "ph--plus--regular",
-    label: t("mcp-server-add.label"),
-    onClick: () => setAdding(true)
-  })));
-};
-var McpServerRow = ({ server, onRemove }) => {
-  const { t } = useTranslation4(meta4.profile.key);
-  const [enabled, setEnabled] = useObject(server, "enabled");
-  return /* @__PURE__ */ React4.createElement("div", {
-    className: "flex items-center gap-2 px-form-chrome"
-  }, /* @__PURE__ */ React4.createElement(Input2.Root, null, /* @__PURE__ */ React4.createElement(Input2.Label, {
-    srOnly: true
-  }, server.name), /* @__PURE__ */ React4.createElement(Input2.Switch, {
-    checked: enabled !== false,
-    onCheckedChange: (checked) => setEnabled(!!checked)
-  })), /* @__PURE__ */ React4.createElement("span", {
-    className: "flex-1 truncate text-sm"
-  }, server.name), /* @__PURE__ */ React4.createElement("span", {
-    className: "truncate text-xs text-description"
-  }, server.url), /* @__PURE__ */ React4.createElement(IconButton2, {
-    variant: "ghost",
-    icon: "ph--x--regular",
-    iconOnly: true,
-    label: t("mcp-server-remove.label"),
-    onClick: () => onRemove(server)
-  }));
-};
-var McpServerForm = ({ onSubmit, onCancel }) => {
-  const { t } = useTranslation4(meta4.profile.key);
-  const [name, setName] = useState2("");
-  const [url, setUrl] = useState2("");
-  const [protocol, setProtocol] = useState2("sse");
-  const [apiKey, setApiKey] = useState2("");
-  const canSubmit = name.trim().length > 0 && url.trim().length > 0;
-  const handleSubmit = useCallback4(() => {
-    if (canSubmit) {
-      onSubmit(name.trim(), url.trim(), protocol, apiKey.trim() || void 0);
-    }
-  }, [
-    canSubmit,
-    name,
-    url,
-    protocol,
-    apiKey,
-    onSubmit
-  ]);
-  return /* @__PURE__ */ React4.createElement("div", {
-    className: "space-y-2 px-form-chrome"
-  }, /* @__PURE__ */ React4.createElement(Input2.Root, null, /* @__PURE__ */ React4.createElement(Input2.Label, {
-    srOnly: true
-  }, t("mcp-server-name.label")), /* @__PURE__ */ React4.createElement(Input2.TextInput, {
-    placeholder: t("mcp-server-name.placeholder"),
-    value: name,
-    onChange: (event) => setName(event.target.value),
-    autoFocus: true
-  })), /* @__PURE__ */ React4.createElement(Input2.Root, null, /* @__PURE__ */ React4.createElement(Input2.Label, {
-    srOnly: true
-  }, t("mcp-server-url.label")), /* @__PURE__ */ React4.createElement(Input2.TextInput, {
-    placeholder: t("mcp-server-url.placeholder"),
-    value: url,
-    onChange: (event) => setUrl(event.target.value)
-  })), /* @__PURE__ */ React4.createElement(Select.Root, {
-    value: protocol,
-    onValueChange: (value2) => setProtocol(value2)
-  }, /* @__PURE__ */ React4.createElement(Select.TriggerButton, {
-    placeholder: t("mcp-server-protocol.label")
-  }), /* @__PURE__ */ React4.createElement(Select.Portal, null, /* @__PURE__ */ React4.createElement(Select.Content, null, /* @__PURE__ */ React4.createElement(Select.Viewport, null, /* @__PURE__ */ React4.createElement(Select.Option, {
-    value: "sse"
-  }, "SSE"), /* @__PURE__ */ React4.createElement(Select.Option, {
-    value: "http"
-  }, "HTTP"))))), /* @__PURE__ */ React4.createElement(Input2.Root, null, /* @__PURE__ */ React4.createElement(Input2.Label, {
-    srOnly: true
-  }, t("mcp-server-api-key.label")), /* @__PURE__ */ React4.createElement(Input2.TextInput, {
-    type: "password",
-    placeholder: t("mcp-server-api-key.placeholder"),
-    value: apiKey,
-    onChange: (event) => setApiKey(event.target.value)
-  })), /* @__PURE__ */ React4.createElement("div", {
-    className: "flex gap-2"
-  }, /* @__PURE__ */ React4.createElement(IconButton2, {
-    variant: "ghost",
-    icon: "ph--check--regular",
-    iconOnly: true,
-    label: t("save.button"),
-    onClick: handleSubmit,
-    disabled: !canSubmit
-  }), /* @__PURE__ */ React4.createElement(IconButton2, {
-    variant: "ghost",
-    icon: "ph--x--regular",
-    iconOnly: true,
-    label: t("cancel.button"),
-    onClick: onCancel
-  })));
-};
-var ANY = "__any__";
-var ObjectsPanel = ({ db, context }) => {
-  const { t } = useTranslation4(meta4.profile.key);
-  const types = useFilteredTypes(db);
-  const typeOptions = useMemo2(() => {
-    const options = types.map((type) => {
-      const typename = Type2.getTypename(type);
-      return {
-        uri: Type2.getURI(type),
-        label: t("typename.label", {
-          ns: typename,
-          defaultValue: typename
-        })
-      };
-    });
-    options.sort((a, b) => a.label.localeCompare(b.label));
-    return options;
-  }, [
-    types,
-    t
-  ]);
-  const [selectedUri, setSelectedUri] = useState2(ANY);
-  const anyFilter = useMemo2(() => Filter2.or(...typeOptions.map(({ uri }) => Filter2.type(uri))), [
-    typeOptions
-  ]);
-  const objects = useQuery2(db, selectedUri === ANY ? anyFilter : Filter2.type(selectedUri));
-  const { objects: contextObjects, onUpdateObject } = useContextObjects({
-    db,
-    context
-  });
-  const { results, handleSearch } = useSearchListResults({
-    items: objects,
-    extract: (object) => Obj2.getLabel(object) ?? Obj2.getTypename(object) ?? object.id
-  });
-  return /* @__PURE__ */ React4.createElement(SearchList.Root, {
-    onSearch: handleSearch
-  }, /* @__PURE__ */ React4.createElement(SearchList.Content, {
-    classNames: "p-form-chrome [&:has([cmdk-list-sizer]:empty)]:py-0"
-  }, /* @__PURE__ */ React4.createElement(SearchList.Viewport, null, results.length ? results.map((object) => {
-    const isActive = contextObjects.findIndex((obj) => obj.id === object.id) !== -1;
-    const { icon, hue } = Obj2.getIcon(object) ?? {
-      icon: "ph--cube--regular",
-      hue: void 0
-    };
-    const styles3 = hue ? getStyles(hue) : void 0;
-    return /* @__PURE__ */ React4.createElement(SearchList.Item, {
-      classNames: "flex items-center overflow-hidden",
-      key: object.id,
-      value: object.id,
-      icon,
-      iconClassNames: styles3?.text,
-      label: Obj2.getLabel(object) ?? Obj2.getTypename(object) ?? object.id,
-      checked: isActive,
-      onSelect: () => onUpdateObject?.(Obj2.getURI(object), !isActive)
-    });
-  }) : /* @__PURE__ */ React4.createElement(SearchList.Item, {
-    value: "__empty__",
-    label: t("no-results.message")
-  }))), /* @__PURE__ */ React4.createElement("div", {
-    className: mx2("flex flex-col", styles.toolbar)
-  }, /* @__PURE__ */ React4.createElement(Select.Root, {
-    value: selectedUri === ANY ? void 0 : selectedUri,
-    onValueChange: (val) => setSelectedUri(val)
-  }, /* @__PURE__ */ React4.createElement(Select.TriggerButton, {
-    placeholder: t("type-filter.placeholder")
-  }), /* @__PURE__ */ React4.createElement(Select.Portal, null, /* @__PURE__ */ React4.createElement(Select.Content, null, /* @__PURE__ */ React4.createElement(Select.ScrollUpButton, null), /* @__PURE__ */ React4.createElement(Select.Viewport, null, /* @__PURE__ */ React4.createElement(Select.Option, {
-    value: ANY
-  }, t("any-type-filter.label")), typeOptions.map(({ uri, label }) => /* @__PURE__ */ React4.createElement(Select.Option, {
-    key: uri,
-    value: uri
-  }, label))), /* @__PURE__ */ React4.createElement(Select.ScrollDownButton, null), /* @__PURE__ */ React4.createElement(Select.Arrow, null)))), /* @__PURE__ */ React4.createElement(SearchList.Input, {
-    placeholder: t("search.placeholder"),
-    autoFocus: true
-  })));
-};
-
-// src/components/ChatPrompt/ChatPresets.tsx
-import React5 from "react";
-import { Select as Select2 } from "@dxos/react-ui";
-
-// src/components/ChatPrompt/ChatPrompt.tsx
-import { useAtomValue as useAtomValue3 } from "@effect-atom/atom-react";
-import * as Option2 from "effect/Option";
-import React8, { useCallback as useCallback6, useEffect as useEffect4, useId, useMemo as useMemo4, useRef as useRef2 } from "react";
-import { Input as Input3, useDynamicRef, useTranslation as useTranslation7 } from "@dxos/react-ui";
-import { ChatEditor } from "@dxos/react-ui-chat";
-import { pendingText } from "@dxos/ui-editor";
-import { mx as mx5 } from "@dxos/ui-theme";
-import { useChatKeymapExtensions } from "#hooks";
-import { meta as meta7 } from "#meta";
-
-// src/components/ChatPrompt/ChatReferences.tsx
-import React6 from "react";
-import { Obj as Obj3 } from "@dxos/echo";
-import { Icon as Icon2, IconButton as IconButton3, toLocalizedString, useTranslation as useTranslation5 } from "@dxos/react-ui";
-import { getStyles as getStyles2, mx as mx3 } from "@dxos/ui-theme";
-import { useContextObjects as useContextObjects2 } from "#hooks";
-import { meta as meta5 } from "#meta";
-var ChatReferences = ({ classNames, context, db }) => {
-  const { t } = useTranslation5(meta5.profile.key);
-  const { objects, onUpdateObject } = useContextObjects2({
-    db,
-    context
-  });
-  return /* @__PURE__ */ React6.createElement("ul", {
-    className: mx3("flex", classNames)
-  }, objects.map((obj) => {
-    const uri = Obj3.getURI(obj);
-    const typename = Obj3.getTypename(obj);
-    const label = Obj3.getLabel(obj) ?? (typename ? [
-      "object-name.placeholder",
-      {
-        ns: typename
-      }
-    ] : obj.id);
-    const { icon, hue } = Obj3.getIcon(obj) ?? {
-      icon: DEFAULT_OBJECT_ICON,
-      hue: void 0
-    };
-    const styles3 = hue ? getStyles2(hue) : void 0;
-    return /* @__PURE__ */ React6.createElement("li", {
-      key: uri.toString(),
-      className: "dx-tag py-0 flex items-center gap-1",
-      "data-hue": "neutral"
-    }, /* @__PURE__ */ React6.createElement(Icon2, {
-      icon,
-      size: 4
-    }), toLocalizedString(label, t), /* @__PURE__ */ React6.createElement(IconButton3, {
-      icon: "ph--x--bold",
-      iconOnly: true,
-      variant: "ghost",
-      label: t("remove-object.label"),
-      classNames: "p-0 hover:bg-transparent",
-      size: 3,
-      onClick: () => onUpdateObject?.(uri, false)
-    }));
-  }));
-};
-var DEFAULT_OBJECT_ICON = "ph--cube--regular";
-
-// src/components/ChatPrompt/ChatStatusIndicator.tsx
-import React7, { useEffect as useEffect2, useState as useState3 } from "react";
-import { Tooltip, useTimeout } from "@dxos/react-ui";
-import { Spinner } from "@dxos/react-ui-components";
-import { mx as mx4 } from "@dxos/ui-theme";
-var period = 3e3;
-var ChatStatusIndicator = ({ classNames, preset, processing, error, ...props }) => {
-  const [init, setInit] = useState3(false);
-  useEffect2(() => setInit(false), [
-    preset
-  ]);
-  useTimeout(async () => {
-    setInit(true);
-  }, period / 2, [
-    preset
-  ]);
-  return /* @__PURE__ */ React7.createElement("div", {
-    className: mx4("relative flex", classNames)
-  }, /* @__PURE__ */ React7.createElement(Spinner, {
-    duration: period,
-    state: !init ? "flash" : error ? "error" : processing ? "spin" : "pulse",
-    ...props
-  }), error && /* @__PURE__ */ React7.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: error.message
-  }, /* @__PURE__ */ React7.createElement("div", {
-    className: "absolute inset-0"
-  })));
-};
-
-// src/components/ChatPrompt/useChatVoiceInput.ts
-import { useCallback as useCallback5, useEffect as useEffect3, useMemo as useMemo3, useRef } from "react";
-import { useOptionalAtomCapabilityState as useOptionalAtomCapabilityState2 } from "@dxos/app-framework/ui";
-import { TranscriptionCapabilities as TranscriptionCapabilities2 } from "@dxos/plugin-transcription/types";
-import { useTranslation as useTranslation6 } from "@dxos/react-ui";
-import { useAudioTrack, useTranscriber } from "@dxos/react-ui-transcription";
-import { PendingTextStreamer, cancelPendingText, editorPendingTextSink, pendingTextState } from "@dxos/ui-editor";
-import { meta as meta6 } from "#meta";
-var RECORDER_INTERVAL_MS = 200;
-var useChatVoiceInput = (docId, editorRef) => {
-  const { t } = useTranslation6(meta6.profile.key);
-  const [session] = useOptionalAtomCapabilityState2(TranscriptionCapabilities2.RecordingSession);
-  const [settings] = useOptionalAtomCapabilityState2(TranscriptionCapabilities2.Settings);
-  const active = !!session?.recording && session.id === docId;
-  const streamerRef = useRef(null);
-  useEffect3(() => {
-    if (!active) {
-      return;
-    }
-    const view = editorRef.current?.view;
-    if (!view) {
-      return;
-    }
-    const streamer = new PendingTextStreamer(editorPendingTextSink(view), {
-      mode: settings?.streamMode ?? "word",
-      wordIntervalMs: settings?.wordIntervalMs ?? 80
-    });
-    streamer.start({
-      anchor: view.state.selection.main.head,
-      placeholder: t("recording.placeholder")
-    });
-    streamerRef.current = streamer;
-    return () => {
-      streamer.dispose();
-      streamerRef.current = null;
-      const currentView = editorRef.current?.view;
-      if (currentView) {
-        const pending = currentView.state.field(pendingTextState, false);
-        if (pending && pending.final.length === 0) {
-          currentView.dispatch({
-            effects: cancelPendingText.of()
-          });
-        }
-      }
-    };
-  }, [
-    active,
-    settings?.streamMode,
-    settings?.wordIntervalMs
-  ]);
-  const handleSegments = useCallback5(async (segments) => {
-    const text = segments.map((segment) => segment.text).join(" ").trim();
-    if (text.length > 0) {
-      streamerRef.current?.push(text);
-    }
-  }, []);
-  const transcriberConfig = useMemo3(() => ({
-    transcribeAfterChunksAmount: Math.max(1, Math.round((settings?.transcribeAfterMs ?? 4e3) / RECORDER_INTERVAL_MS))
-  }), [
-    settings?.transcribeAfterMs
-  ]);
-  const recorderConfig = useMemo3(() => ({
-    interval: RECORDER_INTERVAL_MS
-  }), []);
-  const audioConstraints = useMemo3(() => settings?.audioDeviceId ? {
-    deviceId: {
-      exact: settings.audioDeviceId
-    }
-  } : void 0, [
-    settings?.audioDeviceId
-  ]);
-  const track = useAudioTrack(active, audioConstraints);
-  useTranscriber({
-    audioStreamTrack: track,
-    transcriberConfig,
-    recorderConfig,
-    onSegments: handleSegments
-  });
-};
-
-// src/components/ChatPrompt/ChatPrompt.tsx
-var ChatPrompt = ({ classNames, outline, db, chat, processor, event, online, placeholder, onPresetChange, settings = true, presets, preset }) => {
-  const { t } = useTranslation7(meta7.profile.key);
-  const error = useAtomValue3(processor.error).pipe(Option2.getOrUndefined);
-  const streaming = useAtomValue3(processor.streaming);
-  const active = useAtomValue3(processor.active);
-  const activeRef = useDynamicRef(active);
-  const editorRef = useRef2(null);
-  useEffect4(() => {
-    return event.on((ev) => {
-      if (ev.type === "update-prompt" && !editorRef.current?.getText()?.length) {
-        editorRef.current?.setText(ev.text);
-        editorRef.current?.focus();
-      }
-    });
-  }, [
-    event
-  ]);
-  const fallbackDocId = useId();
-  const docId = chat?.id ?? fallbackDocId;
-  useChatVoiceInput(docId, editorRef);
-  const keymapExtensions = useChatKeymapExtensions({
-    event
-  });
-  const extensions = useMemo4(() => [
-    keymapExtensions,
-    pendingText()
-  ], [
-    keymapExtensions
-  ]);
-  const handleSubmit = useCallback6((text) => {
-    if (!activeRef.current) {
-      event.emit({
-        type: "submit",
-        text
-      });
-      return true;
-    }
-  }, [
-    event
-  ]);
-  const handleEvent = useCallback6((ev) => {
-    event.emit(ev);
-  }, [
-    event
-  ]);
-  return /* @__PURE__ */ React8.createElement("div", {
-    role: "group",
-    className: mx5("flex flex-col w-full dx-density-md", outline && "bg-group-surface rounded-sm border border-subdued-separator transition transition-border [&:has(.cm-content:focus)]:border-separator", classNames)
-  }, /* @__PURE__ */ React8.createElement(ChatMcpErrors, {
-    processor
-  }), /* @__PURE__ */ React8.createElement("div", {
-    className: "flex p-2 gap-2"
-  }, /* @__PURE__ */ React8.createElement(ChatStatusIndicator, {
-    classNames: "p-1",
-    preset,
-    error,
-    processing: streaming
-  }), /* @__PURE__ */ React8.createElement(ChatEditor, {
-    ref: editorRef,
-    autoFocus: true,
-    lineWrapping: true,
-    classNames: "col-span-2 pt-0.5",
-    placeholder: placeholder ?? t("prompt.placeholder"),
-    extensions,
-    onSubmit: handleSubmit
-  })), db && settings && /* @__PURE__ */ React8.createElement("div", {
-    className: "flex items-center overflow-hidden p-1.5"
-  }, /* @__PURE__ */ React8.createElement(ChatOptions, {
-    chat,
-    db,
-    registry: processor.registry,
-    context: processor.context,
-    preset,
-    presets,
-    onPresetChange
-  }), /* @__PURE__ */ React8.createElement("div", {
-    className: "flex h-6 grow overflow-x-auto scrollbar-none"
-  }, /* @__PURE__ */ React8.createElement(ChatReferences, {
-    db,
-    context: processor.context
-  })), /* @__PURE__ */ React8.createElement(ChatActions, {
-    classNames: "col-span-2",
-    microphone: true,
-    docId,
-    processing: streaming,
-    onEvent: handleEvent
-  }, online !== void 0 && /* @__PURE__ */ React8.createElement(Input3.Root, null, /* @__PURE__ */ React8.createElement(Input3.Label, {
-    srOnly: true
-  }, t("online-switch.label")), /* @__PURE__ */ React8.createElement(Input3.Switch, {
-    classNames: "mx-1",
-    checked: online,
-    disabled: true
-  })))));
-};
-ChatPrompt.displayName = "Chat.Prompt";
-
-// src/components/ChatPrompt/ChatStatus.tsx
-import React9, { useEffect as useEffect5, useMemo as useMemo5, useState as useState4 } from "react";
-import { ChatStatus as NaturalChatStatus, formatElapsed } from "@dxos/react-ui-chat";
-import { Matrix } from "@dxos/react-ui-components";
-import { Unit } from "@dxos/util";
-var CHAT_STREAM_STATUS_NAME = "Chat.StreamStatus";
-var TICK_MS = 1e3;
-var ChatStatus = ({ classNames, icon }) => {
-  const { messages, requestTiming } = useChatContext(CHAT_STREAM_STATUS_NAME);
-  const { lastOutputTokens, sessionTotalTokens } = useMemo5(() => {
-    let last;
-    let total = 0;
-    for (const message of messages) {
-      for (const block of message.blocks) {
-        if (isStats(block) && block.usage) {
-          last = block.usage.outputTokens;
-          total += block.usage.totalTokens ?? 0;
-        }
-      }
-    }
-    return {
-      lastOutputTokens: last,
-      sessionTotalTokens: total
-    };
-  }, [
-    messages
-  ]);
-  const isRunning = requestTiming != null && requestTiming.endedAt == null;
-  const show = requestTiming || lastOutputTokens || sessionTotalTokens > 0;
-  if (!show) {
-    return null;
-  }
-  return /* @__PURE__ */ React9.createElement(NaturalChatStatus.Root, {
-    defaultRunning: false,
-    classNames: [
-      "py-2 gap-2 text-sm",
-      classNames
-    ]
-  }, icon && /* @__PURE__ */ React9.createElement(NaturalChatStatus.Icon, null, /* @__PURE__ */ React9.createElement(Matrix, {
-    classNames: "w-5 h-5",
-    dotClassNames: "bg-primary-500",
-    dim: 4,
-    dotSize: 3,
-    count: 10,
-    interval: 500,
-    active: isRunning
-  })), show && /* @__PURE__ */ React9.createElement("div", {
-    className: "flex items-center"
-  }, requestTiming && /* @__PURE__ */ React9.createElement(NaturalChatStatus.Text, null, /* @__PURE__ */ React9.createElement(Elapsed, {
-    timing: requestTiming
-  })), lastOutputTokens != null && /* @__PURE__ */ React9.createElement(React9.Fragment, null, requestTiming && /* @__PURE__ */ React9.createElement(NaturalChatStatus.Separator, null), /* @__PURE__ */ React9.createElement(NaturalChatStatus.Text, null, "\u2193 ", Unit.Thousand(lastOutputTokens).toString())), sessionTotalTokens > 0 && /* @__PURE__ */ React9.createElement(React9.Fragment, null, (requestTiming || lastOutputTokens != null) && /* @__PURE__ */ React9.createElement(NaturalChatStatus.Separator, null), /* @__PURE__ */ React9.createElement(NaturalChatStatus.Text, null, "\u03A3 ", Unit.Thousand(sessionTotalTokens).toString()))));
-};
-var Elapsed = ({ timing }) => {
-  const isRunning = timing.endedAt == null;
-  const [now, setNow] = useState4(Date.now());
-  useEffect5(() => {
-    if (!isRunning) {
-      return;
-    }
-    const id = setInterval(() => setNow(Date.now()), TICK_MS);
-    return () => clearInterval(id);
-  }, [
-    isRunning
-  ]);
-  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, formatElapsed((timing.endedAt ?? now) - timing.startedAt));
-};
-var isStats = (block) => block._tag === "stats";
-
-// src/components/ChatThread/ChatThread.tsx
-import React15, { forwardRef, useCallback as useCallback8, useEffect as useEffect7, useMemo as useMemo8, useRef as useRef4, useState as useState6 } from "react";
-import { PublicKey } from "@dxos/keys";
-import { setRef } from "@dxos/react-ui";
-import { MarkdownStream } from "@dxos/react-ui-markdown";
-import { keyToFallback } from "@dxos/util";
-
-// src/components/ChatThread/registry.tsx
-import React14 from "react";
-import { log as log2 } from "@dxos/log";
-import { AnchorWidget, getXmlTextChild as getXmlTextChild2 } from "@dxos/ui-editor";
-
-// src/components/ChatThread/tool-widget-state.ts
-var applyToolBlockToWidgetState = (context, block) => {
-  switch (block._tag) {
-    case "toolCall": {
-      context.updateWidget(block.toolCallId, {
-        blocks: [
-          block
-        ]
-      });
-      break;
-    }
-    case "toolResult": {
-      context.updateWidget(block.toolCallId, ({ blocks = [] } = {
-        blocks: []
-      }) => ({
-        blocks: [
-          ...blocks,
-          block
-        ]
-      }));
-      break;
-    }
-    default: {
-      break;
-    }
-  }
-};
-var rehydrateToolWidgetsFromMessages = (context, messages) => {
-  for (const message of messages) {
-    for (const block of message.blocks) {
-      applyToolBlockToWidgetState(context, block);
-    }
-  }
-};
-
-// src/components/ChatThread/widgets/FallbackWidget.tsx
-import React10 from "react";
-import { TogglePanel } from "@dxos/react-ui-components";
-import { JsonHighlighter } from "@dxos/react-ui-syntax-highlighter";
-var FallbackWidget = ({ _tag, ...props }) => {
-  return /* @__PURE__ */ React10.createElement(TogglePanel.Root, null, /* @__PURE__ */ React10.createElement(TogglePanel.Content, null, /* @__PURE__ */ React10.createElement(TogglePanel.Header, {
-    classNames: "bg-group-surface"
-  }, _tag), /* @__PURE__ */ React10.createElement(TogglePanel.Body, {
-    classNames: "bg-modal-surface"
-  }, /* @__PURE__ */ React10.createElement(TogglePanel.Viewport, null, /* @__PURE__ */ React10.createElement(JsonHighlighter, {
-    classNames: "p-2! text-sm",
-    data: props
-  })))));
-};
-FallbackWidget.displayName = "Fallback";
-
-// src/components/ChatThread/widgets/ReasoningWidget.ts
-import { WidgetType } from "@codemirror/view";
-import { Domino } from "@dxos/ui";
-
-// src/components/ChatThread/widgets/defaults.ts
-var styles2 = {
-  padding: "my-4",
-  border: "border border-subdued-separator rounded-sm"
-};
-
-// src/components/ChatThread/widgets/ReasoningWidget.ts
-var ReasoningWidget = class extends WidgetType {
-  text;
-  #pos;
-  /** The timer id last registered for this instance (may differ from the map if superseded). */
-  #ownedTimerId = null;
-  constructor(text, pos) {
-    super(), this.text = text;
-    this.#pos = pos === void 0 || pos === "" ? "reasoning" : String(pos);
-  }
-  eq(other) {
-    return this.text === other.text && this.#pos === other.#pos;
-  }
-  toDOM() {
-    return Domino.of("div").classNames(styles2.padding).append(Domino.of("div").classNames("relative overflow-hidden p-px", styles2.border).attributes({
-      "data-trail-container": ""
-    }).append(Domino.of("div").classNames("relative z-10 bg-base-surface rounded-sm text-sm text-subdued py-1", "grid grid-cols-[24px_1fr] gap-x-0.5 items-start").append(Domino.of("div").classNames("flex h-5 w-full shrink-0 items-center justify-center self-start").append(Domino.svg("ph--brain--regular").classNames("shrink-0 size-4 opacity-70")), Domino.of("div").classNames("px-2 max-h-[5lh] overflow-y-auto dx-scrollbar-thin min-w-0").text(this.text).attributes({
-      "data-reasoning-text": ""
-    })), Domino.of("div").attributes({
-      "data-id": this.#pos
-    }))).root;
-  }
-  updateDOM(dom) {
-    dom.querySelector("[data-reasoning-text]")?.replaceChildren(this.text);
-    const container = dom.querySelector("[data-trail-container]");
-    let trailHost = container?.querySelector("[data-id]");
-    if (container && !trailHost) {
-      trailHost = Domino.of("div").attributes({
-        "data-id": this.#pos
-      }).root;
-      container.append(trailHost);
-    }
-    if (trailHost?.childElementCount === 0) {
-      trailHost.append(...createTrailLayers());
-    }
-    this.#scheduleTrailRemoval(dom);
-    return true;
-  }
-  destroy(_dom) {
-    this.#clearOwnedTrailTimer();
-  }
-  #scheduleTrailRemoval(dom) {
-    const previous = trailRemovalTimers.get(this.#pos);
-    if (previous !== void 0) {
-      clearTimeout(previous);
-    }
-    const timerId = setTimeout(() => {
-      if (trailRemovalTimers.get(this.#pos) !== timerId) {
-        return;
-      }
-      trailRemovalTimers.delete(this.#pos);
-      this.#ownedTimerId = null;
-      dom.querySelector("[data-id]")?.remove();
-    }, TRAIL_REMOVAL_DELAY_MS);
-    trailRemovalTimers.set(this.#pos, timerId);
-    this.#ownedTimerId = timerId;
-  }
-  #clearOwnedTrailTimer() {
-    const active = trailRemovalTimers.get(this.#pos);
-    if (active !== void 0 && active === this.#ownedTimerId) {
-      clearTimeout(active);
-      trailRemovalTimers.delete(this.#pos);
-    }
-    this.#ownedTimerId = null;
-  }
-};
-var trail = [
-  "absolute z-0 aspect-[2/1] w-16",
-  "bg-[radial-gradient(at_100%_50%,_theme(colors.green.700),_transparent_80%)]",
-  "[offset-anchor:100%_50%] [offset-path:border-box]"
-];
-var TRAIL_REMOVAL_DELAY_MS = 1e3;
-var trailRemovalTimers = /* @__PURE__ */ new Map();
-var createTrailLayers = () => [
-  Domino.of("div").classNames(...trail, "animate-trail").root,
-  Domino.of("div").classNames(...trail, "animate-trail-offset").root
-];
-
-// src/components/ChatThread/widgets/ReferenceWidget.ts
-import { WidgetType as WidgetType2 } from "@codemirror/view";
-import { Domino as Domino2 } from "@dxos/ui";
-var ReferenceWidget = class extends WidgetType2 {
-  text;
-  dxn;
-  constructor(text, dxn) {
-    super(), this.text = text, this.dxn = dxn;
-  }
-  eq(other) {
-    return this.dxn === other.dxn;
-  }
-  toDOM() {
-    return Domino2.of("div").classNames(styles2.padding).append(Domino2.of("dx-anchor").classNames("dx-tag--anchor").attributes({
-      dxn: this.dxn
-    }).text(this.text)).root;
-  }
-};
-
-// src/components/ChatThread/widgets/SelectWidget.ts
-import { WidgetType as WidgetType3 } from "@codemirror/view";
-import { Domino as Domino3 } from "@dxos/ui";
-var SelectWidget = class extends WidgetType3 {
-  options;
-  constructor(options) {
-    super(), this.options = options;
-  }
-  eq(other) {
-    return JSON.stringify(this.options) === JSON.stringify(other.options);
-  }
-  /**
-  * NOTE: Container must set var based on user's identity.
-  */
-  toDOM() {
-    return Domino3.of("div").attributes({
-      role: "group"
-    }).classNames(styles2.padding, "flex flex-wrap gap-1").append(...this.options.map((option) => Domino3.of("button").classNames("dx-button inline-block max-w-[100cqi]").attributes({
-      "data-action": "submit",
-      "data-value": option,
-      "data-density": "md"
-    }).text(option))).root;
-  }
-};
-
-// src/components/ChatThread/widgets/StatsWidget.ts
-import { WidgetType as WidgetType4 } from "@codemirror/view";
-import { Domino as Domino4 } from "@dxos/ui";
-var StatsWidget = class extends WidgetType4 {
-  text;
-  constructor(text) {
-    super(), this.text = text;
-  }
-  eq(other) {
-    return this.text === other.text;
-  }
-  toDOM() {
-    return Domino4.of("div").classNames(styles2.padding, "text-sm text-placeholder").text(this.text).root;
-  }
-  updateDOM(dom) {
-    dom.textContent = this.text;
-    return true;
-  }
-};
-
-// src/components/ChatThread/widgets/StatusWidget.ts
-import { WidgetType as WidgetType5 } from "@codemirror/view";
-import { Domino as Domino5 } from "@dxos/ui";
-var StatusWidget = class extends WidgetType5 {
-  text;
-  constructor(text) {
-    super(), this.text = text;
-  }
-  eq(other) {
-    return this.text === other.text;
-  }
-  toDOM() {
-    return Domino5.of("div").classNames(styles2.padding).append(Domino5.of("div").classNames("relative overflow-hidden rounded-sm").append(Domino5.of("div").classNames("grid grid-cols-[24px_1fr] gap-x-0.5 gap-y-0 items-start px-0.5 py-0.5 text-placeholder").append(Domino5.of("div").classNames("flex h-5 w-full shrink-0 items-center justify-center self-start").append(Domino5.svg("ph--info--regular").classNames("shrink-0 size-4 opacity-70")), Domino5.of("div").classNames("relative min-w-0").append(Domino5.of("div").classNames("relative z-10 rounded-sm text-sm leading-5").attributes({
-      "data-status-text": ""
-    }).text(this.text))))).root;
-  }
-  updateDOM(dom) {
-    dom.querySelector("[data-status-text]")?.replaceChildren(this.text);
-    return true;
-  }
-};
-
-// src/components/ChatThread/widgets/SummaryWidget.tsx
-import React11 from "react";
-import { useTranslation as useTranslation8 } from "@dxos/react-ui";
-import { TogglePanel as TogglePanel2 } from "@dxos/react-ui-components";
-import { meta as meta8 } from "#meta";
-var SummaryWidget = ({ children }) => {
-  const { t } = useTranslation8(meta8.profile.key);
-  return /* @__PURE__ */ React11.createElement(TogglePanel2.Root, null, /* @__PURE__ */ React11.createElement(TogglePanel2.Content, {
-    classNames: styles2.border
-  }, /* @__PURE__ */ React11.createElement(TogglePanel2.Header, {
-    classNames: "text-sm bg-group-surface"
-  }, t("summary.label")), /* @__PURE__ */ React11.createElement(TogglePanel2.Body, null, /* @__PURE__ */ React11.createElement("div", {
-    className: "p-1 text-sm text-subdued"
-  }, children))));
-};
-
-// src/components/ChatThread/widgets/SurfaceWidget.tsx
-import React12, { useMemo as useMemo6 } from "react";
-import { Surface } from "@dxos/app-framework/ui";
-import { log } from "@dxos/log";
-import { getXmlTextChild } from "@dxos/ui-editor";
-import { ChatSurface } from "#types";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/ChatThread/widgets/SurfaceWidget.tsx";
-var SurfaceWidget = ({ role, children }) => {
-  const data = useMemo6(() => {
-    const raw = getXmlTextChild(children ?? []);
-    if (!raw) {
-      return void 0;
-    }
-    try {
-      const parsed = JSON.parse(raw);
-      return parsed != null && typeof parsed === "object" && !Array.isArray(parsed) ? parsed : void 0;
-    } catch (err) {
-      log.warn("failed to parse surface data", {
-        raw,
-        err
-      }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 24, S: void 0 });
-      return void 0;
-    }
-  }, [
-    children
-  ]);
-  if (!role) {
-    return null;
-  }
-  return /* @__PURE__ */ React12.createElement(Surface.Surface, {
-    type: ChatSurface,
-    data: {
-      role,
-      data
-    },
-    limit: 1
-  });
-};
-
-// src/components/ChatThread/widgets/SuggestionWidget.ts
-import { WidgetType as WidgetType6 } from "@codemirror/view";
-import { Domino as Domino6, mx as mx6 } from "@dxos/ui";
-var SuggestionWidget = class extends WidgetType6 {
-  text;
-  constructor(text) {
-    super(), this.text = text;
-  }
-  eq(other) {
-    return this.text === other.text;
-  }
-  toDOM() {
-    return Domino6.of("span").classNames(mx6("inline-flex max-w-[calc(100cqi-8px)] my-1 pe-2 overflow-hidden")).append(Domino6.of("button").attributes({
-      "data-action": "submit",
-      "data-density": "md",
-      "data-value": this.text
-    }).classNames(mx6("dx-button gap-2 w-full overflow-hidden")).append(Domino6.of("dx-icon").attributes({
-      icon: "ph--lightning--regular"
-    }), Domino6.of("span").classNames("flex-1 truncate min-w-0").text(this.text))).root;
-  }
-};
-
-// src/components/ChatThread/widgets/ToolWidget.tsx
-import React13, { useCallback as useCallback7, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef3, useState as useState5 } from "react";
-import { Icon as Icon3, useTranslation as useTranslation9 } from "@dxos/react-ui";
-import { NumericTabs, TextCrawl, TogglePanel as TogglePanel3 } from "@dxos/react-ui-components";
-import { JsonHighlighter as JsonHighlighter2 } from "@dxos/react-ui-syntax-highlighter";
-import { isNonNullable, safeParseJson } from "@dxos/util";
-import { meta as meta9 } from "#meta";
-var ToolWidget = ({ view, blocks = [] }) => {
-  const { t } = useTranslation9(meta9.profile.key);
-  const items = useMemo7(() => {
-    let lastToolCall;
-    const tools = [];
-    return blocks.filter((block) => block._tag === "toolCall" || block._tag === "toolResult" || block._tag === "stats").map((block) => {
-      switch (block._tag) {
-        case "toolCall": {
-          if (block.pending && lastToolCall?.block.toolCallId === block.toolCallId) {
-            return null;
-          }
-          const tool = tools.find((tool2) => tool2.name === block.name);
-          lastToolCall = {
-            tool,
-            block
-          };
-          return {
-            title: tool?.description ?? [
-              t("tool-call.label"),
-              block.name
-            ].filter(Boolean).join(" "),
-            icon: block.operationIcon,
-            content: {
-              ...block,
-              input: safeParseJson(block.input)
-            }
-          };
-        }
-        case "toolResult": {
-          if (block.error) {
-            return {
-              title: t("tool-error.label"),
-              icon: lastToolCall?.block.operationIcon,
-              content: block
-            };
-          }
-          const title = lastToolCall?.tool?.description ?? [
-            t("tool-result.label"),
-            lastToolCall?.block.name
-          ].filter(Boolean).join(" ");
-          const icon = lastToolCall?.block.operationIcon;
-          lastToolCall = void 0;
-          return {
-            title,
-            icon,
-            content: {
-              ...block,
-              result: typeof block.result === "string" ? safeParseJson(block.result) : block.result
-            }
-          };
-        }
-        case "stats": {
-          if (!lastToolCall) {
-            return null;
-          }
-          return {
-            title: t("stats.label"),
-            icon: lastToolCall.block.operationIcon,
-            content: block
-          };
-        }
-      }
-    }).filter(isNonNullable);
-  }, [
-    blocks,
-    t
-  ]);
-  const handleChangeOpen = useCallback7(() => {
-    setTimeout(() => {
-      view?.requestMeasure();
-    }, 1e3);
-  }, [
-    view
-  ]);
-  if (!items.length) {
-    return null;
-  }
-  return /* @__PURE__ */ React13.createElement(ToolPanel, {
-    items,
-    onChangeOpen: handleChangeOpen
-  });
-};
-var DEFAULT_TOOL_ICON = "ph--wrench--regular";
-var ToolPanel = ({ items, onChangeOpen }) => {
-  const tabsRef = useRef3(null);
-  const [selected, setSelected] = useState5(0);
-  const [open, setOpen] = useState5(false);
-  useEffect6(() => {
-    setSelected((prev) => Math.min(prev, Math.max(0, items.length - 1)));
-  }, [
-    items.length
-  ]);
-  useEffect6(() => {
-    onChangeOpen?.(open);
-    if (open) {
-      tabsRef.current?.focus();
-    }
-  }, [
-    open,
-    onChangeOpen
-  ]);
-  const handleSelect = useCallback7((index) => {
-    setSelected(index);
-  }, []);
-  const headerIcon = items[items.length - 1]?.icon ?? items[0]?.icon ?? DEFAULT_TOOL_ICON;
-  return /* @__PURE__ */ React13.createElement(TogglePanel3.Root, {
-    open,
-    onChangeOpen: setOpen
-  }, /* @__PURE__ */ React13.createElement(TogglePanel3.Content, null, /* @__PURE__ */ React13.createElement(TogglePanel3.Header, {
-    classNames: "flex items-center gap-2 text-sm text-placeholder"
-  }, /* @__PURE__ */ React13.createElement(Icon3, {
-    icon: headerIcon,
-    size: 4,
-    classNames: "shrink-0 opacity-70"
-  }), /* @__PURE__ */ React13.createElement(TextCrawl, {
-    key: "status-roll",
-    lines: items.map((item) => item.title),
-    autoAdvance: true,
-    greedy: true
-  })), /* @__PURE__ */ React13.createElement(TogglePanel3.Body, null, /* @__PURE__ */ React13.createElement(TogglePanel3.Viewport, {
-    classNames: "grid grid-cols-[32px_1fr]"
-  }, /* @__PURE__ */ React13.createElement(NumericTabs, {
-    ref: tabsRef,
-    classNames: "p-1",
-    length: items.length,
-    selected,
-    onSelect: handleSelect
-  }), /* @__PURE__ */ React13.createElement(JsonHighlighter2, {
-    data: items[selected]?.content,
-    classNames: "p-1 text-xs bg-transparent",
-    replacer: {
-      maxDepth: 3,
-      maxArrayLen: 10,
-      maxStringLen: 128
-    }
-  })))));
-};
-
-// src/components/ChatThread/registry.tsx
-var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/ChatThread/registry.tsx";
-var componentRegistry = {
-  //
-  // Block-only (no widget — see note above).
-  //
-  "prompt": {
-    block: true
-  },
-  //
-  // DOM Widgets
-  //
-  "link-preview": {
-    block: false,
-    urlSchemes: [
-      "dxn:",
-      "echo:"
-    ],
-    factory: ({ label, dxn }) => typeof label === "string" && typeof dxn === "string" ? new AnchorWidget(label, dxn) : null
-  },
-  "synthetic": {
-    block: true,
-    factory: ({ children, range }) => {
-      const text = getXmlTextChild2(children);
-      return text ? new ReasoningWidget(text, range.from) : null;
-    }
-  },
-  "reasoning": {
-    block: true,
-    streaming: true,
-    factory: ({ children, range }) => {
-      const text = getXmlTextChild2(children);
-      return text ? new ReasoningWidget(text, range.from) : null;
-    }
-  },
-  "reference": {
-    block: false,
-    factory: ({ children, ref }) => {
-      const text = getXmlTextChild2(children);
-      return text && ref ? new ReferenceWidget(text, ref) : null;
-    }
-  },
-  "select": {
-    block: true,
-    factory: ({ children }) => {
-      const options = children?.map((option) => option._tag === "option" && getXmlTextChild2(option.children)).filter(Boolean);
-      return options?.length ? new SelectWidget(options) : null;
-    }
-  },
-  "suggestion": {
-    block: true,
-    factory: ({ children }) => {
-      const text = getXmlTextChild2(children);
-      return text ? new SuggestionWidget(text) : null;
-    }
-  },
-  "stats": {
-    block: true,
-    factory: ({ children }) => {
-      const text = getXmlTextChild2(children);
-      return text ? new StatsWidget(text) : null;
-    }
-  },
-  "status": {
-    block: true,
-    streaming: true,
-    factory: ({ children }) => {
-      const text = getXmlTextChild2(children);
-      return text ? new StatusWidget(text) : null;
-    }
-  },
-  //
-  // React Widgets (portaled outside of the editor)
-  //
-  "summary": {
-    block: true,
-    Component: SummaryWidget
-  },
-  "surface": {
-    block: true,
-    Component: SurfaceWidget
-  },
-  "toolCall": {
-    block: true,
-    Component: (props) => /* @__PURE__ */ React14.createElement("div", {
-      className: "py-2"
-    }, /* @__PURE__ */ React14.createElement(ToolWidget, props))
-  },
-  "toolResult": {
-    block: true,
-    Component: FallbackWidget
-  },
-  "toolkit": {
-    block: true,
-    Component: FallbackWidget
-  },
-  //
-  // Fallback
-  //
-  "json": {
-    block: true,
-    Component: FallbackWidget
-  }
-};
-var blockToMarkdown = createBlockRenderer("normal");
-function createBlockRenderer(viewType) {
-  return (context, message, block) => {
-    if (!isBlockVisible(viewType, message, block)) {
-      return;
-    }
-    let str = blockToMarkdownImpl(context, message, block);
-    if (str && !block.pending) {
-      return str += "\n";
-    }
-    return str;
-  };
-}
-var isBlockVisible = (viewType, message, block) => {
-  switch (viewType) {
-    case "debug":
-      return true;
-    case "normal":
-      return block._tag !== "reasoning";
-    case "summary":
-      return block._tag === "text" && block.disposition !== "synthetic";
-    case "thinking":
-    default:
-      return true;
-  }
-};
-var blockToMarkdownImpl = (context, message, block) => {
-  log2("blockToMarkdown", {
-    block: JSON.stringify(block)
-  }, { "~LogMeta": "~LogMeta", F: __dxlog_file2, L: 166, S: void 0 });
-  switch (block._tag) {
-    case "text": {
-      if (message.sender.role === "user") {
-        if (block.disposition === "synthetic") {
-          return renderXMLBlock("synthetic", {
-            content: block.text,
-            pending: block.pending
-          });
-        } else {
-          return `
-<prompt>${block.text}</prompt>`;
-        }
-      } else {
-        const text = block.text.trim();
-        if (text.length > 0) {
-          return text;
-        }
-      }
-      break;
-    }
-    case "reference": {
-      if (block.pending) {
-        return;
-      }
-      const dxn = block.reference.uri;
-      return `<reference ref="${dxn.toString()}">${context.getObjectLabel(dxn)}</reference>`;
-    }
-    case "suggestion": {
-      if (block.pending) {
-        return;
-      }
-      return `<suggestion>${block.text}</suggestion>`;
-    }
-    case "select": {
-      if (block.pending || block.options.length === 0) {
-        return;
-      }
-      return `<select>${block.options.map((option) => `<option>${option}</option>`).join("")}</select>`;
-    }
-    case "toolCall": {
-      applyToolBlockToWidgetState(context, block);
-      return `<toolCall id="${block.toolCallId}" />`;
-    }
-    case "toolResult": {
-      applyToolBlockToWidgetState(context, block);
-      break;
-    }
-    case "stats": {
-      return "";
-    }
-    case "reasoning": {
-      let text = block.reasoningText ?? block.redactedText;
-      if (!text) {
-        return;
-      }
-      return renderXMLBlock("reasoning", {
-        content: text,
-        pending: block.pending
-      });
-    }
-    case "summary": {
-      return renderXMLBlock("summary", {
-        content: block.content,
-        pending: block.pending
-      });
-    }
-    case "status": {
-      return renderXMLBlock("status", {
-        content: block.statusText,
-        pending: block.pending
-      });
-    }
-    case "surface": {
-      if (block.pending) {
-        return;
-      }
-      return renderXMLBlock("surface", {
-        content: JSON.stringify(block.data ?? {}),
-        attributes: `role="${escapeXmlAttribute(block.role)}"`
-      });
-    }
-    default: {
-      return `<json id="${message.id}">
-${JSON.stringify(block)}
-</json>`;
-    }
-  }
-};
-var escapeXmlTextContent = (raw) => raw.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-var escapeXmlAttribute = (raw) => escapeXmlTextContent(raw).replace(/"/g, "&quot;");
-var renderXMLBlock = (tag, opts) => {
-  const content = escapeXmlTextContent((opts.content ?? "").replace(/\n\n/g, " ").trim());
-  if (opts.pending) {
-    return `<${tag}${opts.attributes ? ` ${opts.attributes}` : ""}>${content}`;
-  } else {
-    return `<${tag}${opts.attributes ? ` ${opts.attributes}` : ""}>${content}</${tag}>`;
-  }
-};
-
-// src/components/ChatThread/sync.ts
-var MessageThreadContext = class {
-  _widgetState;
-  constructor(_widgetState) {
-    this._widgetState = _widgetState;
-  }
-  updateWidget(id, value2) {
-    this._widgetState?.updateWidget(id, value2);
-  }
-  // TODO(burdon): Resolve name from hypergraph.
-  getObjectLabel(_id) {
-    return "Object";
-  }
-};
-var MessageSyncer = class {
-  _document;
-  _renderer;
-  _threadId;
-  _completed = 0;
-  _trailing = 0;
-  _context;
-  constructor(_document, _renderer) {
-    this._document = _document;
-    this._renderer = _renderer;
-    this._context = new MessageThreadContext(this._document);
-  }
-  get context() {
-    return this._context;
-  }
-  /**
-  * Replace the document with the rendering of `messages`. Use on mount, on thread switch,
-  * and from {@link update} when it detects an identity change in `messages[0]`.
-  */
-  reset(messages = []) {
-    this._threadId = messages[0]?.id;
-    this._completed = 0;
-    this._trailing = 0;
-    const buffer = this._walk(messages);
-    void this._document.setContent(buffer).then(() => {
-      rehydrateToolWidgetsFromMessages(this._context, messages);
-    });
-  }
-  /**
-  * Stream the suffix of the rendered messages into the document.
-  * Returns `true` if the document was replaced (initial mount or thread switch), `false`
-  * if the call was a streaming append (or a no-op).
-  */
-  update(messages) {
-    if (messages[0]?.id !== this._threadId) {
-      this.reset(messages);
-      return true;
-    }
-    const buffer = this._walk(messages);
-    if (buffer.length > 0) {
-      void this._document.append(buffer);
-    }
-    return false;
-  }
-  /**
-  * Walk flat blocks starting at `_completed`, advancing the cursors and returning the chars
-  * to append. Blocks before `_completed` are skipped — their renderer is never re-invoked,
-  * which preserves single-shot side effects (e.g. tool widget state mutation).
-  */
-  _walk(messages) {
-    let buffer = "";
-    let index = 0;
-    outer: for (const message of messages) {
-      for (const block of message.blocks) {
-        if (index < this._completed) {
-          index++;
-          continue;
-        }
-        const rendered = this._renderer(this._context, message, block) ?? "";
-        if (rendered.length > this._trailing) {
-          buffer += rendered.slice(this._trailing);
-        }
-        if (block.pending) {
-          if (rendered.length > this._trailing) {
-            this._trailing = rendered.length;
-          }
-          break outer;
-        }
-        this._completed = index + 1;
-        this._trailing = 0;
-        index++;
-      }
-    }
-    return buffer;
-  }
-};
-
-// src/components/ChatThread/ChatThread.tsx
-var defaultOptions = {
-  autoScroll: true,
-  cursor: false,
-  fader: false,
-  typewriter: true
-};
-var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages = [], error, options = defaultOptions, footer, debug = false, extensions, viewType, onEvent }, forwardedRef) => {
-  const [controller, setController] = useState6(null);
-  const handleMarkdownStreamRef = useCallback8((instance) => {
-    setController(instance);
-    setRef(forwardedRef, instance);
-  }, [
-    forwardedRef
-  ]);
-  const userHue = useMemo8(() => identity?.profile?.data?.hue || keyToFallback(identity?.identityKey ?? PublicKey.random()).hue, [
-    identity
-  ]);
-  const initializedRef = useRef4(false);
-  useEffect7(() => {
-    if (!controller) {
-      initializedRef.current = false;
-      return;
-    }
-    controller.scrollToBottom(initializedRef.current ? "smooth" : "instant");
-    initializedRef.current = true;
-  }, [
-    controller,
-    error
-  ]);
-  const renderer = useMemo8(() => createBlockRenderer(viewType), [
-    viewType
-  ]);
-  const syncer = useMemo8(() => controller && new MessageSyncer(controller, renderer), [
-    controller,
-    renderer
-  ]);
-  useEffect7(() => {
-    if (!syncer) {
-      return;
-    }
-    if (syncer.update(messages)) {
-      controller?.scrollToBottom("instant");
-    }
-  }, [
-    controller,
-    syncer,
-    messages
-  ]);
-  const handleEvent = useCallback8(({ type, value: value2 }) => {
-    switch (type) {
-      case "submit": {
-        value2 && onEvent?.({
-          type,
-          text: value2
-        });
-        break;
-      }
-    }
-  }, [
-    onEvent
-  ]);
-  return /* @__PURE__ */ React15.createElement("div", {
-    "data-hue": userHue,
-    className: "contents"
-  }, /* @__PURE__ */ React15.createElement(MarkdownStream, {
-    key: viewType,
-    classNames,
-    registry: componentRegistry,
-    options,
-    debug,
-    extensions,
-    footer,
-    onEvent: handleEvent,
-    ref: handleMarkdownStreamRef
-  }));
-});
-
-// src/components/TaskList/TaskList.tsx
-import React16, { useMemo as useMemo9 } from "react";
-import { Plan } from "@dxos/assistant-toolkit";
-import { useObject as useObject2 } from "@dxos/react-client/echo";
-import { Icon as Icon4, Tag } from "@dxos/react-ui";
-import { composable, composableProps } from "@dxos/react-ui";
-import { TextCrawl as TextCrawl2 } from "@dxos/react-ui-components";
-import { Listbox as Listbox2 } from "@dxos/react-ui-list";
-import { collectProcessActivityLines, deriveInFlightActivityLine } from "#execution-graph";
-import { isTerminalActivityLine, useProcessEphemeralStatus } from "#hooks";
-var TaskList = composable(({ plan, space, conversationId, traceMessages, ...props }, forwardedRef) => {
-  const [snapshot] = useObject2(plan);
-  const tasks = snapshot?.tasks ?? [];
-  return /* @__PURE__ */ React16.createElement(Listbox2.Root, null, /* @__PURE__ */ React16.createElement(Listbox2.Viewport, {
-    ...composableProps(props, {
-      classNames: "dx-container"
-    }),
-    ref: forwardedRef
-  }, /* @__PURE__ */ React16.createElement(Listbox2.Content, {
-    "aria-label": "Tasks"
-  }, tasks.map((task) => /* @__PURE__ */ React16.createElement(TaskListItem, {
-    key: task.id,
-    task,
-    space,
-    traceMessages,
-    conversationId
-  })))));
-});
-var TaskListItem = ({ task, space, traceMessages, conversationId }) => {
-  const durableLines = useMemo9(() => {
-    if (!task.agentPid || !traceMessages?.length) {
-      return [];
-    }
-    const lines = collectProcessActivityLines(traceMessages, String(task.agentPid), {
-      conversationId
-    });
-    if (task.status !== "in-progress") {
-      return lines;
-    }
-    return lines.filter((line) => !isTerminalActivityLine(line));
-  }, [
-    task.agentPid,
-    task.status,
-    traceMessages,
-    conversationId
-  ]);
-  const ephemeralLine = useProcessEphemeralStatus(task.delegated === true && task.status === "in-progress" ? task.agentPid : void 0, space);
-  const inFlightLine = useMemo9(() => {
-    if (ephemeralLine || task.status !== "in-progress" || !task.agentPid || !traceMessages?.length) {
-      return void 0;
-    }
-    return deriveInFlightActivityLine(traceMessages, String(task.agentPid), {
-      conversationId
-    });
-  }, [
-    ephemeralLine,
-    task.status,
-    task.agentPid,
-    traceMessages,
-    conversationId
-  ]);
-  const activityLines = useMemo9(() => {
-    if (ephemeralLine) {
-      return [
-        ephemeralLine
-      ];
-    }
-    if (inFlightLine) {
-      return [
-        inFlightLine
-      ];
-    }
-    return durableLines;
-  }, [
-    durableLines,
-    ephemeralLine,
-    inFlightLine
-  ]);
-  const agentPid = task.agentPid;
-  const showActivity = task.delegated === true && agentPid != null && activityLines.length > 0;
-  return /* @__PURE__ */ React16.createElement(Listbox2.Item, {
-    id: task.id,
-    classNames: "py-0"
-  }, /* @__PURE__ */ React16.createElement("div", {
-    className: "flex flex-col gap-0.5 min-w-0"
-  }, /* @__PURE__ */ React16.createElement("div", {
-    className: "flex items-center gap-2 min-w-0"
-  }, /* @__PURE__ */ React16.createElement(Icon4, {
-    icon: task.status === "done" ? "ph--check--regular" : "ph--circle--regular",
-    classNames: task.status === "done" ? "text-success-text" : void 0,
-    size: 4
-  }), /* @__PURE__ */ React16.createElement("span", {
-    className: "sr-only"
-  }, task.status === "done" ? "done" : task.status === "in-progress" ? "in progress" : "to do"), /* @__PURE__ */ React16.createElement("span", {
-    className: "truncate flex-1"
-  }, task.title), task.status === "in-progress" && /* @__PURE__ */ React16.createElement(Tag, {
-    hue: "info"
-  }, "pending"), task.agentPid && /* @__PURE__ */ React16.createElement(Tag, {
-    hue: "info"
-  }, Plan.formatAgentPidTag(task.agentPid))), showActivity && agentPid != null && /* @__PURE__ */ React16.createElement(DelegatedTaskActivity, {
-    agentPid,
-    lines: activityLines
-  })));
-};
-var DelegatedTaskActivity = ({ agentPid, lines }) => {
-  return /* @__PURE__ */ React16.createElement("div", {
-    className: "flex items-center gap-2 ps-6 min-w-0 text-placeholder"
-  }, /* @__PURE__ */ React16.createElement(Icon4, {
-    icon: "ph--brain--regular",
-    size: 3,
-    classNames: "shrink-0 opacity-70"
-  }), /* @__PURE__ */ React16.createElement(TextCrawl2, {
-    key: `${String(agentPid)}:${lines.length}:${lines[lines.length - 1]}`,
-    lines,
-    autoAdvance: true,
-    greedy: true,
-    size: "sm",
-    classNames: "text-xs text-subdued min-w-0 flex-1"
-  }));
-};
-
-// src/components/Chat/Chat.tsx
-var ChatRoot = ({ children, chat, processor, db: dbFallback, onEvent, onSubmit, ...props }) => {
-  const [debug, setDebug] = useState7(false);
-  const streaming = useAtomValue4(processor.streaming);
-  const active = useAtomValue4(processor.active);
-  const requestTiming = useRequestTiming({
-    active
-  });
-  const lastPrompt = useRef5(void 0);
-  const db = chat && Obj4.getDatabase(chat) || dbFallback;
-  const [feedSnapshot] = useObject3(chat?.feed);
-  const feed = Obj4.getReactiveOrUndefined(feedSnapshot);
-  const event = useMemo10(() => new Event(), []);
-  const feedMessages = useQuery3(db, feed ? Query.select(Filter3.type(Message2.Message)).from(feed) : Query.select(Filter3.nothing()));
-  const pendingMessages = useAtomValue4(processor.messages);
-  const messages = useMemo10(() => Array2.dedupeWith([
-    ...feedMessages,
-    ...pendingMessages
-  ], ({ id: a }, { id: b }) => a === b), [
-    feedMessages,
-    pendingMessages
-  ]);
-  const dump = useDebug({
-    processor
-  });
-  const error = useAtomValue4(processor.error);
-  useEffect8(() => {
-    if (Option3.isSome(error)) {
-      event.emit({
-        type: "error",
-        error: error.value
-      });
-    }
-  }, [
-    event,
-    error
-  ]);
-  useEffect8(() => {
-    return event.on((ev) => {
-      switch (ev.type) {
-        case "toggle-debug": {
-          setDebug((debug2) => {
-            if (debug2) {
-              return false;
-            } else {
-              void dump();
-              return true;
-            }
-          });
-          break;
-        }
-        case "submit": {
-          const text = ev.text.trim();
-          if (!streaming && text.length) {
-            lastPrompt.current = ev.text;
-            void Promise.resolve(onSubmit?.(text)).then(() => processor.request({
-              message: text
-            }));
-          }
-          break;
-        }
-        case "retry": {
-          if (!streaming) {
-            void processor.retry();
-          }
-          break;
-        }
-        case "cancel": {
-          void processor.cancel();
-          if (streaming) {
-            if (lastPrompt.current) {
-              event.emit({
-                type: "update-prompt",
-                text: lastPrompt.current
-              });
-            }
-          }
-          break;
-        }
-      }
-      onEvent?.(ev);
-    });
-  }, [
-    event,
-    dump,
-    processor,
-    streaming,
-    onEvent,
-    onSubmit
-  ]);
-  return /* @__PURE__ */ React17.createElement(ChatContextProvider, {
-    debug,
-    event,
-    db,
-    chat,
-    messages,
-    processor,
-    requestTiming,
-    ...props
-  }, children);
-};
-ChatRoot.displayName = "Chat.Root";
-var useRequestTiming = ({ active }) => {
-  const [requestTiming, setRequestTiming] = useState7(null);
-  useEffect8(() => {
-    if (active) {
-      setRequestTiming({
-        startedAt: Date.now(),
-        endedAt: null
-      });
-    } else {
-      setRequestTiming((prev) => prev && prev.endedAt == null ? {
-        ...prev,
-        endedAt: Date.now()
-      } : prev);
-    }
-  }, [
-    active
-  ]);
-  return requestTiming;
-};
-var CHAT_TOOLBAR_NAME = "Chat.Toolbar";
-var ChatToolbar = composable2(({ children, attendableId, alwaysActive, companionTo, ...props }, forwardedRef) => {
-  const { chat } = useChatContext(CHAT_TOOLBAR_NAME);
-  const menuActions = useChatToolbarActions({
-    chat,
-    companionTo
-  });
-  return /* @__PURE__ */ React17.createElement(Menu.Root, {
-    ...menuActions,
-    attendableId,
-    alwaysActive
-  }, /* @__PURE__ */ React17.createElement(Menu.Toolbar, {
-    ...composableProps2(props),
-    ref: forwardedRef
-  }, children));
-});
-ChatToolbar.displayName = CHAT_TOOLBAR_NAME;
-var CHAT_CONTENT_NAME = "Chat.Content";
-var ChatContent = composable2(({ children, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React17.createElement("div", {
-    ...composableProps2(props, {
-      classNames: "dx-expander flex flex-col"
-    }),
-    ref: forwardedRef
-  }, children);
-});
-ChatContent.displayName = CHAT_CONTENT_NAME;
-var CHAT_THREAD_NAME = "Chat.Thread";
-var ChatThread2 = ({ viewType, debug: debugProp, onViewUsage, ...props }) => {
-  const { t } = useTranslation10(meta10.profile.key);
-  const { debug, event, messages, processor } = useChatContext(CHAT_THREAD_NAME);
-  const extensions = useChatKeymapExtensions2({
-    event
-  });
-  const identity = useIdentity();
-  const error = useAtomValue4(processor.error).pipe(Option3.getOrUndefined);
-  const [toastError, setToastError] = useState7(void 0);
-  const toastAction = toastError instanceof AiUsageQuotaError ? toastError.action : void 0;
-  const debugView = viewType === "debug";
-  const controllerRef = useRef5(null);
-  useEffect8(() => {
-    return event.on((event2) => {
-      switch (event2.type) {
-        case "submit":
-        case "scroll-to-bottom":
-          controllerRef.current?.scrollToBottom();
-          break;
-        case "nav-previous":
-          controllerRef.current?.navigatePrevious();
-          break;
-        case "nav-next":
-          controllerRef.current?.navigateNext();
-          break;
-        case "error":
-          setToastError(event2.error);
-          break;
-      }
-    });
-  }, [
-    event
-  ]);
-  const handleEvent = useCallback9((ev) => {
-    event.emit(ev);
-  }, [
-    event
-  ]);
-  if (!identity) {
-    return /* @__PURE__ */ React17.createElement("div", {
-      className: "dx-expander"
-    });
-  }
-  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(ChatThread, {
-    ...props,
-    identity,
-    messages,
-    error,
-    debug: debugProp ?? (debug || debugView),
-    viewType,
-    extensions,
-    onEvent: handleEvent,
-    ref: controllerRef
-  }), /* @__PURE__ */ React17.createElement(Toast.Root, {
-    type: "foreground",
-    open: !!toastError,
-    duration: 2e4,
-    onOpenChange: (open) => !open && setToastError(void 0)
-  }, /* @__PURE__ */ React17.createElement(Toast.Title, {
-    icon: "ph--warning--regular",
-    onClose: () => setToastError(void 0)
-  }, t("ai-service-error.label")), /* @__PURE__ */ React17.createElement(Toast.Description, null, toastError?.message), toastAction && onViewUsage && /* @__PURE__ */ React17.createElement(Toast.Actions, null, /* @__PURE__ */ React17.createElement(Toast.Action, {
-    altText: t(toastAction.labelKey),
-    asChild: true
-  }, /* @__PURE__ */ React17.createElement(Button, {
-    onClick: () => {
-      setToastError(void 0);
-      onViewUsage();
-    }
-  }, t(toastAction.labelKey))))));
-};
-ChatThread2.displayName = CHAT_THREAD_NAME;
-var CHAT_PROMPT_NAME = "Chat.Prompt";
-var ChatPrompt2 = (props) => {
-  const { chat, db, processor, event } = useChatContext(CHAT_PROMPT_NAME);
-  return /* @__PURE__ */ React17.createElement(ChatPrompt, {
-    ...props,
-    chat,
-    db,
-    processor,
-    event
-  });
-};
-ChatPrompt2.displayName = CHAT_PROMPT_NAME;
-var CHAT_TASK_LIST_NAME = "Chat.TaskList";
-var ChatTaskList = composable2(({ plan: planProp, ...props }, forwardedRef) => {
-  const { chat } = useChatContext(CHAT_TASK_LIST_NAME);
-  const plan = useAtomValue4(useMemo10(() => Atom2.make((get) => planProp ?? Option3.fromNullable(chat).pipe(Option3.map((_) => get(Obj4.atom(_))), Option3.flatMapNullable((_) => _?.plan?.atom), Option3.map(get), Option3.getOrUndefined)), [
-    chat,
-    planProp
-  ]));
-  const space = chat ? getSpace(chat) : void 0;
-  const traceMessages = useTraceMessages(space);
-  const conversationId = chat?.feed?.target?.id;
-  if (!plan || !(plan.tasks?.length ?? 0)) {
-    return null;
-  }
-  return /* @__PURE__ */ React17.createElement(TaskList, {
-    ...props,
-    plan,
-    space,
-    traceMessages,
-    conversationId,
-    ref: forwardedRef
-  });
-});
-ChatTaskList.displayName = CHAT_TASK_LIST_NAME;
-var Chat = {
-  Root: ChatRoot,
-  Toolbar: ChatToolbar,
-  Content: ChatContent,
-  Prompt: ChatPrompt2,
-  Status: ChatStatus,
-  Thread: ChatThread2,
-  TaskList: ChatTaskList
-};
-
-// src/components/ProcessTree/ProcessTree.tsx
-import * as Match from "effect/Match";
-import * as Option4 from "effect/Option";
-import React18, { useMemo as useMemo11 } from "react";
-import { Process } from "@dxos/compute";
-import { Icon as Icon5, IconButton as IconButton4, ScrollArea, Tooltip as Tooltip2, composable as composable3, composableProps as composableProps3 } from "@dxos/react-ui";
-import { Treegrid, TREEGRID_PATH_SEPARATOR } from "@dxos/react-ui-list";
-import { mx as mx7 } from "@dxos/ui-theme";
-import { Unit as Unit2 } from "@dxos/util";
-var DEFAULT_DEPTH = 1;
-var LABEL_INDENT_REM = 0.5;
-var NESTED_ACTIVE_STATES = /* @__PURE__ */ new Set([
-  Process.State.RUNNING,
-  Process.State.HYBERNATING,
-  Process.State.TERMINATING
-]);
-var ProcessTree = /* @__PURE__ */ React18.memo(composable3(({ processes, depth = DEFAULT_DEPTH, onProcessSelect, onProcessTerminate, ...props }, forwardedRef) => {
-  const rows = useMemo11(() => buildProcessTreeRows(processes, depth), [
-    processes,
-    depth
-  ]);
-  return /* @__PURE__ */ React18.createElement(ScrollArea.Root, {
-    ...composableProps3(props, {
-      classNames: "dx-expander"
-    }),
-    thin: true,
-    ref: forwardedRef
-  }, /* @__PURE__ */ React18.createElement(ScrollArea.Viewport, null, /* @__PURE__ */ React18.createElement(Treegrid.Root, {
-    classNames: "grid grid-cols-[min-content_1fr_min-content_min-content]"
-  }, rows.map(({ process, path }) => /* @__PURE__ */ React18.createElement(ProcessTreeRowView, {
-    key: path.join(TREEGRID_PATH_SEPARATOR),
-    process,
-    path,
-    onProcessSelect,
-    onProcessTerminate
-  })))));
-}));
-var ProcessTreeRowView = ({ process, path, onProcessSelect, onProcessTerminate }) => {
-  const duration = Unit2.Duration(process.metrics.wallTime);
-  const level = path.length;
-  const nested = level > 1;
-  return /* @__PURE__ */ React18.createElement(Treegrid.Row, {
-    id: path.join(TREEGRID_PATH_SEPARATOR),
-    classNames: mx7("col-span-full grid grid-cols-subgrid gap-2 ps-1", onProcessSelect && "dx-hover")
-  }, /* @__PURE__ */ React18.createElement(Treegrid.Cell, {
-    classNames: "flex items-center gap-0.5"
-  }, nested && /* @__PURE__ */ React18.createElement(Icon5, {
-    icon: "ph--arrow-elbow-down-right--regular",
-    size: 3,
-    classNames: "shrink-0 text-subdued"
-  }), /* @__PURE__ */ React18.createElement(Tooltip2.Trigger, {
-    content: process.state.toString()
-  }, /* @__PURE__ */ React18.createElement(Icon5, {
-    size: 4,
-    synchronized: true,
-    classNames: mx7(process.state === Process.State.RUNNING && "animate-spin", process.state === Process.State.FAILED && "text-error-text", process.state === Process.State.SUCCEEDED && "text-success-text"),
-    icon: Match.value(process.state).pipe(Match.when(Process.State.RUNNING, () => "ph--spinner-gap--regular"), Match.when(Process.State.SUCCEEDED, () => "ph--check-circle--regular"), Match.when(Process.State.FAILED, () => "ph--warning--regular"), Match.when(Process.State.HYBERNATING, () => "ph--spinner--regular"), Match.when(Process.State.IDLE, () => "ph--moon-stars--regular"), Match.when(Process.State.TERMINATING, () => "ph--x-circle--regular"), Match.when(Process.State.TERMINATED, () => "ph--x-circle--regular"), Match.orElse(() => "ph--spinner-gap--regular"))
-  }))), /* @__PURE__ */ React18.createElement(Treegrid.Cell, {
-    classNames: "flex items-center truncate",
-    style: nested ? {
-      paddingInlineStart: `${(level - 1) * LABEL_INDENT_REM}rem`
-    } : void 0,
-    onClick: () => onProcessSelect?.(process)
-  }, /* @__PURE__ */ React18.createElement("span", {
-    className: mx7("truncate text-sm", level === 1 && "font-medium", process.state !== Process.State.RUNNING && "text-description")
-  }, process.params.name ?? process.pid.toString())), /* @__PURE__ */ React18.createElement(Treegrid.Cell, {
-    classNames: "flex items-center justify-end text-xs text-description tabular-nums"
-  }, [
-    Process.State.FAILED,
-    Process.State.SUCCEEDED
-  ].includes(process.state) && /* @__PURE__ */ React18.createElement("span", {
-    className: "whitespace-nowrap"
-  }, duration.toString())), /* @__PURE__ */ React18.createElement(Treegrid.Cell, null, onProcessTerminate && /* @__PURE__ */ React18.createElement(IconButton4, {
-    classNames: "min-h-0 p-1",
-    icon: "ph--x--regular",
-    iconOnly: true,
-    variant: "ghost",
-    size: 4,
-    label: "Actions",
-    onClick: (event) => {
-      event.stopPropagation();
-      onProcessTerminate?.(process);
-    }
-  })));
-};
-var sortProcesses = (processes) => {
-  return [
-    ...processes.filter((process) => [
-      Process.State.RUNNING,
-      Process.State.HYBERNATING
-    ].includes(process.state)),
-    ...processes.filter((process) => [
-      Process.State.IDLE
-    ].includes(process.state)).slice(0, 3),
-    ...processes.filter((process) => [
-      Process.State.SUCCEEDED,
-      Process.State.FAILED,
-      Process.State.TERMINATED
-    ].includes(process.state))
-  ].sort((left, right) => {
-    const leftCompletedAt = Option4.getOrElse(left.completedAt, () => Infinity);
-    const rightCompletedAt = Option4.getOrElse(right.completedAt, () => Infinity);
-    return rightCompletedAt - leftCompletedAt;
-  });
-};
-var sortNestedActive = (processes) => processes.filter((process) => NESTED_ACTIVE_STATES.has(process.state)).sort((left, right) => {
-  const priority = (state) => state === Process.State.RUNNING ? 0 : state === Process.State.HYBERNATING ? 1 : 2;
-  return priority(left.state) - priority(right.state);
-});
-var buildProcessTreeRows = (processes, maxDepth) => {
-  const pidSet = new Set(processes.map((process) => String(process.pid)));
-  const childrenByParent = /* @__PURE__ */ new Map();
-  const roots = [];
-  for (const process of processes) {
-    const parent = process.parentPid;
-    if (parent === null || !pidSet.has(String(parent))) {
-      roots.push(process);
-      continue;
-    }
-    const key = String(parent);
-    const siblings = childrenByParent.get(key) ?? [];
-    siblings.push(process);
-    childrenByParent.set(key, siblings);
-  }
-  const sortedRoots = sortProcesses(roots);
-  const rows = [];
-  const visit = (process, path, level) => {
-    if (level > maxDepth) {
-      return;
-    }
-    rows.push({
-      process,
-      path
-    });
-    if (level >= maxDepth) {
-      return;
-    }
-    const children = sortNestedActive(childrenByParent.get(String(process.pid)) ?? []);
-    for (const child of children) {
-      visit(child, [
-        ...path,
-        String(child.pid)
-      ], level + 1);
-    }
-  };
-  for (const root of sortedRoots) {
-    visit(root, [
-      String(root.pid)
-    ], 1);
-  }
-  return rows;
-};
-
-// src/components/Toolbox/Toolbox.tsx
-import React19, { Fragment, useEffect as useEffect9, useState as useState8 } from "react";
-import { Operation } from "@dxos/compute";
-import { Filter as Filter4 } from "@dxos/echo";
-import { log as log3 } from "@dxos/log";
-import { useQuery as useQuery4 } from "@dxos/react-client/echo";
-import { ScrollArea as ScrollArea2 } from "@dxos/react-ui";
-import { composable as composable4, composableProps as composableProps4 } from "@dxos/react-ui";
-import { mx as mx8 } from "@dxos/ui-theme";
-import { ServiceType } from "#types";
-var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/Toolbox/Toolbox.tsx";
-var Toolbox = composable4(({ functions, services, skills, activeSkills, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React19.createElement(ScrollArea2.Root, {
-    ...composableProps4(props),
-    thin: true,
-    orientation: "vertical",
-    ref: forwardedRef
-  }, /* @__PURE__ */ React19.createElement(ScrollArea2.Viewport, null, skills && skills.length > 0 && /* @__PURE__ */ React19.createElement(Section, {
-    title: "Skills",
-    items: skills.map(({ name, description, tools }) => ({
-      name,
-      description,
-      subitems: tools.map((toolId) => ({
-        name: `\u2219 ${safeToolId(toolId)}`
-      }))
-    }))
-  }), activeSkills && activeSkills.length > 0 && /* @__PURE__ */ React19.createElement(Section, {
-    title: "Skills",
-    items: activeSkills.map(({ target }) => ({
-      name: target?.name ?? "",
-      description: target?.description ?? "",
-      subitems: target?.tools.map((toolId) => ({
-        name: `\u2219 ${safeToolId(toolId)}`
-      }))
-    }))
-  }), services && services.length > 0 && /* @__PURE__ */ React19.createElement(Section, {
-    title: "Services",
-    items: services.map(({ service: { serviceId, name, description } }) => ({
-      name: name ?? serviceId,
-      description
-    }))
-  }), functions && functions.length > 0 && /* @__PURE__ */ React19.createElement(Section, {
-    title: "Functions",
-    items: functions.map(({ name, description }) => ({
-      name,
-      description
-    }))
-  })));
-});
-Toolbox.displayName = "Toolbox";
-var Section = ({ title, items, striped }) => {
-  const stripeClassNames = "odd:bg-neutral-50 dark:odd:bg-neutral-800";
-  const gridClassNames = "grid grid-cols-[8rem_1fr]";
-  const subGridClassNames = mx8("col-span-full grid grid-cols-subgrid text-xs px-2", striped && stripeClassNames);
-  return /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement("h1", {
-    className: "px-2 text-sm"
-  }, title), /* @__PURE__ */ React19.createElement("div", {
-    className: gridClassNames
-  }, items.map(({ name, description, subitems }, i) => /* @__PURE__ */ React19.createElement(Fragment, {
-    key: i
-  }, name && /* @__PURE__ */ React19.createElement("div", {
-    className: subGridClassNames
-  }, /* @__PURE__ */ React19.createElement("div", {
-    className: "truncate text-primary-500"
-  }, name), /* @__PURE__ */ React19.createElement("div", {
-    className: "line-clamp-2"
-  }, description)), subitems?.map(({ name: name2, description: description2 }, i2) => /* @__PURE__ */ React19.createElement("div", {
-    key: i2,
-    className: mx8(subGridClassNames, striped && stripeClassNames)
-  }, /* @__PURE__ */ React19.createElement("div", {
-    className: "truncate"
-  }, name2), /* @__PURE__ */ React19.createElement("div", {
-    className: "line-clamp-3 text-subdued"
-  }, description2)))))));
-};
-var ToolboxPanel = ({ classNames, db, processor }) => {
-  const services = useQuery4(db, Filter4.type(ServiceType));
-  const [serviceTools, setServiceTools] = useState8([]);
-  useEffect9(() => {
-    log3("creating service tools...", {
-      services: services.length
-    }, { "~LogMeta": "~LogMeta", F: __dxlog_file3, L: 82, S: void 0 });
-    queueMicrotask(async () => {
-    });
-  }, [
-    services
-  ]);
-  const functions = useQuery4(db, Filter4.type(Operation.PersistentOperation));
-  return /* @__PURE__ */ React19.createElement(Toolbox, {
-    classNames,
-    skills: processor?.context.getSkills(),
-    services: serviceTools,
-    functions
-  });
-};
-var safeToolId = (name) => {
-  return name.split("_").pop();
-};
-export {
-  AgentProperties,
-  Chat,
-  ChatPrompt,
-  ProcessTree,
-  TaskList,
-  Toolbox,
-  ToolboxPanel,
-  TracePanel
-};
-//# sourceMappingURL=index.mjs.map