@agent-factory-platform/agent-react 0.3.0 → 0.5.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import "./styles.css";
 export { useAgentSession } from "./hooks";
 export { AgentSlotRegistry, dataFallback, type AgentDataDecoder, type AgentSlot, type AgentSlotProps, type AgentSlotValues, type DecodedAgentDataProjection } from "./registry";
-export { AgentActionCard, AgentChat, AgentComposer, AgentCompositionPanel, AgentConversation, AgentExecutionTrace, AgentProfileEditor, AgentProfileSettings, AgentResourceBar, AgentSessionList, AgentStudio, DEFAULT_AGENT_UI_LABELS, type AgentInputResource, type AgentUiLabels } from "./ui";
+export { AgentActionCard, AgentChat, AgentComposer, AgentConversation, AgentExecutionTrace, AgentResourceBar, AgentSessionList, DEFAULT_AGENT_UI_LABELS, type AgentInputResource, type AgentUiLabels } from "./ui";
+export { AgentCompositionPanel, AgentProfileEditor, AgentProfileSettings, AgentStudio, compositionIssueLabel } from "./profile";
 export { AgentCapabilityCatalog, AgentCollaborationCenter, AgentDocumentLibrary, AgentMemoryCenter, AgentRevisionHistory, capabilityKey, type AgentDocumentResource } from "./management";
 export { AgentSessionModel, type AgentProjectionItem, type AgentSessionProjection, type AgentSessionState, type AgentSessionTransport } from "@agent-factory-platform/client";

package/dist/index.js

@@ -1,19 +1,19 @@
 var Be = Object.defineProperty;
-var Re = (e) => {
+var Te = (e) => {
   throw TypeError(e);
 };
 var Le = (e, l, s) => l in e ? Be(e, l, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[l] = s;
-var pe = (e, l, s) => Le(e, typeof l != "symbol" ? l + "" : l, s), ge = (e, l, s) => l.has(e) || Re("Cannot " + s);
-var _ = (e, l, s) => (ge(e, l, "read from private field"), s ? s.call(e) : l.get(e)), K = (e, l, s) => l.has(e) ? Re("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(e) : l.set(e, s), $e = (e, l, s, r) => (ge(e, l, "write to private field"), r ? r.call(e, s) : l.set(e, s), s), te = (e, l, s) => (ge(e, l, "access private method"), s);
-import { useSyncExternalStore as qe, useState as T, useMemo as Oe, useEffect as Ue } from "react";
+var pe = (e, l, s) => Le(e, typeof l != "symbol" ? l + "" : l, s), ge = (e, l, s) => l.has(e) || Te("Cannot " + s);
+var _ = (e, l, s) => (ge(e, l, "read from private field"), s ? s.call(e) : l.get(e)), K = (e, l, s) => l.has(e) ? Te("Cannot add the same private member more than once") : l instanceof WeakSet ? l.add(e) : l.set(e, s), Re = (e, l, s, r) => (ge(e, l, "write to private field"), r ? r.call(e, s) : l.set(e, s), s), te = (e, l, s) => (ge(e, l, "access private method"), s);
+import { useSyncExternalStore as je, useState as T, useEffect as Oe, useMemo as Ue } from "react";
 import { jsx as a, jsxs as t, Fragment as me } from "react/jsx-runtime";
 import { create as m } from "@bufbuild/protobuf";
 import { agentV1 as v } from "@agent-factory-platform/client";
-import { AgentSessionModel as Ea } from "@agent-factory-platform/client";
-import { Card as V, CardLabel as N, CardTitle as P, Tag as y, Button as S, AvatarBadge as ve, Textarea as re, StateView as z, Input as x, NativeSelect as fe, Switch as D } from "@agent-factory-platform/ui-kit";
-import { Wrench as Je, Paperclip as Fe, CircleStop as Ke, Send as Ge, Bot as De, Sparkles as Ve, Check as He, MessageSquarePlus as Ye, ChevronRight as We, Trash2 as Qe, PackageCheck as Xe, Network as Ie, BookOpen as Ze, Brain as ea, GitFork as aa } from "lucide-react";
+import { AgentSessionModel as ja } from "@agent-factory-platform/client";
+import { Card as V, CardLabel as N, CardTitle as P, Tag as y, Button as S, AvatarBadge as ve, StateView as z, Input as x, Textarea as re, NativeSelect as fe, Switch as D } from "@agent-factory-platform/ui-kit";
+import { Wrench as Je, Sparkles as Fe, Check as Ke, Bot as qe, Paperclip as Ge, CircleStop as Ve, Send as He, MessageSquarePlus as Ye, ChevronRight as We, Trash2 as Qe, PackageCheck as Xe, Network as $e, BookOpen as Ze, Brain as ea, GitFork as aa } from "lucide-react";
 function na(e) {
-  return qe(e.subscribe, e.getSnapshot, e.getSnapshot);
+  return je(e.subscribe, e.getSnapshot, e.getSnapshot);
 }
 var B, L, G, se, O, ie;
 class _a {
@@ -58,7 +58,7 @@ class _a {
   }
 }
 B = new WeakMap(), L = new WeakMap(), G = new WeakMap(), se = new WeakMap(), O = new WeakSet(), ie = function() {
-  $e(this, se, _(this, se) + 1), _(this, G).forEach((l) => l());
+  Re(this, se, _(this, se) + 1), _(this, G).forEach((l) => l());
 };
 function be(e, l) {
   return /* @__PURE__ */ t("span", { "data-agent-data-fallback": l, children: [
@@ -67,136 +67,36 @@ function be(e, l) {
     e || "(unnamed)"
   ] });
 }
-const Se = {
-  assistant: "Assistant",
-  newSession: "New conversation",
-  sessions: "Conversations",
-  emptyTitle: "How can I help?",
-  emptyDescription: "Ask a question in this profile-pinned session.",
-  composer: "Message the assistant",
-  send: "Send",
-  stop: "Stop",
-  retry: "Retry",
-  execution: "Execution",
-  explicitSkill: "Invoke skill"
-}, ce = (e) => ({
-  ...Se,
-  ...e
-}), la = () => () => {
-}, Me = () => 0;
-function de(e) {
-  qe(
+const la = () => () => {
+}, Ie = () => 0;
+function ce(e) {
+  je(
     (e == null ? void 0 : e.subscribe) ?? la,
-    (e == null ? void 0 : e.getSnapshot) ?? Me,
-    (e == null ? void 0 : e.getSnapshot) ?? Me
+    (e == null ? void 0 : e.getSnapshot) ?? Ie,
+    (e == null ? void 0 : e.getSnapshot) ?? Ie
   );
 }
 function ta({
-  sessions: e,
-  activeSessionId: l,
-  onSelect: s,
-  onNew: r,
-  onDelete: n,
-  labels: o
-}) {
-  const c = ce(o);
-  return /* @__PURE__ */ t("aside", { className: "af-agent-threads", "aria-label": c.sessions, children: [
-    /* @__PURE__ */ t("div", { className: "af-agent-threads__header", children: [
-      /* @__PURE__ */ a("strong", { children: c.sessions }),
-      /* @__PURE__ */ a(
-        S,
-        {
-          size: "icon",
-          variant: "ghost",
-          onClick: r,
-          "aria-label": c.newSession,
-          children: /* @__PURE__ */ a(Ye, { size: 17, "aria-hidden": !0 })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a("div", { className: "af-agent-threads__list", children: e.map((d) => /* @__PURE__ */ t(
-      "div",
-      {
-        className: "af-agent-thread-row",
-        "data-active": d.id === l || void 0,
-        children: [
-          /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              className: "af-agent-thread-row__select",
-              onClick: () => s(d.id),
-              children: [
-                /* @__PURE__ */ a("span", { children: d.profileRevisionId }),
-                /* @__PURE__ */ a(We, { size: 14, "aria-hidden": !0 })
-              ]
-            }
-          ),
-          n && /* @__PURE__ */ a(
-            "button",
-            {
-              type: "button",
-              className: "af-agent-icon-button",
-              onClick: () => n(d.id),
-              "aria-label": `Delete ${d.id}`,
-              children: /* @__PURE__ */ a(Qe, { size: 14, "aria-hidden": !0 })
-            }
-          )
-        ]
-      },
-      d.id
-    )) })
-  ] });
-}
-function ia({
-  profileRevisionId: e,
-  explicitSkillSlug: l,
-  onExplicitSkillChange: s,
-  labels: r,
-  registry: n
-}) {
-  de(n);
-  const o = n == null ? void 0 : n.render("resource-bar", {
-    profileRevisionId: e,
-    explicitSkillSlug: l,
-    setExplicitSkillSlug: s
-  });
-  if (o) return o;
-  const c = ce(r);
-  return /* @__PURE__ */ t("div", { className: "af-agent-resources", "aria-label": "Agent resources", children: [
-    /* @__PURE__ */ a(y, { tone: "cool", children: e }),
-    /* @__PURE__ */ a(
-      x,
-      {
-        "aria-label": c.explicitSkill,
-        placeholder: c.explicitSkill,
-        value: l,
-        onChange: (d) => s(d.target.value)
-      }
-    )
-  ] });
-}
-function ra({
   items: e,
-  label: l = Se.execution,
+  label: l = "Execution",
   registry: s
 }) {
-  return de(s), e.length ? /* @__PURE__ */ t("details", { className: "af-agent-trace", children: [
+  return ce(s), e.length ? /* @__PURE__ */ t("details", { className: "af-agent-trace", children: [
     /* @__PURE__ */ t("summary", { children: [
-      /* @__PURE__ */ a(Ve, { size: 14, "aria-hidden": !0 }),
+      /* @__PURE__ */ a(Fe, { size: 14, "aria-hidden": !0 }),
       l,
       /* @__PURE__ */ a(y, { size: "micro", tone: "cool", children: e.length })
     ] }),
     /* @__PURE__ */ a("ol", { children: e.map((r) => /* @__PURE__ */ a("li", { "data-category": r.category, children: (s == null ? void 0 : s.render("trace-item", r)) ?? /* @__PURE__ */ t(me, { children: [
       /* @__PURE__ */ t("span", { children: [
-        /* @__PURE__ */ a(He, { size: 13, "aria-hidden": !0 }),
+        /* @__PURE__ */ a(Ke, { size: 13, "aria-hidden": !0 }),
         r.kind
       ] }),
       /* @__PURE__ */ a("span", { children: [r.status, r.detail].filter(Boolean).join(" · ") })
     ] }) }, r.anchorSeq.toString())) })
   ] }) : null;
 }
-function sa({
+function ia({
   interaction: e,
   onResolve: l
 }) {
@@ -247,110 +147,7 @@ function sa({
     n && /* @__PURE__ */ a("p", { role: "alert", children: n })
   ] });
 }
-function ca({
-  value: e,
-  onChange: l,
-  onSubmit: s,
-  running: r,
-  onStop: n,
-  onInject: o,
-  onAttachResource: c,
-  resources: d = [],
-  onRemoveResource: u,
-  labels: f
-}) {
-  const g = ce(f);
-  return /* @__PURE__ */ t(
-    "form",
-    {
-      className: "af-agent-composer",
-      "data-running": r || void 0,
-      onSubmit: (b) => {
-        b.preventDefault(), e.trim() && s();
-      },
-      children: [
-        d.length > 0 && /* @__PURE__ */ a(
-          "div",
-          {
-            className: "af-agent-composer__resources",
-            "aria-label": "Attached resources",
-            children: d.map((b) => /* @__PURE__ */ t(y, { tone: "cool", children: [
-              b.label,
-              u && /* @__PURE__ */ a(
-                "button",
-                {
-                  type: "button",
-                  "aria-label": `Remove ${b.label}`,
-                  onClick: () => u(b.resourceId),
-                  children: "×"
-                }
-              )
-            ] }, b.resourceId))
-          }
-        ),
-        /* @__PURE__ */ a(
-          re,
-          {
-            rows: 2,
-            variant: "bare",
-            value: e,
-            onChange: (b) => l(b.target.value),
-            "aria-label": g.composer,
-            placeholder: r ? "Steer the active run" : g.composer,
-            onKeyDown: (b) => {
-              b.key === "Enter" && !b.shiftKey && (b.preventDefault(), e.trim() && s());
-            }
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "af-agent-composer__actions", children: [
-          c && /* @__PURE__ */ a(
-            S,
-            {
-              type: "button",
-              size: "icon",
-              variant: "ghost",
-              onClick: c,
-              "aria-label": "Attach document",
-              children: /* @__PURE__ */ a(Fe, { size: 17, "aria-hidden": !0 })
-            }
-          ),
-          r && o && /* @__PURE__ */ a(
-            S,
-            {
-              type: "button",
-              size: "compact",
-              variant: "ghost",
-              disabled: !e.trim(),
-              onClick: o,
-              children: "Inject"
-            }
-          ),
-          r ? /* @__PURE__ */ a(
-            S,
-            {
-              type: "button",
-              size: "icon",
-              variant: "secondary",
-              onClick: n,
-              "aria-label": g.stop,
-              children: /* @__PURE__ */ a(Ke, { size: 17, "aria-hidden": !0 })
-            }
-          ) : /* @__PURE__ */ a(
-            S,
-            {
-              type: "submit",
-              size: "icon",
-              disabled: !e.trim(),
-              "aria-label": g.send,
-              children: /* @__PURE__ */ a(Ge, { size: 17, "aria-hidden": !0 })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function da({
+function ra({
   item: e
 }) {
   return /* @__PURE__ */ t(V, { as: "article", children: [
@@ -372,12 +169,12 @@ function da({
     ] })
   ] });
 }
-function oa({
+function sa({
   items: e,
   registry: l,
   onResolveInteraction: s
 }) {
-  de(l);
+  ce(l);
   const r = e.filter(
     (n) => n.slot !== "trace-item" && (n.slot !== "message-content" || n.text.length > 0)
   );
@@ -411,18 +208,18 @@ function oa({
         "data-slot": n.slot,
         "data-anchor-seq": n.anchorSeq.toString(),
         "data-last-updated-seq": n.lastUpdatedSeq.toString(),
-        children: n.slot === "tool-card" ? (l == null ? void 0 : l.render("tool-card", n)) ?? /* @__PURE__ */ a(da, { item: n }) : n.slot === "action" ? (l == null ? void 0 : l.render("action", n)) ?? (s ? /* @__PURE__ */ a(
-          sa,
+        children: n.slot === "tool-card" ? (l == null ? void 0 : l.render("tool-card", n)) ?? /* @__PURE__ */ a(ra, { item: n }) : n.slot === "action" ? (l == null ? void 0 : l.render("action", n)) ?? (s ? /* @__PURE__ */ a(
+          ia,
           {
             interaction: {
               id: n.interactionId,
-              kind: je(n),
+              kind: Me(n),
               status: n.phase === "requested" ? "pending" : "resolved"
             },
             onResolve: (o) => s(n.interactionId, o)
           }
         ) : /* @__PURE__ */ t(y, { tone: "warning", children: [
-          je(n),
+          Me(n),
           " · ",
           n.phase
         ] })) : n.slot === "citation" ? (l == null ? void 0 : l.render("citation", n)) ?? /* @__PURE__ */ a(y, { children: n.resourceId }) : l ? l.render("data", n) : be(n.name, "unknown")
@@ -431,217 +228,19 @@ function oa({
     )
   ) });
 }
-function je(e) {
+function Me(e) {
   const l = e.payload && typeof e.payload == "object" && !Array.isArray(e.payload) ? e.payload.action : void 0;
   return l && typeof l == "object" && !Array.isArray(l) && typeof l.kind == "string" ? l.kind : e.kind;
 }
-function ha({
-  model: e,
-  explicitSkillSlug: l = "",
-  resources: s = [],
-  onRemoveResource: r,
-  onAttachResource: n,
-  registry: o,
-  header: c,
-  labels: d,
-  onError: u
+function ca({
+  revision: e,
+  onChange: l,
+  onSave: s,
+  saving: r = !1,
+  showSave: n = !0,
+  registry: o
 }) {
-  var Y, W;
-  de(o);
-  const f = ce(d), g = na(e), [C, b] = T(""), [w, M] = T(""), U = g.status === "submitting" || g.status === "queued" || g.status === "running" || g.status === "waiting_for_input", oe = g.projection.items.filter(
-    (k) => k.slot === "trace-item"
-  ), H = g.projection.items.filter(
-    (k) => k.slot !== "trace-item" && (k.slot !== "message-content" || k.text.length > 0)
-  ), J = (k) => u == null ? void 0 : u(k instanceof Error ? k : new Error(String(k))), R = async (k, j = U ? "steer" : "followup") => {
-    var Q;
-    const A = k.trim();
-    if (A) {
-      b(""), M(A);
-      try {
-        j === "steer" ? await e.steerText(A) : j === "inject" ? await e.injectText(A) : await e.submitContent(
-          [
-            m(v.ContentBlockSchema, {
-              block: {
-                case: "text",
-                value: m(v.TextBlockSchema, { text: A })
-              }
-            }),
-            ...s.map(
-              (E) => m(v.ContentBlockSchema, {
-                block: {
-                  case: "resource",
-                  value: m(v.ResourceBlockSchema, {
-                    resourceId: E.resourceId,
-                    mediaType: E.mediaType ?? "application/vnd.agentfactory.document"
-                  })
-                }
-              })
-            )
-          ],
-          l
-        );
-      } catch (E) {
-        b(((Q = e.getSnapshot().retryDraft) == null ? void 0 : Q.text) ?? A), J(E);
-      }
-    }
-  };
-  return /* @__PURE__ */ t("section", { className: "af-agent-conversation", "aria-label": f.assistant, children: [
-    c && /* @__PURE__ */ a("header", { className: "af-agent-conversation__header", children: c }),
-    /* @__PURE__ */ t("div", { className: "af-agent-messages", "aria-live": "polite", children: [
-      !H.length && g.status === "idle" && /* @__PURE__ */ a(
-        z,
-        {
-          size: "md",
-          title: f.emptyTitle,
-          description: f.emptyDescription,
-          icon: /* @__PURE__ */ a(De, { size: 24, "aria-hidden": !0 })
-        }
-      ),
-      /* @__PURE__ */ a(
-        oa,
-        {
-          items: H,
-          registry: o,
-          onResolveInteraction: async (k, j) => {
-            try {
-              await e.resolveInteraction(k, j);
-            } catch (A) {
-              throw J(A), A;
-            }
-          }
-        }
-      ),
-      g.status !== "waiting_for_input" && U && /* @__PURE__ */ a("span", { className: "af-agent-thinking", children: "Thinking…" }),
-      g.status === "disconnected" && /* @__PURE__ */ a(
-        z,
-        {
-          variant: "error",
-          size: "sm",
-          title: ((Y = g.error) == null ? void 0 : Y.message) ?? "Disconnected",
-          action: {
-            label: f.retry,
-            onClick: () => void e.retry().catch(J)
-          }
-        }
-      ),
-      g.status === "failed" && /* @__PURE__ */ a(
-        z,
-        {
-          variant: "error",
-          size: "sm",
-          title: ((W = g.error) == null ? void 0 : W.message) ?? "Run failed",
-          action: { label: f.retry, onClick: () => void R(w) }
-        }
-      ),
-      g.status === "max_steps_reached" && /* @__PURE__ */ a(
-        z,
-        {
-          variant: "error",
-          size: "sm",
-          title: "Maximum steps reached",
-          action: { label: f.retry, onClick: () => void R(w) }
-        }
-      ),
-      /* @__PURE__ */ a(
-        ra,
-        {
-          items: oe,
-          registry: o,
-          label: f.execution
-        }
-      )
-    ] }),
-    (o == null ? void 0 : o.render("composer", {
-      draft: C,
-      running: U,
-      submit: () => void R(C),
-      stop: () => void e.cancel(),
-      setDraft: b
-    })) ?? /* @__PURE__ */ a(
-      ca,
-      {
-        value: C,
-        onChange: b,
-        onSubmit: () => void R(C),
-        running: U,
-        onStop: () => void e.cancel(),
-        onInject: () => void R(C, "inject"),
-        onAttachResource: n,
-        resources: s,
-        onRemoveResource: r,
-        labels: f
-      }
-    )
-  ] });
-}
-function Na({
-  model: e,
-  title: l = Se.assistant,
-  subtitle: s,
-  profileRevisionId: r,
-  sessions: n,
-  activeSessionId: o,
-  onSelectSession: c,
-  onNewSession: d,
-  onDeleteSession: u,
-  registry: f,
-  labels: g
-}) {
-  const [C, b] = T(""), w = ce(g), M = Oe(
-    () => /* @__PURE__ */ t(me, { children: [
-      /* @__PURE__ */ t("div", { className: "af-agent-title", children: [
-        /* @__PURE__ */ a(ve, { initials: "AF", size: 36 }),
-        /* @__PURE__ */ t("div", { children: [
-          /* @__PURE__ */ a("strong", { children: l }),
-          s && /* @__PURE__ */ a("span", { children: s })
-        ] })
-      ] }),
-      /* @__PURE__ */ a(
-        ia,
-        {
-          profileRevisionId: r,
-          explicitSkillSlug: C,
-          onExplicitSkillChange: b,
-          registry: f,
-          labels: w
-        }
-      )
-    ] }),
-    [l, s, r, C, f, w]
-  );
-  return /* @__PURE__ */ t("div", { className: "af-agent-chat", "data-testid": "agent-chat", children: [
-    n && c && d && /* @__PURE__ */ a(
-      ta,
-      {
-        sessions: n,
-        activeSessionId: o,
-        onSelect: c,
-        onNew: d,
-        onDelete: u,
-        labels: w
-      }
-    ),
-    /* @__PURE__ */ a(
-      ha,
-      {
-        model: e,
-        explicitSkillSlug: C,
-        registry: f,
-        header: M,
-        labels: w
-      }
-    )
-  ] });
-}
-function ua({
-  revision: e,
-  onChange: l,
-  onSave: s,
-  saving: r = !1,
-  showSave: n = !0,
-  registry: o
-}) {
-  de(o);
+  ce(o);
   const c = o == null ? void 0 : o.render("profile-editor", { revision: e, onChange: l });
   return c || /* @__PURE__ */ t(
     "form",
@@ -662,7 +261,7 @@ function ua({
           ),
           /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ t(N, { children: [
-              /* @__PURE__ */ a(De, { size: 14, "aria-hidden": !0 }),
+              /* @__PURE__ */ a(qe, { size: 14, "aria-hidden": !0 }),
               " Agent Profile"
             ] }),
             /* @__PURE__ */ a(P, { children: e.name || "Untitled Agent" })
@@ -729,7 +328,7 @@ function ua({
     }
   );
 }
-const pa = (e) => e ? `${e} warning${e === 1 ? "" : "s"}` : "Ready", ga = (e) => ({
+const da = (e) => e ? `${e} warning${e === 1 ? "" : "s"}` : "Ready", oa = (e) => ({
   capability_not_installed: "Capability is not installed",
   capability_version_unavailable: "Capability version is unavailable",
   mcp_disabled: "MCP server is disabled",
@@ -739,7 +338,7 @@ const pa = (e) => e ? `${e} warning${e === 1 ? "" : "s"}` : "Ready", ga = (e) =>
   plugin_unavailable: "Plugin is unavailable",
   skill_provider_unavailable: "Skill provider is unavailable"
 })[e] ?? e.replaceAll("_", " ");
-function Pa({
+function Na({
   composition: e,
   loading: l = !1,
   error: s = ""
@@ -763,7 +362,7 @@ function Pa({
             /* @__PURE__ */ a(N, { children: "Effective composition" }),
             /* @__PURE__ */ a(P, { children: e.model || "No model selected" })
           ] }),
-          /* @__PURE__ */ a(y, { tone: e.issues.length ? "warning" : "success", children: pa(e.issues.length) })
+          /* @__PURE__ */ a(y, { tone: e.issues.length ? "warning" : "success", children: da(e.issues.length) })
         ] }),
         e.issues.length > 0 && /* @__PURE__ */ a(
           "ul",
@@ -771,7 +370,7 @@ function Pa({
             className: "af-agent-composition__issues",
             "aria-label": "Composition warnings",
             children: e.issues.map((r) => /* @__PURE__ */ t("li", { children: [
-              /* @__PURE__ */ a("strong", { children: ga(r.code) }),
+              /* @__PURE__ */ a("strong", { children: oa(r.code) }),
               " ",
               r.message
             ] }, `${r.code}:${r.message}`))
@@ -833,13 +432,13 @@ function Pa({
     }
   );
 }
-function Aa({
+function Pa({
   revision: e,
   composition: l,
   onChange: s,
   onSave: r
 }) {
-  var H, J, R, Y, W, k, j, A, Q, E, ke, ye, Ce, we, _e, Ne, Pe, Ae, ze, xe;
+  var H, J, R, Y, W, k, E, A, Q, j, Se, ke, ye, Ce, we, _e, Ne, Pe, Ae, ze;
   const [n, o] = T(e), [c, d] = T(
     "idle"
   ), [u, f] = T(""), g = (l == null ? void 0 : l.items.filter(
@@ -886,7 +485,7 @@ function Aa({
   };
   return /* @__PURE__ */ t("div", { className: "af-agent-settings", children: [
     /* @__PURE__ */ a(
-      ua,
+      ca,
       {
         revision: e,
         onChange: s,
@@ -997,7 +596,7 @@ function Aa({
               "aria-label": "Max tool calls",
               type: "number",
               min: "0",
-              value: ((A = (j = e.runtimePolicy) == null ? void 0 : j.limits) == null ? void 0 : A.maxToolCalls) || "",
+              value: ((A = (E = e.runtimePolicy) == null ? void 0 : E.limits) == null ? void 0 : A.maxToolCalls) || "",
               onChange: (i) => M("maxToolCalls", i.target.value)
             }
           )
@@ -1010,7 +609,7 @@ function Aa({
               "aria-label": "Max tokens",
               type: "number",
               min: "1",
-              value: ((ke = (E = (Q = e.runtimePolicy) == null ? void 0 : Q.limits) == null ? void 0 : E.maxTokens) == null ? void 0 : ke.toString()) ?? "",
+              value: ((Se = (j = (Q = e.runtimePolicy) == null ? void 0 : Q.limits) == null ? void 0 : j.maxTokens) == null ? void 0 : Se.toString()) ?? "",
               onChange: (i) => M("maxTokens", i.target.value)
             }
           )
@@ -1023,7 +622,7 @@ function Aa({
         D,
         {
           label: "Allow every deployed tool",
-          checked: ((Ce = (ye = e.runtimePolicy) == null ? void 0 : ye.tools) == null ? void 0 : Ce.allowAll) ?? !1,
+          checked: ((ye = (ke = e.runtimePolicy) == null ? void 0 : ke.tools) == null ? void 0 : ye.allowAll) ?? !1,
           onCheckedChange: (i) => {
             var h;
             return w({
@@ -1037,7 +636,7 @@ function Aa({
         }
       ),
       b.map((i) => {
-        var $, I, he, F, X, Z, ee, Te;
+        var $, I, he, F, X, Z, ee, xe;
         const h = ((I = ($ = e.runtimePolicy) == null ? void 0 : $.tools) == null ? void 0 : I.allowAll) || ((F = (he = e.runtimePolicy) == null ? void 0 : he.tools) == null ? void 0 : F.allowed.includes(i.id)), p = (Z = (X = e.runtimePolicy) == null ? void 0 : X.tools) == null ? void 0 : Z.requireConfirmation.includes(
           i.id
         );
@@ -1047,7 +646,7 @@ function Aa({
             {
               label: i.id,
               checked: !!h,
-              disabled: (Te = (ee = e.runtimePolicy) == null ? void 0 : ee.tools) == null ? void 0 : Te.allowAll,
+              disabled: (xe = (ee = e.runtimePolicy) == null ? void 0 : ee.tools) == null ? void 0 : xe.allowAll,
               onCheckedChange: (ue) => {
                 var ae, ne, le;
                 const q = new Set(
@@ -1108,7 +707,7 @@ function Aa({
           fe,
           {
             label: "Memory",
-            value: ((we = e.memory) == null ? void 0 : we.mode) ?? "disabled",
+            value: ((Ce = e.memory) == null ? void 0 : Ce.mode) ?? "disabled",
             options: ["disabled", "session", "subject"].map((i) => ({
               value: i,
               label: i
@@ -1132,7 +731,7 @@ function Aa({
             "aria-label": "Memory TTL days",
             type: "number",
             min: "0",
-            value: ((Ne = (_e = e.memory) == null ? void 0 : _e.ttlDays) == null ? void 0 : Ne.toString()) ?? "",
+            value: ((_e = (we = e.memory) == null ? void 0 : we.ttlDays) == null ? void 0 : _e.toString()) ?? "",
             onChange: (i) => s({
               ...e,
               memory: {
@@ -1170,7 +769,7 @@ function Aa({
         D,
         {
           label: "Subagents",
-          checked: ((Pe = e.subagent) == null ? void 0 : Pe.enabled) ?? !1,
+          checked: ((Ne = e.subagent) == null ? void 0 : Ne.enabled) ?? !1,
           onCheckedChange: (i) => s({
             ...e,
             subagent: {
@@ -1187,7 +786,7 @@ function Aa({
           x,
           {
             "aria-label": "Subagent providers",
-            value: ((Ae = e.subagent) == null ? void 0 : Ae.providers.join(", ")) ?? "",
+            value: ((Pe = e.subagent) == null ? void 0 : Pe.providers.join(", ")) ?? "",
             onChange: (i) => s({
               ...e,
               subagent: {
@@ -1203,7 +802,7 @@ function Aa({
         D,
         {
           label: "Collaboration",
-          checked: ((ze = e.collaboration) == null ? void 0 : ze.enabled) ?? !1,
+          checked: ((Ae = e.collaboration) == null ? void 0 : Ae.enabled) ?? !1,
           onCheckedChange: (i) => s({
             ...e,
             collaboration: {
@@ -1220,7 +819,7 @@ function Aa({
           x,
           {
             "aria-label": "Collaboration providers",
-            value: ((xe = e.collaboration) == null ? void 0 : xe.providers.join(", ")) ?? "",
+            value: ((ze = e.collaboration) == null ? void 0 : ze.providers.join(", ")) ?? "",
             onChange: (i) => s({
               ...e,
               collaboration: {
@@ -1233,7 +832,7 @@ function Aa({
         )
       ] }),
       /* @__PURE__ */ a(
-        fa,
+        ha,
         {
           value: e.outputPolicy,
           onChange: (i) => s({ ...e, outputPolicy: i })
@@ -1267,12 +866,12 @@ const Ee = (e) => [
     e.split(",").map((l) => l.trim()).filter(Boolean)
   )
 ].sort();
-function fa({
+function ha({
   value: e,
   onChange: l
 }) {
   const s = JSON.stringify(e ?? {}, null, 2), [r, n] = T(s), [o, c] = T("");
-  return Ue(() => n(s), [s]), /* @__PURE__ */ t("label", { children: [
+  return Oe(() => n(s), [s]), /* @__PURE__ */ t("label", { children: [
     /* @__PURE__ */ a("span", { children: "Output policy JSON" }),
     /* @__PURE__ */ a(
       re,
@@ -1298,7 +897,7 @@ function fa({
     o && /* @__PURE__ */ a("span", { role: "alert", children: o })
   ] });
 }
-function za({
+function Aa({
   editor: e,
   preview: l
 }) {
@@ -1307,6 +906,408 @@ function za({
     /* @__PURE__ */ a("section", { "aria-label": "Agent preview", children: l })
   ] });
 }
+const De = {
+  assistant: "Assistant",
+  newSession: "New conversation",
+  sessions: "Conversations",
+  emptyTitle: "How can I help?",
+  emptyDescription: "Ask a question in this profile-pinned session.",
+  composer: "Message the assistant",
+  send: "Send",
+  stop: "Stop",
+  retry: "Retry",
+  execution: "Execution",
+  explicitSkill: "Invoke skill"
+}, de = (e) => ({
+  ...De,
+  ...e
+});
+function ua({
+  sessions: e,
+  activeSessionId: l,
+  onSelect: s,
+  onNew: r,
+  onDelete: n,
+  labels: o
+}) {
+  const c = de(o);
+  return /* @__PURE__ */ t("aside", { className: "af-agent-threads", "aria-label": c.sessions, children: [
+    /* @__PURE__ */ t("div", { className: "af-agent-threads__header", children: [
+      /* @__PURE__ */ a("strong", { children: c.sessions }),
+      /* @__PURE__ */ a(
+        S,
+        {
+          size: "icon",
+          variant: "ghost",
+          onClick: r,
+          "aria-label": c.newSession,
+          children: /* @__PURE__ */ a(Ye, { size: 17, "aria-hidden": !0 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "af-agent-threads__list", children: e.map((d) => /* @__PURE__ */ t(
+      "div",
+      {
+        className: "af-agent-thread-row",
+        "data-active": d.id === l || void 0,
+        children: [
+          /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              className: "af-agent-thread-row__select",
+              onClick: () => s(d.id),
+              children: [
+                /* @__PURE__ */ a("span", { children: d.profileRevisionId }),
+                /* @__PURE__ */ a(We, { size: 14, "aria-hidden": !0 })
+              ]
+            }
+          ),
+          n && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              className: "af-agent-icon-button",
+              onClick: () => n(d.id),
+              "aria-label": `Delete ${d.id}`,
+              children: /* @__PURE__ */ a(Qe, { size: 14, "aria-hidden": !0 })
+            }
+          )
+        ]
+      },
+      d.id
+    )) })
+  ] });
+}
+function pa({
+  profileRevisionId: e,
+  explicitSkillSlug: l,
+  onExplicitSkillChange: s,
+  labels: r,
+  registry: n
+}) {
+  ce(n);
+  const o = n == null ? void 0 : n.render("resource-bar", {
+    profileRevisionId: e,
+    explicitSkillSlug: l,
+    setExplicitSkillSlug: s
+  });
+  if (o) return o;
+  const c = de(r);
+  return /* @__PURE__ */ t("div", { className: "af-agent-resources", "aria-label": "Agent resources", children: [
+    /* @__PURE__ */ a(y, { tone: "cool", children: e }),
+    /* @__PURE__ */ a(
+      x,
+      {
+        "aria-label": c.explicitSkill,
+        placeholder: c.explicitSkill,
+        value: l,
+        onChange: (d) => s(d.target.value)
+      }
+    )
+  ] });
+}
+function ga({
+  value: e,
+  onChange: l,
+  onSubmit: s,
+  running: r,
+  onStop: n,
+  onInject: o,
+  onAttachResource: c,
+  resources: d = [],
+  onRemoveResource: u,
+  labels: f
+}) {
+  const g = de(f);
+  return /* @__PURE__ */ t(
+    "form",
+    {
+      className: "af-agent-composer",
+      "data-running": r || void 0,
+      onSubmit: (b) => {
+        b.preventDefault(), e.trim() && s();
+      },
+      children: [
+        d.length > 0 && /* @__PURE__ */ a(
+          "div",
+          {
+            className: "af-agent-composer__resources",
+            "aria-label": "Attached resources",
+            children: d.map((b) => /* @__PURE__ */ t(y, { tone: "cool", children: [
+              b.label,
+              u && /* @__PURE__ */ a(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `Remove ${b.label}`,
+                  onClick: () => u(b.resourceId),
+                  children: "×"
+                }
+              )
+            ] }, b.resourceId))
+          }
+        ),
+        /* @__PURE__ */ a(
+          re,
+          {
+            rows: 2,
+            variant: "bare",
+            value: e,
+            onChange: (b) => l(b.target.value),
+            "aria-label": g.composer,
+            placeholder: r ? "Steer the active run" : g.composer,
+            onKeyDown: (b) => {
+              b.key === "Enter" && !b.shiftKey && (b.preventDefault(), e.trim() && s());
+            }
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "af-agent-composer__actions", children: [
+          c && /* @__PURE__ */ a(
+            S,
+            {
+              type: "button",
+              size: "icon",
+              variant: "ghost",
+              onClick: c,
+              "aria-label": "Attach document",
+              children: /* @__PURE__ */ a(Ge, { size: 17, "aria-hidden": !0 })
+            }
+          ),
+          r && o && /* @__PURE__ */ a(
+            S,
+            {
+              type: "button",
+              size: "compact",
+              variant: "ghost",
+              disabled: !e.trim(),
+              onClick: o,
+              children: "Inject"
+            }
+          ),
+          r ? /* @__PURE__ */ a(
+            S,
+            {
+              type: "button",
+              size: "icon",
+              variant: "secondary",
+              onClick: n,
+              "aria-label": g.stop,
+              children: /* @__PURE__ */ a(Ve, { size: 17, "aria-hidden": !0 })
+            }
+          ) : /* @__PURE__ */ a(
+            S,
+            {
+              type: "submit",
+              size: "icon",
+              disabled: !e.trim(),
+              "aria-label": g.send,
+              children: /* @__PURE__ */ a(He, { size: 17, "aria-hidden": !0 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function fa({
+  model: e,
+  explicitSkillSlug: l = "",
+  resources: s = [],
+  onRemoveResource: r,
+  onAttachResource: n,
+  registry: o,
+  header: c,
+  labels: d,
+  onError: u
+}) {
+  var Y, W;
+  ce(o);
+  const f = de(d), g = na(e), [C, b] = T(""), [w, M] = T(""), U = g.status === "submitting" || g.status === "queued" || g.status === "running" || g.status === "waiting_for_input", oe = g.projection.items.filter(
+    (k) => k.slot === "trace-item"
+  ), H = g.projection.items.filter(
+    (k) => k.slot !== "trace-item" && (k.slot !== "message-content" || k.text.length > 0)
+  ), J = (k) => u == null ? void 0 : u(k instanceof Error ? k : new Error(String(k))), R = async (k, E = U ? "steer" : "followup") => {
+    var Q;
+    const A = k.trim();
+    if (A) {
+      b(""), M(A);
+      try {
+        E === "steer" ? await e.steerText(A) : E === "inject" ? await e.injectText(A) : await e.submitContent(
+          [
+            m(v.ContentBlockSchema, {
+              block: {
+                case: "text",
+                value: m(v.TextBlockSchema, { text: A })
+              }
+            }),
+            ...s.map(
+              (j) => m(v.ContentBlockSchema, {
+                block: {
+                  case: "resource",
+                  value: m(v.ResourceBlockSchema, {
+                    resourceId: j.resourceId,
+                    mediaType: j.mediaType ?? "application/vnd.agentfactory.document"
+                  })
+                }
+              })
+            )
+          ],
+          l
+        );
+      } catch (j) {
+        b(((Q = e.getSnapshot().retryDraft) == null ? void 0 : Q.text) ?? A), J(j);
+      }
+    }
+  };
+  return /* @__PURE__ */ t("section", { className: "af-agent-conversation", "aria-label": f.assistant, children: [
+    c && /* @__PURE__ */ a("header", { className: "af-agent-conversation__header", children: c }),
+    /* @__PURE__ */ t("div", { className: "af-agent-messages", "aria-live": "polite", children: [
+      !H.length && g.status === "idle" && /* @__PURE__ */ a(
+        z,
+        {
+          size: "md",
+          title: f.emptyTitle,
+          description: f.emptyDescription,
+          icon: /* @__PURE__ */ a(qe, { size: 24, "aria-hidden": !0 })
+        }
+      ),
+      /* @__PURE__ */ a(
+        sa,
+        {
+          items: H,
+          registry: o,
+          onResolveInteraction: async (k, E) => {
+            try {
+              await e.resolveInteraction(k, E);
+            } catch (A) {
+              throw J(A), A;
+            }
+          }
+        }
+      ),
+      g.status !== "waiting_for_input" && U && /* @__PURE__ */ a("span", { className: "af-agent-thinking", children: "Thinking…" }),
+      g.status === "disconnected" && /* @__PURE__ */ a(
+        z,
+        {
+          variant: "error",
+          size: "sm",
+          title: ((Y = g.error) == null ? void 0 : Y.message) ?? "Disconnected",
+          action: {
+            label: f.retry,
+            onClick: () => void e.retry().catch(J)
+          }
+        }
+      ),
+      g.status === "failed" && /* @__PURE__ */ a(
+        z,
+        {
+          variant: "error",
+          size: "sm",
+          title: ((W = g.error) == null ? void 0 : W.message) ?? "Run failed",
+          action: { label: f.retry, onClick: () => void R(w) }
+        }
+      ),
+      g.status === "max_steps_reached" && /* @__PURE__ */ a(
+        z,
+        {
+          variant: "error",
+          size: "sm",
+          title: "Maximum steps reached",
+          action: { label: f.retry, onClick: () => void R(w) }
+        }
+      ),
+      /* @__PURE__ */ a(
+        ta,
+        {
+          items: oe,
+          registry: o,
+          label: f.execution
+        }
+      )
+    ] }),
+    (o == null ? void 0 : o.render("composer", {
+      draft: C,
+      running: U,
+      submit: () => void R(C),
+      stop: () => void e.cancel(),
+      setDraft: b
+    })) ?? /* @__PURE__ */ a(
+      ga,
+      {
+        value: C,
+        onChange: b,
+        onSubmit: () => void R(C),
+        running: U,
+        onStop: () => void e.cancel(),
+        onInject: () => void R(C, "inject"),
+        onAttachResource: n,
+        resources: s,
+        onRemoveResource: r,
+        labels: f
+      }
+    )
+  ] });
+}
+function za({
+  model: e,
+  title: l = De.assistant,
+  subtitle: s,
+  profileRevisionId: r,
+  sessions: n,
+  activeSessionId: o,
+  onSelectSession: c,
+  onNewSession: d,
+  onDeleteSession: u,
+  registry: f,
+  labels: g
+}) {
+  const [C, b] = T(""), w = de(g), M = Ue(
+    () => /* @__PURE__ */ t(me, { children: [
+      /* @__PURE__ */ t("div", { className: "af-agent-title", children: [
+        /* @__PURE__ */ a(ve, { initials: "AF", size: 36 }),
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ a("strong", { children: l }),
+          s && /* @__PURE__ */ a("span", { children: s })
+        ] })
+      ] }),
+      /* @__PURE__ */ a(
+        pa,
+        {
+          profileRevisionId: r,
+          explicitSkillSlug: C,
+          onExplicitSkillChange: b,
+          registry: f,
+          labels: w
+        }
+      )
+    ] }),
+    [l, s, r, C, f, w]
+  );
+  return /* @__PURE__ */ t("div", { className: "af-agent-chat", "data-testid": "agent-chat", children: [
+    n && c && d && /* @__PURE__ */ a(
+      ua,
+      {
+        sessions: n,
+        activeSessionId: o,
+        onSelect: c,
+        onNew: d,
+        onDelete: u,
+        labels: w
+      }
+    ),
+    /* @__PURE__ */ a(
+      fa,
+      {
+        model: e,
+        explicitSkillSlug: C,
+        registry: f,
+        header: M,
+        labels: w
+      }
+    )
+  ] });
+}
 function xa({ skills: e, installed: l, busy: s = "", completeness: r = "complete", onInstall: n, onUninstall: o }) {
   return e.length ? /* @__PURE__ */ t("section", { className: "af-agent-manager", "aria-label": "Skill and SkillPack catalog", children: [
     /* @__PURE__ */ t("header", { children: [
@@ -1382,7 +1383,7 @@ function Ra({ collaboration: e, tasks: l, busy: s = !1, onCancel: r }) {
     /* @__PURE__ */ t("header", { children: [
       /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ t(N, { children: [
-          /* @__PURE__ */ a(Ie, { size: 14, "aria-hidden": !0 }),
+          /* @__PURE__ */ a($e, { size: 14, "aria-hidden": !0 }),
           " Collaboration"
         ] }),
         /* @__PURE__ */ a(P, { children: e.id })
@@ -1407,7 +1408,7 @@ function Ra({ collaboration: e, tasks: l, busy: s = !1, onCancel: r }) {
       ] }),
       /* @__PURE__ */ a(y, { tone: n.status === "completed" ? "success" : n.status === "failed" ? "warning" : "cool", children: n.status })
     ] }, n.id)) })
-  ] }) : /* @__PURE__ */ a(z, { size: "sm", title: "No active collaboration", description: "Subagent and collaboration runs will expose their task tree here.", icon: /* @__PURE__ */ a(Ie, { size: 22, "aria-hidden": !0 }) });
+  ] }) : /* @__PURE__ */ a(z, { size: "sm", title: "No active collaboration", description: "Subagent and collaboration runs will expose their task tree here.", icon: /* @__PURE__ */ a($e, { size: 22, "aria-hidden": !0 }) });
 }
 function $a({ documents: e, onBind: l, onAttach: s, onOpen: r }) {
   return /* @__PURE__ */ t("section", { className: "af-agent-manager", "aria-label": "Agent document library", children: [
@@ -1467,26 +1468,27 @@ function Ia({ revisions: e, currentId: l, onFork: s }) {
 }
 const ba = (e) => `${e.kind}:${e.slug}@${e.version}`;
 export {
-  sa as AgentActionCard,
+  ia as AgentActionCard,
   xa as AgentCapabilityCatalog,
-  Na as AgentChat,
+  za as AgentChat,
   Ra as AgentCollaborationCenter,
-  ca as AgentComposer,
-  Pa as AgentCompositionPanel,
-  ha as AgentConversation,
+  ga as AgentComposer,
+  Na as AgentCompositionPanel,
+  fa as AgentConversation,
   $a as AgentDocumentLibrary,
-  ra as AgentExecutionTrace,
+  ta as AgentExecutionTrace,
   Ta as AgentMemoryCenter,
-  ua as AgentProfileEditor,
-  Aa as AgentProfileSettings,
-  ia as AgentResourceBar,
+  ca as AgentProfileEditor,
+  Pa as AgentProfileSettings,
+  pa as AgentResourceBar,
   Ia as AgentRevisionHistory,
-  ta as AgentSessionList,
-  Ea as AgentSessionModel,
+  ua as AgentSessionList,
+  ja as AgentSessionModel,
   _a as AgentSlotRegistry,
-  za as AgentStudio,
-  Se as DEFAULT_AGENT_UI_LABELS,
+  Aa as AgentStudio,
+  De as DEFAULT_AGENT_UI_LABELS,
   ba as capabilityKey,
+  da as compositionIssueLabel,
   be as dataFallback,
   na as useAgentSession
 };

package/dist/profile.d.ts

@@ -0,0 +1,27 @@
+import { agentV1, type AgentDataSlots } from "@agent-factory-platform/client";
+import { type ReactNode } from "react";
+import type { AgentSlotRegistry } from "./registry";
+export declare function AgentProfileEditor<Slots extends AgentDataSlots = AgentDataSlots>({ revision, onChange, onSave, saving, showSave, registry, }: {
+    revision: agentV1.AgentProfileRevision;
+    onChange: (revision: agentV1.AgentProfileRevision) => void;
+    onSave: () => void;
+    saving?: boolean;
+    showSave?: boolean;
+    registry?: AgentSlotRegistry<Slots>;
+}): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element;
+export declare const compositionIssueLabel: (count: number) => string;
+export declare function AgentCompositionPanel({ composition, loading, error, }: {
+    composition?: agentV1.ProfileComposition;
+    loading?: boolean;
+    error?: string;
+}): import("react").JSX.Element;
+export declare function AgentProfileSettings({ revision, composition, onChange, onSave, }: {
+    revision: agentV1.AgentProfileRevision;
+    composition?: agentV1.ProfileComposition;
+    onChange: (revision: agentV1.AgentProfileRevision) => void;
+    onSave: (revision: agentV1.AgentProfileRevision) => Promise<agentV1.AgentProfileRevision | void>;
+}): import("react").JSX.Element;
+export declare function AgentStudio({ editor, preview, }: {
+    editor: ReactNode;
+    preview: ReactNode;
+}): import("react").JSX.Element;

package/dist/projection.d.ts

@@ -0,0 +1,18 @@
+import { agentV1, type AgentDataSlots, type AgentProjectionItem } from "@agent-factory-platform/client";
+import { type AgentSlotRegistry } from "./registry";
+export declare function AgentExecutionTrace<Slots extends AgentDataSlots = AgentDataSlots>({ items, label, registry, }: {
+    items: readonly Extract<AgentProjectionItem, {
+        slot: "trace-item";
+    }>[];
+    label?: string;
+    registry?: AgentSlotRegistry<Slots>;
+}): import("react").JSX.Element | null;
+export declare function AgentActionCard({ interaction, onResolve, }: {
+    interaction: Pick<agentV1.Interaction, "id" | "kind" | "status"> & Partial<Pick<agentV1.Interaction, "resolvedAt">>;
+    onResolve: (resolution: "confirmed" | "rejected") => void | Promise<void>;
+}): import("react").JSX.Element;
+export declare function AgentProjectionNodes<Slots extends AgentDataSlots = AgentDataSlots>({ items, registry, onResolveInteraction, }: {
+    items: readonly AgentProjectionItem<Slots>[];
+    registry?: AgentSlotRegistry<Slots>;
+    onResolveInteraction?: (interactionId: string, resolution: "confirmed" | "rejected") => void | Promise<void>;
+}): import("react").JSX.Element;

package/dist/ui.d.ts

@@ -1,6 +1,8 @@
-import { agentV1, type AgentDataSlots, type AgentProjectionItem, type AgentSessionModel } from "@agent-factory-platform/client";
+import { agentV1, type AgentDataSlots, type AgentSessionModel } from "@agent-factory-platform/client";
 import { type ReactNode } from "react";
-import { type AgentSlotRegistry } from "./registry";
+import type { AgentSlotRegistry } from "./registry";
+export { AgentActionCard, AgentExecutionTrace, AgentProjectionNodes } from "./projection";
+export { compositionIssueLabel } from "./profile";
 export interface AgentUiLabels {
     assistant: string;
     newSession: string;
@@ -30,17 +32,6 @@ export declare function AgentResourceBar<Slots extends AgentDataSlots = AgentDat
     labels?: Partial<AgentUiLabels>;
     registry?: AgentSlotRegistry<Slots>;
 }): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element;
-export declare function AgentExecutionTrace<Slots extends AgentDataSlots = AgentDataSlots>({ items, label, registry, }: {
-    items: readonly Extract<AgentProjectionItem, {
-        slot: "trace-item";
-    }>[];
-    label?: string;
-    registry?: AgentSlotRegistry<Slots>;
-}): import("react").JSX.Element | null;
-export declare function AgentActionCard({ interaction, onResolve, }: {
-    interaction: Pick<agentV1.Interaction, "id" | "kind" | "status"> & Partial<Pick<agentV1.Interaction, "resolvedAt">>;
-    onResolve: (resolution: "confirmed" | "rejected") => void | Promise<void>;
-}): import("react").JSX.Element;
 export interface AgentInputResource {
     resourceId: string;
     label: string;
@@ -58,11 +49,6 @@ export declare function AgentComposer({ value, onChange, onSubmit, running, onSt
     onRemoveResource?: (resourceId: string) => void;
     labels?: Partial<AgentUiLabels>;
 }): import("react").JSX.Element;
-export declare function AgentProjectionNodes<Slots extends AgentDataSlots = AgentDataSlots>({ items, registry, onResolveInteraction, }: {
-    items: readonly AgentProjectionItem<Slots>[];
-    registry?: AgentSlotRegistry<Slots>;
-    onResolveInteraction?: (interactionId: string, resolution: "confirmed" | "rejected") => void | Promise<void>;
-}): import("react").JSX.Element;
 export declare function AgentConversation<Slots extends AgentDataSlots = AgentDataSlots>({ model, explicitSkillSlug, resources, onRemoveResource, onAttachResource, registry, header, labels: overrides, onError, }: {
     model: AgentSessionModel<Slots>;
     explicitSkillSlug?: string;
@@ -87,27 +73,3 @@ export declare function AgentChat<Slots extends AgentDataSlots = AgentDataSlots>
     registry?: AgentSlotRegistry<Slots>;
     labels?: Partial<AgentUiLabels>;
 }): import("react").JSX.Element;
-export declare function AgentProfileEditor<Slots extends AgentDataSlots = AgentDataSlots>({ revision, onChange, onSave, saving, showSave, registry, }: {
-    revision: agentV1.AgentProfileRevision;
-    onChange: (revision: agentV1.AgentProfileRevision) => void;
-    onSave: () => void;
-    saving?: boolean;
-    showSave?: boolean;
-    registry?: AgentSlotRegistry<Slots>;
-}): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element;
-export declare const compositionIssueLabel: (count: number) => string;
-export declare function AgentCompositionPanel({ composition, loading, error, }: {
-    composition?: agentV1.ProfileComposition;
-    loading?: boolean;
-    error?: string;
-}): import("react").JSX.Element;
-export declare function AgentProfileSettings({ revision, composition, onChange, onSave, }: {
-    revision: agentV1.AgentProfileRevision;
-    composition?: agentV1.ProfileComposition;
-    onChange: (revision: agentV1.AgentProfileRevision) => void;
-    onSave: (revision: agentV1.AgentProfileRevision) => Promise<agentV1.AgentProfileRevision | void>;
-}): import("react").JSX.Element;
-export declare function AgentStudio({ editor, preview, }: {
-    editor: ReactNode;
-    preview: ReactNode;
-}): import("react").JSX.Element;

package/dist/use-agent-slot-registry.d.ts

@@ -0,0 +1,3 @@
+import type { AgentDataSlots } from "@agent-factory-platform/client";
+import type { AgentSlotRegistry } from "./registry";
+export declare function useAgentSlotRegistry<Slots extends AgentDataSlots>(registry?: AgentSlotRegistry<Slots>): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-factory-platform/agent-react",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "description": "Agent runtime bindings and themeable React conversation surfaces.",
   "license": "MIT OR Apache-2.0",
   "repository": {
@@ -29,8 +29,8 @@
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@agent-factory-platform/client": "0.3.0",
-    "@agent-factory-platform/ui-kit": "0.3.0",
+    "@agent-factory-platform/client": "0.5.0",
+    "@agent-factory-platform/ui-kit": "0.5.0",
     "@bufbuild/protobuf": "^2.2.3",
     "lucide-react": "^1.23.0"
   },