@growthub/cli 0.13.2 → 0.13.5

package/assets/worker-kits/growthub-custom-workspace-starter-v1/apps/workspace/app/data-model/components/OrchestrationNodeConfigPanel.jsx

@@ -7,10 +7,33 @@ import {
   FILTER_OPERATORS,
   isApiRegistryTestSuccessful
 } from "@/lib/orchestration-graph";
+import { SandboxAgentAuthPanel } from "./SandboxAgentAuthPanel.jsx";
+import { isSandboxLocalAgentHost } from "@/lib/sandbox-agent-auth-eligibility";
+import { HOST_AUTH_CATALOG } from "@/lib/sandbox-agent-host-catalog";
 
 const HTTP_METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE"];
 const MODEL_OPTIONS = ["Claude Opus 4.6", "Claude Sonnet 4.5", "GPT-5.2", "Local agent host"];
 const OUTPUT_TYPES = ["Text", "Number", "Boolean", "JSON", "Record ID"];
+const LOCAL_AGENT_ADAPTERS = [
+  { value: "local-process", label: "Local process" },
+  { value: "local-agent-host", label: "Local agent host" },
+  { value: "local-intelligence", label: "Local intelligence" }
+];
+const EMPTY_AGENT_AUTH_PATCH = {
+  agentAuthStatus: "",
+  agentAuthProvider: "",
+  agentAuthLastChecked: "",
+  agentAuthLastExitCode: "",
+  agentAuthLastMessage: "",
+  agentAuthLastLoginUrl: ""
+};
+
+function getAgentHostOptions() {
+  return Object.entries(HOST_AUTH_CATALOG || {}).map(([slug, host]) => ({
+    value: slug,
+    label: host?.label || slug
+  }));
+}
 function normalizeTags(tags) {
   return Array.from(new Set((Array.isArray(tags) ? tags : [])
     .map((tag) => String(tag || "").trim().toLowerCase())
@@ -378,6 +401,107 @@ function VersionDeltaControls({ node, config, sandboxRow, onChange, disabled })
   );
 }
 
+function LocalAgentHostControls({
+  sandboxRow,
+  objectId,
+  rowName,
+  disabled,
+  onSandboxRowPatch
+}) {
+  const row = sandboxRow && typeof sandboxRow === "object" ? sandboxRow : {};
+  const runLocality = String(row.runLocality || "local").trim().toLowerCase() === "serverless" ? "serverless" : "local";
+  const adapter = String(row.adapter || "local-process").trim() || "local-process";
+  const agentHost = String(row.agentHost || "").trim();
+  const hostOptions = getAgentHostOptions();
+  const canPatch = typeof onSandboxRowPatch === "function";
+
+  function patch(fields) {
+    onSandboxRowPatch?.(fields);
+  }
+
+  function patchWithClearedAgentAuth(fields) {
+    patch({ ...fields, ...EMPTY_AGENT_AUTH_PATCH });
+  }
+
+  return (
+    <div className="dm-orchestration-config__section dm-workflow-agent-runtime">
+      <span>Local agent runtime</span>
+      <div className="dm-sandbox-locality-toggle" role="group" aria-label="Run locality">
+        {["local", "serverless"].map((mode) => (
+          <button
+            key={mode}
+            type="button"
+            className={runLocality === mode ? "is-active" : ""}
+            disabled={disabled || !canPatch}
+            onClick={() => {
+              const fields = { runLocality: mode };
+              if (mode === "serverless" && ["local-agent-host", "local-intelligence"].includes(adapter)) {
+                fields.adapter = "local-process";
+                fields.agentHost = "";
+                patchWithClearedAgentAuth(fields);
+                return;
+              }
+              patch(fields);
+            }}
+          >
+            {mode === "local" ? "Local" : "Serverless"}
+          </button>
+        ))}
+      </div>
+      <p className="dm-orchestration-config__hint">
+        Same runtime fields as the Data Model sandbox sidecar. Local agent host uses the Paperclip thin adapter on this machine.
+      </p>
+      {runLocality === "serverless" && (
+        <p className="dm-orchestration-config__hint">
+          Serverless delegates execution to the configured scheduler/API Registry row; local CLI auth is not used.
+        </p>
+      )}
+      <label className="dm-orchestration-config__field">
+        <span>Execution adapter</span>
+        <select
+          value={adapter}
+          disabled={disabled || !canPatch}
+          onChange={(event) => {
+            const nextAdapter = event.target.value;
+            patchWithClearedAgentAuth({
+              adapter: nextAdapter,
+              agentHost: nextAdapter === "local-agent-host" ? (agentHost || "claude_local") : ""
+            });
+          }}
+        >
+          {LOCAL_AGENT_ADAPTERS.map((item) => (
+            <option key={item.value} value={item.value}>{item.label}</option>
+          ))}
+        </select>
+      </label>
+      {runLocality === "local" && adapter === "local-agent-host" && (
+        <label className="dm-orchestration-config__field">
+          <span>Agent host (Paperclip)</span>
+          <select
+            value={agentHost}
+            disabled={disabled || !canPatch}
+            onChange={(event) => patchWithClearedAgentAuth({ agentHost: event.target.value })}
+          >
+            <option value="">Select host...</option>
+            {hostOptions.map((item) => (
+              <option key={item.value} value={item.value}>{item.label}</option>
+            ))}
+          </select>
+        </label>
+      )}
+      {runLocality === "local" && adapter === "local-agent-host" && isSandboxLocalAgentHost(row) && (
+        <SandboxAgentAuthPanel
+          objectId={objectId}
+          rowName={rowName}
+          draft={row}
+          disabled={disabled || !canPatch}
+          onPatchDraft={patch}
+        />
+      )}
+    </div>
+  );
+}
+
 export function OrchestrationNodeConfigPanel({
   node,
   onConfigChange,
@@ -386,6 +510,9 @@ export function OrchestrationNodeConfigPanel({
   registryRow,
   workspaceConfig,
   sandboxRow,
+  objectId,
+  rowName,
+  onSandboxRowPatch,
   activeTab: controlledTab,
   onTabChange
 }) {
@@ -770,7 +897,94 @@ export function OrchestrationNodeConfigPanel({
         </div>
       )}
 
-      {activeTab === "configuration" && type === "ai-agent" && (
+      {activeTab === "configuration" && type === "ai-agent" && (config.role || config.taskPrompt || config.required != null) && (
+        <div className="dm-orchestration-config__pane">
+          <label className="dm-orchestration-config__field">
+            <span>Role</span>
+            <input
+              value={config.role || node.label || ""}
+              disabled={disabled}
+              onChange={(e) => patchConfig({ role: e.target.value, __nodePatch: { label: e.target.value } })}
+            />
+          </label>
+          <label className="dm-orchestration-config__field">
+            <span>Description</span>
+            <input
+              placeholder="One-sentence charter"
+              value={config.description || ""}
+              disabled={disabled}
+              onChange={(e) => patchConfig({ description: e.target.value })}
+            />
+          </label>
+          <label className="dm-orchestration-config__field">
+            <span>Task</span>
+            <textarea
+              rows={4}
+              value={config.taskPrompt || ""}
+              disabled={disabled}
+              onChange={(e) => patchConfig({ taskPrompt: e.target.value })}
+            />
+          </label>
+          <label className="dm-orchestration-config__field">
+            <span>Tools</span>
+            <input
+              placeholder="read, summarize"
+              value={Array.isArray(config.tools) ? config.tools.join(", ") : ""}
+              disabled={disabled}
+              onChange={(e) => patchConfig({
+                tools: e.target.value.split(",").map((t) => t.trim()).filter(Boolean)
+              })}
+            />
+          </label>
+          <label className="dm-orchestration-config__field">
+            <span>Max tokens</span>
+            <input
+              type="number"
+              min="0"
+              placeholder="0 = inherit"
+              value={config.maxTokens || 0}
+              disabled={disabled}
+              onChange={(e) => patchConfig({ maxTokens: Math.max(0, Number(e.target.value) || 0) })}
+            />
+          </label>
+          <label className="dm-orchestration-config__field">
+            <span>Agent host</span>
+            <select
+              value={config.agentHost || ""}
+              disabled={disabled}
+              onChange={(e) => patchConfig({ agentHost: e.target.value })}
+            >
+              <option value="">Inherit</option>
+              {Object.entries(HOST_AUTH_CATALOG || {}).map(([slug, host]) => (
+                <option key={slug} value={slug}>{host?.label || slug}</option>
+              ))}
+            </select>
+          </label>
+          <label className="dm-orchestration-config__field dm-orchestration-config__field-inline">
+            <input
+              type="checkbox"
+              checked={config.required !== false}
+              disabled={disabled}
+              onChange={(e) => patchConfig({ required: e.target.checked })}
+            />
+            <span>Required</span>
+          </label>
+          <label
+            className="dm-orchestration-config__field dm-orchestration-config__field-inline"
+            title="Network is granted only when both this and the row's networkAllow are on."
+          >
+            <input
+              type="checkbox"
+              checked={config.networkAccess === true}
+              disabled={disabled}
+              onChange={(e) => patchConfig({ networkAccess: e.target.checked })}
+            />
+            <span>Network</span>
+          </label>
+        </div>
+      )}
+
+      {activeTab === "configuration" && type === "ai-agent" && !(config.role || config.taskPrompt || config.required != null) && (
         <div className="dm-orchestration-config__pane">
           <label className="dm-orchestration-config__field">
             <span>Model</span>
@@ -778,6 +992,15 @@ export function OrchestrationNodeConfigPanel({
               {MODEL_OPTIONS.map((model) => <option key={model} value={model}>{model}</option>)}
             </select>
           </label>
+          {(config.model || MODEL_OPTIONS[0]) === "Local agent host" && (
+            <LocalAgentHostControls
+              sandboxRow={sandboxRow}
+              objectId={objectId}
+              rowName={rowName}
+              disabled={disabled}
+              onSandboxRowPatch={onSandboxRowPatch}
+            />
+          )}
           <label className="dm-orchestration-config__field">
             <span>Input prompt</span>
             <textarea