@tangle-network/agent-app 0.43.18 → 0.43.20

package/dist/assistant/index.d.ts

@@ -574,6 +574,10 @@ interface AssistantDockProps {
     formatMoney?: (usd: number | null) => string;
     /** Render workflow YAML as a node graph in a proposal card. */
     renderGraph?: (yaml: string) => ReactNode;
+    /** Render the brand icon for a proposal requirement's integration provider.
+     *  The host owns the provider→icon mapping (its integrations catalog); when
+     *  absent, the card falls back to its built-in provider mark. */
+    renderProviderIcon?: (provider: string) => ReactNode;
     /** Called after a workflow-mutating tool is confirmed (host re-fetches its list). */
     onWorkflowMutation?: () => void;
     /** In-place connect handler for a proposal's integration requirements. The host
@@ -596,7 +600,7 @@ interface AssistantDockProps {
      *  transport, and proposal flow stay owned by the panel. */
     renderTranscript?: (view: AssistantTranscriptView) => ReactNode;
 }
-declare function AssistantDock({ userId, navigate, balanceUsd, formatMoney, renderGraph, onWorkflowMutation, onConnectRequirement, renderMarkdown, toolRenderers, renderConfirmedResult, renderTranscript, }: AssistantDockProps): react.JSX.Element;
+declare function AssistantDock({ userId, navigate, balanceUsd, formatMoney, renderGraph, renderProviderIcon, onWorkflowMutation, onConnectRequirement, renderMarkdown, toolRenderers, renderConfirmedResult, renderTranscript, }: AssistantDockProps): react.JSX.Element;
 
 interface AssistantPanelProps {
     chat: AssistantChat;
@@ -611,6 +615,9 @@ interface AssistantPanelProps {
     /** Render workflow YAML as a node graph in a proposal card (the `./workflows`
      *  WorkflowGraph). When absent, proposals show YAML as text. */
     renderGraph?: (yaml: string) => ReactNode;
+    /** Render the brand icon for a proposal requirement's integration provider.
+     *  When absent, the card falls back to its built-in provider mark. */
+    renderProviderIcon?: (provider: string) => ReactNode;
     /** Markdown renderer for assistant message content. When absent, content
      *  renders as plain pre-wrapped text. */
     renderMarkdown?: (content: string) => ReactNode;
@@ -628,7 +635,7 @@ interface AssistantPanelProps {
      *  conversation. */
     renderTranscript?: (view: AssistantTranscriptView) => ReactNode;
 }
-declare function AssistantPanel({ chat, userId, onClose, navigate, balanceUsd, formatMoney, renderGraph, renderMarkdown, toolRenderers, renderConfirmedResult, renderTranscript, }: AssistantPanelProps): react.JSX.Element;
+declare function AssistantPanel({ chat, userId, onClose, navigate, balanceUsd, formatMoney, renderGraph, renderProviderIcon, renderMarkdown, toolRenderers, renderConfirmedResult, renderTranscript, }: AssistantPanelProps): react.JSX.Element;
 
 /**
  * True while a turn is streaming but the model hasn't emitted its first answer
@@ -700,8 +707,13 @@ interface ProposalCardProps {
     /** Render the workflow YAML as a node graph (the `./workflows` WorkflowGraph).
      *  When absent, the YAML is shown as text. */
     renderGraph?: (yaml: string) => ReactNode;
+    /** Render the brand icon for an integration requirement's provider. The host
+     *  owns the provider→icon mapping (its integrations catalog); when absent, or
+     *  when it returns a nullish node for a provider it doesn't recognize, the row
+     *  falls back to the built-in {@link ProviderLogo} mark. */
+    renderProviderIcon?: (provider: string) => ReactNode;
 }
-declare function ProposalCard({ proposal, confirming, onConfirm, onCancel, navigate, onConnect, renderGraph, }: ProposalCardProps): react.JSX.Element;
+declare function ProposalCard({ proposal, confirming, onConfirm, onCancel, navigate, onConnect, renderGraph, renderProviderIcon, }: ProposalCardProps): react.JSX.Element;
 
 interface AssistantLauncher {
     /** Whether the assistant drawer is open. */

package/dist/assistant/index.js

@@ -1798,7 +1798,7 @@ function providerLabel(provider) {
 }
 
 // src/assistant/ProposalCard.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ProposalCard({
   proposal,
   confirming,
@@ -1806,7 +1806,8 @@ function ProposalCard({
   onCancel,
   navigate,
   onConnect,
-  renderGraph
+  renderGraph,
+  renderProviderIcon
 }) {
   const view = describeProposal(proposal);
   const [tab, setTab] = useState4("graph");
@@ -1862,7 +1863,8 @@ function ProposalCard({
         {
           req: r,
           navigate,
-          onConnect
+          onConnect,
+          renderProviderIcon
         },
         `${r.provider}-${r.kind ?? "integration"}`
       )) }),
@@ -1913,7 +1915,8 @@ function openConnect(target, navigate) {
 function RequirementRow({
   req,
   navigate,
-  onConnect
+  onConnect,
+  renderProviderIcon
 }) {
   const [connecting, setConnecting] = useState4(false);
   const mountedRef = useRef3(true);
@@ -1947,9 +1950,15 @@ function RequirementRow({
       if (mountedRef.current) setConnecting(false);
     });
   };
+  let providerIcon;
+  try {
+    providerIcon = renderProviderIcon?.(req.provider) ?? null;
+  } catch {
+    providerIcon = null;
+  }
   return /* @__PURE__ */ jsxs2("li", { className: "flex items-center justify-between gap-2 text-xs", children: [
     /* @__PURE__ */ jsxs2("span", { className: "flex min-w-0 items-center gap-2", children: [
-      /* @__PURE__ */ jsx3(ProviderLogo, { provider: req.provider, size: 16 }),
+      providerIcon ?? /* @__PURE__ */ jsx3(ProviderLogo, { provider: req.provider, size: 16 }),
       /* @__PURE__ */ jsx3("span", { className: "truncate text-foreground", children: kindLabel }),
       /* @__PURE__ */ jsxs2("span", { className: "flex shrink-0 items-center gap-1", children: [
         /* @__PURE__ */ jsx3(
@@ -1974,11 +1983,8 @@ function RequirementRow({
         type: "button",
         onClick: handleConnect,
         disabled: connecting,
-        className: "shrink-0 text-primary disabled:opacity-50",
-        children: connecting ? isApp ? "Installing\u2026" : "Connecting\u2026" : /* @__PURE__ */ jsxs2(Fragment, { children: [
-          isApp ? "Install" : "Connect",
-          " \u2192"
-        ] })
+        className: "shrink-0 rounded border border-primary px-2 py-0.5 font-medium text-primary transition-colors hover:bg-primary/10 disabled:opacity-50",
+        children: connecting ? isApp ? "Installing\u2026" : "Connecting\u2026" : isApp ? "Install" : "Connect"
       }
     )
   ] });
@@ -1986,7 +1992,7 @@ function RequirementRow({
 
 // src/assistant/transcript.tsx
 import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function assistantIsThinking(state) {
   if (state.status !== "streaming") return false;
   const streaming = state.streamingId ? state.messages.find((m) => m.id === state.streamingId) : void 0;
@@ -2087,7 +2093,7 @@ function ProposalSlot({
   proposal,
   render
 }) {
-  return /* @__PURE__ */ jsx4(Fragment2, { children: render(proposal) });
+  return /* @__PURE__ */ jsx4(Fragment, { children: render(proposal) });
 }
 function AssistantTranscript({
   view,
@@ -2105,7 +2111,7 @@ function AssistantTranscript({
     [renderMarkdown]
   );
   if (messages.length === 0 && !view.isStreaming) {
-    return /* @__PURE__ */ jsx4(Fragment2, { children: emptyState });
+    return /* @__PURE__ */ jsx4(Fragment, { children: emptyState });
   }
   return /* @__PURE__ */ jsx4(
     ChatMessages,
@@ -2115,7 +2121,7 @@ function AssistantTranscript({
       agentLabel: "Assistant",
       renderMarkdown: markdown,
       toolRenderers,
-      renderEmpty: () => /* @__PURE__ */ jsx4(Fragment2, { children: emptyState }),
+      renderEmpty: () => /* @__PURE__ */ jsx4(Fragment, { children: emptyState }),
       renderExtras: (message) => {
         const proposals = message.id === proposalHostId && view.pendingProposals.length > 0 ? /* @__PURE__ */ jsx4("div", { className: "mt-3 flex flex-col gap-3", children: view.pendingProposals.map((proposal) => /* @__PURE__ */ jsx4(
           ProposalSlot,
@@ -2133,7 +2139,7 @@ function AssistantTranscript({
           " this turn"
         ] }) : null;
         if (!proposals && !cost && !confirmedCard) return null;
-        return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        return /* @__PURE__ */ jsxs3(Fragment, { children: [
           confirmedCard,
           proposals,
           cost
@@ -2335,6 +2341,7 @@ function AssistantPanel({
   balanceUsd = null,
   formatMoney = defaultFormatMoney,
   renderGraph,
+  renderProviderIcon,
   renderMarkdown,
   toolRenderers,
   renderConfirmedResult,
@@ -2412,7 +2419,8 @@ function AssistantPanel({
       onCancel: () => chat.cancel(proposal),
       navigate,
       onConnect: chat.canConnectRequirement ? (requirement) => chat.connectRequirement(proposal, requirement) : void 0,
-      renderGraph
+      renderGraph,
+      renderProviderIcon
     }
   );
   const isThinking = assistantIsThinking(state);
@@ -2791,7 +2799,7 @@ function ResizeHandle({
 }
 
 // src/assistant/AssistantDock.tsx
-import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function focusableWithin(container) {
   const selector = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
   return Array.from(container.querySelectorAll(selector)).filter(
@@ -2804,6 +2812,7 @@ function AssistantDock({
   balanceUsd = null,
   formatMoney,
   renderGraph,
+  renderProviderIcon,
   onWorkflowMutation,
   onConnectRequirement,
   renderMarkdown,
@@ -2886,7 +2895,7 @@ function AssistantDock({
       first.focus();
     }
   };
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
     /* @__PURE__ */ jsx8(
       "div",
       {
@@ -2917,6 +2926,7 @@ function AssistantDock({
               balanceUsd,
               formatMoney,
               renderGraph,
+              renderProviderIcon,
               renderMarkdown,
               toolRenderers,
               renderConfirmedResult,