@tangle-network/agent-app 0.43.10 → 0.43.12

package/.claude/skills/eval-campaign/SKILL.md

@@ -36,7 +36,7 @@ import {
 } from '@tangle-network/agent-app/eval-campaign'
 ```
 
-> Requires `@tangle-network/agent-eval >= 0.95.0` (peer). The scaffold composes the substrate downward; never import a product package from agent-eval (layering rule).
+> Requires `@tangle-network/agent-eval >= 0.100.0` (peer; current published is 0.107.0). The scaffold composes the substrate downward; never import a product package from agent-eval (layering rule).
 
 ## Minimal wiring (copy, then fill the three blanks)
 
@@ -89,7 +89,7 @@ if (result.gate.decision === 'ship') await ship(result.winnerSurface)
 | `baselineSurface` | — (required) | the surface the loop optimizes; start `''` |
 | `mutationPrimitives` | gepaProposer's own | your optimization levers (additive directives) |
 | `proposer` | `gepaProposer` | pass `evolutionaryProposer({ mutator })` for blind addendum rotation |
-| `gate` | `defaultProductionGate` (Δ 0.05) | `paretoSignificanceGate` for multi-objective; tune `deltaThreshold` for your rubric scale |
+| `gate` | `defaultProductionGate` (Δ 0.05) | `paretoSignificanceGate` for multi-objective; tune `deltaThreshold` for your rubric scale . To prove a held-out lift is real CONTENT and not just added prompt/mount FOOTPRINT, compose `neutralizationGate` (agent-eval >= 0.107.0, from `@tangle-network/agent-eval/campaign`) — a footprint-matched placebo arm. It needs `ctx.neutralizedJudgeScores` from `runImprovementLoop({ neutralize })`; `selfImprove`/this scaffold do not surface that option yet, so wire it at the `runImprovementLoop` level or re-export it in the scaffold first. |
 | `budget` | 3 gens × pop 2, 0.25 holdout | `budget.reps` (replicates → tighter CIs), `budget.promoteTopK`, `budget.holdoutScenarios` (explicit split), `budget.dollars` (cost cap) |
 | `expectUsage` | **`'assert'`** | the fail-loud backend-integrity guard. Leave at `'assert'` for real runs (a stub cell throws); set `'off'` ONLY for a deterministic offline/replay run |
 | `labeledStore` | off | capture every artifact + judge score (the dataset you ship + few-shot corpus); set `captureSource` (default `'eval-run'`) |

package/.claude/skills/improve-conductor/SKILL.md

@@ -11,7 +11,7 @@ You delegate the building to an agent holding `eval-architect` + `surface-evolut
 
 ## Invariant (non-negotiable)
 
-1. **Never promise or report a lift you cannot measure with valid paired evidence.** Surface the honest verdict: `ship` / `hold` / `need-more-data` / `invalid`. "Invalid" (incomplete or unpaired evidence) is a first-class outcome — say it plainly, never paper over it with a survivor-mean number.
+1. **Never promise or report a lift you cannot measure with valid paired evidence.** Surface the honest verdict: `ship` / `hold` / `need-more-data` / `invalid`. A paired, significant lift is still not shippable until a footprint-matched placebo shows the gain comes from the CONTENT, not from added prompt/mount footprint — the substrate's `neutralizationGate` / `runImprovementLoop({ neutralize })` (`@tangle-network/agent-eval/campaign`). A lift that a neutralized twin reproduces is footprint, not improvement — refuse it. Route this check through `measurement-validation`. "Invalid" (incomplete or unpaired evidence) is a first-class outcome — say it plainly, never paper over it with a survivor-mean number.
 2. **Refuse below the data threshold, and say why** — "I have N real outcomes; I won't optimize below M. Here's how to get to M." A refusal with a reason builds more trust than a fabricated win.
 3. **Route correctly.** Improvable by surface-tuning → dispatch `surface-evolution`. Needs a new capability or architecture → escalate and say so; don't pretend tuning will fix a structural gap.
 4. **No optimization spend before the target is confirmed and the measurement is real.** If there is no improvement infrastructure yet, you do NOT improvise a metric and start spending — you dispatch `eval-bootstrap` to BUILD a validated, externally-grounded harness first. The gate between "build the apparatus" and "spend optimizing" is yours to hold.

package/.claude/skills/measurement-validation/SKILL.md

@@ -13,7 +13,7 @@ Held by both the orchestrator (`improve-conductor`) and the builder (`eval-archi
 
 1. **Refuse to optimize if CV(metric) > the target delta.** If the run-to-run noise is bigger than the effect you're paying to move, the metric *cannot* validate the change — raise reps or fix the metric first. Do not tune against noise.
 2. **Refuse to report a lift over INCOMPLETE or UNPAIRED evidence.** Every held-out scenario must have a non-errored cell on *both* the baseline and the candidate side. Below the paired-n floor (≥3), the run is **invalid**, not a verdict. A lift computed over survivors is worse than no number.
-   > **Enforced by** `trustVerdicts` from `@tangle-network/agent-app/eval-campaign` — the after-gate: IRR floor + per-item rater spread (within-item, never pooled) + survivor floor, with each failed check named in `trustReasons`.
+   > **Enforced by** `trustVerdicts` from `@tangle-network/agent-app/eval-campaign` (rater-trust dimension: IRR floor + per-item rater spread, within-item never pooled, + survivor floor, each failure named in `trustReasons`), composed with the agent-eval statistical gates from `@tangle-network/agent-eval/campaign`: `powerPreflight` (before-gate for Invariant 1 — refuse to greenlight spend when the metric is underpowered vs the target delta), `heldOutGate` / `heldoutSignificance` (paired-bootstrap CI over the held-out split — the after-gate that would have caught the +47 by refusing an unpaired lift), and `neutralizationGate` + `neutralizeText` (footprint-matched placebo gate — a held-out lift that does not survive `neutralizeText` came from added prompt/mount FOOTPRINT, not content, and must not be believed).
 3. **Every metric ties to a product-value claim** — "if this number moves, *this* user-visible outcome moves with it." No claim → it's a proxy → don't optimize it.
 4. **Below the data threshold of real outcomes, refuse to optimize** — state N and say why. You cannot improve what you have not yet observed enough of.
 

package/.claude/skills/skill-evolution/SKILL.md

@@ -24,7 +24,7 @@ Each skill's *judgment* surface is itself an evolvable surface, optimized by the
 
 > *Did following this skill produce an eval that yielded real held-out lift, with no critical-dimension regression?*
 
-Above a data threshold of real runs, the skill proposes revisions to its own judgment — gated identically (held-out, critical-dimension floor, paired-n ≥ floor). **Invariants are the frozen surface; judgment is the evolvable surface.** A skill improving itself is just `surface-evolution` pointed inward.
+Above a data threshold of real runs, the skill proposes revisions to its own judgment — gated identically (held-out, critical-dimension floor, paired-n ≥ floor, and a footprint-matched placebo — the neutralization gate — that proves the lift came from content, not from added prompt/mount footprint). **Invariants are the frozen surface; judgment is the evolvable surface.** A skill improving itself is just `surface-evolution` pointed inward.
 
 ## The north-star: the agent builder, closed-loop
 
@@ -39,4 +39,4 @@ The fleet — **legal, tax, gtm, creative, insurance** — is the training distr
 - A skill that lists steps but has **no self-test** — you can't tell if following it worked.
 - An "invariant" that's really a **judgment call in disguise** — over-constraining; it should live in Judgment so the agent can adapt it per product.
 - A judgment surface with **no evolves-by hook** — it will rot, and nothing will notice.
-- A reported lift with **no held-out or no paired-n** — the slot machine. This is the one that ends the product.
+- A reported lift with **no held-out or no paired-n, or no footprint-matched placebo (neutralization)** — the slot machine. This is the one that ends the product.

package/.claude/skills/surface-evolution/SKILL.md

@@ -7,12 +7,12 @@ description: Optimize ONE evolvable surface (a prompt section / tool config) aga
 
 You are a closed-loop controller for agent quality. **Sensor** = the eval (built by `eval-architect`, certified by `measurement-validation`). **Controller** = the proposer that proposes surface rewrites. **Actuator** = promotion (writing the surface to the live agent). **Safety interlock** = the gate. The interlock is the entire point: it prefers *under-promotion* to Goodhart. A loop that ships every apparent gain is worthless; a loop that ships only evidence-backed gains is the product.
 
-The engine exists in the substrate (`@tangle-network/agent-eval/contract` `selfImprove` / `runImprovementLoop`, `gepaProposer`, `defaultProductionGate`) — re-exported via `@tangle-network/agent-app/eval-campaign`. **Do not rebuild it.** This skill is how you wire and run it safely.
+The engine exists in the substrate (`@tangle-network/agent-eval/contract` `selfImprove` / `runImprovementLoop`, `gepaProposer`, `defaultProductionGate`, `neutralizationGate`, `composeGate`) — re-exported via `@tangle-network/agent-app/eval-campaign`. **Do not rebuild it.** This skill is how you wire and run it safely.
 
 ## Invariant (non-negotiable)
 
 1. **Optimize exactly ONE surface that production renders identically.** The artifact you mutate offline must be the artifact the live agent loads — one source, rendered both places (e.g. an evolvable prompt section materialized from a single file into the live system prompt). If offline and online diverge, the lift is fictional the moment it ships.
-2. **Gate promotion on a held-out split AND a critical-dimension floor.** Never promote a net composite gain that regresses a guarded dimension (safety, hallucination, the regulated invariant). A +10 composite that loses 30 on hallucination is a regression, not a win.
+2. **Gate promotion on a held-out split AND a critical-dimension floor.** Never promote a net composite gain that regresses a guarded dimension (safety, hallucination, the regulated invariant). A +10 composite that loses 30 on hallucination is a regression, not a win. **AND gate on a footprint placebo.** A held-out lift proves the candidate beat baseline; it does NOT prove the lift came from the surface's CONTENT rather than the extra prompt/mount FOOTPRINT it added. Compose `neutralizationGate` (from `@tangle-network/agent-eval/campaign`, wired via `runImprovementLoop({ neutralize })`) AFTER the significance gate — `composeGate(heldOutGate({...}), neutralizationGate({...}))` — so a candidate whose content-blanked, footprint-matched twin reproduces more than `maxDecorativeFraction` (default 0.5) of the lift is HELD as decorative, no matter how large or significant its raw lift.
 3. **Budget is a hard ceiling and cost-aware** — skip cells beyond the ceiling, never abort. The user's spend maps to generations × candidates × reps: $0.20 buys one quick generation; $50 buys a wide search with tight CIs.
 4. **Never evolve a frozen surface.** The regulated invariants — human-in-the-loop, the compliance gate, auth/RBAC — are off-limits. Declare exactly what is evolvable; everything else the loop must not touch.
 

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",
       {