@ai-matrx/chat 0.5.18 → 0.6.1

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @ai-matrx/chat
 
+## 0.6.1
+### rendered-output P2 WP4: every artifact type attaches
+
+- `RenderedArtifactSource` carries `artifact_type`, the type's own `options` (first = default,
+  per-type labels: "Code", "Source", "Data", …; `unavailable` names why one is not offered yet)
+  and, for an UNSAVED block, `record_type: "inline"` + `body: { code, text }` — its content/text
+  ride `request.context` as a named entry (never `user_input`). Saved items keep the
+  `canvas_item` / `html_page` resource reference.
+- `readableText(value)` — the readable text form of structured data (server twin
+  `canvas_sources.readable_text`).
+- Composer: a `rendered_artifact` chip is `RenderedArtifactChip` — a representation part
+  switches content ↔ text, or captures a Screenshot now through the capture kept from attach time.
+- `attachRenderedArtifact` uploads a local (`kind: "file"`) capture through the file funnel when
+  no React upload hook is passed (canvas menus, message block actions).
+
+Consumer action: optional — pass `artifact_type` + `options` (and `body` for unsaved blocks).
+
+### rendered-output P2 WP3: Full Print draws canvases and marked surfaces
+
+- Full Print's pre-pass (`conversation/utils/frame-print`) now also swaps every `<canvas>` for the
+  picture it holds (an honest stand-in when another origin drew into it) and every
+  `[data-matrx-print-picture]` element for the host's picture of it — new port
+  `setElementPrintCapture` in `@ai-matrx/chat/host/frame-print` (a Leaflet map's tiles).
+
+Consumer action: optional — plug `setElementPrintCapture` to draw marked surfaces.
+
+## 0.6.0
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/chat/v0.5.18..npm/chat/v0.6.0 -- apps/shared/chat`).
+No source changes intended and no consumer action required.
+
 ## 0.5.18
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/agents/components/identity-refs/AiIdentityRef.d.ts

@@ -0,0 +1,33 @@
+/** The admin model console deep link. */
+export declare function aiModelHref(modelId: string): string;
+/** The admin tool console deep link. */
+export declare function toolHref(toolId: string): string;
+interface AiIdentityRefCommonProps {
+    /** Explicit joined label wins and avoids even a cached lookup. */
+    name?: string | null;
+    /** Audit/history mode: render the complete raw FK directly below the name. */
+    showId?: boolean;
+    showIcon?: boolean;
+    alwaysShowActions?: boolean;
+    openInNewTab?: boolean;
+    /** For identity text nested inside another interactive control. */
+    disableNavigation?: boolean;
+    className?: string;
+    labelClassName?: string;
+}
+export interface AiModelRefProps extends AiIdentityRefCommonProps {
+    modelId: string;
+    /**
+     * Naming the model an agent or run USES: a model with several classes is
+     * shown with its class ("Qwen3.8 27B · Matrx Lightning"). `offeringId` is the
+     * pin; none = the preferred class the server runs.
+     */
+    showClass?: boolean;
+    offeringId?: string | null;
+}
+export declare function AiModelRef({ modelId, showClass, offeringId, name, showId, showIcon, alwaysShowActions, openInNewTab, disableNavigation, className, labelClassName, }: AiModelRefProps): import("react").JSX.Element;
+export interface AiToolRefProps extends AiIdentityRefCommonProps {
+    toolId: string;
+}
+export declare function AiToolRef({ toolId, name, showId, showIcon, alwaysShowActions, openInNewTab, disableNavigation, className, labelClassName, }: AiToolRefProps): import("react").JSX.Element;
+export {};

package/dist/agents/components/identity-refs/AiIdentityRef.js

@@ -0,0 +1,138 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { withModelClass, selectModelById, selectModelClassName, selectModelIdentityById, selectModelIdentityLookupStatus } from "@ai-matrx/agents/models";
+import { humanizeIdentifier } from "@ai-matrx/kit/text-case";
+import { getModelRecords, useModelRecords } from "../../identity/model-catalog.js";
+import { loadToolById, selectToolById, selectToolLookupStatus, useToolCatalog } from "../../identity/tool-catalog.js";
+import { EntityRef } from "../../../host/ui-slots.js";
+import { selectIsSuperAdmin } from "../../../host/identity.js";
+import { useAppSelector } from "../../../store/hooks.js";
+const cn = (...parts) => parts.filter(Boolean).join(" ");
+const UUID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+const isUuidValue = (value) => typeof value === "string" && UUID.test(value.trim());
+function aiModelHref(modelId) {
+  return `/administration/ai/ai-models?model=${encodeURIComponent(modelId)}`;
+}
+function toolHref(toolId) {
+  return `/administration/agents/mcp-tools/${encodeURIComponent(toolId)}`;
+}
+function IdentityLabel({ id, name, showId }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex min-w-0",
+        showId ? "flex-col" : "items-baseline gap-1"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-medium", children: name }),
+        showId ? /* @__PURE__ */ jsx("span", { className: "select-all break-all font-mono type-meta font-normal text-muted-foreground", children: id }) : null
+      ]
+    }
+  );
+}
+function fallbackName(kind, id) {
+  return isUuidValue(id) ? `Unknown ${kind}` : humanizeIdentifier(id);
+}
+function AiModelRef({
+  modelId,
+  showClass = false,
+  offeringId,
+  name,
+  showId = false,
+  showIcon = true,
+  alwaysShowActions,
+  openInNewTab = true,
+  disableNavigation = false,
+  className,
+  labelClassName
+}) {
+  const model = useModelRecords((state) => selectModelById(state, modelId));
+  const historicalIdentity = useModelRecords(
+    (state) => selectModelIdentityById(state, modelId)
+  );
+  const lookupStatus = useModelRecords(
+    (state) => selectModelIdentityLookupStatus(state, modelId)
+  );
+  const isSuperAdmin = useAppSelector(selectIsSuperAdmin);
+  const classStatus = useModelRecords((s) => s.modelClassStatus);
+  const modelClass = useModelRecords(
+    (s) => showClass ? selectModelClassName(s, modelId, offeringId) : void 0
+  );
+  useEffect(() => {
+    if (showClass && !classStatus) getModelRecords().loadClasses();
+  }, [showClass, classStatus]);
+  useEffect(() => {
+    if (!name && !model && !historicalIdentity && isUuidValue(modelId) && lookupStatus === "idle") {
+      getModelRecords().loadIdentity(modelId);
+    }
+  }, [historicalIdentity, lookupStatus, model, modelId, name]);
+  const baseName = name?.trim() || model?.common_name || model?.name || historicalIdentity?.common_name || historicalIdentity?.name || fallbackName("AI model", modelId);
+  const resolvedName = withModelClass(baseName, modelClass);
+  const mustShowId = showId || !name && !model && !historicalIdentity && isUuidValue(modelId);
+  return /* @__PURE__ */ jsx(
+    EntityRef,
+    {
+      token: "ai_model",
+      id: modelId,
+      name: resolvedName,
+      href: isSuperAdmin && !disableNavigation ? aiModelHref(modelId) : void 0,
+      showIcon,
+      disablePeek: disableNavigation,
+      disableNewTab: disableNavigation,
+      openInNewTab,
+      alwaysShowActions,
+      wrap: mustShowId,
+      className,
+      labelClassName,
+      children: /* @__PURE__ */ jsx(IdentityLabel, { id: modelId, name: resolvedName, showId: mustShowId })
+    }
+  );
+}
+function AiToolRef({
+  toolId,
+  name,
+  showId = false,
+  showIcon = true,
+  alwaysShowActions,
+  openInNewTab = true,
+  disableNavigation = false,
+  className,
+  labelClassName
+}) {
+  const tool = useToolCatalog((state) => selectToolById(state, toolId));
+  const lookupStatus = useToolCatalog((state) => selectToolLookupStatus(state, toolId));
+  const isSuperAdmin = useAppSelector(selectIsSuperAdmin);
+  useEffect(() => {
+    if (!name && !tool && isUuidValue(toolId) && lookupStatus === "idle") {
+      void loadToolById(toolId);
+    }
+  }, [lookupStatus, name, tool, toolId]);
+  const resolvedName = name?.trim() || tool?.name || fallbackName("tool", toolId);
+  const mustShowId = showId || !name && !tool && isUuidValue(toolId);
+  return /* @__PURE__ */ jsx(
+    EntityRef,
+    {
+      token: "tool",
+      id: toolId,
+      name: resolvedName,
+      href: isSuperAdmin && !disableNavigation ? toolHref(toolId) : void 0,
+      showIcon,
+      disablePeek: disableNavigation,
+      disableNewTab: disableNavigation,
+      openInNewTab,
+      alwaysShowActions,
+      wrap: mustShowId,
+      className,
+      labelClassName,
+      children: /* @__PURE__ */ jsx(IdentityLabel, { id: toolId, name: resolvedName, showId: mustShowId })
+    }
+  );
+}
+export {
+  AiModelRef,
+  AiToolRef,
+  aiModelHref,
+  toolHref
+};

package/dist/agents/components/inputs/resources/RenderedArtifactChip.d.ts

@@ -0,0 +1,8 @@
+import type { ManagedResource } from "../../../types/instance.types.js";
+export declare function RenderedArtifactChip({ conversationId, resource, onRemove, onOpen, pressed, }: {
+    conversationId: string;
+    resource: ManagedResource;
+    onRemove: () => void;
+    onOpen: () => void;
+    pressed: boolean;
+}): import("react").JSX.Element | null;

package/dist/agents/components/inputs/resources/RenderedArtifactChip.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement, useState } from "react";
+import { Check, ChevronDown, Shapes } from "lucide-react";
+import { Popover, PopoverContent, PopoverTrigger } from "@ai-matrx/design-system";
+import { Tile } from "@ai-matrx/design-system/controls";
+import { useAppStore } from "../../../../store/hooks.js";
+import {
+  isRenderedArtifactRepresentation,
+  isRenderedArtifactSource,
+  renderedArtifactCaptureFor,
+  renderedArtifactOptionsOf,
+  renderedArtifactRepresentationLabel
+} from "../../../utils/renderedArtifactContext.js";
+import { ComposerChip, ComposerChipPart } from "../smart-input/ComposerChip.js";
+import { compactChipLabel } from "../../messages-display/user/compact-chip-label.js";
+import { attachRenderedArtifact } from "./useAttachRenderedArtifact.js";
+import {
+  removeResource,
+  setResourcePreview,
+  updateResourceOptions
+} from "../../../redux/execution-system/instance-resources/instance-resources.slice.js";
+function RenderedArtifactChip({
+  conversationId,
+  resource,
+  onRemove,
+  onOpen,
+  pressed
+}) {
+  const store = useAppStore();
+  const [open, setOpen] = useState(false);
+  const source = isRenderedArtifactSource(resource.source) ? resource.source : null;
+  if (!source) return null;
+  const current = isRenderedArtifactRepresentation(
+    resource.options.representation
+  ) ? resource.options.representation : "code";
+  const title = source.title || "Artifact";
+  const capture = renderedArtifactCaptureFor(source);
+  const choose = async (value) => {
+    setOpen(false);
+    if (value === current) return;
+    const { resourceId } = resource;
+    if (value !== "screenshot") {
+      store.dispatch(updateResourceOptions({ conversationId, resourceId, options: { representation: value } }));
+      store.dispatch(
+        setResourcePreview({
+          conversationId,
+          resourceId,
+          preview: `${title} \xB7 ${renderedArtifactRepresentationLabel(source, value)}`
+        })
+      );
+      return;
+    }
+    if (!capture) return;
+    const ok = await attachRenderedArtifact(
+      { dispatch: store.dispatch, getState: store.getState },
+      conversationId,
+      { source, representation: "screenshot", capture }
+    );
+    if (ok) store.dispatch(removeResource({ conversationId, resourceId }));
+  };
+  const stop = (event) => event.stopPropagation();
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(
+      ComposerChip,
+      {
+        tone: "quiet",
+        onClick: onOpen,
+        "aria-label": `Attached ${source.artifact_type ?? "artifact"}: ${title}`,
+        pressed,
+        icon: createElement(Shapes),
+        label: compactChipLabel(title),
+        remove: { label: `Remove ${title}`, onRemove },
+        parts: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          ComposerChipPart,
+          {
+            tone: "quiet",
+            onClick: stop,
+            onPointerDown: stop,
+            "aria-label": `What the AI receives from ${title}: ${renderedArtifactRepresentationLabel(source, current)}`,
+            children: [
+              /* @__PURE__ */ jsx("span", { children: renderedArtifactRepresentationLabel(source, current) }),
+              /* @__PURE__ */ jsx(ChevronDown, { className: "!size-3" })
+            ]
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx(PopoverContent, { sizing: "content", side: "top", align: "start", sideOffset: 6, className: "p-1", onClick: stop, children: renderedArtifactOptionsOf(source).map((option) => {
+      const blocked = option.unavailable ?? (option.value === "screenshot" && !capture ? "Attach again to capture" : void 0);
+      return /* @__PURE__ */ jsx(
+        Tile,
+        {
+          variant: "quiet",
+          icon: option.value === current ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx("span", {}),
+          title: option.label,
+          selected: option.value === current,
+          line: blocked ?? option.hint,
+          disabled: Boolean(blocked),
+          onClick: () => void choose(option.value)
+        },
+        option.value
+      );
+    }) })
+  ] });
+}
+export {
+  RenderedArtifactChip
+};

package/dist/agents/components/inputs/resources/SmartAgentResourceChips.js

@@ -22,6 +22,7 @@ import { revokeTrackedObjectUrl } from "@ai-matrx/media/files";
 import { resolveContextItemDef } from "../../context-items/registry.js";
 import { remarkKindDisplay } from "../../context-items/remark-display.js";
 import { dismissRemarkChip, remarkSourceOf } from "../../../redux/execution-system/instance-resources/remarks.js";
+import { RenderedArtifactChip } from "./RenderedArtifactChip.js";
 import {
   AttachedDocumentChip
 } from "./AttachedDocumentChip.js";
@@ -293,6 +294,25 @@ function SmartAgentResourceChips({
             onSettingsChange: (settings) => handleDocumentSettings(resource.resourceId, settings)
           },
           resource.resourceId
+        ) : resource.blockType === "rendered_artifact" && resource.status === "ready" ? /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0, scale: 0.85 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.85 },
+            className: "inline-flex shrink-0",
+            children: /* @__PURE__ */ jsx(
+              RenderedArtifactChip,
+              {
+                conversationId,
+                resource,
+                onRemove: () => handleRemove(resource.resourceId),
+                onOpen: () => openDrawerForResource(resource.resourceId),
+                pressed: isShowingResource(resource.resourceId)
+              }
+            )
+          },
+          resource.resourceId
         ) : /* @__PURE__ */ jsx(
           ResourceChip,
           {

package/dist/agents/components/inputs/resources/useAttachRenderedArtifact.js

@@ -9,10 +9,34 @@ import {
 } from "../../../redux/execution-system/instance-resources/instance-resources.slice.js";
 import { generateResourceId } from "../../../redux/execution-system/utils/ids.js";
 import {
-  RENDERED_ARTIFACT_BLOCK_TYPE
+  RENDERED_ARTIFACT_BLOCK_TYPE,
+  registerRenderedArtifactCapture,
+  renderedArtifactRepresentationLabel
 } from "../../../utils/renderedArtifactContext.js";
+import { fileHandler } from "@ai-matrx/media/files/engine/handler/handler";
+import { composeUploadFolderPath } from "@ai-matrx/media/files";
+import {
+  ensureExecutionOrganization,
+  requireExecutionOrganizationId
+} from "../../../redux/execution-system/utils/required-organization.js";
 import { attachResourceToConversation } from "./attach-resource.js";
 import { useUploadAgentResources } from "./usePasteImageResource.js";
+async function uploadCapturedImage(store, conversationId, file) {
+  const state = store.getState();
+  const organizationId = await ensureExecutionOrganization(state, conversationId) ?? requireExecutionOrganizationId(state, conversationId);
+  const uploaded = await fileHandler.upload(
+    { kind: "file", file },
+    {
+      folderPath: composeUploadFolderPath("attachments", "screenshots"),
+      visibility: "personal",
+      metadata: { scope: { organization_id: organizationId } },
+      createShareLink: true,
+      shareLinkPermissionLevel: "viewer"
+    }
+  );
+  if (!uploaded.fileId) throw new Error("The screenshot upload returned no file id");
+  return { fileId: uploaded.fileId, url: uploaded.url ?? null };
+}
 function screenshotName(title) {
   const base = title.trim().replace(/[^\w\s.-]+/g, "").trim().slice(0, 60) || "page";
   return `${base} screenshot.png`;
@@ -37,6 +61,7 @@ async function attachRenderedArtifact(store, conversationId, { source, represent
     toast.error("Open a chat to attach this to.");
     return false;
   }
+  if (capture) registerRenderedArtifactCapture(source, capture);
   if (representation !== "screenshot") {
     const resourceId = generateResourceId();
     dispatch(
@@ -52,7 +77,7 @@ async function attachRenderedArtifact(store, conversationId, { source, represent
       setResourcePreview({
         conversationId,
         resourceId,
-        preview: `${source.title || "Page"} \xB7 ${representation === "code" ? "Code" : "Text"}`
+        preview: `${source.title || "Artifact"} \xB7 ${renderedArtifactRepresentationLabel(source, representation)}`
       })
     );
     return true;
@@ -77,18 +102,18 @@ async function attachRenderedArtifact(store, conversationId, { source, represent
     if (state.instanceResources.byConversationId[conversationId]?.[placeholderId] === void 0) {
       return false;
     }
-    if (result.kind === "file") {
-      if (!uploadFiles) throw new Error("This capture needs an upload, which is not available here");
+    if (result.kind === "file" && uploadFiles) {
       dispatch(removeResource({ conversationId, resourceId: placeholderId }));
       await uploadFiles([result.file]);
       return true;
     }
+    const stored = result.kind === "file" ? await uploadCapturedImage(store, conversationId, result.file) : result;
     const attached = await attachResourceToConversation(store, conversationId, {
       type: "file",
       data: {
-        id: result.fileId,
+        id: stored.fileId,
         filename: name,
-        url: result.url ?? void 0,
+        url: stored.url ?? void 0,
         type: "image/png",
         mime_type: "image/png",
         details: { filename: name }

package/dist/agents/components/inputs/smart-input/QuicksetPanel.js

@@ -42,15 +42,11 @@ import {
   selectAgentTools,
   selectAgentRunControlsReady
 } from "../../../redux/agent-definition/selectors.js";
-import {
-  selectAllTools,
-  selectToolsStatus
-} from "../../../redux/tools/tools.selectors.js";
-import { fetchAvailableTools } from "../../../redux/tools/tools.thunks.js";
 import { fetchAgentRunControls } from "../../../redux/agent-definition/thunks.js";
-import { AiToolRef } from "../../../../host/ui-slots.js";
+import { AiToolRef } from "../../identity-refs/AiIdentityRef.js";
 import { useTouchOnlyDevice } from "../../../../ui/composer/useTouchOnlyDevice.js";
 import { selectSandboxBySurface } from "../../../../host/prefs.js";
+import { loadAvailableTools, selectAllTools, selectToolsStatus, useToolCatalog } from "../../../identity/tool-catalog.js";
 const EMPTY_LIST = [];
 function Row({ label, children }) {
   return /* @__PURE__ */ jsxs("div", { className: "grid min-h-8 grid-cols-[9rem_minmax(0,1fr)] items-center gap-2", children: [
@@ -140,8 +136,8 @@ function QuicksetPanel({
   const mcpServers = useAppSelector(
     (state) => agentId ? selectAgentMcpServers(state, agentId) : EMPTY_LIST
   );
-  const toolCatalog = useAppSelector(selectAllTools);
-  const toolsStatus = useAppSelector(selectToolsStatus);
+  const toolCatalog = useToolCatalog(selectAllTools);
+  const toolsStatus = useToolCatalog(selectToolsStatus);
   const agentReady = useAppSelector(
     (state) => agentId ? selectAgentRunControlsReady(state, agentId) : true
   );
@@ -156,7 +152,7 @@ function QuicksetPanel({
   });
   useEffect(() => {
     if (toolsStatus !== "succeeded" && toolsStatus !== "loading") {
-      void dispatch(fetchAvailableTools());
+      void loadAvailableTools();
     }
   }, [dispatch, toolsStatus]);
   useEffect(() => {

package/dist/agents/components/inputs/smart-input/RunSkillPicker.js

@@ -17,7 +17,7 @@ import { fetchAgentRunControls } from "../../../redux/agent-definition/thunks.js
 import { selectBuilderAdvancedSettings } from "../../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { setBuilderAdvancedSettings } from "../../../redux/execution-system/instance-ui-state/instance-ui-state.slice.js";
 import { DEFAULT_BUILDER_ADVANCED_SETTINGS } from "../../../types/instance.types.js";
-import { useSkills } from "../../../../host/ui-slots.js";
+import { useSkills } from "../../../identity/skill-catalog.js";
 import { ReadFailure } from "../../../../host/ui-slots.js";
 import { filterAndSortBySearch } from "@ai-matrx/kit/search-scoring";
 import {

package/dist/agents/components/inputs/smart-input/RunToolPicker.js

@@ -14,13 +14,7 @@ import {
   PicksSkeletons,
   PicksSwitchRow
 } from "./RunPicksSurface.js";
-import {
-  selectAllTools,
-  selectToolsStatus,
-  selectToolsError
-} from "../../../redux/tools/tools.selectors.js";
 import { ReadFailure } from "../../../../host/ui-slots.js";
-import { fetchAvailableTools } from "../../../redux/tools/tools.thunks.js";
 import {
   selectAgentError,
   selectAgentTools,
@@ -44,11 +38,12 @@ import { DEFAULT_BUILDER_ADVANCED_SETTINGS } from "../../../types/instance.types
 import { filterAndSortBySearch } from "@ai-matrx/kit/search-scoring";
 import { getToolDisplayName } from "../../../../tool-call-visualization/registry/registry.js";
 import { groupToolCatalog, toolCategoryLabel } from "./run-tool-catalog.js";
+import { loadAvailableTools, selectAllTools, selectToolsError, selectToolsStatus, useToolCatalog } from "../../../identity/tool-catalog.js";
 function RunToolPicker({ conversationId }) {
   const dispatch = useAppDispatch();
-  const tools = useAppSelector(selectAllTools);
-  const status = useAppSelector(selectToolsStatus);
-  const toolsError = useAppSelector(selectToolsError);
+  const tools = useToolCatalog(selectAllTools);
+  const status = useToolCatalog(selectToolsStatus);
+  const toolsError = useToolCatalog(selectToolsError);
   const agentId = useAppSelector(selectAgentIdFromInstance(conversationId));
   const agentToolIds = useAppSelector(
     (s) => agentId ? selectAgentTools(s, agentId) : void 0
@@ -92,7 +87,7 @@ function RunToolPicker({ conversationId }) {
   const added = new Set(addedList);
   useEffect(() => {
     if (status === "idle") {
-      void dispatch(fetchAvailableTools());
+      void loadAvailableTools();
     }
   }, [status, dispatch]);
   useEffect(() => {
@@ -249,7 +244,7 @@ function RunToolPicker({ conversationId }) {
           error: toolsError ?? true,
           what: "the tool catalog",
           className: "m-2",
-          onRetry: () => void dispatch(fetchAvailableTools())
+          onRetry: () => void loadAvailableTools()
         }
       ) : void 0,
       addDisabledReason: modelSupportsTools ? void 0 : "Pick a model that supports tools to add any."

package/dist/agents/components/inputs/smart-input/ShapeChipsRow.js

@@ -12,7 +12,7 @@ import { useAppDispatch, useAppSelector } from "../../../../store/hooks.js";
 import { selectBuilderAdvancedSettings } from "../../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { setBuilderAdvancedSettings } from "../../../redux/execution-system/instance-ui-state/instance-ui-state.slice.js";
 import { DEFAULT_BUILDER_ADVANCED_SETTINGS } from "../../../types/instance.types.js";
-import { useSkills } from "../../../../host/ui-slots.js";
+import { useSkills } from "../../../identity/skill-catalog.js";
 import { SHAPE_CHIP_DEFS } from "./shape-chips.js";
 import { selectedOutputKinds, toggleOutputKind } from "./composer/output-selection.js";
 const CHIP_ICONS = {

package/dist/agents/components/inputs/smart-input/composer/ComposerEffortPill.js

@@ -12,7 +12,7 @@ import {
   resetOverride,
   setOverrides
 } from "../../../../redux/execution-system/instance-model-overrides/instance-model-overrides.slice.js";
-import { useModelFull } from "../../../../../host/ui-slots.js";
+import { useModelFull } from "../../../../identity/model-catalog.js";
 import { resolveModelControls } from "../../../../hooks/useModelControls.js";
 import {
   ComposerMenuDivider,

package/dist/agents/components/inputs/smart-input/composer/ComposerOutput.js

@@ -31,7 +31,7 @@ import { useAppDispatch, useAppSelector } from "../../../../../store/hooks.js";
 import { selectBuilderAdvancedSettings } from "../../../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
 import { setBuilderAdvancedSettings } from "../../../../redux/execution-system/instance-ui-state/instance-ui-state.slice.js";
 import { DEFAULT_BUILDER_ADVANCED_SETTINGS } from "../../../../types/instance.types.js";
-import { useSkills } from "../../../../../host/ui-slots.js";
+import { useSkills } from "../../../../identity/skill-catalog.js";
 import { useClippedContentGuard } from "../../../../../host/ui-slots.js";
 import { ComposerMenuDivider, ComposerMenuHelp, ComposerMenuLabel, ComposerMenuRow } from "./ComposerMenu.js";
 import {

package/dist/agents/components/inputs/smart-input/composer/ComposerPlusMenu.js

@@ -33,7 +33,7 @@ import { useAppDispatch, useAppSelector } from "../../../../../store/hooks.js";
 import { ResourcePickerMenu } from "../../../../../host/ui-slots.js";
 import { flattenResourcePickerItems } from "../../../../../host/ui-slots.js";
 import { useKnowledgeAttachSearch } from "../../../../../host/ui-slots.js";
-import { useRunControlCounts } from "../../../../../host/ui-slots.js";
+import { useRunControlCounts } from "./useRunControlCounts.js";
 import {
   useAttachResource,
   useDetachResource

package/dist/agents/components/inputs/smart-input/composer/useComposerAgent.js

@@ -13,7 +13,7 @@ import {
   selectModelLabelById,
   selectModelLabelWithClass
 } from "@ai-matrx/agents/models";
-import { useModelOptions } from "../../../../../host/ui-slots.js";
+import { useModelOptions } from "../../../../identity/model-catalog.js";
 import { useModelClassLabels, useModelRecords } from "../../../../identity/model-catalog.js";
 import { useEffectiveClassPin } from "../../../../redux/execution-system/instance-model-overrides/useEffectiveClassPin.js";
 import { ensureAgentCatalog, useAgentName } from "../../../../identity/agent-identity.js";

package/dist/agents/components/inputs/smart-input/composer/useRunControlCounts.d.ts

@@ -0,0 +1,3 @@
+import { type RunControlCounts } from "@ai-matrx/agents/runtime";
+export type { RunControlCounts };
+export declare function useRunControlCounts(conversationId?: string): RunControlCounts;

package/dist/agents/components/inputs/smart-input/composer/useRunControlCounts.js

@@ -0,0 +1,54 @@
+"use client";
+import { useEffect } from "react";
+import { computeRunControlCounts } from "@ai-matrx/agents/runtime";
+import { hasField } from "@ai-matrx/agents/field-flags";
+import { useAppDispatch, useAppSelector } from "../../../../../store/hooks.js";
+import { selectAgentIdFromInstance } from "../../../../redux/execution-system/conversations/conversations.selectors.js";
+import {
+  selectAgentById,
+  selectAgentCustomTools,
+  selectAgentRunTier,
+  selectAgentSkillConfig,
+  selectAgentTools
+} from "../../../../redux/agent-definition/selectors.js";
+import { fetchAgentRunTier } from "../../../../redux/agent-definition/thunks.js";
+import { selectBuilderAdvancedSettings } from "../../../../redux/execution-system/instance-ui-state/instance-ui-state.selectors.js";
+import { DEFAULT_BUILDER_ADVANCED_SETTINGS } from "../../../../types/instance.types.js";
+function useRunControlCounts(conversationId) {
+  const dispatch = useAppDispatch();
+  const agentId = useAppSelector((s) => conversationId ? selectAgentIdFromInstance(conversationId)(s) : void 0);
+  const runTierReady = useAppSelector((s) => agentId ? selectAgentRunTier(s, agentId).isReady : false);
+  const customToolsKnown = useAppSelector((s) => {
+    const record = agentId ? selectAgentById(s, agentId) : void 0;
+    return !!record && hasField(record._loadedFields, "customTools");
+  });
+  const skillConfigKnown = useAppSelector((s) => {
+    const record = agentId ? selectAgentById(s, agentId) : void 0;
+    return !!record && hasField(record._loadedFields, "skillConfig");
+  });
+  const runCounts = useAppSelector((s) => agentId ? selectAgentRunTier(s, agentId).counts : null);
+  const builtInToolIds = useAppSelector((s) => agentId ? selectAgentTools(s, agentId) : void 0);
+  const customTools = useAppSelector((s) => agentId ? selectAgentCustomTools(s, agentId) : void 0);
+  const skillConfig = useAppSelector((s) => agentId ? selectAgentSkillConfig(s, agentId) : void 0);
+  const settings = useAppSelector((s) => conversationId ? selectBuilderAdvancedSettings(conversationId)(s) : void 0);
+  useEffect(() => {
+    if (agentId && !runTierReady) void dispatch(fetchAgentRunTier(agentId));
+  }, [agentId, runTierReady, dispatch]);
+  if (!conversationId) return {};
+  const advanced = settings ?? DEFAULT_BUILDER_ADVANCED_SETTINGS;
+  return computeRunControlCounts({
+    hasAgent: Boolean(agentId),
+    runTierReady,
+    runCounts,
+    builtInToolIds: Array.isArray(builtInToolIds) ? builtInToolIds : [],
+    customTools: Array.isArray(customTools) ? customTools : [],
+    customToolsKnown,
+    skillConfig: skillConfig ?? null,
+    skillConfigKnown,
+    addedTools: advanced.addedTools ?? [],
+    addedSkills: advanced.addedSkills ?? []
+  });
+}
+export {
+  useRunControlCounts
+};

package/dist/agents/components/model-tiers/ModelTierIdentityList.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { AiModelRef } from "../../../host/ui-slots.js";
+import { AiModelRef } from "../identity-refs/AiIdentityRef.js";
 import { cn } from "@ai-matrx/design-system";
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);