@tangle-network/agent-app 0.43.9 → 0.43.11

package/dist/{DesignCanvas-GUTCY763.js → DesignCanvas-5DJAFDNC.js}

@@ -1,7 +1,7 @@
 import {
   DesignCanvas,
   DesignCanvas_default
-} from "./chunk-OVUQNKLM.js";
+} from "./chunk-H5FM75MR.js";
 import "./chunk-XWJXZ6WE.js";
 import "./chunk-M2EBUDZ7.js";
 import "./chunk-HFC4BTWJ.js";
@@ -9,4 +9,4 @@ export {
   DesignCanvas,
   DesignCanvas_default as default
 };
-//# sourceMappingURL=DesignCanvas-GUTCY763.js.map
+//# sourceMappingURL=DesignCanvas-5DJAFDNC.js.map

package/dist/DesignCanvasEditor-XUJZARSN.js

@@ -0,0 +1,13 @@
+import {
+  DesignCanvasEditor
+} from "./chunk-4QN75UHX.js";
+import "./chunk-H5FM75MR.js";
+import "./chunk-BN2USWIR.js";
+import "./chunk-XWJXZ6WE.js";
+import "./chunk-47C6PJCW.js";
+import "./chunk-M2EBUDZ7.js";
+import "./chunk-HFC4BTWJ.js";
+export {
+  DesignCanvasEditor
+};
+//# sourceMappingURL=DesignCanvasEditor-XUJZARSN.js.map

package/dist/{TimelineEditor-SNOAGBV6.js → TimelineEditor-I35SJJAJ.js}

@@ -2,11 +2,11 @@ import {
   SEQUENCE_MEDIA_DRAG_TYPE,
   TimelineEditor,
   TimelineEditor_default
-} from "./chunk-EX3LD5G6.js";
+} from "./chunk-7SUPA2YT.js";
 import "./chunk-ZYBWGSAZ.js";
 export {
   SEQUENCE_MEDIA_DRAG_TYPE,
   TimelineEditor,
   TimelineEditor_default as default
 };
-//# sourceMappingURL=TimelineEditor-SNOAGBV6.js.map
+//# sourceMappingURL=TimelineEditor-I35SJJAJ.js.map

package/dist/assistant/index.d.ts

@@ -82,6 +82,19 @@ interface ConnectionRequirement {
      *  app slug); the card then shows the requirement without a connect link. */
     connectUrl?: string | null;
 }
+/**
+ * Outcome of a host-driven, in-place connect for a single proposal requirement
+ * (see {@link AssistantDockProps.onConnectRequirement}). The host owns the whole
+ * connect experience — an OAuth popup, an api-key entry modal, an app install,
+ * and any error surfacing — and the assistant stays agnostic to how it happens:
+ * the host reports back only whether the requirement is now satisfied, which the
+ * card uses to flip that requirement to connected without a reload. `connected:
+ * false` (a failed or cancelled connect) leaves the card unchanged so the user
+ * can retry.
+ */
+interface ConnectRequirementResult {
+    connected: boolean;
+}
 interface ToolProposalEventData {
     /** Null only if the server has no proposal store wired (tools then unusable). */
     proposalId: string | null;
@@ -428,6 +441,17 @@ interface UseAssistantChatOptions {
      * signal the platform used.
      */
     onWorkflowMutation?: () => void;
+    /**
+     * Called when the user activates a proposal requirement's connect affordance.
+     * The host runs whatever connect flow it owns — an OAuth popup, an api-key
+     * modal, an app install — and resolves whether the requirement is now
+     * satisfied; the card then flips that requirement to connected. Host-agnostic:
+     * the assistant never learns how the connection is made, so any host (platform,
+     * sandbox, intelligence, …) can supply its own. When omitted, the card falls
+     * back to navigating the requirement's connect target (see
+     * {@link ProposalCardProps.navigate}).
+     */
+    onConnectRequirement?: (requirement: ConnectionRequirement) => Promise<ConnectRequirementResult>;
 }
 interface AssistantChat {
     state: AssistantState;
@@ -441,6 +465,14 @@ interface AssistantChat {
     stop: () => void;
     confirm: (proposal: PendingProposal) => Promise<void>;
     cancel: (proposal: PendingProposal) => void;
+    /** True when the host supplied an in-place connect handler
+     *  ({@link UseAssistantChatOptions.onConnectRequirement}); the proposal card
+     *  uses this to offer in-place connect instead of navigating away. */
+    canConnectRequirement: boolean;
+    /** Run the host's in-place connect for one of a proposal's requirements and,
+     *  on success, flip that requirement to connected on the card. Resolves (a
+     *  no-op) when no host handler is set or the connect didn't complete. */
+    connectRequirement: (proposal: PendingProposal, requirement: ConnectionRequirement) => Promise<void>;
     reset: () => void;
     /** Open an existing thread from history, loading its transcript. */
     switchThread: (threadId: string) => void;
@@ -518,6 +550,12 @@ interface AssistantDockProps {
     renderGraph?: (yaml: 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
+     *  runs its own connect flow (OAuth popup, api-key modal, app install) and
+     *  resolves whether the requirement is now satisfied; the proposal card then
+     *  flips it to connected. Host-agnostic — when omitted, the card falls back to
+     *  navigating the requirement's connect target via `navigate`. */
+    onConnectRequirement?: (requirement: ConnectionRequirement) => Promise<ConnectRequirementResult>;
     /** Markdown renderer for assistant message content (plain text when absent). */
     renderMarkdown?: (content: string) => ReactNode;
     /** Per-tool custom detail renderers for expanded tool cards in the transcript. */
@@ -527,7 +565,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, renderMarkdown, toolRenderers, renderTranscript, }: AssistantDockProps): react.JSX.Element;
+declare function AssistantDock({ userId, navigate, balanceUsd, formatMoney, renderGraph, onWorkflowMutation, onConnectRequirement, renderMarkdown, toolRenderers, renderTranscript, }: AssistantDockProps): react.JSX.Element;
 
 interface AssistantPanelProps {
     chat: AssistantChat;
@@ -608,11 +646,17 @@ interface ProposalCardProps {
     onCancel: () => void;
     /** Host navigation for connect targets / the integrations page. */
     navigate?: (path: string) => void;
+    /** In-place connect handler for a requirement. When provided, a requirement's
+     *  connect affordance calls this (showing a busy state) instead of navigating
+     *  to `connectUrl`/the integrations page — the host runs its own connect flow
+     *  and the card flips the requirement to connected on success. Host-agnostic;
+     *  wired by the panel from {@link UseAssistantChatOptions.onConnectRequirement}. */
+    onConnect?: (requirement: ConnectionRequirement) => void | Promise<void>;
     /** Render the workflow YAML as a node graph (the `./workflows` WorkflowGraph).
      *  When absent, the YAML is shown as text. */
     renderGraph?: (yaml: string) => ReactNode;
 }
-declare function ProposalCard({ proposal, confirming, onConfirm, onCancel, navigate, renderGraph, }: ProposalCardProps): react.JSX.Element;
+declare function ProposalCard({ proposal, confirming, onConfirm, onCancel, navigate, onConnect, renderGraph, }: ProposalCardProps): react.JSX.Element;
 
 interface AssistantLauncher {
     /** Whether the assistant drawer is open. */
@@ -630,4 +674,4 @@ declare function AssistantLauncherProvider({ children, }: {
 }): react.JSX.Element;
 declare function useAssistantLauncher(): AssistantLauncher;
 
-export { type AssistantChat, type AssistantClient, type AssistantClientConfig, AssistantClientInputError, AssistantClientProvider, type AssistantDeliveryMode, AssistantDock, type AssistantDockProps, type AssistantLauncher, AssistantLauncherProvider, type AssistantModelOption, type AssistantModels, type AssistantModelsResult, AssistantPanel, type AssistantPanelProps, type AssistantSendOptions, type AssistantStreamEvent, type AssistantThreadSummary, type AssistantThreads, AssistantTranscript, type AssistantTranscriptProps, type AssistantTranscriptView, type ChatMessage, type ChatRequest, type ChatRole, type ConfirmResult, type ConnectionRequirement, type ConnectionRequirementKind, type DeltaEventData, type DoneEventData, type ErrorEventData, type PendingProposal, ProposalCard, type ProposalCardProps, type ReasoningEventData, type ThreadEventData, type ThreadHistoryResult, type ToolActivityStatus, type ToolCallEventData, type ToolOutcome, type ToolProposalEventData, type ToolResultEventData, type UsageEventData, type UsageInfo, type UseAssistantChatOptions, adaptTranscript, assistantIsThinking, createAssistantClient, useAssistantChat, useAssistantClient, useAssistantLauncher, useAssistantModels, useAssistantThreads };
+export { type AssistantChat, type AssistantClient, type AssistantClientConfig, AssistantClientInputError, AssistantClientProvider, type AssistantDeliveryMode, AssistantDock, type AssistantDockProps, type AssistantLauncher, AssistantLauncherProvider, type AssistantModelOption, type AssistantModels, type AssistantModelsResult, AssistantPanel, type AssistantPanelProps, type AssistantSendOptions, type AssistantStreamEvent, type AssistantThreadSummary, type AssistantThreads, AssistantTranscript, type AssistantTranscriptProps, type AssistantTranscriptView, type ChatMessage, type ChatRequest, type ChatRole, type ConfirmResult, type ConnectRequirementResult, type ConnectionRequirement, type ConnectionRequirementKind, type DeltaEventData, type DoneEventData, type ErrorEventData, type PendingProposal, ProposalCard, type ProposalCardProps, type ReasoningEventData, type ThreadEventData, type ThreadHistoryResult, type ToolActivityStatus, type ToolCallEventData, type ToolOutcome, type ToolProposalEventData, type ToolResultEventData, type UsageEventData, type UsageInfo, type UseAssistantChatOptions, adaptTranscript, assistantIsThinking, createAssistantClient, useAssistantChat, useAssistantClient, useAssistantLauncher, useAssistantModels, useAssistantThreads };

package/dist/assistant/index.js

@@ -1029,6 +1029,25 @@ function assistantReducer(state, action) {
         status: pendingProposals.length > 0 ? "awaiting_confirm" : state.status === "awaiting_confirm" ? "idle" : state.status
       };
     }
+    case "requirement_connected": {
+      const kind = action.kind ?? "integration";
+      let changed = false;
+      const pendingProposals = state.pendingProposals.map((p) => {
+        if (p.callId !== action.callId || !p.requirements) return p;
+        let rowChanged = false;
+        const requirements = p.requirements.map((r) => {
+          if (!r.connected && r.provider === action.provider && (r.kind ?? "integration") === kind) {
+            rowChanged = true;
+            return { ...r, connected: true };
+          }
+          return r;
+        });
+        if (!rowChanged) return p;
+        changed = true;
+        return { ...p, requirements };
+      });
+      return changed ? { ...state, pendingProposals } : state;
+    }
     case "stopped":
       return {
         ...state,
@@ -1121,6 +1140,8 @@ function useAssistantChat(userId, options) {
   clientRef.current = client;
   const onWorkflowMutationRef = useRef(options?.onWorkflowMutation);
   onWorkflowMutationRef.current = options?.onWorkflowMutation;
+  const onConnectRequirementRef = useRef(options?.onConnectRequirement);
+  onConnectRequirementRef.current = options?.onConnectRequirement;
   const confirmingRef = useRef(/* @__PURE__ */ new Set());
   const [confirmingIds, setConfirmingIds] = useState(EMPTY_IDS);
   const sendingRef = useRef(false);
@@ -1362,6 +1383,29 @@ function useAssistantChat(userId, options) {
       error: null
     });
   }, []);
+  const connectRequirement = useCallback(
+    async (proposal, requirement) => {
+      const handler = onConnectRequirementRef.current;
+      if (!handler) return;
+      const seq = confirmSeqRef.current;
+      let result;
+      try {
+        result = await handler(requirement);
+      } catch {
+        return;
+      }
+      if (confirmSeqRef.current !== seq) return;
+      if (result?.connected) {
+        dispatch({
+          type: "requirement_connected",
+          callId: proposal.callId,
+          provider: requirement.provider,
+          kind: requirement.kind
+        });
+      }
+    },
+    []
+  );
   const reset = useCallback(() => {
     streamSeqRef.current += 1;
     confirmSeqRef.current += 1;
@@ -1454,6 +1498,8 @@ function useAssistantChat(userId, options) {
     stop,
     confirm,
     cancel,
+    canConnectRequirement: Boolean(options?.onConnectRequirement),
+    connectRequirement,
     reset,
     switchThread,
     restoring
@@ -1599,13 +1645,13 @@ function useAssistantThreads(userId) {
 // src/assistant/AssistantDock.tsx
 import { MessageSquare } from "lucide-react";
 import {
-  useEffect as useEffect6,
-  useRef as useRef7
+  useEffect as useEffect7,
+  useRef as useRef8
 } from "react";
 
 // src/assistant/AssistantPanel.tsx
 import { History, MessageSquarePlus, Minus, Plus, X } from "lucide-react";
-import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef5, useState as useState6 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef6, useState as useState6 } from "react";
 
 // src/assistant/AssistantHistory.tsx
 import { Search, Trash2 } from "lucide-react";
@@ -1725,7 +1771,7 @@ function AssistantHistory({
 }
 
 // src/assistant/ProposalCard.tsx
-import { useState as useState4 } from "react";
+import { useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
 
 // src/assistant/provider-label.ts
 var PROVIDER_LABELS = {
@@ -1743,13 +1789,14 @@ function providerLabel(provider) {
 }
 
 // src/assistant/ProposalCard.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function ProposalCard({
   proposal,
   confirming,
   onConfirm,
   onCancel,
   navigate,
+  onConnect,
   renderGraph
 }) {
   const view = describeProposal(proposal);
@@ -1805,7 +1852,8 @@ function ProposalCard({
         RequirementRow,
         {
           req: r,
-          navigate
+          navigate,
+          onConnect
         },
         `${r.provider}-${r.kind ?? "integration"}`
       )) }),
@@ -1855,14 +1903,41 @@ function openConnect(target, navigate) {
 }
 function RequirementRow({
   req,
-  navigate
+  navigate,
+  onConnect
 }) {
+  const [connecting, setConnecting] = useState4(false);
+  const mountedRef = useRef3(true);
+  useEffect4(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
   const label = providerLabel(req.provider);
   const isApp = req.kind === "github_app";
   const kindLabel = isApp ? `${label} App` : label;
   const statusText = req.connected ? isApp ? "installed" : "connected" : isApp ? "not installed" : "not connected";
-  const canConnect = !req.connected && req.connectUrl !== null;
+  const canConnect = !req.connected && (Boolean(onConnect) || req.connectUrl !== null);
   const target = req.connectUrl ?? "/app/integrations";
+  const handleConnect = () => {
+    if (!onConnect) {
+      openConnect(target, navigate);
+      return;
+    }
+    setConnecting(true);
+    let pending;
+    try {
+      pending = onConnect(req);
+    } catch {
+      if (mountedRef.current) setConnecting(false);
+      return;
+    }
+    void Promise.resolve(pending).catch(() => {
+    }).finally(() => {
+      if (mountedRef.current) setConnecting(false);
+    });
+  };
   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 }),
@@ -1884,16 +1959,17 @@ function RequirementRow({
         )
       ] })
     ] }),
-    canConnect && /* @__PURE__ */ jsxs2(
+    canConnect && /* @__PURE__ */ jsx3(
       "button",
       {
         type: "button",
-        onClick: () => openConnect(target, navigate),
-        className: "shrink-0 text-primary",
-        children: [
+        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"
-        ]
+        ] })
       }
     )
   ] });
@@ -1901,7 +1977,7 @@ function RequirementRow({
 
 // src/assistant/transcript.tsx
 import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, 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;
@@ -1999,7 +2075,7 @@ function ProposalSlot({
   proposal,
   render
 }) {
-  return /* @__PURE__ */ jsx4(Fragment, { children: render(proposal) });
+  return /* @__PURE__ */ jsx4(Fragment2, { children: render(proposal) });
 }
 function AssistantTranscript({
   view,
@@ -2016,7 +2092,7 @@ function AssistantTranscript({
     [renderMarkdown]
   );
   if (messages.length === 0 && !view.isStreaming) {
-    return /* @__PURE__ */ jsx4(Fragment, { children: emptyState });
+    return /* @__PURE__ */ jsx4(Fragment2, { children: emptyState });
   }
   return /* @__PURE__ */ jsx4(
     ChatMessages,
@@ -2026,7 +2102,7 @@ function AssistantTranscript({
       agentLabel: "Assistant",
       renderMarkdown: markdown,
       toolRenderers,
-      renderEmpty: () => /* @__PURE__ */ jsx4(Fragment, { children: emptyState }),
+      renderEmpty: () => /* @__PURE__ */ jsx4(Fragment2, { 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,
@@ -2041,7 +2117,7 @@ function AssistantTranscript({
           " this turn"
         ] }) : null;
         if (!proposals && !cost) return null;
-        return /* @__PURE__ */ jsxs3(Fragment, { children: [
+        return /* @__PURE__ */ jsxs3(Fragment2, { children: [
           proposals,
           cost
         ] });
@@ -2051,7 +2127,7 @@ function AssistantTranscript({
 }
 
 // src/assistant/usePanelPrefs.ts
-import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef3, useState as useState5 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
 var MIN_PANEL_WIDTH = 360;
 var DEFAULT_PANEL_WIDTH = 448;
 var MAX_PANEL_WIDTH_FRACTION = 0.95;
@@ -2094,8 +2170,8 @@ function clampScale(value) {
 function usePanelWidth() {
   const [width, setWidthState] = useState5(DEFAULT_PANEL_WIDTH);
   const [maxWidth, setMaxWidth] = useState5(() => maxPanelWidth());
-  const desiredRef = useRef3(DEFAULT_PANEL_WIDTH);
-  useEffect4(() => {
+  const desiredRef = useRef4(DEFAULT_PANEL_WIDTH);
+  useEffect5(() => {
     setMaxWidth(maxPanelWidth());
     const stored = readNumber(WIDTH_KEY);
     if (stored != null) {
@@ -2103,7 +2179,7 @@ function usePanelWidth() {
       setWidthState(clampWidth(stored));
     }
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     const onResize = () => {
       setMaxWidth(maxPanelWidth());
       setWidthState(clampWidth(desiredRef.current));
@@ -2130,7 +2206,7 @@ function usePanelWidth() {
 }
 function useFontScale() {
   const [scale, setScaleState] = useState5(DEFAULT_FONT_SCALE);
-  useEffect4(() => {
+  useEffect5(() => {
     const stored = readNumber(FONT_SCALE_KEY);
     if (stored != null) setScaleState(clampScale(stored));
   }, []);
@@ -2153,7 +2229,7 @@ function useIsDesktop() {
   const [isDesktop, setIsDesktop] = useState5(
     () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(min-width: 768px)").matches : true
   );
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
     }
@@ -2167,12 +2243,12 @@ function useIsDesktop() {
 }
 
 // src/assistant/use-stick-to-bottom.ts
-import { useCallback as useCallback5, useLayoutEffect, useRef as useRef4 } from "react";
+import { useCallback as useCallback5, useLayoutEffect, useRef as useRef5 } from "react";
 var STICK_SLACK_PX = 48;
 function useStickToBottom(ref, { enabled, contentSignature, streamingId, threadId }) {
-  const stuckRef = useRef4(true);
-  const prevStreamingRef = useRef4(streamingId);
-  const prevThreadRef = useRef4(threadId);
+  const stuckRef = useRef5(true);
+  const prevStreamingRef = useRef5(streamingId);
+  const prevThreadRef = useRef5(threadId);
   const onScroll = useCallback5(() => {
     if (!enabled) return;
     const el = ref.current;
@@ -2250,24 +2326,24 @@ function AssistantPanel({
   const threads = useAssistantThreads(userId);
   const font = useFontScale();
   const [view, setView] = useState6("chat");
-  const historyButtonRef = useRef5(null);
-  const logRef = useRef5(null);
+  const historyButtonRef = useRef6(null);
+  const logRef = useRef6(null);
   const pickerModels = useMemo3(
     () => toPickerModels(models, chat.selectedModel),
     [models, chat.selectedModel]
   );
   const pickerValue = chat.selectedModel ?? models.default ?? "";
   const { state } = chat;
-  const chatRef = useRef5(chat);
+  const chatRef = useRef6(chat);
   chatRef.current = chat;
-  useEffect5(() => {
+  useEffect6(() => {
     if (view !== "history") return;
     const search = logRef.current?.querySelector(
       'input[type="search"]'
     );
     (search ?? logRef.current)?.focus();
   }, [view]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (view !== "history") return;
     const onKeyDownCapture = (e) => {
       if (e.key !== "Escape") return;
@@ -2317,6 +2393,7 @@ function AssistantPanel({
       onConfirm: () => chat.confirm(proposal),
       onCancel: () => chat.cancel(proposal),
       navigate,
+      onConnect: chat.canConnectRequirement ? (requirement) => chat.connectRequirement(proposal, requirement) : void 0,
       renderGraph
     }
   );
@@ -2617,7 +2694,7 @@ function useAssistantLauncher() {
 }
 
 // src/assistant/ResizeHandle.tsx
-import { useRef as useRef6 } from "react";
+import { useRef as useRef7 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 function ResizeHandle({
   width,
@@ -2626,7 +2703,7 @@ function ResizeHandle({
   onCommit,
   onNudge
 }) {
-  const dragRef = useRef6(null);
+  const dragRef = useRef7(null);
   const onPointerDown = (e) => {
     if (e.button !== 0) return;
     e.preventDefault();
@@ -2695,7 +2772,7 @@ function ResizeHandle({
 }
 
 // src/assistant/AssistantDock.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, 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(
@@ -2709,19 +2786,23 @@ function AssistantDock({
   formatMoney,
   renderGraph,
   onWorkflowMutation,
+  onConnectRequirement,
   renderMarkdown,
   toolRenderers,
   renderTranscript
 }) {
   const { open, openAssistant, closeAssistant } = useAssistantLauncher();
-  const chat = useAssistantChat(userId, { onWorkflowMutation });
+  const chat = useAssistantChat(userId, {
+    onWorkflowMutation,
+    onConnectRequirement
+  });
   const isDesktop = useIsDesktop();
   const { width, maxWidth, setWidth, previewWidth, nudgeWidth } = usePanelWidth();
-  const launcherRef = useRef7(null);
-  const dialogRef = useRef7(null);
-  const returnFocusRef = useRef7(null);
-  const wasOpenRef = useRef7(false);
-  useEffect6(() => {
+  const launcherRef = useRef8(null);
+  const dialogRef = useRef8(null);
+  const returnFocusRef = useRef8(null);
+  const wasOpenRef = useRef8(false);
+  useEffect7(() => {
     if (!open) return;
     const onKeyDown = (e) => {
       if (e.key === "Escape") closeAssistant();
@@ -2729,7 +2810,7 @@ function AssistantDock({
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [open, closeAssistant]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (open) {
       if (!wasOpenRef.current && !returnFocusRef.current) {
         returnFocusRef.current = document.activeElement;
@@ -2785,7 +2866,7 @@ function AssistantDock({
       first.focus();
     }
   };
-  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
     /* @__PURE__ */ jsx8(
       "div",
       {