@growthub/cli 0.14.9 → 0.14.11

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

@@ -0,0 +1,141 @@
+"use client";
+
+import { Check, ExternalLink, Play, Terminal, X } from "lucide-react";
+import { getApiRegistrySandboxToolState } from "@/lib/orchestration-graph";
+
+export function ApiRegistryActionCard({
+  registryRow,
+  workspaceConfig,
+  disabled,
+  onCreateSandboxTool,
+  onOpenSandboxTool,
+  onRunSandboxTool,
+  onTestConnection,
+  testing,
+  sandboxRunning
+}) {
+  const state = getApiRegistrySandboxToolState(registryRow, workspaceConfig);
+
+  if (state.kind === "incomplete") {
+    const checklist = state.checklist || [];
+    return (
+      <section className="dm-api-action-card dm-api-action-card-muted" aria-label="Complete API setup">
+        <div className="dm-api-action-card-body">
+          <p className="dm-api-action-card-eyebrow">API Registry</p>
+          <h3>Complete API setup</h3>
+          <p>
+            This API needs a registry ID, base URL, endpoint, method, and auth reference before it can become a sandbox tool.
+          </p>
+          <ul className="dm-api-action-checklist">
+            {checklist.map((item) => (
+              <li key={item.field} className={item.ok ? "is-done" : "is-pending"}>
+                {item.ok ? <Check size={14} aria-hidden="true" /> : <X size={14} aria-hidden="true" />}
+                <span>{item.field}</span>
+              </li>
+            ))}
+          </ul>
+        </div>
+      </section>
+    );
+  }
+
+  if (state.kind === "untested") {
+    return (
+      <section className="dm-api-action-card dm-api-action-card-muted" aria-label="Test API first">
+        <div className="dm-api-action-card-body">
+          <p className="dm-api-action-card-eyebrow">Sandbox tool</p>
+          <h3>Test this API first</h3>
+          <p>{state.message}</p>
+        </div>
+        <button
+          type="button"
+          className="dm-btn-primary-sm dm-api-action-card-cta"
+          disabled={disabled || testing}
+          onClick={onTestConnection}
+        >
+          {testing ? "Testing…" : "Test connection"}
+        </button>
+      </section>
+    );
+  }
+
+  if (state.kind === "failed") {
+    return (
+      <section className="dm-api-action-card dm-api-action-card-muted" aria-label="API test failed">
+        <div className="dm-api-action-card-body">
+          <p className="dm-api-action-card-eyebrow">Connection</p>
+          <h3>API test failed</h3>
+          <p>{state.message}</p>
+        </div>
+        <button
+          type="button"
+          className="dm-btn-outline dm-api-action-card-cta"
+          disabled={disabled || testing}
+          onClick={onTestConnection}
+        >
+          {testing ? "Testing…" : "Retest"}
+        </button>
+      </section>
+    );
+  }
+
+  if (state.kind === "existing") {
+    const toolName = String(state.row?.Name || "").trim();
+    return (
+      <section className="dm-api-action-card" aria-label="Sandbox tool ready">
+        <div className="dm-api-action-card-icon" aria-hidden="true">
+          <Terminal size={18} />
+        </div>
+        <div className="dm-api-action-card-body">
+          <p className="dm-api-action-card-eyebrow">Sandbox tool</p>
+          <h3>Sandbox tool ready</h3>
+          <p>{toolName} — governed row linked to this API Registry entry.</p>
+        </div>
+        <div className="dm-api-action-card-actions">
+          <button
+            type="button"
+            className="dm-btn-outline dm-api-action-card-cta"
+            disabled={disabled || !toolName}
+            onClick={() => onOpenSandboxTool?.({ name: toolName })}
+          >
+            <ExternalLink size={14} aria-hidden="true" />
+            Open sandbox tool
+          </button>
+          <button
+            type="button"
+            className="dm-btn-primary-sm dm-api-action-card-cta"
+            disabled={disabled || sandboxRunning || !toolName}
+            onClick={() => onRunSandboxTool?.({ name: toolName })}
+          >
+            <Play size={14} aria-hidden="true" />
+            {sandboxRunning ? "Running…" : "Run sandbox"}
+          </button>
+        </div>
+      </section>
+    );
+  }
+
+  return (
+    <section className="dm-api-action-card" aria-label="Create sandbox tool">
+      <div className="dm-api-action-card-icon" aria-hidden="true">
+        <Terminal size={18} />
+      </div>
+      <div className="dm-api-action-card-body">
+        <p className="dm-api-action-card-eyebrow">API connected</p>
+        <h3>Create sandbox tool</h3>
+        <p>
+          This API is connected. Turn it into a sandbox tool that agents can run safely from this workspace.
+        </p>
+        <p className="dm-api-action-card-note">No secrets are stored. Nothing runs until you test the sandbox.</p>
+      </div>
+      <button
+        type="button"
+        className="dm-btn-primary-sm dm-api-action-card-cta"
+        disabled={disabled}
+        onClick={onCreateSandboxTool}
+      >
+        Create sandbox tool
+      </button>
+    </section>
+  );
+}

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

@@ -120,7 +120,7 @@ function CeoReportCard({ report, onOpen, emphasis }) {
 // cap is purely by count and disclosed.
 const CEO_FLEET_VISIBLE_CAP = 50;
 
-function CeoFleetView({ model, onOpenArtifact }) {
+function CeoFleetView({ model, onOpenArtifact, onOpenSchedule }) {
   const { fleet, attention, reports, governance } = model;
   // Filter by stable reportId, not name — duplicate Names must never drop or
   // merge a record from the fleet.
@@ -138,6 +138,18 @@ function CeoFleetView({ model, onOpenArtifact }) {
             {`${governance.blockedAttempts} blocked attempt${governance.blockedAttempts === 1 ? "" : "s"}`}
           </span>
         )}
+        {typeof onOpenSchedule === "function" && (
+          <button
+            type="button"
+            className="dm-btn-ghost dm-swarm-card-action"
+            onClick={() => onOpenSchedule(null)}
+            title="Open the schedule cockpit (/schedule)"
+            aria-label="Open schedule cockpit"
+          >
+            Schedule
+            <ArrowUpRight size={12} aria-hidden="true" />
+          </button>
+        )}
       </div>
 
       {reports.length === 0 && (
@@ -335,7 +347,7 @@ function CeoBootstrapView({ model, onAction, actionBusy, error }) {
 // Container — derives the mode and wires actions to governed surfaces
 // ---------------------------------------------------------------------------
 
-export function CeoCockpit({ workspaceConfig, onOpenArtifact, onConfigRefresh, onSeedSwarm, onOpenSetup }) {
+export function CeoCockpit({ workspaceConfig, onOpenArtifact, onConfigRefresh, onSeedSwarm, onOpenSetup, onOpenSchedule }) {
   // Optional governance rollup — read-only, graceful fallback to config-only.
   const [receipts, setReceipts] = useState([]);
   const [activeOperationalTab, setActiveOperationalTab] = useState("history");
@@ -513,7 +525,7 @@ export function CeoCockpit({ workspaceConfig, onOpenArtifact, onConfigRefresh, o
             </button>
           </div>
           {activeOperationalTab === "history" ? (
-            <CeoFleetView model={fleetModel} onOpenArtifact={handleOpenArtifact} />
+            <CeoFleetView model={fleetModel} onOpenArtifact={handleOpenArtifact} onOpenSchedule={onOpenSchedule} />
           ) : (
             <CeoAgentTeamsSection
               teams={teamsModel}

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

@@ -49,6 +49,7 @@ import {
 } from "../../components/WorkspaceHelperSetupModal.jsx";
 import { SwarmRunCockpit, SwarmAgentTranscript } from "./SwarmRunCockpit.jsx";
 import { CeoCockpit } from "./CeoCockpit.jsx";
+import { ScheduleCockpit } from "./ScheduleCockpit.jsx";
 import { SidecarExpandView } from "./SidecarExpandView.jsx";
 import { parseSlashInput } from "./helper-commands.js";
 import {
@@ -380,6 +381,9 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
   const [activeView, setActiveView] = useState("chat");
   // Focused workflow row when opened from an apply receipt's Open button.
   const [swarmFocus, setSwarmFocus] = useState(null);
+  // Optional focus handed into the schedule cockpit (e.g. CEO → /schedule for a
+  // selected workflow record). Read-only filter/focus hint, never a mutation.
+  const [scheduleFocus, setScheduleFocus] = useState(null);
   // Expanded transcript agent (tool-output view) + full-width takeover flag.
   const [expandedAgent, setExpandedAgent] = useState(null);
   const [expandActive, setExpandActive] = useState(false);
@@ -904,6 +908,7 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
     if (cmd.view) {
       setPrompt("");
       setSwarmFocus(null);
+      if (cmd.view === "schedule") setScheduleFocus(null);
       setActiveView(cmd.view);
       return;
     }
@@ -980,6 +985,9 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
   // oversight surface). Kept separate from inSwarmView so the swarm cockpit's
   // run machinery and header affordances are untouched.
   const inCeoView = activeView === "ceo";
+  // Schedule cockpit shares the same sidecar shell (read-only operations surface
+  // over the existing schedule routes). Same precedent as the CEO view.
+  const inScheduleView = activeView === "schedule";
   const canOpenSwarmWorkflow = Boolean(
     inSwarmView
     && activeTab === "assistant"
@@ -1014,7 +1022,7 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
         {/* Header — title left; gear toggles Assistant ↔ Setup, then close. */}
         <div className="dm-sidecar-header">
           <div className="dm-sidecar-header-left">
-            {(inSwarmView || inCeoView) && (
+            {(inSwarmView || inCeoView || inScheduleView) && (
               <button
                 type="button"
                 className="dm-sidecar-icon-btn"
@@ -1035,9 +1043,11 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
                 ? "Background tasks"
                 : inCeoView
                   ? "CEO Cockpit"
-                  : threadActive
-                    ? deriveThreadDisplayTitle(initialThread, "Workspace Helper")
-                    : "Workspace Helper"}
+                  : inScheduleView
+                    ? "Schedule Cockpit"
+                    : threadActive
+                      ? deriveThreadDisplayTitle(initialThread, "Workspace Helper")
+                      : "Workspace Helper"}
             </span>
           </div>
           <div className="dm-sidecar-header-right">
@@ -1113,6 +1123,33 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
                 );
               }}
               onOpenSetup={() => setActiveTab("setup")}
+              onOpenSchedule={(focus) => { setScheduleFocus(focus || null); setActiveView("schedule"); }}
+            />
+          </div>
+        )}
+
+        {/* Schedule cockpit view — the daily operations surface for scheduled
+            workflows. Same sidecar shell, read-only with respect to mutation:
+            every action hands off to an EXISTING governed schedule route
+            (install/pause/resume/readiness/uninstall) or the Add-ons marketplace
+            setup path. No new route, no client-side PATCH, no second runtime. */}
+        {activeTab === "assistant" && inScheduleView && (
+          <div className="dm-sidecar-body dm-swarm-body" data-schedule-view={activeView}>
+            <ScheduleCockpit
+              workspaceConfig={workspaceConfig}
+              focus={scheduleFocus}
+              onConfigRefresh={refreshWorkspaceConfig}
+              onOpenArtifact={(artifact) => { if (artifact) handleOpenArtifact(artifact); }}
+              onSeedSwarm={(seedPrompt) => {
+                setActiveView("chat");
+                onPickIntent("swarm");
+                setPrompt(
+                  typeof seedPrompt === "string" && seedPrompt.trim()
+                    ? `${seedPrompt.trim()} `
+                    : "Propose a governed agent swarm: "
+                );
+              }}
+              onOpenSetup={() => setActiveTab("setup")}
             />
           </div>
         )}
@@ -1121,7 +1158,7 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
             conversation/result area on top (flex:1), bottom-anchored composer
             holds chip stack (empty state) → mode row (active thread) →
             textarea with attach + mode + send-arrow action row. */}
-        {activeTab === "assistant" && !inSwarmView && !inCeoView && (
+        {activeTab === "assistant" && !inSwarmView && !inCeoView && !inScheduleView && (
           <div className="dm-sidecar-body dm-helper-body">
             <div className="dm-helper-conversation" ref={conversationRef}>
               {/* Conversation — ChatGPT-grade multi-turn. User bubble

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

@@ -130,6 +130,7 @@ export function OrchestrationGraphCanvas({
   nodeStatuses,
   onNodeStatusClick,
   statusLabel = "Draft",
+  readinessFlags,
 }) {
   const parsed = useMemo(() => parseOrchestrationGraph(graph) || graph, [graph]);
   const nodes = useMemo(() => orderedGraphNodes(parsed), [parsed]);
@@ -242,6 +243,9 @@ export function OrchestrationGraphCanvas({
           const nodeStatusChip = nodeStatuses
             ? NODE_STATUS_CHIP[String(nodeStatuses[id] || "").toLowerCase()] || null
             : null;
+          // Serverless-readiness flag — ultrathin orange border ONLY. The color
+          // is the guidance; no badge, no text. Driven by the readiness scan.
+          const readinessFlag = readinessFlags ? readinessFlags[id] || null : null;
 
           return (
             <div key={id || index} className="dm-orchestration-canvas__step">
@@ -292,7 +296,7 @@ export function OrchestrationGraphCanvas({
               <div
                 role="button"
                 tabIndex={0}
-                className={`dm-orchestration-node${isSelected ? " dm-orchestration-node--selected" : ""}`}
+                className={`dm-orchestration-node${isSelected ? " dm-orchestration-node--selected" : ""}${readinessFlag ? ` dm-orchestration-node--readiness is-${readinessFlag.severity || "warning"}` : ""}`}
                 title={hoverHint(node)}
                 onClick={() => {
                   setInternalSelected(id);

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

@@ -1,7 +1,7 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import { Check } from "lucide-react";
+import { CalendarClock, Check, ChevronDown, Database, FileInput, ListTree } from "lucide-react";
 import {
   detectFieldIdsFromLastResponse,
   FILTER_CONJUNCTIONS,
@@ -316,7 +316,7 @@ function FieldMapRows({ fieldMap, onChange, disabled, fieldOptions = [] }) {
   );
 }
 
-function PayloadKeyRows({ payload, onChange, disabled }) {
+function PayloadKeyRows({ payload, onChange, disabled, flagClassName = "" }) {
   const entries = Object.entries(payload && typeof payload === "object" && !Array.isArray(payload) ? payload : {});
 
   function setEntries(nextEntries) {
@@ -324,7 +324,7 @@ function PayloadKeyRows({ payload, onChange, disabled }) {
   }
 
   return (
-    <div className="dm-orchestration-config__payload">
+    <div className={`dm-orchestration-config__payload${flagClassName}`}>
       <span className="dm-orchestration-config__field-label">Test payload fields</span>
       {entries.map(([key, value], index) => (
         <div key={index} className="dm-orchestration-config__payload-row">
@@ -370,7 +370,8 @@ function PayloadKeyRows({ payload, onChange, disabled }) {
   );
 }
 
-function VersionDeltaControls({ node, config, sandboxRow, onChange, disabled }) {
+function VersionDeltaControls({ node, config, sandboxRow, onChange, disabled, flaggedTags, flagSeverity = "warning" }) {
+  const flagged = flaggedTags instanceof Set ? flaggedTags : new Set(Array.isArray(flaggedTags) ? flaggedTags : []);
   const explicitTags = normalizeTags(config?.deltaTags);
   const inferredTags = inferDeltaTagsForNode(node, config);
   const selectedTags = explicitTags.length > 0 ? explicitTags : inferredTags;
@@ -409,7 +410,7 @@ function VersionDeltaControls({ node, config, sandboxRow, onChange, disabled })
       {selectedTags.length > 0 && (
         <div className="dm-version-delta__tag-fields">
           {selectedTags.map((tag) => (
-            <label key={tag} className="dm-orchestration-config__field">
+            <label key={tag} className={`dm-orchestration-config__field${flagged.has(tag) ? ` dm-field--readiness is-${flagSeverity}` : ""}`}>
               <span>{tag} value</span>
               <input
                 value={deltaValues[tag] ?? getDeltaTagDefaultValue(tag, node, config, sandboxRow)}
@@ -430,7 +431,9 @@ function LocalAgentHostControls({
   objectId,
   rowName,
   disabled,
-  onSandboxRowPatch
+  onSandboxRowPatch,
+  adapterFlagClass = "",
+  hostFlagClass = ""
 }) {
   const row = sandboxRow && typeof sandboxRow === "object" ? sandboxRow : {};
   const adapter = String(row.adapter || "local-process").trim() || "local-process";
@@ -453,7 +456,7 @@ function LocalAgentHostControls({
       <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>
-      <label className="dm-orchestration-config__field">
+      <label className={`dm-orchestration-config__field${adapterFlagClass}`}>
         <span>Execution adapter</span>
         <select
           value={adapter}
@@ -473,7 +476,7 @@ function LocalAgentHostControls({
         </select>
       </label>
       {adapter === "local-agent-host" && (
-        <label className="dm-orchestration-config__field">
+        <label className={`dm-orchestration-config__field${hostFlagClass}`}>
           <span>Agent host (Paperclip)</span>
           <select
             value={agentHost}
@@ -568,10 +571,15 @@ export function OrchestrationNodeConfigPanel({
   objectId,
   rowName,
   onSandboxRowPatch,
+  inputScheduleControls,
+  serverlessScheduleOptionAvailable = false,
+  serverlessScheduleAvailable = false,
+  readinessFlag,
   activeTab: controlledTab,
   onTabChange
 }) {
   const [internalTab, setInternalTab] = useState("node");
+  const [inputModeOpen, setInputModeOpen] = useState(false);
   const rawActiveTab = controlledTab ?? internalTab;
 
   function setActiveTab(tab) {
@@ -594,6 +602,14 @@ export function OrchestrationNodeConfigPanel({
 
   const config = node.config || {};
   const type = String(node.type || "");
+  const schedulerAvailable = Boolean(serverlessScheduleOptionAvailable || serverlessScheduleAvailable);
+  const inputModeOptions = [
+    { value: "manual", label: "Manual", Icon: FileInput },
+    { value: "record", label: "Record", Icon: Database },
+    { value: "source-record", label: "Source Record", Icon: ListTree },
+    ...(schedulerAvailable ? [{ value: "serverless-schedule", label: "Serverless Schedule", Icon: CalendarClock }] : []),
+  ];
+  const selectedInputMode = inputModeOptions.find((option) => option.value === (config.inputMode || "manual")) || inputModeOptions[0];
   const meta = config.requestHeadersMetadata || {};
   const workspaceObjects = (Array.isArray(workspaceConfig?.dataModel?.objects) ? workspaceConfig.dataModel.objects : [])
     .filter((object) => object?.id && object?.objectType !== "sandbox-environment" && object?.objectType !== "api-registry");
@@ -605,6 +621,21 @@ export function OrchestrationNodeConfigPanel({
     onConfigChange?.({ ...config, ...patch });
   }
 
+  // Serverless-readiness atomic field flag. The scan maps each alert to the exact
+  // config / sandbox-row field(s) that must change; we fill ONLY those fields
+  // light-orange (the color is the guidance — no extra copy). `row:`-prefixed
+  // hints (e.g. the execution adapter) match without the prefix here too.
+  const readinessSeverity = readinessFlag?.severity === "blocked" ? "blocked" : "warning";
+  const readinessFieldSet = new Set([
+    ...(Array.isArray(readinessFlag?.configFields) ? readinessFlag.configFields : []),
+    ...(Array.isArray(readinessFlag?.rowFields) ? readinessFlag.rowFields : []),
+    ...(Array.isArray(readinessFlag?.fields) ? readinessFlag.fields.map((f) => String(f).replace(/^row:/, "")) : []),
+  ]);
+  const readinessTagSet = new Set(Array.isArray(readinessFlag?.deltaTags) ? readinessFlag.deltaTags : []);
+  function flagFieldClass(...keys) {
+    return keys.some((k) => readinessFieldSet.has(k)) ? ` dm-field--readiness is-${readinessSeverity}` : "";
+  }
+
   const tabsForType = type === "api-registry-call" || type === "core-action"
     ? ["configuration", "test", "advanced"]
     : type === "input" || type === "transform-filter" || type === "data-action" || type === "data-trigger" || type === "ai-agent" || type === "flow-control" || type === "human-input"
@@ -658,22 +689,55 @@ export function OrchestrationNodeConfigPanel({
 
       {activeTab === "configuration" && type === "input" && (
         <div className="dm-orchestration-config__pane">
-          <label className="dm-orchestration-config__field">
+          <div className="dm-orchestration-config__field">
             <span>Input mode</span>
-            <select value={config.inputMode || "manual"} disabled={disabled} onChange={(e) => patchConfig({ inputMode: e.target.value })}>
-              <option value="manual">manual</option>
-              <option value="record">record</option>
-              <option value="source-record">source-record</option>
-            </select>
-          </label>
+            <div className={`dm-select dm-input-mode-select${inputModeOpen ? " open" : ""}${disabled ? " disabled" : ""}`}>
+              <button
+                type="button"
+                className="dm-select-trigger"
+                disabled={disabled}
+                aria-haspopup="listbox"
+                aria-expanded={inputModeOpen}
+                onClick={() => setInputModeOpen((open) => !open)}
+              >
+                <span>{selectedInputMode.label}</span>
+                <ChevronDown size={15} aria-hidden="true" />
+              </button>
+              {inputModeOpen ? (
+                <div className="dm-select-popover">
+                  <div className="dm-select-list" role="listbox" aria-label="Input mode">
+                    {inputModeOptions.map((option) => (
+                      <button
+                        key={option.value}
+                        type="button"
+                        role="option"
+                        aria-selected={option.value === selectedInputMode.value}
+                        className={`dm-select-option${option.value === selectedInputMode.value ? " selected" : ""}`}
+                        onMouseDown={(event) => {
+                          event.preventDefault();
+                          patchConfig({ inputMode: option.value });
+                          setInputModeOpen(false);
+                        }}
+                      >
+                        <option.Icon size={14} aria-hidden="true" />
+                        <span>{option.label}</span>
+                      </button>
+                    ))}
+                  </div>
+                </div>
+              ) : null}
+            </div>
+          </div>
           <PayloadKeyRows
             payload={config.samplePayload}
             disabled={disabled}
             onChange={(samplePayload) => patchConfig({ samplePayload })}
+            flagClassName={flagFieldClass("samplePayload", "triggerInput")}
           />
           <p className="dm-orchestration-config__hint">
             Bind values with {"{{input.key}}"} in the API endpoint or body template.
           </p>
+          {inputScheduleControls || null}
         </div>
       )}
 
@@ -694,15 +758,15 @@ export function OrchestrationNodeConfigPanel({
               ))}
             </select>
           </label>
-          <label className="dm-orchestration-config__field">
+          <label className={`dm-orchestration-config__field${flagFieldClass("endpoint")}`}>
             <span>Endpoint</span>
             <input value={config.endpoint || ""} disabled={disabled} onChange={(e) => patchConfig({ endpoint: e.target.value })} />
           </label>
-          <label className="dm-orchestration-config__field">
+          <label className={`dm-orchestration-config__field${flagFieldClass("bodyTemplate")}`}>
             <span>Body template</span>
             <textarea rows={3} value={config.bodyTemplate || ""} disabled={disabled} onChange={(e) => patchConfig({ bodyTemplate: e.target.value })} />
           </label>
-          <label className="dm-orchestration-config__field">
+          <label className={`dm-orchestration-config__field${flagFieldClass("authRef", "registryId", "integrationId")}`}>
             <span>Auth reference</span>
             <input value={config.authRef || ""} disabled={disabled} onChange={(e) => patchConfig({ authRef: e.target.value })} />
           </label>
@@ -865,7 +929,7 @@ export function OrchestrationNodeConfigPanel({
             </label>
           </div>
 
-          <VersionDeltaControls node={node} config={config} sandboxRow={sandboxRow} disabled={disabled} onChange={onConfigChange} />
+          <VersionDeltaControls node={node} config={config} sandboxRow={sandboxRow} disabled={disabled} onChange={onConfigChange} flaggedTags={readinessTagSet} flagSeverity={readinessSeverity} />
 
           <details className="dm-orchestration-config__advanced-json dm-orchestration-config__node-json">
             <summary>Node JSON</summary>
@@ -1075,6 +1139,8 @@ export function OrchestrationNodeConfigPanel({
               rowName={rowName}
               disabled={disabled}
               onSandboxRowPatch={onSandboxRowPatch}
+              adapterFlagClass={flagFieldClass("adapter")}
+              hostFlagClass={flagFieldClass("agentHost")}
             />
           )}
           <label className="dm-orchestration-config__field">
@@ -1473,7 +1539,7 @@ export function OrchestrationNodeConfigPanel({
       )}
 
       {activeTab === "configuration" && type !== "thinAdapter" && (
-        <VersionDeltaControls node={node} config={config} sandboxRow={sandboxRow} disabled={disabled} onChange={onConfigChange} />
+        <VersionDeltaControls node={node} config={config} sandboxRow={sandboxRow} disabled={disabled} onChange={onConfigChange} flaggedTags={readinessTagSet} flagSeverity={readinessSeverity} />
       )}
       <div className="dm-workflow-node-config-foot">
         <button type="button" className="dm-workflow-node-options" disabled={disabled}>