@dxos/plugin-assistant 0.9.1-staging.ee54ba693a → 0.11.0

package/dist/lib/chunk-AssistantSettings.mjs

@@ -0,0 +1,285 @@
+import { a as resolveProvider, i as presetsForProvider } from "./chunk-processor.mjs";
+import { Model, Provider } from "@dxos/ai";
+import { EffectEx } from "@dxos/effect";
+import { meta } from "#meta";
+import { Assistant, AssistantCapabilities, Ollama } from "#types";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { IconButton, useTranslation } from "@dxos/react-ui";
+import { Form, createSelectField } from "@dxos/react-ui-form";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAtomValue } from "@effect-atom/atom-react";
+import { useOptionalCapability } from "@dxos/app-framework/ui";
+import { Combobox } from "@dxos/react-ui-list";
+import { List, ListItem } from "@dxos/react-list";
+//#region src/containers/AssistantSettings/OllamaModels.tsx
+/** Quick-pick model names (Ollama pull tags) sourced from the curated catalog. */
+var QUICK_PICKS = Model.forProvider(Provider.ollama.id).map((model) => model.backend);
+/** Poll interval for the loaded-into-memory set while the settings panel is open. */
+var LOADED_POLL_INTERVAL = 3e3;
+/**
+* Manage locally-installed Ollama models. The {@link AssistantCapabilities.OllamaManager}
+* capability is only contributed by the native (desktop) runtime, so this renders nothing in the
+* browser/mobile. Split from the section body so hooks are never called conditionally.
+*/
+var OllamaModels = () => {
+	const manager = useOptionalCapability(AssistantCapabilities.OllamaManager);
+	if (!manager) return null;
+	return /* @__PURE__ */ jsx(OllamaModelsSection, { manager });
+};
+var OllamaModelsSection = ({ manager }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const state = useAtomValue(manager.state);
+	const [query, setQuery] = useState("");
+	const [open, setOpen] = useState(false);
+	const [pending, setPending] = useState({});
+	useEffect(() => {
+		EffectEx.runPromise(manager.refresh);
+	}, [manager]);
+	useEffect(() => {
+		const interval = setInterval(() => void EffectEx.runPromise(manager.refreshLoaded), LOADED_POLL_INTERVAL);
+		return () => clearInterval(interval);
+	}, [manager]);
+	const installed = new Set(state.models.map((model) => model.name));
+	const loaded = new Map(state.loaded.map((model) => [model.name, model]));
+	const pulling = Object.keys(state.pulls).filter((name) => !installed.has(name));
+	const withPending = useCallback((key, action) => async () => {
+		setPending((prev) => ({
+			...prev,
+			[key]: true
+		}));
+		try {
+			await action();
+		} finally {
+			setPending((prev) => ({
+				...prev,
+				[key]: false
+			}));
+		}
+	}, []);
+	const handlePull = useCallback((target) => {
+		const trimmed = target.trim();
+		if (trimmed.length === 0) return;
+		setQuery("");
+		setOpen(false);
+		withPending(trimmed, () => EffectEx.runPromise(manager.pull(trimmed)))();
+	}, [manager, withPending]);
+	const filter = query.trim();
+	const suggestions = QUICK_PICKS.filter((pick) => !installed.has(pick) && (filter === "" || pick.includes(filter)));
+	const offerCustom = filter.length > 0 && !installed.has(filter) && !suggestions.includes(filter);
+	const empty = state.models.length === 0 && pulling.length === 0;
+	return /* @__PURE__ */ jsxs(Form.Section, {
+		title: t("settings.ollama.title"),
+		children: [/* @__PURE__ */ jsx(Form.Row, {
+			label: t("settings.ollama.installed.label"),
+			children: state.kind === "failed" && state.error ? /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-error-text",
+				children: t("settings.ollama.failed.message", { error: state.error })
+			}) : empty ? /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-description",
+				children: t("settings.ollama.empty.message")
+			}) : /* @__PURE__ */ jsxs(List, {
+				variant: "unordered",
+				className: "flex flex-col gap-1 grow w-full text-left",
+				children: [state.models.map((model) => {
+					const running = loaded.get(model.name);
+					const error = state.errors[model.name];
+					const size = model.size != null ? formatBytes(model.size) : void 0;
+					const loadedLabel = running ? running.sizeVram ? t("settings.ollama.loaded.vram", { size: formatBytes(running.sizeVram) }) : t("settings.ollama.loaded.label") : void 0;
+					return /* @__PURE__ */ jsxs(ListItem, {
+						className: "flex flex-col gap-0.5 rounded-sm dx-input-surface px-2 py-1.5 w-full",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "grow truncate font-medium",
+									children: model.name
+								}),
+								/* @__PURE__ */ jsx(IconButton, {
+									icon: running ? "ph--eject--regular" : "ph--play--regular",
+									iconOnly: true,
+									label: running ? t("settings.ollama.unload.label") : t("settings.ollama.load.label"),
+									disabled: pending[model.name],
+									onClick: () => void withPending(model.name, () => EffectEx.runPromise(running ? manager.unload(model.name) : manager.load(model.name)))()
+								}),
+								/* @__PURE__ */ jsx(IconButton, {
+									icon: "ph--trash--regular",
+									iconOnly: true,
+									label: t("settings.ollama.remove.label"),
+									disabled: pending[model.name],
+									onClick: () => void withPending(model.name, () => EffectEx.runPromise(manager.remove(model.name)))()
+								})
+							]
+						}), (size || loadedLabel || error) && /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2 text-sm",
+							children: [
+								size && /* @__PURE__ */ jsx("span", {
+									className: "text-description",
+									children: size
+								}),
+								loadedLabel && /* @__PURE__ */ jsx("span", {
+									className: "text-success-text",
+									children: loadedLabel
+								}),
+								error && /* @__PURE__ */ jsx("span", {
+									className: "truncate text-error-text",
+									children: shortError(error)
+								})
+							]
+						})]
+					}, model.name);
+				}), pulling.map((name) => {
+					const progress = state.pulls[name];
+					const status = progress?.total ? t("settings.ollama.pulling.message", { percent: percentOf(progress) }) : progress?.status ?? t("settings.ollama.pulling.label");
+					return /* @__PURE__ */ jsxs(ListItem, {
+						className: "flex flex-col gap-0.5 rounded-sm dx-input-surface px-2 py-1.5 w-full",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "grow truncate font-medium text-description",
+								children: name
+							}), /* @__PURE__ */ jsx(IconButton, {
+								icon: "ph--x--regular",
+								iconOnly: true,
+								label: t("settings.ollama.cancel.label"),
+								onClick: () => void EffectEx.runPromise(manager.cancel(name))
+							})]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-sm text-description",
+							children: status
+						})]
+					}, name);
+				})]
+			})
+		}), /* @__PURE__ */ jsxs(Form.Row, {
+			label: t("settings.ollama.pull.label"),
+			children: [Object.entries(state.errors).filter(([name]) => !installed.has(name)).map(([name, error]) => /* @__PURE__ */ jsxs("p", {
+				className: "text-xs text-error-text",
+				children: [
+					name,
+					": ",
+					shortError(error)
+				]
+			}, name)), /* @__PURE__ */ jsxs(Combobox.Root, {
+				open,
+				onOpenChange: setOpen,
+				value: "",
+				onValueChange: () => {},
+				placeholder: t("settings.ollama.pull.placeholder"),
+				children: [/* @__PURE__ */ jsx(Combobox.Trigger, { classNames: "w-full" }), /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsxs(Combobox.Content, { children: [
+					/* @__PURE__ */ jsx(Combobox.Input, {
+						value: query,
+						onValueChange: setQuery,
+						placeholder: t("settings.ollama.pull.placeholder"),
+						onKeyDown: (event) => {
+							if (event.key === "Enter" && filter.length > 0) handlePull(filter);
+						}
+					}),
+					/* @__PURE__ */ jsxs(Combobox.List, { children: [offerCustom && /* @__PURE__ */ jsx(Combobox.Item, {
+						value: filter,
+						label: t("settings.ollama.pull-custom.label", { name: filter }),
+						icon: "ph--download-simple--regular",
+						onSelect: () => handlePull(filter)
+					}), suggestions.map((pick) => /* @__PURE__ */ jsx(Combobox.Item, {
+						value: pick,
+						label: pick,
+						onSelect: () => handlePull(pick)
+					}, pick))] }),
+					/* @__PURE__ */ jsx(Combobox.Arrow, {})
+				] }) })]
+			})]
+		})]
+	});
+};
+/**
+* Condense a verbose service error for inline display: drop Ollama's "(checked: <paths>)" path dump
+* and cap the length. The full message is still logged to the console.
+*/
+var shortError = (error) => {
+	const head = error.split(/\s*\(checked:/)[0].trim();
+	return head.length > 160 ? `${head.slice(0, 160)}…` : head;
+};
+/** Percent complete for an in-flight pull, or 0 when totals are not yet known. */
+var percentOf = (progress) => progress && progress.total && progress.total > 0 ? Math.round((progress.completed ?? 0) / progress.total * 100) : 0;
+var UNITS = [
+	"B",
+	"KB",
+	"MB",
+	"GB",
+	"TB"
+];
+/** Human-readable byte size (binary units). */
+var formatBytes = (bytes) => {
+	let value = bytes;
+	let unit = 0;
+	while (value >= 1024 && unit < UNITS.length - 1) {
+		value /= 1024;
+		unit += 1;
+	}
+	return `${value.toFixed(unit === 0 ? 0 : 1)} ${UNITS[unit]}`;
+};
+OllamaModels.displayName = "OllamaModels";
+//#endregion
+//#region src/containers/AssistantSettings/AssistantSettings.tsx
+var presetOptions = (provider, installed) => presetsForProvider(provider).filter((preset) => !installed || installed.has(preset.backend)).map((preset) => ({
+	value: preset.model,
+	label: preset.label
+}));
+var AssistantSettings = ({ settings, onSettingsChange }) => {
+	const { t } = useTranslation(meta.profile.key);
+	const ollamaManager = useOptionalCapability(AssistantCapabilities.OllamaManager);
+	const localProvider = ollamaManager ? Provider.builtIn : Provider.ollama;
+	const localProviderKey = ollamaManager ? "built-in" : "ollama";
+	const localModels = useAtomValue(ollamaManager?.state ?? Ollama.emptyState);
+	const installed = useMemo(() => new Set(localModels.models.map((model) => model.name)), [localModels]);
+	const values = useMemo(() => ({
+		...settings,
+		modelProvider: resolveProvider(settings.modelProvider, !!ollamaManager)
+	}), [settings, ollamaManager]);
+	const fieldMap = useMemo(() => ({
+		"modelProvider": createSelectField({
+			defaultLabel: null,
+			options: [
+				{
+					value: Provider.edge.id,
+					label: t("settings.provider.edge.label")
+				},
+				{
+					value: localProvider.id,
+					label: t(`settings.provider.${localProviderKey}.label`)
+				},
+				{
+					value: Provider.lmStudio.id,
+					label: t("settings.provider.lmstudio.label")
+				}
+			]
+		}),
+		"modelDefaults.edge": createSelectField({ options: presetOptions(Provider.edge.id) }),
+		"modelDefaults.ollama": createSelectField({ options: presetOptions(localProvider.id, ollamaManager ? installed : void 0) }),
+		"modelDefaults.lmstudio": createSelectField({ options: presetOptions(Provider.lmStudio.id) })
+	}), [
+		t,
+		localProvider,
+		localProviderKey,
+		ollamaManager,
+		installed
+	]);
+	return /* @__PURE__ */ jsx(Form.Root, {
+		variant: "settings",
+		schema: Assistant.Settings,
+		readonly: !onSettingsChange,
+		values,
+		onValuesChanged: (values) => onSettingsChange?.(() => values),
+		children: /* @__PURE__ */ jsx(Form.Viewport, {
+			scroll: true,
+			children: /* @__PURE__ */ jsxs(Form.Content, { children: [/* @__PURE__ */ jsx(Form.Section, {
+				title: meta.profile.name ?? meta.profile.key,
+				children: /* @__PURE__ */ jsx(Form.FieldSet, { fieldMap })
+			}), /* @__PURE__ */ jsx(OllamaModels, {})] })
+		})
+	});
+};
+AssistantSettings.displayName = "AssistantSettings";
+//#endregion
+export { AssistantSettings as default };
+
+//# sourceMappingURL=chunk-AssistantSettings.mjs.map

package/dist/lib/chunk-AssistantSettings.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-AssistantSettings.mjs","names":[],"sources":["../../src/containers/AssistantSettings/OllamaModels.tsx","../../src/containers/AssistantSettings/AssistantSettings.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { Model, Provider } from '@dxos/ai';\nimport { useOptionalCapability } from '@dxos/app-framework/ui';\nimport { EffectEx } from '@dxos/effect';\nimport { List, ListItem } from '@dxos/react-list';\nimport { IconButton, useTranslation } from '@dxos/react-ui';\nimport { Form } from '@dxos/react-ui-form';\nimport { Combobox } from '@dxos/react-ui-list';\n\nimport { meta } from '#meta';\nimport { AssistantCapabilities, type Ollama } from '#types';\n\n/** Quick-pick model names (Ollama pull tags) sourced from the curated catalog. */\nconst QUICK_PICKS = Model.forProvider(Provider.ollama.id).map((model) => model.backend);\n\n/** Poll interval for the loaded-into-memory set while the settings panel is open. */\nconst LOADED_POLL_INTERVAL = 3_000;\n\n/**\n * Manage locally-installed Ollama models. The {@link AssistantCapabilities.OllamaManager}\n * capability is only contributed by the native (desktop) runtime, so this renders nothing in the\n * browser/mobile. Split from the section body so hooks are never called conditionally.\n */\nexport const OllamaModels = () => {\n  const manager = useOptionalCapability(AssistantCapabilities.OllamaManager);\n  if (!manager) {\n    return null;\n  }\n\n  return <OllamaModelsSection manager={manager} />;\n};\n\nexport const OllamaModelsSection = ({ manager }: { manager: Ollama.Manager }) => {\n  const { t } = useTranslation(meta.profile.key);\n  // Explicit subscription: the list and badges must re-render as pulls/installs/loads land.\n  const state = useAtomValue(manager.state);\n  const [query, setQuery] = useState('');\n  const [open, setOpen] = useState(false);\n  // UI-level gate keyed by model name, guaranteeing a visible busy state across the click handler.\n  const [pending, setPending] = useState<Record<string, boolean>>({});\n\n  // Ensure the sidecar is up and list installed models on mount.\n  useEffect(() => {\n    void EffectEx.runPromise(manager.refresh);\n  }, [manager]);\n\n  // Poll the loaded-into-memory set so the panel reflects which model is resident in real time.\n  useEffect(() => {\n    const interval = setInterval(() => void EffectEx.runPromise(manager.refreshLoaded), LOADED_POLL_INTERVAL);\n    return () => clearInterval(interval);\n  }, [manager]);\n\n  const installed = new Set(state.models.map((model) => model.name));\n  const loaded = new Map(state.loaded.map((model) => [model.name, model]));\n  const pulling = Object.keys(state.pulls).filter((name) => !installed.has(name));\n\n  const withPending = useCallback(\n    (key: string, action: () => Promise<void>) => async () => {\n      setPending((prev) => ({ ...prev, [key]: true }));\n      try {\n        await action();\n      } finally {\n        setPending((prev) => ({ ...prev, [key]: false }));\n      }\n    },\n    [],\n  );\n\n  const handlePull = useCallback(\n    (target: string) => {\n      const trimmed = target.trim();\n      if (trimmed.length === 0) {\n        return;\n      }\n      setQuery('');\n      setOpen(false);\n      void withPending(trimmed, () => EffectEx.runPromise(manager.pull(trimmed)))();\n    },\n    [manager, withPending],\n  );\n\n  // Caller-driven filtering: curated picks not yet installed, matching the typed query.\n  const filter = query.trim();\n  const suggestions = QUICK_PICKS.filter((pick) => !installed.has(pick) && (filter === '' || pick.includes(filter)));\n  const offerCustom = filter.length > 0 && !installed.has(filter) && !suggestions.includes(filter);\n  const empty = state.models.length === 0 && pulling.length === 0;\n\n  return (\n    <Form.Section title={t('settings.ollama.title')}>\n      <Form.Row label={t('settings.ollama.installed.label')}>\n        {state.kind === 'failed' && state.error ? (\n          // Connection-level failure has no associated model, so it shows inline as the row content.\n          <p className='text-sm text-error-text'>{t('settings.ollama.failed.message', { error: state.error })}</p>\n        ) : empty ? (\n          <p className='text-sm text-description'>{t('settings.ollama.empty.message')}</p>\n        ) : (\n          // Plain `List`/`ListItem` (non-select), with the trigger editor's \"fatter\" two-line row\n          // treatment: a name line plus a secondary meta line, on a surface-styled row. Rows are\n          // actioned via their trailing buttons (no selection semantics).\n          <List variant='unordered' className='flex flex-col gap-1 grow w-full text-left'>\n            {state.models.map((model) => {\n              const running = loaded.get(model.name);\n              const error = state.errors[model.name];\n              const size = model.size != null ? formatBytes(model.size) : undefined;\n              const loadedLabel = running\n                ? running.sizeVram\n                  ? t('settings.ollama.loaded.vram', { size: formatBytes(running.sizeVram) })\n                  : t('settings.ollama.loaded.label')\n                : undefined;\n              return (\n                <ListItem\n                  key={model.name}\n                  className='flex flex-col gap-0.5 rounded-sm dx-input-surface px-2 py-1.5 w-full'\n                >\n                  <div className='flex items-center gap-2'>\n                    <span className='grow truncate font-medium'>{model.name}</span>\n                    <IconButton\n                      icon={running ? 'ph--eject--regular' : 'ph--play--regular'}\n                      iconOnly\n                      label={running ? t('settings.ollama.unload.label') : t('settings.ollama.load.label')}\n                      disabled={pending[model.name]}\n                      onClick={() =>\n                        void withPending(model.name, () =>\n                          EffectEx.runPromise(running ? manager.unload(model.name) : manager.load(model.name)),\n                        )()\n                      }\n                    />\n                    <IconButton\n                      icon='ph--trash--regular'\n                      iconOnly\n                      label={t('settings.ollama.remove.label')}\n                      disabled={pending[model.name]}\n                      onClick={() =>\n                        void withPending(model.name, () => EffectEx.runPromise(manager.remove(model.name)))()\n                      }\n                    />\n                  </div>\n                  {(size || loadedLabel || error) && (\n                    <div className='flex items-center gap-2 text-sm'>\n                      {size && <span className='text-description'>{size}</span>}\n                      {loadedLabel && <span className='text-success-text'>{loadedLabel}</span>}\n                      {error && <span className='truncate text-error-text'>{shortError(error)}</span>}\n                    </div>\n                  )}\n                </ListItem>\n              );\n            })}\n            {pulling.map((name) => {\n              const progress = state.pulls[name];\n              const status = progress?.total\n                ? t('settings.ollama.pulling.message', { percent: percentOf(progress) })\n                : (progress?.status ?? t('settings.ollama.pulling.label'));\n              return (\n                <ListItem key={name} className='flex flex-col gap-0.5 rounded-sm dx-input-surface px-2 py-1.5 w-full'>\n                  <div className='flex items-center gap-2'>\n                    <span className='grow truncate font-medium text-description'>{name}</span>\n                    <IconButton\n                      icon='ph--x--regular'\n                      iconOnly\n                      label={t('settings.ollama.cancel.label')}\n                      onClick={() => void EffectEx.runPromise(manager.cancel(name))}\n                    />\n                  </div>\n                  <span className='text-sm text-description'>{status}</span>\n                </ListItem>\n              );\n            })}\n          </List>\n        )}\n      </Form.Row>\n\n      <Form.Row label={t('settings.ollama.pull.label')}>\n        {/* Pull failures for not-yet-installed models surface here (no model row to attach to). */}\n        {Object.entries(state.errors)\n          .filter(([name]) => !installed.has(name))\n          .map(([name, error]) => (\n            <p key={name} className='text-xs text-error-text'>\n              {name}: {shortError(error)}\n            </p>\n          ))}\n        {/* Root value is held empty so the trigger always shows the placeholder; the live text is\n            the separate `query` driving the input and suggestion filter. */}\n        <Combobox.Root\n          open={open}\n          onOpenChange={setOpen}\n          value=''\n          onValueChange={() => {}}\n          placeholder={t('settings.ollama.pull.placeholder')}\n        >\n          <Combobox.Trigger classNames='w-full' />\n          <Combobox.Portal>\n            <Combobox.Content>\n              <Combobox.Input\n                value={query}\n                onValueChange={setQuery}\n                placeholder={t('settings.ollama.pull.placeholder')}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' && filter.length > 0) {\n                    handlePull(filter);\n                  }\n                }}\n              />\n              <Combobox.List>\n                {offerCustom && (\n                  <Combobox.Item\n                    value={filter}\n                    label={t('settings.ollama.pull-custom.label', { name: filter })}\n                    icon='ph--download-simple--regular'\n                    onSelect={() => handlePull(filter)}\n                  />\n                )}\n                {suggestions.map((pick) => (\n                  <Combobox.Item key={pick} value={pick} label={pick} onSelect={() => handlePull(pick)} />\n                ))}\n              </Combobox.List>\n              <Combobox.Arrow />\n            </Combobox.Content>\n          </Combobox.Portal>\n        </Combobox.Root>\n      </Form.Row>\n    </Form.Section>\n  );\n};\n\n/**\n * Condense a verbose service error for inline display: drop Ollama's \"(checked: <paths>)\" path dump\n * and cap the length. The full message is still logged to the console.\n */\nconst shortError = (error: string): string => {\n  const head = error.split(/\\s*\\(checked:/)[0].trim();\n  return head.length > 160 ? `${head.slice(0, 160)}…` : head;\n};\n\n/** Percent complete for an in-flight pull, or 0 when totals are not yet known. */\nconst percentOf = (progress: Ollama.ModelsState['pulls'][string] | undefined): number =>\n  progress && progress.total && progress.total > 0 ? Math.round(((progress.completed ?? 0) / progress.total) * 100) : 0;\n\nconst UNITS = ['B', 'KB', 'MB', 'GB', 'TB'];\n\n/** Human-readable byte size (binary units). */\nconst formatBytes = (bytes: number): string => {\n  let value = bytes;\n  let unit = 0;\n  while (value >= 1024 && unit < UNITS.length - 1) {\n    value /= 1024;\n    unit += 1;\n  }\n  return `${value.toFixed(unit === 0 ? 0 : 1)} ${UNITS[unit]}`;\n};\n\nOllamaModels.displayName = 'OllamaModels';\n","//\n// Copyright 2023 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React, { useMemo } from 'react';\n\nimport { Provider } from '@dxos/ai';\nimport { useOptionalCapability } from '@dxos/app-framework/ui';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { type DXN } from '@dxos/keys';\nimport { useTranslation } from '@dxos/react-ui';\nimport { Form, type FormFieldMap, createSelectField } from '@dxos/react-ui-form';\n\nimport { meta } from '#meta';\nimport { Assistant, AssistantCapabilities, Ollama } from '#types';\n\nimport { presetsForProvider, resolveProvider } from '../../processor';\nimport { OllamaModels } from './OllamaModels';\n\nexport type AssistantSettingsProps = AppSurface.SettingsProps<Assistant.Settings>;\n\n// The per-provider model-default options must match the chat picker (usePresets): the catalog models\n// served by the provider, restricted to installed models when `installed` is supplied (local sidecar).\nconst presetOptions = (provider: DXN.DXN, installed?: ReadonlySet<string>) =>\n  presetsForProvider(provider)\n    .filter((preset) => !installed || installed.has(preset.backend))\n    .map((preset) => ({ value: preset.model, label: preset.label }));\n\nexport const AssistantSettings = ({ settings, onSettingsChange }: AssistantSettingsProps) => {\n  const { t } = useTranslation(meta.profile.key);\n\n  // The Ollama manager is the bundled sidecar (desktop only). Its presence selects the local\n  // provider: the managed `built-in` vs. an external `ollama` server.\n  const ollamaManager = useOptionalCapability(AssistantCapabilities.OllamaManager);\n  const localProvider = ollamaManager ? Provider.builtIn : Provider.ollama;\n  const localProviderKey = ollamaManager ? 'built-in' : 'ollama';\n\n  // Installed models reported by the bundled sidecar; restricts the local default to present models.\n  const localModels = useAtomValue(ollamaManager?.state ?? Ollama.emptyState);\n  const installed = useMemo(() => new Set(localModels.models.map((model) => model.name)), [localModels]);\n\n  // Reconcile a stored provider with the runtime (`ollama` → `built-in` on desktop) so the\n  // dropdown shows a concrete, available selection rather than blank.\n  const values = useMemo(\n    () => ({ ...settings, modelProvider: resolveProvider(settings.modelProvider, !!ollamaManager) }),\n    [settings, ollamaManager],\n  );\n\n  // Form `fieldMap` is keyed by dotted JSON path, so nested struct leaves are addressed directly.\n  const fieldMap = useMemo<FormFieldMap>(\n    () => ({\n      // `defaultLabel: null` drops the sentinel \"Default\" option — a provider is always concrete.\n      'modelProvider': createSelectField({\n        defaultLabel: null,\n        options: [\n          { value: Provider.edge.id, label: t('settings.provider.edge.label') },\n          { value: localProvider.id, label: t(`settings.provider.${localProviderKey}.label`) },\n          { value: Provider.lmStudio.id, label: t('settings.provider.lmstudio.label') },\n        ],\n      }),\n      'modelDefaults.edge': createSelectField({ options: presetOptions(Provider.edge.id) }),\n      // `built-in` and `ollama` share the `ollama` default key; the managed sidecar restricts to installed.\n      'modelDefaults.ollama': createSelectField({\n        options: presetOptions(localProvider.id, ollamaManager ? installed : undefined),\n      }),\n      'modelDefaults.lmstudio': createSelectField({ options: presetOptions(Provider.lmStudio.id) }),\n    }),\n    [t, localProvider, localProviderKey, ollamaManager, installed],\n  );\n\n  return (\n    <Form.Root\n      variant='settings'\n      schema={Assistant.Settings}\n      readonly={!onSettingsChange}\n      values={values}\n      onValuesChanged={(values) => onSettingsChange?.(() => values)}\n    >\n      <Form.Viewport scroll>\n        <Form.Content>\n          <Form.Section title={meta.profile.name ?? meta.profile.key}>\n            <Form.FieldSet fieldMap={fieldMap} />\n          </Form.Section>\n          <OllamaModels />\n        </Form.Content>\n      </Form.Viewport>\n    </Form.Root>\n  );\n};\n\nAssistantSettings.displayName = 'AssistantSettings';\n"],"mappings":"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"}

package/dist/lib/chunk-ChatArticle.mjs

@@ -0,0 +1,121 @@
+import { u as __exportAll } from "./chunk-types.mjs";
+import { Capabilities } from "@dxos/app-framework";
+import { Provider } from "@dxos/ai";
+import { AssistantCapabilities } from "#types";
+import { forwardRef, useCallback, useEffect, useRef } from "react";
+import { useObject } from "@dxos/echo-react";
+import { Panel } from "@dxos/react-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useChatProcessor, useChatServices, usePresets, useSelectionContext } from "#hooks";
+import { useAtomCapability, useCapability, useOperationInvoker } from "@dxos/app-framework/ui";
+import { Chat } from "#components";
+import { getSpace } from "@dxos/client/echo";
+import { ClientOperation } from "@dxos/plugin-client";
+import { useRegistry } from "@dxos/react-client/echo";
+//#region src/containers/ChatArticle/ChatArticle.tsx
+var ChatArticle = forwardRef(({ role, attendableId, subject: chat, companionTo, onEvent, onSubmit }, forwardedRef) => {
+	const registry = useRegistry();
+	const settings = useAtomCapability(AssistantCapabilities.Settings);
+	const atomRegistry = useCapability(Capabilities.AtomRegistry);
+	const stateAtom = useCapability(AssistantCapabilities.State);
+	const space = getSpace(chat) ?? getSpace(companionTo);
+	const runtime = useChatServices({ id: space?.id });
+	const { preset, ...chatProps } = usePresets(settings);
+	const online = preset?.provider === Provider.edge.id;
+	const processor = useChatProcessor({
+		space,
+		chat,
+		preset,
+		runtime,
+		registry,
+		settings
+	});
+	const getContext = useSelectionContext(companionTo);
+	const [chatViewType] = useObject(chat, "viewType");
+	const viewType = chatViewType ?? settings.chatView;
+	const { invokePromise } = useOperationInvoker();
+	const handleViewUsage = useCallback(() => {
+		invokePromise(ClientOperation.OpenUsage, void 0);
+	}, [invokePromise]);
+	const pendingSubmitted = useRef(false);
+	useEffect(() => {
+		pendingSubmitted.current = false;
+	}, [attendableId]);
+	useEffect(() => {
+		if (!processor || !attendableId || pendingSubmitted.current) return;
+		const pendingPrompt = atomRegistry.get(stateAtom).pendingPrompts[attendableId];
+		if (pendingPrompt) {
+			pendingSubmitted.current = true;
+			atomRegistry.update(stateAtom, (current) => {
+				const { [attendableId]: _, ...rest } = current.pendingPrompts;
+				return {
+					...current,
+					pendingPrompts: rest
+				};
+			});
+			processor.request({ message: pendingPrompt });
+		}
+	}, [
+		processor,
+		attendableId,
+		atomRegistry,
+		stateAtom
+	]);
+	if (!processor) return null;
+	return /* @__PURE__ */ jsx(Chat.Root, {
+		chat,
+		db: space?.db,
+		processor,
+		getContext,
+		onEvent,
+		onSubmit,
+		children: /* @__PURE__ */ jsxs(Panel.Root, {
+			role,
+			ref: forwardedRef,
+			children: [/* @__PURE__ */ jsx(Panel.Toolbar, { children: /* @__PURE__ */ jsx(Chat.Toolbar, {
+				classNames: "dx-document",
+				attendableId,
+				companionTo
+			}) }), /* @__PURE__ */ jsx(Panel.Content, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs(Chat.Content, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "dx-container relative",
+					children: [
+						viewType !== "summary" && /* @__PURE__ */ jsx(Chat.Minimap, { classNames: "absolute left-0 top-1/2 -translate-y-1/2 z-10" }),
+						/* @__PURE__ */ jsx(Chat.Thread, {
+							viewType,
+							onViewUsage: handleViewUsage
+						}),
+						viewType !== "summary" && /* @__PURE__ */ jsx("div", {
+							className: "absolute bottom-2 left-0 right-0",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "dx-document px-4",
+								children: /* @__PURE__ */ jsx(Chat.Status, { classNames: "px-3 rounded-sm bg-group-surface" })
+							})
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "dx-document px-4 pb-4",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "flex flex-col items-center py-2 overflow-hidden",
+						children: /* @__PURE__ */ jsx(Chat.TaskList, { classNames: "max-h-[120px] border border-separator rounded-sm text-description" })
+					}), /* @__PURE__ */ jsx(Chat.Prompt, {
+						...chatProps,
+						outline: true,
+						preset: preset?.id,
+						online,
+						companionTo
+					})]
+				})] })
+			})]
+		})
+	});
+});
+ChatArticle.displayName = "ChatArticle";
+//#endregion
+//#region src/containers/ChatArticle/index.ts
+var ChatArticle_exports = /* @__PURE__ */ __exportAll({ default: () => ChatArticle });
+//#endregion
+export { ChatArticle as n, ChatArticle_exports as t };
+
+//# sourceMappingURL=chunk-ChatArticle.mjs.map

package/dist/lib/chunk-ChatArticle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-ChatArticle.mjs","names":[],"sources":["../../src/containers/ChatArticle/ChatArticle.tsx","../../src/containers/ChatArticle/index.ts"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { forwardRef, useCallback, useEffect, useRef } from 'react';\n\nimport { Provider } from '@dxos/ai';\nimport { Capabilities } from '@dxos/app-framework';\nimport { useAtomCapability, useCapability, useOperationInvoker } from '@dxos/app-framework/ui';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { getSpace } from '@dxos/client/echo';\nimport { type Obj } from '@dxos/echo';\nimport { useObject } from '@dxos/echo-react';\nimport { ClientOperation } from '@dxos/plugin-client';\nimport { useRegistry } from '@dxos/react-client/echo';\nimport { Panel } from '@dxos/react-ui';\n\nimport { Chat as ChatComponent, type ChatRootProps } from '#components';\nimport { useChatProcessor, useChatServices, usePresets, useSelectionContext } from '#hooks';\nimport { type Assistant, AssistantCapabilities, type ChatType } from '#types';\n\nexport type ChatArticleProps = AppSurface.ObjectSectionProps<ChatType.Chat> & {\n  companionTo?: Obj.Unknown;\n} & Pick<ChatRootProps, 'onEvent' | 'onSubmit'>;\n\nexport const ChatArticle = forwardRef<HTMLDivElement, ChatArticleProps>(\n  ({ role, attendableId, subject: chat, companionTo, onEvent, onSubmit }, forwardedRef) => {\n    const registry = useRegistry();\n    const settings = useAtomCapability(AssistantCapabilities.Settings);\n    const atomRegistry = useCapability(Capabilities.AtomRegistry);\n    const stateAtom = useCapability(AssistantCapabilities.State);\n    // Transient (pre-submit) chats have no database; fall back to the companion's space.\n    const space = getSpace(chat) ?? getSpace(companionTo);\n    const runtime = useChatServices({ id: space?.id });\n\n    const { preset, ...chatProps } = usePresets(settings);\n    // The provider is configured in settings; the chat surfaces it as a read-only online indicator.\n    const online = preset?.provider === Provider.edge.id;\n    const processor = useChatProcessor({ space, chat, preset, runtime, registry, settings });\n    const getContext = useSelectionContext(companionTo);\n\n    // Subscribe to the view type via `useObject` so the thread re-renders when ChatOptions changes it;\n    // a direct `chat.viewType` read in render does not establish a reactive dependency.\n    const [chatViewType] = useObject(chat, 'viewType');\n    const viewType = (chatViewType as Assistant.ChatView | undefined) ?? settings.chatView;\n\n    const { invokePromise } = useOperationInvoker();\n    const handleViewUsage = useCallback(() => {\n      void invokePromise(ClientOperation.OpenUsage, undefined);\n    }, [invokePromise]);\n\n    // Reset the one-shot guard when the target conversation changes, so a pending prompt for a new\n    // `attendableId` is still auto-submitted within the same mount.\n    const pendingSubmitted = useRef(false);\n    useEffect(() => {\n      pendingSubmitted.current = false;\n    }, [attendableId]);\n\n    useEffect(() => {\n      if (!processor || !attendableId || pendingSubmitted.current) {\n        return;\n      }\n\n      const state = atomRegistry.get(stateAtom);\n      const pendingPrompt = state.pendingPrompts[attendableId];\n      if (pendingPrompt) {\n        pendingSubmitted.current = true;\n        atomRegistry.update(stateAtom, (current) => {\n          const { [attendableId]: _, ...rest } = current.pendingPrompts;\n          return { ...current, pendingPrompts: rest };\n        });\n\n        void processor.request({ message: pendingPrompt });\n      }\n    }, [processor, attendableId, atomRegistry, stateAtom]);\n\n    if (!processor) {\n      return null;\n    }\n\n    return (\n      <ChatComponent.Root\n        chat={chat}\n        db={space?.db}\n        processor={processor}\n        getContext={getContext}\n        onEvent={onEvent}\n        onSubmit={onSubmit}\n      >\n        <Panel.Root role={role} ref={forwardedRef}>\n          <Panel.Toolbar>\n            <ChatComponent.Toolbar classNames='dx-document' attendableId={attendableId} companionTo={companionTo} />\n          </Panel.Toolbar>\n          <Panel.Content asChild>\n            <ChatComponent.Content>\n              <div className='dx-container relative'>\n                {viewType !== 'summary' && (\n                  <ChatComponent.Minimap classNames='absolute left-0 top-1/2 -translate-y-1/2 z-10' />\n                )}\n                <ChatComponent.Thread viewType={viewType} onViewUsage={handleViewUsage} />\n                {viewType !== 'summary' && (\n                  <div className='absolute bottom-2 left-0 right-0'>\n                    <div className='dx-document px-4'>\n                      <ChatComponent.Status classNames='px-3 rounded-sm bg-group-surface' />\n                    </div>\n                  </div>\n                )}\n              </div>\n              <div className='dx-document px-4 pb-4'>\n                <div className='flex flex-col items-center py-2 overflow-hidden'>\n                  <ChatComponent.TaskList classNames='max-h-[120px] border border-separator rounded-sm text-description' />\n                </div>\n                <ChatComponent.Prompt\n                  {...chatProps}\n                  outline\n                  preset={preset?.id}\n                  online={online}\n                  companionTo={companionTo}\n                />\n              </div>\n            </ChatComponent.Content>\n          </Panel.Content>\n        </Panel.Root>\n      </ChatComponent.Root>\n    );\n  },\n);\n\nChatArticle.displayName = 'ChatArticle';\n","//\n// Copyright 2025 DXOS.org\n//\n\nexport { ChatArticle as default } from './ChatArticle';\n"],"mappings":";;;;;;;;;;;;;;;AAyBA,IAAa,cAAc,YACxB,EAAE,MAAM,cAAc,SAAS,MAAM,aAAa,SAAS,YAAY,iBAAiB;CACvF,MAAM,WAAW,YAAY;CAC7B,MAAM,WAAW,kBAAkB,sBAAsB,QAAQ;CACjE,MAAM,eAAe,cAAc,aAAa,YAAY;CAC5D,MAAM,YAAY,cAAc,sBAAsB,KAAK;CAE3D,MAAM,QAAQ,SAAS,IAAI,KAAK,SAAS,WAAW;CACpD,MAAM,UAAU,gBAAgB,EAAE,IAAI,OAAO,GAAG,CAAC;CAEjD,MAAM,EAAE,QAAQ,GAAG,cAAc,WAAW,QAAQ;CAEpD,MAAM,SAAS,QAAQ,aAAa,SAAS,KAAK;CAClD,MAAM,YAAY,iBAAiB;EAAE;EAAO;EAAM;EAAQ;EAAS;EAAU;CAAS,CAAC;CACvF,MAAM,aAAa,oBAAoB,WAAW;CAIlD,MAAM,CAAC,gBAAgB,UAAU,MAAM,UAAU;CACjD,MAAM,WAAY,gBAAmD,SAAS;CAE9E,MAAM,EAAE,kBAAkB,oBAAoB;CAC9C,MAAM,kBAAkB,kBAAkB;EACxC,cAAmB,gBAAgB,WAAW,KAAA,CAAS;CACzD,GAAG,CAAC,aAAa,CAAC;CAIlB,MAAM,mBAAmB,OAAO,KAAK;CACrC,gBAAgB;EACd,iBAAiB,UAAU;CAC7B,GAAG,CAAC,YAAY,CAAC;CAEjB,gBAAgB;EACd,IAAI,CAAC,aAAa,CAAC,gBAAgB,iBAAiB,SAClD;EAIF,MAAM,gBADQ,aAAa,IAAI,SACT,CAAA,CAAM,eAAe;EAC3C,IAAI,eAAe;GACjB,iBAAiB,UAAU;GAC3B,aAAa,OAAO,YAAY,YAAY;IAC1C,MAAM,GAAG,eAAe,GAAG,GAAG,SAAS,QAAQ;IAC/C,OAAO;KAAE,GAAG;KAAS,gBAAgB;IAAK;GAC5C,CAAC;GAED,UAAe,QAAQ,EAAE,SAAS,cAAc,CAAC;EACnD;CACF,GAAG;EAAC;EAAW;EAAc;EAAc;CAAS,CAAC;CAErD,IAAI,CAAC,WACH,OAAO;CAGT,OACE,oBAAC,KAAc,MAAf;EACQ;EACN,IAAI,OAAO;EACA;EACC;EACH;EACC;YAEV,qBAAC,MAAM,MAAP;GAAkB;GAAM,KAAK;aAA7B,CACE,oBAAC,MAAM,SAAP,EAAA,UACE,oBAAC,KAAc,SAAf;IAAuB,YAAW;IAA4B;IAA2B;GAAc,CAAA,EAC1F,CAAA,GACf,oBAAC,MAAM,SAAP;IAAe,SAAA;cACb,qBAAC,KAAc,SAAf,EAAA,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,aAAa,aACZ,oBAAC,KAAc,SAAf,EAAuB,YAAW,gDAAiD,CAAA;MAErF,oBAAC,KAAc,QAAf;OAAgC;OAAU,aAAa;MAAkB,CAAA;MACxE,aAAa,aACZ,oBAAC,OAAD;OAAK,WAAU;iBACb,oBAAC,OAAD;QAAK,WAAU;kBACb,oBAAC,KAAc,QAAf,EAAsB,YAAW,mCAAoC,CAAA;OAClE,CAAA;MACF,CAAA;KAEJ;QACL,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,KAAc,UAAf,EAAwB,YAAW,oEAAqE,CAAA;KACrG,CAAA,GACL,oBAAC,KAAc,QAAf;MACE,GAAI;MACJ,SAAA;MACA,QAAQ,QAAQ;MACR;MACK;KACd,CAAA,CACE;MACgB,EAAA,CAAA;GACV,CAAA,CACL;;CACM,CAAA;AAExB,CACF;AAEA,YAAY,cAAc"}

package/dist/lib/chunk-ChatCompanion.mjs

@@ -0,0 +1,116 @@
+import { n as ChatArticle } from "./chunk-ChatArticle.mjs";
+import { AppAnnotation } from "@dxos/app-toolkit";
+import { Project, Skill } from "@dxos/compute";
+import { Chat } from "@dxos/assistant-toolkit";
+import { Entity, Filter, Obj, Ref, Type } from "@dxos/echo";
+import { AssistantOperation } from "#types";
+import * as Option from "effect/Option";
+import { forwardRef, useCallback, useEffect, useMemo } from "react";
+import { useObject, useQuery } from "@dxos/echo-react";
+import { useAsyncEffect } from "@dxos/react-ui";
+import { jsx } from "react/jsx-runtime";
+import { useContextBinder } from "#hooks";
+import { useOperationInvoker } from "@dxos/app-framework/ui";
+import { getSpace } from "@dxos/client/echo";
+import { SpaceOperation } from "@dxos/plugin-space";
+import { useRegistry } from "@dxos/react-client/echo";
+//#region src/containers/ChatCompanion/ChatCompanion.tsx
+var ChatCompanion = forwardRef(({ role = "article", subject: chat, companionTo, attendableId }, forwardedRef) => {
+	const { invokePromise } = useOperationInvoker();
+	const db = Obj.getDatabase(companionTo);
+	useSkills$1({
+		subject: chat,
+		companionTo
+	});
+	return /* @__PURE__ */ jsx(ChatArticle, {
+		role,
+		subject: chat,
+		attendableId,
+		companionTo,
+		onSubmit: useCallback(async () => {
+			if (!db || !chat || Obj.getDatabase(chat)) return;
+			await invokePromise(SpaceOperation.AddObject, {
+				object: chat,
+				target: db
+			});
+			await invokePromise(SpaceOperation.AddRelation, {
+				db,
+				schema: Chat.CompanionTo,
+				source: chat,
+				target: companionTo
+			});
+			await invokePromise(AssistantOperation.SetCurrentChat, {
+				companionTo,
+				chat
+			});
+			await db.flush();
+		}, [
+			db,
+			chat,
+			companionTo,
+			invokePromise
+		]),
+		ref: forwardedRef
+	});
+});
+/**
+* Bind skills to the context.
+*/
+var useSkills$1 = ({ subject: chat, companionTo }) => {
+	const registry = useRegistry();
+	const space = getSpace(companionTo);
+	const [feedSnapshot] = useObject(chat?.feed);
+	const binder = useContextBinder(space, Obj.getReactiveOrUndefined(feedSnapshot));
+	const skillKeys = useMemo(() => {
+		const schema = companionTo ? Obj.getType(companionTo) : void 0;
+		if (!schema) return [];
+		return Option.getOrElse(() => [])(AppAnnotation.SkillsAnnotation.get(Type.getSchema(schema)));
+	}, [companionTo]);
+	const existingSkills = useQuery(space?.db, Filter.type(Skill.Skill));
+	const pluginSkills = useMemo(() => existingSkills.filter((skill) => {
+		const key = Obj.getMeta(skill).key;
+		return key !== void 0 && skillKeys.includes(key);
+	}), [existingSkills, skillKeys]);
+	const [instructionsSnapshot] = useObject(Obj.instanceOf(Project.Project, companionTo) ? companionTo.instructions : void 0);
+	useEffect(() => {
+		if (!chat || chat.instructions || !Obj.instanceOf(Project.Project, companionTo)) return;
+		const instructionsRef = companionTo.instructions;
+		if (instructionsRef) Obj.update(chat, (chat) => {
+			chat.instructions = instructionsRef;
+		});
+	}, [
+		chat,
+		companionTo,
+		instructionsSnapshot
+	]);
+	useAsyncEffect(async () => {
+		if (!binder?.isOpen) return;
+		if (skillKeys.length > 0) {
+			const registryKeys = skillKeys.filter((key) => {
+				const candidate = registry.list().find((e) => Entity.getMeta(e)?.key === key);
+				return candidate != null && Obj.instanceOf(Skill.Skill, candidate);
+			});
+			const dbForks = pluginSkills.filter((bp) => !registryKeys.includes(Obj.getMeta(bp).key ?? ""));
+			if (registryKeys.length > 0) await binder.bind({ skills: registryKeys.map((key) => Ref.fromURI(Skill.registryURI(key))) });
+			if (dbForks.length > 0) await binder.bind({ skills: dbForks.map((skill) => Ref.make(skill)) });
+		}
+		if (Obj.instanceOf(Skill.Skill, companionTo)) await binder.bind({ skills: [Ref.make(companionTo)] });
+		else await binder.bind({ objects: [Ref.make(companionTo)] });
+		if (Obj.instanceOf(Project.Project, companionTo)) {
+			const bindings = Project.contextBindings(companionTo);
+			if (bindings.skills.length > 0) await binder.bind({ skills: bindings.skills });
+			if (bindings.objects.length > 0) await binder.bind({ objects: bindings.objects });
+		}
+	}, [
+		binder,
+		skillKeys,
+		pluginSkills,
+		companionTo,
+		instructionsSnapshot
+	]);
+};
+ChatCompanion.displayName = "ChatCompanion";
+//#endregion
+export { ChatCompanion as default };
+
+//# sourceMappingURL=chunk-ChatCompanion.mjs.map

package/dist/lib/chunk-ChatCompanion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunk-ChatCompanion.mjs","names":[],"sources":["../../src/containers/ChatCompanion/ChatCompanion.tsx"],"sourcesContent":["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Option from 'effect/Option';\nimport React, { forwardRef, useCallback, useEffect, useMemo } from 'react';\n\nimport { useOperationInvoker } from '@dxos/app-framework/ui';\nimport { AppAnnotation } from '@dxos/app-toolkit';\nimport { type AppSurface } from '@dxos/app-toolkit/ui';\nimport { Chat } from '@dxos/assistant-toolkit';\nimport { getSpace } from '@dxos/client/echo';\nimport { Project, Skill } from '@dxos/compute';\nimport { Entity, Filter, Obj, Ref, Type } from '@dxos/echo';\nimport { useObject, useQuery } from '@dxos/echo-react';\nimport { SpaceOperation } from '@dxos/plugin-space';\nimport { useRegistry } from '@dxos/react-client/echo';\nimport { useAsyncEffect } from '@dxos/react-ui';\n\nimport { useContextBinder } from '#hooks';\nimport { AssistantOperation } from '#types';\n\nimport ChatArticle from '../ChatArticle';\n\nexport type ChatCompanionProps = AppSurface.ArticleProps<Chat.Chat, {}, Obj.Unknown>;\n\nexport const ChatCompanion = forwardRef<HTMLDivElement, ChatCompanionProps>(\n  ({ role = 'article', subject: chat, companionTo, attendableId }, forwardedRef) => {\n    const { invokePromise } = useOperationInvoker();\n    const db = Obj.getDatabase(companionTo);\n    useSkills({ subject: chat, companionTo });\n\n    // Persist (and flush) a transient chat before the first request so the agent can resolve\n    // the now-durable conversation feed; subsequent submits are a no-op once persisted.\n    const handleSubmit = useCallback(async () => {\n      if (!db || !chat || Obj.getDatabase(chat)) {\n        return;\n      }\n\n      await invokePromise(SpaceOperation.AddObject, {\n        object: chat,\n        target: db,\n      });\n      await invokePromise(SpaceOperation.AddRelation, {\n        db,\n        schema: Chat.CompanionTo,\n        source: chat,\n        target: companionTo,\n      });\n      await invokePromise(AssistantOperation.SetCurrentChat, {\n        companionTo,\n        chat,\n      });\n      await db.flush();\n    }, [db, chat, companionTo, invokePromise]);\n\n    return (\n      <ChatArticle\n        role={role}\n        subject={chat}\n        attendableId={attendableId}\n        companionTo={companionTo}\n        onSubmit={handleSubmit}\n        ref={forwardedRef}\n      />\n    );\n  },\n);\n\n/**\n * Bind skills to the context.\n */\n// TODO(burdon): Why is this only in the companion?\nconst useSkills = ({ subject: chat, companionTo }: Pick<ChatCompanionProps, 'subject' | 'companionTo'>) => {\n  const registry = useRegistry();\n  const space = getSpace(companionTo);\n  const [feedSnapshot] = useObject(chat?.feed);\n  const feedTarget = Obj.getReactiveOrUndefined(feedSnapshot);\n  const binder = useContextBinder(space, feedTarget);\n\n  const skillKeys = useMemo(() => {\n    const schema = companionTo ? Obj.getType(companionTo) : undefined;\n    if (!schema) {\n      return [] as string[];\n    }\n\n    return Option.getOrElse(() => [] as string[])(AppAnnotation.SkillsAnnotation.get(Type.getSchema(schema)));\n  }, [companionTo]);\n\n  const existingSkills = useQuery(space?.db, Filter.type(Skill.Skill));\n  const pluginSkills = useMemo(\n    () =>\n      existingSkills.filter((skill) => {\n        const key = Obj.getMeta(skill).key;\n        return key !== undefined && skillKeys.includes(key);\n      }),\n    [existingSkills, skillKeys],\n  );\n\n  // Subscribe so a project's instructions ref resolving after the project object itself (e.g. loading\n  // over the wire) re-triggers the effects below, mirroring the `feedSnapshot` subscription above.\n  const [instructionsSnapshot] = useObject(\n    Obj.instanceOf(Project.Project, companionTo) ? companionTo.instructions : undefined,\n  );\n\n  // Steer the chat with the project's instructions BY REFERENCE (chat.instructions → system prompt at\n  // request time). Also the lazy backfill: pre-existing project chats without the field pick it up here.\n  useEffect(() => {\n    if (!chat || chat.instructions || !Obj.instanceOf(Project.Project, companionTo)) {\n      return;\n    }\n    const instructionsRef = companionTo.instructions;\n    if (instructionsRef) {\n      Obj.update(chat, (chat) => {\n        chat.instructions = instructionsRef;\n      });\n    }\n  }, [chat, companionTo, instructionsSnapshot]);\n\n  useAsyncEffect(async () => {\n    if (!binder?.isOpen) {\n      return;\n    }\n\n    // Bind annotated skills: use key URI for registry skills (no DB clone needed).\n    if (skillKeys.length > 0) {\n      const registryKeys = skillKeys.filter((key) => {\n        const candidate = registry.list().find((e) => Entity.getMeta(e)?.key === key);\n        return candidate != null && Obj.instanceOf(Skill.Skill, candidate);\n      });\n\n      // DB-forked skills (in space but not in registry).\n      const dbForks = pluginSkills.filter((bp) => !registryKeys.includes(Obj.getMeta(bp).key ?? ''));\n      if (registryKeys.length > 0) {\n        await binder.bind({ skills: registryKeys.map((key) => Ref.fromURI(Skill.registryURI(key))) });\n      }\n      if (dbForks.length > 0) {\n        await binder.bind({ skills: dbForks.map((skill) => Ref.make(skill)) });\n      }\n    }\n\n    if (Obj.instanceOf(Skill.Skill, companionTo)) {\n      await binder.bind({ skills: [Ref.make(companionTo)] });\n    } else {\n      await binder.bind({ objects: [Ref.make(companionTo)] });\n    }\n\n    // Bind the project's skills and context objects into the session (instructions text travels\n    // via chat.instructions, set above).\n    if (Obj.instanceOf(Project.Project, companionTo)) {\n      const bindings = Project.contextBindings(companionTo);\n      if (bindings.skills.length > 0) {\n        await binder.bind({ skills: bindings.skills });\n      }\n      if (bindings.objects.length > 0) {\n        await binder.bind({ objects: bindings.objects });\n      }\n    }\n  }, [binder, skillKeys, pluginSkills, companionTo, instructionsSnapshot]);\n};\n\nChatCompanion.displayName = 'ChatCompanion';\n"],"mappings":"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"}