@dxos/plugin-assistant 0.8.4-main.7996785055 → 0.8.4-main.8baae0fced

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

@@ -1,2135 +0,0 @@
-import {
-  AiChatProcessor,
-  AiServicePresets
-} from "./chunk-RTUG64Q4.mjs";
-import {
-  ServiceType
-} from "./chunk-HE6DIUYX.mjs";
-import {
-  definitions_exports
-} from "./chunk-L6R55X33.mjs";
-import {
-  meta
-} from "./chunk-2VIEX4RA.mjs";
-
-// src/hooks/useBlueprintRegistry.ts
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { useCapabilities } from "@dxos/app-framework/ui";
-import { AppCapabilities } from "@dxos/app-toolkit";
-import { Blueprint } from "@dxos/blueprints";
-import { Filter, Obj, Ref } from "@dxos/echo";
-import { useQuery } from "@dxos/react-client/echo";
-import { distinctBy } from "@dxos/util";
-var useBlueprintRegistry = () => {
-  const blueprintDefinitions = useCapabilities(AppCapabilities.BlueprintDefinition);
-  return useMemo(() => new Blueprint.Registry(blueprintDefinitions.map((blueprint) => blueprint.make())), [
-    blueprintDefinitions
-  ]);
-};
-var useBlueprints = ({ blueprintRegistry, db }) => {
-  const staticBlueprints = useMemo(() => blueprintRegistry?.query() ?? [], [
-    blueprintRegistry
-  ]);
-  const spaceBlueprints = useQuery(db, Filter.type(Blueprint.Blueprint));
-  return useMemo(() => {
-    const blueprints = distinctBy([
-      ...staticBlueprints,
-      ...spaceBlueprints
-    ], (b) => b.key);
-    blueprints.sort(({ name: a }, { name: b }) => a.localeCompare(b));
-    return blueprints;
-  }, [
-    staticBlueprints,
-    spaceBlueprints
-  ]);
-};
-var useActiveBlueprints = ({ context }) => {
-  const [active, setActive] = useState(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    if (!context) {
-      setActive(/* @__PURE__ */ new Map());
-      return;
-    }
-    const updateActive = () => {
-      const blueprints = context.getBlueprints();
-      setActive(new Map(blueprints.map((blueprint) => [
-        blueprint.key,
-        blueprint
-      ])));
-    };
-    updateActive();
-    return context.subscribeBlueprints(updateActive);
-  }, [
-    context
-  ]);
-  return active;
-};
-var useBlueprintHandlers = ({ db, context, blueprintRegistry }) => {
-  const onUpdateBlueprint = useCallback(async (key, checked) => {
-    if (!context || !blueprintRegistry) {
-      return;
-    }
-    const objects = await db.query(Filter.type(Blueprint.Blueprint)).run();
-    let storedBlueprint = objects.find((blueprint) => blueprint.key === key);
-    if (checked) {
-      if (!storedBlueprint) {
-        const blueprint = blueprintRegistry.getByKey(key);
-        if (!blueprint) {
-          return;
-        }
-        storedBlueprint = db.add(Obj.clone(blueprint));
-      }
-      await context.bind({
-        blueprints: [
-          Ref.make(storedBlueprint)
-        ]
-      });
-    } else if (storedBlueprint) {
-      await context.unbind({
-        blueprints: [
-          Ref.make(storedBlueprint)
-        ]
-      });
-    }
-  }, [
-    db,
-    context,
-    blueprintRegistry
-  ]);
-  return {
-    onUpdateBlueprint
-  };
-};
-
-// src/hooks/useChatProcessor.ts
-import { RegistryContext } from "@effect-atom/atom-react";
-import { useContext, useMemo as useMemo2, useState as useState2 } from "react";
-import { Ref as Ref2 } from "@dxos/echo";
-import { AiConversation } from "@dxos/assistant";
-import { log } from "@dxos/log";
-import { useAsyncEffect } from "@dxos/react-ui";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useChatProcessor.ts";
-var useChatProcessor = ({ space, chat, preset, services, blueprintRegistry, settings }) => {
-  const observableRegistry = useContext(RegistryContext);
-  const [conversation, setConversation] = useState2();
-  useAsyncEffect(async () => {
-    if (!space || !chat) {
-      return;
-    }
-    const queue = space.queues.get(chat.queue.dxn);
-    const conversation2 = new AiConversation({
-      queue,
-      registry: observableRegistry
-    });
-    await conversation2.open();
-    setConversation(conversation2);
-    return () => {
-      void conversation2.close();
-      setConversation(void 0);
-    };
-  }, [
-    space,
-    chat?.queue.dxn.toString()
-  ]);
-  const processor = useMemo2(() => {
-    if (!services || !conversation) {
-      return void 0;
-    }
-    log("creating processor", {
-      preset,
-      model: preset?.model,
-      settings
-    }, {
-      F: __dxlog_file,
-      L: 70,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
-    return new AiChatProcessor(conversation, services, {
-      chat: chat ? Ref2.make(chat) : void 0,
-      observableRegistry,
-      blueprintRegistry,
-      model: preset?.model
-    });
-  }, [
-    services,
-    conversation,
-    blueprintRegistry,
-    preset
-  ]);
-  return processor;
-};
-
-// src/hooks/useChatServices.ts
-import * as Effect from "effect/Effect";
-import { useMemo as useMemo3 } from "react";
-import { useCapability } from "@dxos/app-framework/ui";
-import { AutomationCapabilities } from "@dxos/plugin-automation";
-import { getPersonalSpace } from "@dxos/app-toolkit";
-import { useClient } from "@dxos/react-client";
-var useChatServices = ({ id }) => {
-  const client = useClient();
-  id ??= getPersonalSpace(client)?.id;
-  const runtimeResolver = useCapability(AutomationCapabilities.ComputeRuntime);
-  return useMemo3(() => {
-    if (!id) {
-      return void 0;
-    }
-    const runtime2 = runtimeResolver.getRuntime(id);
-    return () => runtime2.runPromise(Effect.runtime());
-  }, [
-    id
-  ]);
-};
-
-// src/hooks/useChatToolbarActions.ts
-import { Atom as Atom2 } from "@effect-atom/atom-react";
-import * as Effect2 from "effect/Effect";
-import { useMemo as useMemo10 } from "react";
-import { useOperationInvoker } from "@dxos/app-framework/ui";
-import { Chat as Chat2 } from "@dxos/assistant-toolkit";
-import { Filter as Filter6, Obj as Obj6, Query } from "@dxos/echo";
-import { runAndForwardErrors } from "@dxos/effect";
-import { invariant } from "@dxos/invariant";
-import { useQuery as useQuery5 } from "@dxos/react-client/echo";
-import { MenuBuilder, useMenuActions } from "@dxos/react-ui-menu";
-
-// src/components/Chat/Chat.tsx
-import { Prec } from "@codemirror/state";
-import { keymap } from "@codemirror/view";
-import { useAtomValue as useAtomValue2 } from "@effect-atom/atom-react";
-import { createContext } from "@radix-ui/react-context";
-import * as Array2 from "effect/Array";
-import * as Option4 from "effect/Option";
-import React9, { useCallback as useCallback7, useEffect as useEffect7, useMemo as useMemo9, useRef as useRef3, useState as useState12 } from "react";
-import { Event } from "@dxos/async";
-import { Filter as Filter4, Obj as Obj5 } from "@dxos/echo";
-import { useVoiceInput } from "@dxos/plugin-transcription";
-import { useQuery as useQuery3 } from "@dxos/react-client/echo";
-import { useIdentity } from "@dxos/react-client/halo";
-import { Input, useDynamicRef, useTranslation as useTranslation5 } from "@dxos/react-ui";
-import { ChatEditor } from "@dxos/react-ui-chat";
-import { Menu } from "@dxos/react-ui-menu";
-import { Message } from "@dxos/types";
-import { composable, composableProps, mx as mx6 } from "@dxos/ui-theme";
-import { isTruthy } from "@dxos/util";
-
-// src/hooks/useContextBinder.ts
-import { RegistryContext as RegistryContext2 } from "@effect-atom/atom-react";
-import { useContext as useContext2, useState as useState3 } from "react";
-import { AiContextBinder } from "@dxos/assistant";
-import { useAsyncEffect as useAsyncEffect2 } from "@dxos/react-ui";
-var useContextBinder = (queue) => {
-  const registry = useContext2(RegistryContext2);
-  const [binder, setBinder] = useState3();
-  useAsyncEffect2(async () => {
-    if (!queue) {
-      return;
-    }
-    const binder2 = new AiContextBinder({
-      queue,
-      registry
-    });
-    await binder2.open();
-    setBinder(binder2);
-    return () => {
-      void binder2.close();
-    };
-  }, [
-    queue
-  ]);
-  return binder;
-};
-
-// src/hooks/useContextObjects.ts
-import { Atom, useAtomValue } from "@effect-atom/atom-react";
-import { useCallback as useCallback2 } from "react";
-var emptyObjectsAtom = Atom.make([]);
-var useContextObjects = ({ db, context }) => {
-  const objects = useAtomValue(context?.objects ?? emptyObjectsAtom);
-  const handleUpdateObject = useCallback2(async (dxn, checked) => {
-    if (!db || !context) {
-      return;
-    }
-    const ref = db.makeRef(dxn);
-    await ref.load();
-    if (checked) {
-      await context.bind({
-        objects: [
-          ref
-        ]
-      });
-    } else {
-      await context.unbind({
-        objects: [
-          ref
-        ]
-      });
-    }
-  }, [
-    db,
-    context
-  ]);
-  return {
-    objects,
-    onUpdateObject: handleUpdateObject
-  };
-};
-
-// src/hooks/useFilteredTypes.ts
-import * as Option from "effect/Option";
-import { useEffect as useEffect2, useState as useState4 } from "react";
-import { EntityKind, SystemTypeAnnotation, getTypeAnnotation } from "@dxos/echo/internal";
-var useFilteredTypes = (db) => {
-  const [types, setTypes] = useState4([]);
-  useEffect2(() => {
-    if (!db) {
-      return;
-    }
-    return db.schemaRegistry.query({
-      location: [
-        "database",
-        "runtime"
-      ]
-    }).subscribe((query) => {
-      const types2 = Array.from(new Set(query.results.filter((schema) => getTypeAnnotation(schema)?.kind !== EntityKind.Relation).filter((schema) => !SystemTypeAnnotation.get(schema).pipe(Option.getOrElse(() => false)))));
-      setTypes(types2);
-    }, {
-      fire: true
-    });
-  }, [
-    db
-  ]);
-  return types;
-};
-
-// src/hooks/useFlush.ts
-import { useCallback as useCallback3, useRef, useState as useState5 } from "react";
-var useFlush = (space) => {
-  const [state, setState] = useState5("idle");
-  const resetTimer = useRef(null);
-  const handleFlush = useCallback3(() => {
-    if (!space) {
-      return;
-    }
-    queueMicrotask(async () => {
-      if (resetTimer.current) {
-        clearTimeout(resetTimer.current);
-      }
-      setState("flushing");
-      await space.db.flush();
-      setState("flushed");
-      resetTimer.current = setTimeout(() => {
-        setState("idle");
-        resetTimer.current = null;
-      }, 1e3);
-    });
-  }, [
-    space
-  ]);
-  return {
-    state,
-    handleFlush
-  };
-};
-
-// src/hooks/useOnline.ts
-import { useState as useState6 } from "react";
-var useOnline = () => {
-  const [online, setOnline] = useState6(true);
-  return [
-    online,
-    setOnline
-  ];
-};
-
-// src/hooks/usePresets.ts
-import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo4, useState as useState7 } from "react";
-var usePresets = (online) => {
-  const [preset, setPreset] = useState7();
-  const presets = useMemo4(() => AiServicePresets.filter((preset2) => online === (preset2.provider === "dxos-remote")), [
-    online
-  ]);
-  const presetOptions = useMemo4(() => presets.map(({ id, model, label }) => ({
-    id,
-    label: label ?? model
-  })), [
-    presets
-  ]);
-  useEffect3(() => {
-    setPreset(presets[0]);
-  }, [
-    presets
-  ]);
-  const handlePresetChange = useCallback4((id) => {
-    const preset2 = presets.find((preset3) => preset3.id === id);
-    if (preset2) {
-      setPreset(preset2);
-    }
-  }, [
-    presets
-  ]);
-  return {
-    preset,
-    presets: presetOptions,
-    onPresetChange: handlePresetChange
-  };
-};
-
-// src/hooks/useReferencesProvider.ts
-import { useMemo as useMemo5 } from "react";
-import { Filter as Filter2, Obj as Obj2 } from "@dxos/echo";
-var useReferencesProvider = (space) => {
-  return useMemo5(() => {
-    if (!space) {
-      return void 0;
-    }
-    return {
-      getReferences: async ({ query }) => {
-        const objects = await space.db.query(Filter2.everything()).run();
-        return objects.filter((object) => stringMatch(query, Obj2.getLabel(object) ?? "")).filter((object) => !!Obj2.getDXN(object)).map((object) => ({
-          uri: Obj2.getDXN(object).toString(),
-          label: Obj2.getLabel(object) ?? ""
-        }));
-      },
-      resolveReference: async ({ uri }) => {
-        const object = await space.db.query(Filter2.id(uri)).first();
-        return {
-          uri,
-          label: Obj2.getLabel(object) ?? ""
-        };
-      }
-    };
-  }, [
-    space
-  ]);
-};
-var stringMatch = (query, label) => label.toLowerCase().startsWith(query.toLowerCase());
-
-// src/components/ChatPrompt/ChatActions.tsx
-import React from "react";
-import { IconButton, useTranslation } from "@dxos/react-ui";
-import { mx } from "@dxos/ui-theme";
-var ChatActions = ({ classNames, children, microphone, recording, processing, onEvent }) => {
-  const { t } = useTranslation(meta.id);
-  return /* @__PURE__ */ React.createElement("div", {
-    className: mx("flex items-center me-1", classNames)
-  }, children, /* @__PURE__ */ React.createElement(IconButton, {
-    disabled: !processing,
-    variant: "ghost",
-    icon: "ph--x--regular",
-    iconOnly: true,
-    label: t("cancel processing button"),
-    onClick: () => onEvent?.({
-      type: "cancel"
-    })
-  }), microphone && /* @__PURE__ */ React.createElement(IconButton, {
-    disabled: !processing,
-    classNames: mx(recording && "bg-primary-500"),
-    variant: "ghost",
-    icon: "ph--microphone--regular",
-    iconOnly: true,
-    noTooltip: true,
-    label: t("microphone button"),
-    onMouseDown: () => onEvent?.({
-      type: "record-start"
-    }),
-    onMouseUp: () => onEvent?.({
-      type: "record-stop"
-    }),
-    onTouchStart: () => onEvent?.({
-      type: "record-start"
-    }),
-    onTouchEnd: () => onEvent?.({
-      type: "record-stop"
-    })
-  }), /* @__PURE__ */ React.createElement(IconButton, {
-    variant: "ghost",
-    icon: "ph--wrench--regular",
-    iconOnly: true,
-    label: t("debug button"),
-    onClick: () => onEvent?.({
-      type: "toggle-debug"
-    })
-  }));
-};
-
-// src/components/ChatPrompt/ChatOptions.tsx
-import * as Option2 from "effect/Option";
-import React2, { useMemo as useMemo6, useState as useState8 } from "react";
-import { Filter as Filter3, Obj as Obj3, Type } from "@dxos/echo";
-import { Annotation } from "@dxos/echo";
-import { useQuery as useQuery2 } from "@dxos/react-client/echo";
-import { IconButton as IconButton2, Popover, Select, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { Listbox, SearchList, useSearchListResults } from "@dxos/react-ui-search";
-import { Tabs } from "@dxos/react-ui-tabs";
-import { getStyles, mx as mx2 } from "@dxos/ui-theme";
-var panelClassNames = "w-[calc(100dvw-.5rem)] sm:w-max md:w-72 max-w-document-width";
-var ChatOptions = ({ db, context, blueprintRegistry, presets, preset, onPresetChange }) => {
-  const { t } = useTranslation2(meta.id);
-  return /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "flex p-2"
-  }, /* @__PURE__ */ React2.createElement(Popover.Root, null, /* @__PURE__ */ React2.createElement(Popover.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(IconButton2, {
-    variant: "ghost",
-    icon: "ph--plus--regular",
-    iconOnly: true,
-    label: t("context objects button")
-  })), /* @__PURE__ */ React2.createElement(Popover.Portal, null, /* @__PURE__ */ React2.createElement(Popover.Content, {
-    side: "top",
-    classNames: panelClassNames
-  }, /* @__PURE__ */ React2.createElement(Popover.Viewport, null, /* @__PURE__ */ React2.createElement(ObjectsPanel, {
-    db,
-    context
-  })), /* @__PURE__ */ React2.createElement(Popover.Arrow, null)))), /* @__PURE__ */ React2.createElement(Popover.Root, null, /* @__PURE__ */ React2.createElement(Popover.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(IconButton2, {
-    variant: "ghost",
-    icon: "ph--sliders-horizontal--regular",
-    iconOnly: true,
-    label: t("context settings button")
-  })), /* @__PURE__ */ React2.createElement(Popover.Portal, null, /* @__PURE__ */ React2.createElement(Popover.Content, {
-    side: "top",
-    classNames: panelClassNames
-  }, /* @__PURE__ */ React2.createElement(Popover.Viewport, null, /* @__PURE__ */ React2.createElement(Tabs.Root, {
-    orientation: "horizontal",
-    defaultValue: "blueprints",
-    defaultActivePart: "list",
-    tabIndex: -1
-  }, /* @__PURE__ */ React2.createElement(Tabs.Viewport, {
-    classNames: mx2("max-h-(--radix-popover-content-available-height) grid grid-rows-[1fr_min-content]", '[&_[cmdk-root]]:contents [&_[role="tabpanel"]]:grid [&_[role="tabpanel"]]:grid-rows-[1fr_min-content]', '[&_[role="listbox"]]:min-h-0 [&_[role="listbox"]]:overflow-y-auto', '[&_[role="tabpanel"]]:min-h-0 [&_[role="tabpanel"]]:px-form-chrome [&_[role="tabpanel"][data-state="active"]]:order-first [&_[role="tabpanel"][data-state="inactive"]]:hidden')
-  }, /* @__PURE__ */ React2.createElement(Tabs.Panel, {
-    value: "blueprints",
-    tabIndex: -1,
-    classNames: "dx-focus-ring-inset"
-  }, /* @__PURE__ */ React2.createElement(BlueprintsPanel, {
-    blueprintRegistry,
-    db,
-    context
-  })), /* @__PURE__ */ React2.createElement(Tabs.Panel, {
-    value: "model",
-    tabIndex: -1,
-    classNames: "dx-focus-ring-inset px-0!"
-  }, /* @__PURE__ */ React2.createElement(ModelsPanel, {
-    presets,
-    preset,
-    onPresetChange
-  })), /* @__PURE__ */ React2.createElement(Tabs.Tablist, {
-    classNames: "justify-center p-form-chrome border-y border-subdued-separator order-last"
-  }, /* @__PURE__ */ React2.createElement(Tabs.IconTab, {
-    value: "blueprints",
-    icon: "ph--blueprint--regular",
-    label: t("blueprints in context title")
-  }), /* @__PURE__ */ React2.createElement(Tabs.IconTab, {
-    value: "model",
-    label: t("chat model title"),
-    icon: "ph--cpu--regular"
-  }))))), /* @__PURE__ */ React2.createElement(Popover.Arrow, null)))));
-};
-var BlueprintsPanel = ({ blueprintRegistry, db, context }) => {
-  const { t } = useTranslation2(meta.id);
-  const blueprints = useBlueprints({
-    blueprintRegistry,
-    db
-  });
-  const activeBlueprints = useActiveBlueprints({
-    context
-  });
-  const { onUpdateBlueprint } = useBlueprintHandlers({
-    db,
-    context,
-    blueprintRegistry
-  });
-  const { results, handleSearch } = useSearchListResults({
-    items: blueprints,
-    extract: (blueprint) => blueprint.name
-  });
-  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
-    onSearch: handleSearch
-  }, /* @__PURE__ */ React2.createElement(SearchList.Content, {
-    classNames: "py-form-chrome"
-  }, /* @__PURE__ */ React2.createElement(SearchList.Viewport, null, results.map((blueprint) => {
-    const isActive = activeBlueprints.has(blueprint.key);
-    return /* @__PURE__ */ React2.createElement(SearchList.Item, {
-      classNames: "flex items-center overflow-hidden",
-      key: blueprint.key,
-      value: blueprint.key,
-      label: blueprint.name,
-      checked: isActive,
-      onSelect: () => onUpdateBlueprint?.(blueprint.key, !isActive)
-    });
-  }))), /* @__PURE__ */ React2.createElement(SearchList.Input, {
-    placeholder: t("search placeholder"),
-    classNames: "mb-form-chrome",
-    autoFocus: true
-  }));
-};
-var ModelsPanel = ({ presets, preset, onPresetChange }) => {
-  return /* @__PURE__ */ React2.createElement(Listbox.Root, {
-    value: preset,
-    onValueChange: onPresetChange,
-    autoFocus: true
-  }, presets?.map(({ id, label }) => {
-    return /* @__PURE__ */ React2.createElement(Listbox.Option, {
-      key: id,
-      value: id
-    }, /* @__PURE__ */ React2.createElement(Listbox.OptionLabel, null, label), /* @__PURE__ */ React2.createElement(Listbox.OptionIndicator, null));
-  }));
-};
-var ANY = "__any__";
-var ObjectsPanel = ({ db, context }) => {
-  const { t } = useTranslation2(meta.id);
-  const types = useFilteredTypes(db);
-  const typenames = useMemo6(() => {
-    const typenames2 = types.map((type) => {
-      const typename2 = Type.getTypename(type);
-      return {
-        typename: typename2,
-        label: t("typename label", {
-          ns: typename2,
-          defaultValue: typename2
-        })
-      };
-    });
-    typenames2.sort((a, b) => a.label.localeCompare(b.label));
-    return typenames2;
-  }, [
-    types
-  ]);
-  const [typename, setTypename] = useState8(ANY);
-  const anyFilter = useMemo6(() => Filter3.or(...typenames.map(({ typename: typename2 }) => Filter3.typename(typename2))), [
-    typenames
-  ]);
-  const objects = useQuery2(db, typename === ANY ? anyFilter : Filter3.typename(typename));
-  const { objects: contextObjects, onUpdateObject } = useContextObjects({
-    db,
-    context
-  });
-  const { results, handleSearch } = useSearchListResults({
-    items: objects,
-    extract: (object) => Obj3.getLabel(object) ?? Obj3.getTypename(object) ?? object.id
-  });
-  return /* @__PURE__ */ React2.createElement(SearchList.Root, {
-    onSearch: handleSearch
-  }, /* @__PURE__ */ React2.createElement(SearchList.Content, {
-    classNames: "p-form-chrome [&:has([cmdk-list-sizer]:empty)]:py-0"
-  }, /* @__PURE__ */ React2.createElement(SearchList.Viewport, null, results.length ? results.map((object) => {
-    const isActive = contextObjects.findIndex((obj) => obj.id === object.id) !== -1;
-    const { icon, hue } = Option2.fromNullable(Obj3.getSchema(object)).pipe(Option2.flatMap(Annotation.IconAnnotation.get), Option2.getOrElse(() => ({
-      icon: DEFAULT_OBJECT_ICON,
-      hue: void 0
-    })));
-    const styles = hue ? getStyles(hue) : void 0;
-    return /* @__PURE__ */ React2.createElement(SearchList.Item, {
-      classNames: "flex items-center overflow-hidden",
-      key: object.id,
-      value: object.id,
-      icon,
-      iconClassNames: styles?.surfaceText,
-      label: Obj3.getLabel(object) ?? Obj3.getTypename(object) ?? object.id,
-      checked: isActive,
-      onSelect: () => onUpdateObject?.(Obj3.getDXN(object), !isActive)
-    });
-  }) : /* @__PURE__ */ React2.createElement(SearchList.Item, {
-    value: "__empty__",
-    label: t("no results")
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "grid grid-cols-[min-content_1fr] gap-2 px-form-chrome mb-form-chrome"
-  }, /* @__PURE__ */ React2.createElement(Select.Root, {
-    value: typename === ANY ? void 0 : typename,
-    onValueChange: setTypename
-  }, /* @__PURE__ */ React2.createElement(Select.TriggerButton, {
-    placeholder: t("type filter placeholder")
-  }), /* @__PURE__ */ React2.createElement(Select.Portal, null, /* @__PURE__ */ React2.createElement(Select.Content, null, /* @__PURE__ */ React2.createElement(Select.ScrollUpButton, null), /* @__PURE__ */ React2.createElement(Select.Viewport, null, /* @__PURE__ */ React2.createElement(Select.Option, {
-    value: ANY
-  }, t("any type filter label")), typenames.map(({ typename: typename2, label }) => /* @__PURE__ */ React2.createElement(Select.Option, {
-    key: typename2,
-    value: typename2
-  }, label))), /* @__PURE__ */ React2.createElement(Select.ScrollDownButton, null), /* @__PURE__ */ React2.createElement(Select.Arrow, null)))), /* @__PURE__ */ React2.createElement(SearchList.Input, {
-    placeholder: t("search placeholder"),
-    classNames: "mb-0",
-    autoFocus: true
-  })));
-};
-var DEFAULT_OBJECT_ICON = "ph--cube--regular";
-
-// src/components/ChatPrompt/ChatPresets.tsx
-import React3 from "react";
-import { Select as Select2 } from "@dxos/react-ui";
-
-// src/components/ChatPrompt/ChatReferences.tsx
-import * as Option3 from "effect/Option";
-import React4 from "react";
-import { Annotation as Annotation2, Obj as Obj4 } from "@dxos/echo";
-import { Icon, IconButton as IconButton3, toLocalizedString, useTranslation as useTranslation3 } from "@dxos/react-ui";
-import { getStyles as getStyles2, mx as mx3 } from "@dxos/ui-theme";
-var ChatReferences = ({ classNames, context, db }) => {
-  const { t } = useTranslation3(meta.id);
-  const { objects, onUpdateObject } = useContextObjects({
-    db,
-    context
-  });
-  return /* @__PURE__ */ React4.createElement("ul", {
-    className: mx3("flex", classNames)
-  }, objects.map((obj) => {
-    const dxn = Obj4.getDXN(obj);
-    const typename = Obj4.getTypename(obj);
-    const label = Obj4.getLabel(obj) ?? (typename ? [
-      "object name placeholder",
-      {
-        ns: typename
-      }
-    ] : obj.id);
-    const { icon, hue } = Option3.fromNullable(Obj4.getSchema(obj)).pipe(Option3.flatMap(Annotation2.IconAnnotation.get), Option3.getOrElse(() => ({
-      icon: DEFAULT_OBJECT_ICON2,
-      hue: void 0
-    })));
-    const styles = hue ? getStyles2(hue) : void 0;
-    return /* @__PURE__ */ React4.createElement("li", {
-      key: dxn.toString(),
-      className: "dx-tag py-0 ps-2 flex items-center gap-1",
-      "data-hue": "neutral"
-    }, /* @__PURE__ */ React4.createElement(Icon, {
-      icon,
-      size: 4,
-      classNames: styles?.surfaceText
-    }), toLocalizedString(label, t), /* @__PURE__ */ React4.createElement(IconButton3, {
-      icon: "ph--x--bold",
-      iconOnly: true,
-      variant: "ghost",
-      label: t("remove object in context label"),
-      classNames: "p-0 hover:bg-transparent",
-      size: 3,
-      onClick: () => onUpdateObject?.(dxn, false)
-    }));
-  }));
-};
-var DEFAULT_OBJECT_ICON2 = "ph--cube--regular";
-
-// src/components/ChatPrompt/ChatStatusIndicator.tsx
-import React5, { useEffect as useEffect4, useState as useState9 } from "react";
-import { Tooltip, useTimeout } from "@dxos/react-ui";
-import { Spinner } from "@dxos/react-ui-sfx";
-import { mx as mx4 } from "@dxos/ui-theme";
-var period = 3e3;
-var ChatStatusIndicator = ({ classNames, preset, processing, error, ...props }) => {
-  const [init, setInit] = useState9(false);
-  useEffect4(() => setInit(false), [
-    preset
-  ]);
-  useTimeout(async () => {
-    setInit(true);
-  }, period / 2, [
-    preset
-  ]);
-  return /* @__PURE__ */ React5.createElement("div", {
-    role: "none",
-    className: mx4("relative flex", classNames)
-  }, /* @__PURE__ */ React5.createElement(Spinner, {
-    duration: period,
-    state: !init ? "flash" : error ? "error" : processing ? "spin" : "pulse",
-    ...props
-  }), error && /* @__PURE__ */ React5.createElement(Tooltip.Trigger, {
-    asChild: true,
-    content: error.message
-  }, /* @__PURE__ */ React5.createElement("div", {
-    className: "absolute inset-0"
-  })));
-};
-
-// src/components/ChatThread/ChatThread.tsx
-import React8, { forwardRef, useCallback as useCallback6, useEffect as useEffect6, useMemo as useMemo8, useState as useState11 } from "react";
-import { PublicKey } from "@dxos/keys";
-import { useForwardedRef } from "@dxos/react-ui";
-import { MarkdownStream } from "@dxos/react-ui-components";
-import { mx as mx5 } from "@dxos/ui-theme";
-import { keyToFallback } from "@dxos/util";
-
-// src/components/ChatThread/registry.tsx
-import React7 from "react";
-import { log as log2 } from "@dxos/log";
-import { TogglePanel as TogglePanel2 } from "@dxos/react-ui-components";
-import { PromptWidget, ReasoningWidget, ReferenceWidget, SelectWidget, SuggestionWidget, SummaryWidget } from "@dxos/react-ui-components";
-import { Json as Json2 } from "@dxos/react-ui-syntax-highlighter";
-import { ContentBlock } from "@dxos/types";
-import { getXmlTextChild } from "@dxos/ui-editor";
-
-// src/components/ToolBlock/ToolBlock.tsx
-import React6, { useCallback as useCallback5, useEffect as useEffect5, useMemo as useMemo7, useRef as useRef2, useState as useState10 } from "react";
-import { useTranslation as useTranslation4 } from "@dxos/react-ui";
-import { NumericTabs, TextCrawl, TogglePanel } from "@dxos/react-ui-components";
-import { Json } from "@dxos/react-ui-syntax-highlighter";
-import { isNonNullable, safeParseJson } from "@dxos/util";
-var ToolBlock = ({ view, blocks = [] }) => {
-  const { t } = useTranslation4(meta.id);
-  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"),
-              tool?.name
-            ].join(" "),
-            content: {
-              ...block,
-              input: safeParseJson(block.input)
-            }
-          };
-        }
-        case "toolResult": {
-          if (block.error) {
-            return {
-              title: t("tool error label"),
-              content: block
-            };
-          }
-          const title = lastToolCall?.tool?.description ?? [
-            t("tool result label"),
-            lastToolCall?.tool?.name
-          ].join(" ");
-          lastToolCall = void 0;
-          return {
-            title,
-            content: {
-              ...block,
-              result: safeParseJson(block.result)
-            }
-          };
-        }
-        case "stats": {
-          if (!lastToolCall) {
-            return null;
-          }
-          return {
-            title: t("stats label"),
-            content: block
-          };
-        }
-      }
-    }).filter(isNonNullable);
-  }, [
-    blocks
-  ]);
-  const handleChangeOpen = useCallback5(() => {
-    setTimeout(() => {
-      view?.requestMeasure();
-    }, 1e3);
-  }, [
-    view
-  ]);
-  if (!items.length) {
-    return null;
-  }
-  return /* @__PURE__ */ React6.createElement(ToolPanel, {
-    items,
-    onChangeOpen: handleChangeOpen
-  });
-};
-ToolBlock.displayName = "ToolBlock";
-var ToolPanel = ({ items, onChangeOpen }) => {
-  const tabsRef = useRef2(null);
-  const [selected, setSelected] = useState10(0);
-  const [open, setOpen] = useState10(false);
-  useEffect5(() => {
-    onChangeOpen?.(open);
-    if (open) {
-      tabsRef.current?.focus();
-    }
-  }, [
-    open,
-    onChangeOpen
-  ]);
-  const handleSelect = useCallback5((index) => {
-    setSelected(index);
-  }, []);
-  return /* @__PURE__ */ React6.createElement(TogglePanel.Root, {
-    classNames: "mt-2 w-full rounded-xs",
-    open,
-    onChangeOpen: setOpen
-  }, /* @__PURE__ */ React6.createElement(TogglePanel.Header, {
-    classNames: "text-sm text-placeholder"
-  }, /* @__PURE__ */ React6.createElement(TextCrawl, {
-    key: "status-roll",
-    lines: items.map((item) => item.title),
-    autoAdvance: true,
-    greedy: true
-  })), /* @__PURE__ */ React6.createElement(TogglePanel.Content, {
-    classNames: "grid grid-cols-[32px_1fr]"
-  }, /* @__PURE__ */ React6.createElement(NumericTabs, {
-    ref: tabsRef,
-    classNames: "p-1",
-    length: items.length,
-    selected,
-    onSelect: handleSelect
-  }), /* @__PURE__ */ React6.createElement(Json, {
-    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 Fallback = ({ _tag, ...props }) => {
-  return /* @__PURE__ */ React7.createElement(TogglePanel2.Root, {
-    classNames: "rounded-xs"
-  }, /* @__PURE__ */ React7.createElement(TogglePanel2.Header, {
-    classNames: "bg-group-surface"
-  }, _tag), /* @__PURE__ */ React7.createElement(TogglePanel2.Content, {
-    classNames: "bg-modal-surface"
-  }, /* @__PURE__ */ React7.createElement(Json2, {
-    classNames: "p-2! text-sm",
-    data: props
-  })));
-};
-var Summary = ({ text }) => {
-  return /* @__PURE__ */ React7.createElement(TogglePanel2.Root, {
-    classNames: "rounded-sm"
-  }, /* @__PURE__ */ React7.createElement(TogglePanel2.Header, {
-    classNames: "bg-group-surface"
-  }, "Conversation summarized"), /* @__PURE__ */ React7.createElement(TogglePanel2.Content, {
-    classNames: "bg-modal-surface"
-  }, text));
-};
-var componentRegistry = {
-  //
-  // Widgets
-  //
-  prompt: {
-    block: true,
-    factory: ({ children }) => {
-      const text = getXmlTextChild(children);
-      return text ? new PromptWidget(text) : null;
-    }
-  },
-  reasoning: {
-    block: true,
-    factory: ({ children }) => {
-      const text = getXmlTextChild(children);
-      return text ? new ReasoningWidget(text) : null;
-    }
-  },
-  reference: {
-    block: false,
-    factory: ({ children, ref }) => {
-      const text = getXmlTextChild(children);
-      return text && ref ? new ReferenceWidget(text, ref) : null;
-    }
-  },
-  select: {
-    block: true,
-    factory: ({ children }) => {
-      const options = children?.map((option) => option._tag === "option" && getXmlTextChild(option.children)).filter(Boolean);
-      return options?.length ? new SelectWidget(options) : null;
-    }
-  },
-  suggestion: {
-    block: true,
-    factory: ({ children }) => {
-      const text = getXmlTextChild(children);
-      return text ? new SuggestionWidget(text) : null;
-    }
-  },
-  stats: {
-    block: true,
-    factory: ({ children }) => {
-      const text = getXmlTextChild(children);
-      return text ? new SummaryWidget(text) : null;
-    }
-  },
-  //
-  // React
-  //
-  toolCall: {
-    block: true,
-    Component: ToolBlock
-  },
-  toolResult: {
-    block: true,
-    Component: Fallback
-  },
-  toolkit: {
-    block: true,
-    Component: Fallback
-  },
-  summary: {
-    block: true,
-    Component: Summary
-  },
-  //
-  // Fallback
-  //
-  json: {
-    block: true,
-    Component: Fallback
-  }
-};
-var blockToMarkdown = (context, message, block) => {
-  let str = blockToMarkdownImpl(context, message, block);
-  if (str && !block.pending) {
-    return str += "\n";
-  }
-  return str;
-};
-var blockToMarkdownImpl = (context, message, block) => {
-  log2("blockToMarkdown", {
-    block: JSON.stringify(block)
-  }, {
-    F: __dxlog_file2,
-    L: 146,
-    S: void 0,
-    C: (f, a) => f(...a)
-  });
-  switch (block._tag) {
-    case "text": {
-      if (message.sender.role === "user") {
-        return `<prompt>${block.text}</prompt>`;
-      } else {
-        const text = block.text.trim();
-        if (text.length > 0) {
-          return text;
-        }
-      }
-      break;
-    }
-    case "reference": {
-      const dxn = block.reference.dxn;
-      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": {
-      context.updateWidget(block.toolCallId, {
-        blocks: [
-          block
-        ]
-      });
-      return `<toolCall id="${block.toolCallId}" />`;
-    }
-    case "toolResult": {
-      context.updateWidget(block.toolCallId, ({ blocks = [] } = {
-        blocks: []
-      }) => ({
-        blocks: [
-          ...blocks,
-          block
-        ]
-      }));
-      break;
-    }
-    case "stats": {
-      return `<stats>${ContentBlock.createStatsMessage(block)}</stats>`;
-    }
-    case "reasoning": {
-      const text = block.reasoningText ?? block.redactedText;
-      if (!text) {
-        return;
-      }
-      return `<reasoning>${text.replace(/\n/g, " ").trim()}</reasoning>`;
-    }
-    case "summary": {
-      return `<summary>${block.content}</summary>`;
-    }
-    default: {
-      return `<json id="${message.id}">
-${JSON.stringify(block)}
-</json>`;
-    }
-  }
-};
-
-// src/components/ChatThread/sync.ts
-import { log as log3 } from "@dxos/log";
-var __dxlog_file3 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/ChatThread/sync.ts";
-var MessageThreadContext = class {
-  _widgetState;
-  constructor(_widgetState) {
-    this._widgetState = _widgetState;
-  }
-  updateWidget(id, value) {
-    this._widgetState?.updateWidget(id, value);
-  }
-  // TODO(burdon): Resolve from hypergraph.
-  getObjectLabel(_id) {
-    return "Object";
-  }
-};
-var MessageSyncer = class {
-  _model;
-  _blockRenderer;
-  _initialMessageId;
-  _currentMessageIndex = 0;
-  _currentBlockIndex = 0;
-  _currentBlockContent;
-  _context;
-  constructor(_model, _blockRenderer) {
-    this._model = _model;
-    this._blockRenderer = _blockRenderer;
-    this._context = new MessageThreadContext(this._model);
-  }
-  get context() {
-    return this._context;
-  }
-  reset() {
-    log3("reset", void 0, {
-      F: __dxlog_file3,
-      L: 64,
-      S: this,
-      C: (f, a) => f(...a)
-    });
-    this._initialMessageId = void 0;
-    this._currentMessageIndex = 0;
-    this._currentBlockIndex = 0;
-    this._currentBlockContent = void 0;
-    void this._model.reset("");
-  }
-  /**
-  * Syncs messages with the editor.
-  */
-  append(messages, flush = false) {
-    messages = messages.map((message) => ({
-      ...message,
-      blocks: message.blocks.filter((block) => !block.pending || block._tag === "text")
-    }));
-    if (this._initialMessageId !== messages[0]?.id) {
-      this.reset();
-      this._initialMessageId = messages[0]?.id;
-    }
-    if (flush && this._model.view?.state.doc.length === 0) {
-      const buffer = [];
-      this.process(messages, (content2) => {
-        buffer.push(content2);
-      });
-      const content = buffer.join("");
-      this._model.view?.dispatch({
-        changes: [
-          {
-            from: 0,
-            to: this._model.view?.state.doc.length ?? 0,
-            insert: content
-          }
-        ],
-        selection: {
-          anchor: content.length
-        }
-      });
-      return true;
-    } else {
-      this.process(messages, (content) => {
-        void this._model.append(content);
-      });
-      return false;
-    }
-  }
-  process(messages, append) {
-    let i = this._currentMessageIndex;
-    for (const message of messages.slice(this._currentMessageIndex)) {
-      if (i > this._currentMessageIndex) {
-        this._currentBlockIndex = 0;
-      }
-      this._currentMessageIndex = i;
-      let j = this._currentBlockIndex;
-      for (const block of message.blocks.slice(this._currentBlockIndex)) {
-        this._currentBlockIndex = j;
-        const currentBlockContent = this._blockRenderer(this._context, message, block);
-        if (currentBlockContent) {
-          let content = "";
-          if (this._currentBlockContent && currentBlockContent.startsWith(this._currentBlockContent)) {
-            content = currentBlockContent.slice(this._currentBlockContent.length);
-          } else {
-            content = currentBlockContent;
-          }
-          this._currentBlockContent = currentBlockContent;
-          append(content);
-        }
-        if (block.pending) {
-          return;
-        } else {
-          this._currentBlockContent = void 0;
-          this._currentBlockIndex++;
-        }
-        j++;
-      }
-      i++;
-    }
-  }
-};
-
-// src/components/ChatThread/ChatThread.tsx
-var ChatThread = /* @__PURE__ */ forwardRef(({ classNames, identity, messages = [], error, cursor = false, fadeIn = true, debug = false, onEvent }, forwardedRef) => {
-  const controllerRef = useForwardedRef(forwardedRef);
-  const [controller, setController] = useState11(null);
-  const refCallback = useCallback6((node) => {
-    controllerRef.current = node;
-    setController(node);
-  }, [
-    controllerRef
-  ]);
-  const userHue = useMemo8(() => identity?.profile?.data?.hue || keyToFallback(identity?.identityKey ?? PublicKey.random()).hue, [
-    identity
-  ]);
-  useEffect6(() => {
-    controller?.scrollToBottom();
-  }, [
-    controller,
-    error
-  ]);
-  const syncer = useMemo8(() => controller && new MessageSyncer(controller, blockToMarkdown), [
-    controller
-  ]);
-  useEffect6(() => {
-    const reset = syncer?.append(messages, true);
-    if (reset) {
-      controller?.scrollToBottom("instant");
-    }
-  }, [
-    syncer,
-    messages
-  ]);
-  const handleEvent = useCallback6(({ type, value }) => {
-    switch (type) {
-      case "submit": {
-        value && onEvent?.({
-          type,
-          text: value
-        });
-        break;
-      }
-    }
-  }, [
-    onEvent
-  ]);
-  return /* @__PURE__ */ React8.createElement("div", {
-    role: "none",
-    className: mx5("flex h-full w-full justify-center overflow-hidden", classNames),
-    style: {
-      "--user-fill": `var(--color-${userHue}-fill)`
-    }
-  }, /* @__PURE__ */ React8.createElement(MarkdownStream, {
-    ref: refCallback,
-    registry: componentRegistry,
-    cursor,
-    fadeIn,
-    debug,
-    onEvent: handleEvent
-  }));
-});
-
-// src/components/Chat/Chat.tsx
-var [ChatContextProvider, useChatContext] = createContext("Chat");
-var ChatRoot = ({ children, chat, processor, onEvent, ...props }) => {
-  const [debug, setDebug] = useState12(false);
-  const pending = useAtomValue2(processor.messages);
-  const streaming = useAtomValue2(processor.streaming);
-  const lastPrompt = useRef3(void 0);
-  const storedMessages = useQuery3(chat?.queue?.target, Filter4.type(Message.Message));
-  const messages = useMemo9(() => {
-    return Array2.dedupeWith([
-      ...storedMessages,
-      ...pending
-    ], ({ id: a }, { id: b }) => a === b);
-  }, [
-    storedMessages,
-    pending
-  ]);
-  const event = useMemo9(() => new Event(), []);
-  useEffect7(() => {
-    return event.on((ev) => {
-      switch (ev.type) {
-        case "toggle-debug": {
-          setDebug((debug2) => !debug2);
-          queueMicrotask(async () => {
-            const objects = processor.context.getObjects();
-            const blueprints = processor.context.getBlueprints();
-            const tools = await processor.getTools();
-            const system = await processor.getSystemPrompt();
-            console.log("Chat processor state:", {
-              objects,
-              blueprints
-            });
-            console.log(`
-              ==== System Prompt ====
-              ${system}
-              ==== Tools ====
-              ${Object.values(tools).map((tool) => JSON.stringify(tool, null, 2)).join("\n")}
-            `);
-          });
-          break;
-        }
-        case "submit": {
-          const text = ev.text.trim();
-          if (!streaming && text.length) {
-            lastPrompt.current = ev.text;
-            void processor.request({
-              message: text
-            });
-          }
-          break;
-        }
-        case "retry": {
-          if (!streaming) {
-            void processor.retry();
-          }
-          break;
-        }
-        case "cancel": {
-          if (streaming) {
-            void processor.cancel();
-            if (lastPrompt.current) {
-              event.emit({
-                type: "update-prompt",
-                text: lastPrompt.current
-              });
-            }
-          }
-          break;
-        }
-      }
-      onEvent?.(ev);
-    });
-  }, [
-    event,
-    processor,
-    streaming,
-    onEvent
-  ]);
-  const db = props.db ?? (chat && Obj5.getDatabase(chat));
-  return /* @__PURE__ */ React9.createElement(ChatContextProvider, {
-    debug,
-    event,
-    db,
-    chat,
-    messages,
-    processor,
-    ...props
-  }, children);
-};
-ChatRoot.displayName = "Chat.Root";
-var CHAT_VIEWPORT_NAME = "Chat.Viewport";
-var ChatViewport = composable(({ children, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React9.createElement("div", {
-    ...composableProps(props, {
-      role: "none",
-      classNames: "dx-expander flex flex-col"
-    }),
-    ref: forwardedRef
-  }, children);
-});
-ChatViewport.displayName = CHAT_VIEWPORT_NAME;
-var CHAT_THREAD_NAME = "Chat.Thread";
-var ChatThread2 = (props) => {
-  const { debug, event, messages, processor } = useChatContext(CHAT_THREAD_NAME);
-  const identity = useIdentity();
-  const error = useAtomValue2(processor.error).pipe(Option4.getOrUndefined);
-  const controllerRef = useRef3(null);
-  useEffect7(() => {
-    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;
-      }
-    });
-  }, [
-    event
-  ]);
-  const handleEvent = useCallback7((ev) => {
-    event.emit(ev);
-  }, [
-    event
-  ]);
-  if (!identity) {
-    return null;
-  }
-  return /* @__PURE__ */ React9.createElement(ChatThread, {
-    ...props,
-    identity,
-    messages,
-    error,
-    debug,
-    onEvent: handleEvent,
-    ref: controllerRef
-  });
-};
-ChatThread2.displayName = CHAT_THREAD_NAME;
-var CHAT_PROMPT_NAME = "Chat.Prompt";
-var ChatPrompt = ({ classNames, outline, settings = true, placeholder, expandable, online, presets, preset, onPresetChange, onOnlineChange }) => {
-  const { t } = useTranslation5(meta.id);
-  const { db, processor, event } = useChatContext(CHAT_PROMPT_NAME);
-  const error = useAtomValue2(processor.error).pipe(Option4.getOrUndefined);
-  const streaming = useAtomValue2(processor.streaming);
-  const active = useAtomValue2(processor.active);
-  const activeRef = useDynamicRef(active);
-  const editorRef = useRef3(null);
-  const [recordingState, setRecordingState] = useState12(false);
-  useEffect7(() => {
-    return event.on((event2) => {
-      switch (event2.type) {
-        case "update-prompt":
-          if (!editorRef.current?.getText()?.length) {
-            editorRef.current?.setText(event2.text);
-            editorRef.current?.focus();
-          }
-          break;
-        case "record-start":
-          setRecordingState(true);
-          break;
-        case "record-stop":
-          setRecordingState(false);
-          break;
-      }
-    });
-  }, [
-    event
-  ]);
-  const { recording } = useVoiceInput({
-    active: recordingState,
-    onUpdate: (text) => {
-      editorRef.current?.setText(text);
-      editorRef.current?.focus();
-    }
-  });
-  const extensions = useMemo9(() => {
-    return [
-      Prec.highest(keymap.of([
-        {
-          key: "Mod-d",
-          preventDefault: true,
-          run: () => {
-            event.emit({
-              type: "toggle-debug"
-            });
-            return true;
-          }
-        },
-        {
-          key: "Mod-ArrowUp",
-          preventDefault: true,
-          run: () => {
-            event.emit({
-              type: "nav-previous"
-            });
-            return true;
-          },
-          shift: () => {
-            event.emit({
-              type: "thread-open"
-            });
-            return true;
-          }
-        },
-        {
-          key: "Mod-ArrowDown",
-          preventDefault: true,
-          run: () => {
-            event.emit({
-              type: "nav-next"
-            });
-            return true;
-          },
-          shift: () => {
-            event.emit({
-              type: "thread-close"
-            });
-            return true;
-          }
-        }
-      ]))
-    ].filter(isTruthy);
-  }, [
-    event,
-    expandable
-  ]);
-  const handleSubmit = useCallback7((text) => {
-    if (!activeRef.current) {
-      event.emit({
-        type: "submit",
-        text
-      });
-      return true;
-    }
-  }, [
-    event
-  ]);
-  const handleEvent = useCallback7((ev) => {
-    event.emit(ev);
-  }, [
-    event
-  ]);
-  return /* @__PURE__ */ React9.createElement("div", {
-    role: "group",
-    className: mx6("flex flex-col w-full dx-density-fine", outline && "bg-group-surface border border-subdued-separator transition transition-border [&:has(.cm-content:focus)]:border-separator rounded-sm", classNames)
-  }, /* @__PURE__ */ React9.createElement("div", {
-    role: "none",
-    className: "flex p-2 gap-2"
-  }, /* @__PURE__ */ React9.createElement(ChatStatusIndicator, {
-    classNames: "p-1",
-    preset,
-    error,
-    processing: streaming
-  }), /* @__PURE__ */ React9.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__ */ React9.createElement("div", {
-    role: "none",
-    className: "flex items-center overflow-hidden"
-  }, /* @__PURE__ */ React9.createElement(ChatOptions, {
-    db,
-    blueprintRegistry: processor.blueprintRegistry,
-    context: processor.context,
-    preset,
-    presets,
-    onPresetChange
-  }), /* @__PURE__ */ React9.createElement("div", {
-    role: "none",
-    className: "flex grow overflow-x-auto scrollbar-none"
-  }, /* @__PURE__ */ React9.createElement(ChatReferences, {
-    db,
-    context: processor.context
-  })), /* @__PURE__ */ React9.createElement(ChatActions, {
-    classNames: "col-span-2",
-    microphone: true,
-    recording,
-    processing: streaming,
-    onEvent: handleEvent
-  }, online !== void 0 && /* @__PURE__ */ React9.createElement(Input.Root, null, /* @__PURE__ */ React9.createElement(Input.Label, {
-    srOnly: true
-  }, t("online switch label")), /* @__PURE__ */ React9.createElement(Input.Switch, {
-    classNames: "mx-2",
-    checked: online,
-    onCheckedChange: onOnlineChange
-  })))));
-};
-ChatPrompt.displayName = CHAT_PROMPT_NAME;
-var CHAT_TOOLBAR_NAME = "Chat.Toolbar";
-var ChatToolbar = composable(({ attendableId, companionTo, ...props }, forwardedRef) => {
-  const { chat } = useChatContext(CHAT_TOOLBAR_NAME);
-  const menuActions = useChatToolbarActions({
-    chat,
-    companionTo
-  });
-  return /* @__PURE__ */ React9.createElement(Menu.Root, {
-    ...menuActions,
-    attendableId
-  }, /* @__PURE__ */ React9.createElement(Menu.Toolbar, {
-    ...composableProps(props),
-    ref: forwardedRef
-  }));
-});
-ChatToolbar.displayName = CHAT_TOOLBAR_NAME;
-var Chat = {
-  Root: ChatRoot,
-  Viewport: ChatViewport,
-  Thread: ChatThread2,
-  Prompt: ChatPrompt,
-  Toolbar: ChatToolbar
-};
-
-// src/components/TemplateEditor/TemplateEditor.tsx
-import { defaultHighlightStyle, syntaxHighlighting } from "@codemirror/language";
-import { composeRefs } from "@radix-ui/react-compose-refs";
-import React10 from "react";
-import { createDocAccessor } from "@dxos/echo-db";
-import { useThemeContext, useTranslation as useTranslation6 } from "@dxos/react-ui";
-import { useTextEditor } from "@dxos/react-ui-editor";
-import { createBasicExtensions, createDataExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown } from "@dxos/ui-editor";
-import { composable as composable2, composableProps as composableProps2 } from "@dxos/ui-theme";
-import { isNonNullable as isNonNullable2 } from "@dxos/util";
-
-// src/components/TemplateEditor/extensions/handlebars-extension.ts
-import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
-import { RangeSetBuilder } from "@codemirror/state";
-import { Decoration, ViewPlugin, WidgetType, keymap as keymap2 } from "@codemirror/view";
-import { Domino, mx as mx7 } from "@dxos/ui";
-var handlebars = (_ = {}) => {
-  return [
-    handlebarsHighlightPlugin,
-    autocompletion({
-      activateOnTyping: true,
-      aboveCursor: true,
-      closeOnBlur: true,
-      override: [
-        handlebarsCompletions
-      ]
-    }),
-    keymap2.of(completionKeymap)
-  ];
-};
-var regex = {
-  // {{! comment }}
-  comment: /\{\{!\s*[^}]*\}\}/g,
-  // {{var}}
-  brackets: /\{\{[^}]*\}\}/g,
-  // {{#command}} {{/command}}
-  command: /\{\{[#/]([^}]+)\}\}/g,
-  // {{var}}
-  var: /\{\{(?!\s*!)(\w[^}]*)\}\}/g,
-  // @dxn:queue:data:xxx
-  dxn: /@?dxn:[\w@:]+/g,
-  // dxos.org/type/xxx
-  url: /[\w.-]+\.[\w.-]+\/[\w/]+/g
-};
-var tagPadding = "mx-0.5 px-1 rounded-xs";
-var handlebarsHighlightPlugin = ViewPlugin.fromClass(class {
-  decorations;
-  constructor(view) {
-    this.decorations = this.buildDecorations(view);
-  }
-  update(update) {
-    if (update.docChanged || update.viewportChanged || update.selectionSet) {
-      this.decorations = this.buildDecorations(update.view);
-    }
-  }
-  // NOTE: Decorations may clash with other extensions (e.g., markdown).
-  buildDecorations(view) {
-    const selection = view.state.selection.main;
-    const decorations = [];
-    for (const { from, to } of view.visibleRanges) {
-      const text = view.state.doc.sliceString(from, to);
-      {
-        let match;
-        while ((match = regex.dxn.exec(text)) !== null) {
-          const start = from + match.index;
-          const end = start + match[0].length;
-          const overlaps = selection.to > start && selection.from <= end;
-          if (!overlaps) {
-            decorations.push({
-              from: start,
-              to: end,
-              decoration: Decoration.widget({
-                widget: new DXNWidget(match[0])
-              })
-            });
-          }
-        }
-      }
-      {
-        let match;
-        while ((match = regex.url.exec(text)) !== null) {
-          const start = from + match.index;
-          const end = start + match[0].length;
-          decorations.push({
-            from: start,
-            to: end,
-            decoration: Decoration.mark({
-              class: mx7("dx-tag--blue", tagPadding)
-            })
-          });
-        }
-      }
-      {
-        let match;
-        while ((match = regex.brackets.exec(text)) !== null) {
-          const start = from + match.index;
-          const end = start + match[0].length;
-          decorations.push({
-            from: start,
-            to: end,
-            decoration: Decoration.mark({
-              class: "text-subdued"
-            })
-          });
-        }
-      }
-      {
-        let match;
-        while ((match = regex.command.exec(text)) !== null) {
-          const start = from + match.index + 2;
-          let end = start + match[0].length - 4;
-          const text2 = view.state.doc.sliceString(start, end);
-          const parts = text2.split(/\s+/);
-          if (parts.length > 1) {
-            const idx = start + parts[0].length;
-            decorations.push({
-              from: idx,
-              to: end,
-              decoration: Decoration.mark({
-                class: "text-green-text"
-              })
-            });
-            end = idx;
-          }
-          decorations.push({
-            from: start,
-            to: end,
-            decoration: Decoration.mark({
-              class: "text-blue-text"
-            })
-          });
-        }
-      }
-      {
-        let match;
-        while ((match = regex.var.exec(text)) !== null) {
-          const start = from + match.index + 2;
-          const end = start + match[0].length - 4;
-          decorations.push({
-            from: start,
-            to: end,
-            decoration: Decoration.mark({
-              class: "text-green-text"
-            })
-          });
-        }
-      }
-    }
-    decorations.sort((a, b) => a.from - b.from || a.to - b.to);
-    const builder = new RangeSetBuilder();
-    for (const { from, to, decoration } of decorations) {
-      builder.add(from, to, decoration);
-    }
-    return builder.finish();
-  }
-}, {
-  decorations: (v) => v.decorations
-});
-var DXNWidget = class extends WidgetType {
-  _identifier;
-  constructor(_identifier) {
-    super(), this._identifier = _identifier;
-  }
-  ignoreEvent() {
-    return false;
-  }
-  eq(other) {
-    return this._identifier === other._identifier;
-  }
-  toDOM() {
-    const text = this._identifier.split(":").map((part) => {
-      const len = 16;
-      const plen = 4;
-      if (part.length > len) {
-        return `[${part.slice(0, plen)}\u2026${part.slice(-plen)}]`;
-      }
-      return part;
-    }).join(":");
-    return Domino.of("span").classNames(mx7("font-mono dx-tag--blue", tagPadding)).text(text).root;
-  }
-};
-var variables = [
-  "this"
-];
-var commands = [
-  "this",
-  "each",
-  "if",
-  "unless",
-  "with"
-];
-function handlebarsCompletions(context) {
-  const match = context.matchBefore(/\{\{[^}]*/);
-  if (!match || match.from === match.to) {
-    return null;
-  }
-  let type = "variable";
-  let text = match.text.slice(2);
-  let from = match.from + 2;
-  let matches = [];
-  if (text.startsWith("#") || text.startsWith("/")) {
-    const idx = text.lastIndexOf(" ");
-    if (idx !== -1) {
-      type = "variable";
-      matches = variables;
-      text = text.slice(idx + 1);
-      from += idx + 1;
-    } else {
-      type = "command";
-      text = text.slice(1);
-      matches = commands;
-      from += 1;
-    }
-  } else {
-    type = "variable";
-    matches = variables;
-  }
-  const options = matches.filter((name) => name.startsWith(text)).map((name) => ({
-    type,
-    label: name
-  }));
-  return {
-    from,
-    options
-  };
-}
-
-// src/components/TemplateEditor/extensions/xml-extension.ts
-import { syntaxTree } from "@codemirror/language";
-import { RangeSetBuilder as RangeSetBuilder2 } from "@codemirror/state";
-import { Decoration as Decoration2, ViewPlugin as ViewPlugin2 } from "@codemirror/view";
-var xmlDecorator = (_ = {}) => {
-  return [
-    xmlDecoratorPlugin
-  ];
-};
-var xmlDecoratorPlugin = ViewPlugin2.fromClass(class {
-  decorations;
-  constructor(view) {
-    this.decorations = this.buildDecorations(view);
-  }
-  update(update) {
-    if (update.docChanged || update.viewportChanged) {
-      this.decorations = this.buildDecorations(update.view);
-    }
-  }
-  buildDecorations(view) {
-    const builder = new RangeSetBuilder2();
-    for (const { from, to } of view.visibleRanges) {
-      syntaxTree(view.state).iterate({
-        from,
-        to,
-        enter: (node) => {
-          if (node.name === "HTMLTag" || node.name === "OpenTag" || node.name === "CloseTag" || node.name === "SelfClosingTag" || node.name === "Element") {
-            builder.add(node.from, node.to, Decoration2.mark({
-              class: "font-mono text-subdued"
-            }));
-          }
-        }
-      });
-    }
-    return builder.finish();
-  }
-}, {
-  decorations: (v) => v.decorations
-});
-
-// src/components/TemplateEditor/TemplateEditor.tsx
-var TemplateEditor = composable2(({ classNames, id, template, lineNumbers = true, ...props }, forwardedRef) => {
-  const { t } = useTranslation6(meta.id);
-  const { themeMode } = useThemeContext();
-  const { parentRef } = useTextEditor(() => {
-    const text = template.source?.target;
-    if (!text) {
-      return {};
-    }
-    return {
-      initialValue: text.content ?? "",
-      extensions: [
-        createDataExtensions({
-          id,
-          text: createDocAccessor(text, [
-            "content"
-          ])
-        }),
-        createBasicExtensions({
-          bracketMatching: false,
-          lineNumbers,
-          lineWrapping: true,
-          placeholder: t("template placeholder")
-        }),
-        createThemeExtensions({
-          themeMode
-        }),
-        createMarkdownExtensions(),
-        decorateMarkdown(),
-        handlebars(),
-        // xml(),
-        // NOTE: Since we're using markdown only HTML nodes are parsed.
-        xmlDecorator(),
-        syntaxHighlighting(defaultHighlightStyle)
-      ].filter(isNonNullable2)
-    };
-  }, [
-    themeMode,
-    template.source?.target,
-    lineNumbers
-  ]);
-  return /* @__PURE__ */ React10.createElement("div", {
-    ...composableProps2(props, {
-      role: "none",
-      classNames: [
-        "h-full overflow-hidden",
-        classNames
-      ]
-    }),
-    ref: composeRefs(parentRef, forwardedRef)
-  });
-});
-
-// src/components/Toolbox/Toolbox.tsx
-import React11, { Fragment, useEffect as useEffect8, useState as useState13 } from "react";
-import { Operation } from "@dxos/operation";
-import { log as log4 } from "@dxos/log";
-import { Filter as Filter5, useQuery as useQuery4 } from "@dxos/react-client/echo";
-import { ScrollArea } from "@dxos/react-ui";
-import { composable as composable3, composableProps as composableProps3, mx as mx8 } from "@dxos/ui-theme";
-var __dxlog_file4 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/components/Toolbox/Toolbox.tsx";
-var Toolbox = composable3(({ functions, services, blueprints, activeBlueprints, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ React11.createElement(ScrollArea.Root, {
-    ...composableProps3(props),
-    thin: true,
-    orientation: "vertical",
-    ref: forwardedRef
-  }, /* @__PURE__ */ React11.createElement(ScrollArea.Viewport, null, blueprints && blueprints.length > 0 && /* @__PURE__ */ React11.createElement(Section, {
-    title: "Blueprints",
-    items: blueprints.map(({ name, description, tools }) => ({
-      name,
-      description,
-      subitems: tools.map((toolId) => ({
-        name: `\u2219 ${safeToolId(toolId)}`
-      }))
-    }))
-  }), activeBlueprints && activeBlueprints.length > 0 && /* @__PURE__ */ React11.createElement(Section, {
-    title: "Blueprints",
-    items: activeBlueprints.map(({ target }) => ({
-      name: target?.name ?? "",
-      description: target?.description ?? "",
-      subitems: target?.tools.map((toolId) => ({
-        name: `\u2219 ${safeToolId(toolId)}`
-      }))
-    }))
-  }), services && services.length > 0 && /* @__PURE__ */ React11.createElement(Section, {
-    title: "Services",
-    items: services.map(({ service: { serviceId, name, description } }) => ({
-      name: name ?? serviceId,
-      description
-    }))
-  }), functions && functions.length > 0 && /* @__PURE__ */ React11.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__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("h1", {
-    className: "px-2 text-sm"
-  }, title), /* @__PURE__ */ React11.createElement("div", {
-    className: gridClassNames
-  }, items.map(({ name, description, subitems }, i) => /* @__PURE__ */ React11.createElement(Fragment, {
-    key: i
-  }, name && /* @__PURE__ */ React11.createElement("div", {
-    className: subGridClassNames
-  }, /* @__PURE__ */ React11.createElement("div", {
-    className: "truncate text-primary-500"
-  }, name), /* @__PURE__ */ React11.createElement("div", {
-    className: "line-clamp-2"
-  }, description)), subitems?.map(({ name: name2, description: description2 }, i2) => /* @__PURE__ */ React11.createElement("div", {
-    key: i2,
-    className: mx8(subGridClassNames, striped && stripeClassNames)
-  }, /* @__PURE__ */ React11.createElement("div", {
-    className: "truncate"
-  }, name2), /* @__PURE__ */ React11.createElement("div", {
-    className: "line-clamp-3 text-subdued"
-  }, description2)))))));
-};
-var ToolboxPanel = ({ classNames, db, processor }) => {
-  const services = useQuery4(db, Filter5.type(ServiceType));
-  const [serviceTools, setServiceTools] = useState13([]);
-  useEffect8(() => {
-    log4("creating service tools...", {
-      services: services.length
-    }, {
-      F: __dxlog_file4,
-      L: 121,
-      S: void 0,
-      C: (f, a) => f(...a)
-    });
-    queueMicrotask(async () => {
-    });
-  }, [
-    services
-  ]);
-  const functions = useQuery4(db, Filter5.type(Operation.PersistentOperation));
-  return /* @__PURE__ */ React11.createElement(Toolbox, {
-    classNames,
-    blueprints: processor?.context.getBlueprints(),
-    services: serviceTools,
-    functions
-  });
-};
-var safeToolId = (name) => {
-  return name.split("_").pop();
-};
-
-// src/hooks/useChatToolbarActions.ts
-var __dxlog_file5 = "/__w/dxos/dxos/packages/plugins/plugin-assistant/src/hooks/useChatToolbarActions.ts";
-var useChatToolbarActions = ({ chat, companionTo }) => {
-  const { invoke } = useOperationInvoker();
-  const { db } = useChatContext("useChatToolbarActions");
-  const query = companionTo ? Query.select(Filter6.id(companionTo.id)).targetOf(Chat2.CompanionTo).source() : Query.select(Filter6.nothing());
-  const chats = useQuery5(db, query);
-  return useMenuActions(useMemo10(() => {
-    return Atom2.make(() => {
-      const builder = MenuBuilder.make().root({
-        label: [
-          "chat toolbar title",
-          {
-            ns: meta.id
-          }
-        ]
-      }).action("new", {
-        label: [
-          "new thread button",
-          {
-            ns: meta.id
-          }
-        ],
-        icon: "ph--plus--regular",
-        type: "new",
-        disabled: !companionTo
-      }, () => {
-        invariant(companionTo, void 0, {
-          F: __dxlog_file5,
-          L: 53,
-          S: void 0,
-          A: [
-            "companionTo",
-            ""
-          ]
-        });
-        return invoke(definitions_exports.SetCurrentChat, {
-          companionTo,
-          chat: void 0
-        }).pipe(runAndForwardErrors);
-      }).action("rename", {
-        label: [
-          "rename thread button",
-          {
-            ns: meta.id
-          }
-        ],
-        icon: "ph--magic-wand--regular",
-        type: "rename",
-        disabled: !chat
-      }, () => Effect2.gen(function* () {
-        invariant(chat, void 0, {
-          F: __dxlog_file5,
-          L: 70,
-          S: this,
-          A: [
-            "chat",
-            ""
-          ]
-        });
-        yield* invoke(definitions_exports.UpdateChatName, {
-          chat
-        });
-      }).pipe(runAndForwardErrors)).action("branch", {
-        label: [
-          "button branch thread",
-          {
-            ns: meta.id
-          }
-        ],
-        icon: "ph--git-branch--regular",
-        type: "branch",
-        disabled: true
-      }, () => {
-      });
-      if (chats.length > 0) {
-        builder.group("chats", {
-          label: [
-            "chat history label",
-            {
-              ns: meta.id
-            }
-          ],
-          icon: "ph--clock-counter-clockwise--regular",
-          selectCardinality: "single",
-          variant: "dropdownMenu"
-        }, (builder2) => {
-          chats.toSorted((a, b) => a.id.localeCompare(b.id)).forEach((chat2) => {
-            builder2.action(chat2.id, {
-              label: Obj6.getLabel(chat2) ?? [
-                "object name placeholder",
-                {
-                  ns: Chat2.Chat.typename
-                }
-              ]
-            }, () => Effect2.gen(function* () {
-              invariant(companionTo, void 0, {
-                F: __dxlog_file5,
-                L: 106,
-                S: this,
-                A: [
-                  "companionTo",
-                  ""
-                ]
-              });
-              yield* invoke(definitions_exports.SetCurrentChat, {
-                companionTo,
-                chat: chat2
-              });
-            }).pipe(runAndForwardErrors));
-          });
-        });
-      }
-      return builder.build();
-    });
-  }, [
-    chats.length,
-    db?.spaceId,
-    companionTo?.id,
-    chat?.id,
-    invoke
-  ]));
-};
-
-export {
-  useBlueprintRegistry,
-  useBlueprints,
-  useActiveBlueprints,
-  useBlueprintHandlers,
-  useChatProcessor,
-  useChatServices,
-  useChatToolbarActions,
-  useContextBinder,
-  useContextObjects,
-  useFilteredTypes,
-  useFlush,
-  useOnline,
-  usePresets,
-  useReferencesProvider,
-  ChatContextProvider,
-  useChatContext,
-  Chat,
-  TemplateEditor,
-  Toolbox,
-  ToolboxPanel
-};
-//# sourceMappingURL=chunk-RI3GWI6T.mjs.map