@growthub/cli 0.13.9 → 0.14.0

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

@@ -69,6 +69,7 @@ function ToolCallCard({ proposal, content, onOpenArtifact }) {
     rationale: proposal?.rationale,
     confidence: proposal?.confidence,
   };
+  const showJson = meta.payload != null || meta.affectedField || meta.rationale;
   return (
     <div className="dm-helper-toolcall" data-toolcall-type={proposal?.type}>
       <button
@@ -89,9 +90,11 @@ function ToolCallCard({ proposal, content, onOpenArtifact }) {
       {open && (
         <div className="dm-helper-toolcall-body">
           {content && <div className="dm-helper-toolcall-content">{content}</div>}
-          <pre className="dm-helper-toolcall-json">
-            {JSON.stringify(meta, null, 2)}
-          </pre>
+          {showJson && (
+            <pre className="dm-helper-toolcall-json">
+              {JSON.stringify(meta, null, 2)}
+            </pre>
+          )}
         </div>
       )}
       {canNavigate && (
@@ -108,6 +111,55 @@ function ToolCallCard({ proposal, content, onOpenArtifact }) {
   );
 }
 
+function formatRunDuration(ms) {
+  const value = Number(ms);
+  if (!Number.isFinite(value) || value < 0) return "";
+  const totalSeconds = Math.max(0, Math.round(value / 1000));
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  if (minutes <= 0) return `${seconds}s`;
+  return `${minutes}m ${String(seconds).padStart(2, "0")}s`;
+}
+
+function ProposalReviewCard({ proposal, checked, disabled, onCheckedChange, onKeyDown }) {
+  const [open, setOpen] = useState(false);
+  const summary = summarizePayload(proposal);
+  return (
+    <div className="dm-helper-toolcall" data-proposal-item="" tabIndex={0} onKeyDown={onKeyDown}>
+      <div className="dm-helper-toolcall-row dm-helper-proposal-card-row">
+        <input
+          type="checkbox"
+          checked={!!checked}
+          onChange={(e) => onCheckedChange(e.target.checked)}
+          disabled={disabled}
+          data-proposal-accept=""
+          aria-label={`Select ${proposal.type}`}
+        />
+        <button
+          type="button"
+          className="dm-helper-proposal-card-toggle"
+          onClick={() => setOpen((v) => !v)}
+          aria-expanded={open}
+        >
+          <span className="dm-helper-toolcall-title">{proposal.type}</span>
+          <span className="dm-helper-proposal-field">→ {proposal.affectedField}</span>
+          <ChevronDown
+            size={14}
+            className={`dm-helper-toolcall-chevron${open ? " is-open" : ""}`}
+            aria-hidden="true"
+          />
+        </button>
+      </div>
+      {open && (
+        <div className="dm-helper-toolcall-body">
+          {summary && <p className="dm-helper-proposal-payload" data-proposal-payload="">{summary}</p>}
+          {proposal.rationale && <p className="dm-helper-proposal-rationale">{proposal.rationale}</p>}
+        </div>
+      )}
+    </div>
+  );
+}
+
 // Pair a system apply-receipt message with the actual proposal payload
 // it confirms. The applyResult (rehydrated from row.lastApplied at thread
 // load time) carries the typed payloads keyed in order — we walk the
@@ -747,6 +799,11 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
   const acceptedCount = Object.values(accepted).filter(Boolean).length;
   const skippedCount = applyResult?.skipped?.length || 0;
   const hasProposals = result && (result.proposals || []).length > 0;
+  const visibleWarnings = (result?.warnings || []).filter((warning) => {
+    const text = String(warning || "");
+    return !/transcript does not include the actual registry row id or lastResponse payload/i.test(text)
+      && !/No credentials or env values should be stored/i.test(text);
+  });
 
   // Thread is "active" the moment the user has sent at least one message,
   // OR we have rehydrated a prior thread row. Pills only show on the
@@ -916,18 +973,9 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
               {/* Proposals */}
               {result && (
                 <div className="dm-helper-result">
-                <div className="dm-helper-summary">
-                  <span>{result.summary}</span>
-                </div>
-
-                {(result.warnings || []).length > 0 && (
-                  <div className="dm-helper-warnings">
-                    {result.warnings.map((w, i) => (
-                      <div key={i} className="dm-helper-warning">
-                        <AlertCircle size={12} />
-                        <span>{w}</span>
-                      </div>
-                    ))}
+                {!threadActive && result.summary && (
+                  <div className="dm-helper-summary">
+                    <span>{result.summary}</span>
                   </div>
                 )}
 
@@ -943,42 +991,17 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
                       aria-label="Proposals"
                     >
                       {result.proposals.map((proposal, i) => {
-                        const summary = summarizePayload(proposal);
-                        const conf = typeof proposal.confidence === "number" ? Math.round(proposal.confidence * 100) : null;
                         return (
-                          <label
+                          <ProposalReviewCard
                             key={i}
-                            className={`dm-helper-proposal${accepted[i] ? " accepted" : ""}`}
-                            data-proposal-item=""
-                            tabIndex={0}
+                            proposal={proposal}
+                            checked={accepted[i]}
+                            disabled={applying}
+                            onCheckedChange={(checked) =>
+                              setAccepted((prev) => ({ ...prev, [i]: checked }))
+                            }
                             onKeyDown={(e) => handleProposalKeyDown(e, i)}
-                          >
-                            <input
-                              type="checkbox"
-                              checked={!!accepted[i]}
-                              onChange={(e) =>
-                                setAccepted((prev) => ({ ...prev, [i]: e.target.checked }))
-                              }
-                              disabled={applying}
-                              data-proposal-accept=""
-                              tabIndex={-1}
-                            />
-                            <div className="dm-helper-proposal-body">
-                              <div className="dm-helper-proposal-row">
-                                <span className="dm-helper-proposal-type">{proposal.type}</span>
-                                <span className="dm-helper-proposal-field">→ {proposal.affectedField}</span>
-                                {conf !== null && (
-                                  <span className="dm-helper-proposal-confidence" data-proposal-confidence={conf}>
-                                    {conf}%
-                                  </span>
-                                )}
-                              </div>
-                              {summary && (
-                                <p className="dm-helper-proposal-payload" data-proposal-payload="">{summary}</p>
-                              )}
-                              <p className="dm-helper-proposal-rationale">{proposal.rationale}</p>
-                            </div>
-                          </label>
+                          />
                         );
                       })}
                     </div>
@@ -1055,13 +1078,10 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
                 )}
 
                 {result.receipts && (
-                  <p className="dm-field-hint" style={{ marginTop: 8 }} data-helper-receipt="">
-                    Run: {result.receipts.model} · confidence{" "}
-                    {typeof result.receipts.confidence === "number"
-                      ? `${Math.round(result.receipts.confidence * 100)}%`
-                      : "n/a"}{" "}
-                    · {result.receipts.latencyMs}ms
-                  </p>
+                  <div className="dm-helper-run-meta" data-helper-receipt="">
+                    <span>{result.receipts.model || "run"}</span>
+                    <span>{formatRunDuration(result.receipts.latencyMs)}</span>
+                  </div>
                 )}
               </div>
               )}

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

@@ -202,9 +202,9 @@ export function ReferencePicker({
     <div className="dm-reference-picker">
       {error && <p className="dm-field-error" style={{ fontSize: 11 }}>{error}</p>}
       {showRepair && (
-        <p className="dm-validation-banner" style={{ fontSize: 11, marginBottom: 6 }}>
+        <p className="dm-reference-picker-warning">
           <AlertTriangle size={12} aria-hidden />
-          <span>Selected reference is missing or filtered out. Pick a new row or adjust API Registry status.</span>
+          <span>Missing reference. Pick a row or test the API Registry.</span>
         </p>
       )}
       <SearchableSelect

package/assets/worker-kits/growthub-custom-workspace-starter-v1/apps/workspace/app/globals.css

@@ -5030,7 +5030,7 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .dm-db-status.warn { border-color: #fde68a; background: #fffbeb; color: #92400e; }
 .dm-db-status.warn span { background: #f59e0b; }
 .dm-record-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(15,23,42,.12); }
-.dm-record-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 81; display: flex; flex-direction: column; width: min(440px, 100vw); background: #fff; border-left: 1px solid #dfe3e8; box-shadow: -10px 0 34px rgba(15,23,42,.16); }
+.dm-record-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 81; display: flex; flex-direction: column; min-height: 0; width: min(440px, 100vw); background: #fff; border-left: 1px solid #dfe3e8; box-shadow: -10px 0 34px rgba(15,23,42,.16); overflow: hidden; }
 .dm-record-drawer-wide { width: min(780px, 100vw); }
 .dm-api-action-card {
   display: grid;
@@ -5070,6 +5070,59 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .dm-api-action-card-body h3 { margin: 0; font-size: 14px; font-weight: 650; color: #111827; }
 .dm-api-action-card-body p { margin: 0; font-size: 12px; line-height: 1.45; color: #4b5563; }
 .dm-api-action-card-cta { flex-shrink: 0; align-self: center; }
+
+/* Governed creation cockpit — vertical journey inside the api-registry drawer.
+   Overrides the action-card 3-col grid and reuses the workspace's own status
+   chip (.dm-db-status) + dm-btn-* buttons. No new colors, no new primitive. */
+.dm-cockpit { display: block; grid-template-columns: none; transition: box-shadow .14s, background .14s; }
+.dm-cockpit.is-collapsed { padding-bottom: 12px; }
+.dm-cockpit-head { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; border: 0; background: transparent; padding: 0; text-align: left; cursor: pointer; }
+.dm-cockpit-head:hover .dm-api-action-card-body h3 { color: #000; }
+.dm-cockpit-head:focus-visible { outline: 2px solid #bfdbfe; outline-offset: 4px; border-radius: 6px; }
+.dm-cockpit-count { flex-shrink: 0; font-size: 11px; font-weight: 700; color: #94a3b8; font-variant-numeric: tabular-nums; padding-top: 2px; }
+.dm-cockpit-steps { list-style: none; margin: 10px 0 0; padding: 0; }
+.dm-cockpit-step { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: start; padding: 10px 0; border-top: 1px solid #edf0f3; }
+.dm-cockpit-step:first-child { border-top: 0; }
+.dm-cockpit-step-chip { flex-shrink: 0; align-self: start; margin-top: 1px; min-width: 64px; justify-content: center; }
+.dm-cockpit-step-body { min-width: 0; display: grid; gap: 2px; }
+.dm-cockpit-step-label { margin: 0; font-size: 13px; font-weight: 600; color: #111827; }
+.dm-cockpit-step-desc { margin: 0; font-size: 12px; line-height: 1.45; color: #64748b; }
+.dm-cockpit-step-hint { margin: 0; font-size: 11px; line-height: 1.4; color: #94a3b8; }
+.dm-cockpit-step button { flex-shrink: 0; align-self: center; }
+.dm-cockpit-step-muted .dm-cockpit-step-label,
+.dm-cockpit-step-muted .dm-cockpit-step-desc { color: #94a3b8; }
+.dm-cockpit-step-next { background: #f8fafc; margin: 0 -14px; padding-left: 14px; padding-right: 14px; border-radius: 6px; }
+.dm-cockpit-shape { margin-top: 12px; padding-top: 12px; border-top: 1px solid #edf0f3; display: grid; gap: 6px; }
+.dm-cockpit-shape-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.dm-cockpit-shape-head .dm-api-action-card-eyebrow { margin: 0; }
+.dm-cockpit-fields { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
+.dm-cockpit-field { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 2px 8px; }
+.dm-cockpit-field b { font-weight: 700; color: #94a3b8; text-transform: uppercase; font-size: 10px; letter-spacing: .03em; }
+.dm-cockpit-receipts { margin-top: 12px; padding-top: 12px; border-top: 1px solid #edf0f3; }
+.dm-cockpit-receipts ul { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 6px; }
+.dm-cockpit-receipt { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: start; }
+.dm-cockpit-receipt-chip { align-self: start; }
+.dm-cockpit-receipt-text { font-size: 12px; color: #64748b; line-height: 1.4; }
+
+/* Serverless upgrade — toolbar button, one-time nudge, and cockpit panel. */
+.dm-workflow-upgrade-btn { position: relative; }
+.dm-workflow-upgrade-btn.is-serverless { color: #166534; }
+.dm-workflow-upgrade-btn.is-pulse { color: #111827; }
+.dm-workflow-upgrade-btn[data-tooltip]:hover::after {
+  content: attr(data-tooltip); position: absolute; top: 100%; right: 0; margin-top: 6px;
+  white-space: nowrap; background: #111827; color: #fff; font-size: 11px; font-weight: 500;
+  padding: 5px 8px; border-radius: 6px; z-index: 40; box-shadow: 0 4px 12px rgba(15,23,42,.18);
+}
+.dm-workflow-upgrade-nudge { align-items: center; justify-content: space-between; gap: 16px; padding: 10px 16px; }
+.dm-workflow-upgrade-nudge > div:first-child { min-width: 0; padding-right: 10px; }
+.dm-workflow-upgrade-nudge strong,
+.dm-workflow-upgrade-nudge span { line-height: 1.35; }
+.dm-workflow-upgrade-nudge-actions { display: inline-flex; align-items: center; gap: 8px; }
+.dm-workflow-upgrade-panel { width: auto; margin: 12px 8px 16px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 2px 8px rgba(15,23,42,.06); }
+.dm-workflow-upgrade-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px 0; }
+.dm-workflow-upgrade-panel-head .dm-api-action-card-eyebrow { margin: 0; }
+.dm-workflow-upgrade-panel .dm-api-action-card { margin: 8px; box-shadow: none; }
+
 .dm-api-review-banner {
   display: grid;
   grid-template-columns: auto 1fr auto;
@@ -5223,6 +5276,7 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   display: flex;
   align-items: center;
   gap: 6px;
+  padding-left: 16px;
   min-width: max-content;
   flex: 1 0 auto;
   color: #8b8b91;
@@ -5276,6 +5330,7 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   display: flex;
   align-items: center;
   gap: 6px;
+  padding-right: 16px;
   flex: 0 1 auto;
   min-width: 0;
   max-width: 58vw;
@@ -6025,6 +6080,7 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .dm-drawer-hidden-list { display: flex; flex-wrap: wrap; gap: 8px; }
 .dm-record-drawer-head p { margin: 0 0 3px; color: #94a3b8; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
 .dm-record-drawer-head h2 { margin: 0; color: #111827; font-size: 16px; font-weight: 650; }
+.dm-record-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 0 0 28px; }
 .dm-record-testbar { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-bottom: 1px solid #edf0f3; background: #fbfdff; }
 .dm-record-testbar > span:last-child { min-width: 0; color: #64748b; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .dm-record-testbar[data-panel="sandbox-agent-auth"] {
@@ -6114,7 +6170,7 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   white-space: pre-wrap;
   word-break: break-word;
 }
-.dm-record-fields { display: grid; gap: 8px; padding: 14px 16px 28px; overflow-y: auto; }
+.dm-record-fields { display: grid; align-content: start; gap: 8px; min-height: 0; padding: 14px 16px 0; }
 .dm-record-field { display: grid; gap: 5px; }
 .dm-record-field span { color: #475569; font-size: 11px; font-weight: 650; }
 .dm-record-field input,
@@ -6137,7 +6193,7 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .dm-radio-row input[type="radio"], .dm-check-row input[type="checkbox"] { width: 14px; height: 14px; margin: 1px 0 0; padding: 0; box-shadow: none; accent-color: #111827; }
 .dm-radio-row span, .dm-check-row span { color: #1f2937; font-size: 12px; font-weight: 500; }
 .dm-check-row { cursor: pointer; }
-.dm-select { position: relative; width: 100%; min-width: 180px; font-size: 11px; }
+.dm-select { position: relative; width: 100%; min-width: 0; font-size: 11px; }
 .dm-select-trigger { width: 100%; min-height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid #cbd5e1; border-radius: 7px; background: #fff; color: #111827; box-shadow: 0 1px 2px rgba(15,23,42,.05); font: inherit; font-size: 11px; padding: 6px 10px; text-align: left; cursor: pointer; transition: border-color .12s, box-shadow .12s, background .12s; }
 .dm-select-trigger:hover:not(:disabled) { border-color: #94a3b8; box-shadow: 0 2px 8px rgba(15,23,42,.08); }
 .dm-select.open .dm-select-trigger { border-color: #64748b; box-shadow: 0 0 0 3px rgba(100,116,139,.12), 0 2px 8px rgba(15,23,42,.08); }
@@ -6162,8 +6218,12 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .dm-select-pager button { height: 26px; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; color: #334155; font: inherit; font-size: 12px; padding: 0 8px; cursor: pointer; }
 .dm-select-pager button:disabled { opacity: .45; cursor: not-allowed; }
 .dm-select-pager span { color: #64748b; font-size: 12px; font-weight: 650; }
-.dm-db-grid td:has(.dm-select) { overflow: visible; padding-top: 5px; padding-bottom: 5px; }
-.dm-db-grid td .dm-select { min-width: 230px; }
+.dm-reference-picker { display: grid; gap: 6px; width: min(240px, 100%); min-width: 0; }
+.dm-reference-picker-warning { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; margin: 0; padding: 5px 7px; border: 1px solid #fde68a; border-radius: 6px; background: #fffbeb; color: #92400e; font-size: 11px; line-height: 1.25; }
+.dm-reference-picker-warning svg { flex: 0 0 auto; }
+.dm-reference-picker-warning span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.dm-db-grid td:has(.dm-select) { overflow: visible; padding-top: 5px; padding-bottom: 5px; vertical-align: top; }
+.dm-db-grid td .dm-select { min-width: 0; }
 .dm-json-field { position: relative; }
 .dm-json-field > span { padding-right: 34px; }
 .dm-json-expand { position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 24px; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; color: #64748b; box-shadow: 0 1px 2px rgba(15,23,42,.05); opacity: 0; cursor: pointer; transition: opacity .12s, border-color .12s, color .12s, box-shadow .12s; }
@@ -6607,6 +6667,40 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   background: #f5f5f5;
   border-color: #9ca3af;
 }
+.dm-helper-run-meta {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding-top: 8px;
+  border-top: 1px solid #e5e7eb;
+  color: #6b7280;
+  font-size: 12px;
+  line-height: 1.3;
+}
+.dm-helper-proposal-card-row {
+  grid-template-columns: 18px 1fr;
+}
+.dm-helper-proposal-card-row input[type=checkbox] {
+  width: 14px;
+  height: 14px;
+  margin: 0;
+  accent-color: #111827;
+}
+.dm-helper-proposal-card-toggle {
+  display: grid;
+  grid-template-columns: minmax(0, max-content) minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
 
 .dm-helper-typing {
   display: inline-flex;
@@ -8960,7 +9054,7 @@ body.workspace-rail-collapsed .workspace-builder.workspace-lens-page,
 .workspace-lens-helper-callout-btn { flex-shrink: 0; font-size: 12px; font-weight: 600; color: #111827; background: #ffffff; border: 1px solid #d1d5db; border-radius: 6px; padding: 7px 12px; cursor: pointer; }
 .workspace-lens-helper-callout-btn:hover:not(:disabled) { background: #f3f4f6; }
 .workspace-lens-helper-callout-btn:disabled { opacity: 0.6; cursor: default; }
-.workspace-helper-setup-modal-backdrop { position: fixed; inset: 0; z-index: 1400; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(17, 24, 39, 0.42); backdrop-filter: blur(3px); }
+.workspace-helper-setup-modal-backdrop { position: fixed; inset: 0; z-index: 5100; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(17, 24, 39, 0.42); backdrop-filter: blur(3px); }
 .workspace-helper-setup-modal { position: relative; width: min(620px, 100%); max-height: min(720px, calc(100vh - 48px)); overflow: auto; background: #ffffff; border: 1px solid #d1d5db; border-radius: 8px; box-shadow: 0 24px 70px rgba(17, 24, 39, 0.28); padding: 18px; }
 .workspace-helper-setup-modal-close { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; color: #6b7280; cursor: pointer; }
 .workspace-helper-setup-modal-close:hover { background: #f9fafb; color: #111827; }

package/assets/worker-kits/growthub-custom-workspace-starter-v1/apps/workspace/app/workflows/WorkflowSurface.jsx

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import Link from "next/link";
 import { useRouter, useSearchParams } from "next/navigation";
 import {
+  ArrowUpCircle,
   Bot,
   ChevronDown,
   ChevronUp,
@@ -51,7 +52,31 @@ import { AgentSwarmPanel } from "../data-model/components/AgentSwarmPanel.jsx";
 import { RunSetupPanel } from "./RunSetupPanel.jsx";
 import { describeRunInputMetadataItems, discoverRunInputSchema } from "@/lib/orchestration-run-inputs";
 import { selectWorkflowNodeInputSchema } from "@/lib/workspace-metadata-selectors";
-import { deriveProvenance, hasConnectionId } from "@/lib/workspace-activation";
+import { deriveProvenance, hasConnectionId, readUiCacheFlag } from "@/lib/workspace-activation";
+import { ApiRegistryCreationCockpit } from "../data-model/components/ApiRegistryCreationCockpit.jsx";
+import { deriveSandboxServerlessState } from "@/lib/sandbox-serverless-flow";
+import { deriveServerlessUpgradeState, SERVERLESS_UPGRADE_DISMISS_FLAG } from "@/lib/serverless-upgrade";
+
+// Set a flag on the governed workspace-ui-cache "activation" row (pure helper,
+// same transform the rail/lens one-time dismisses use).
+function withUiCacheFlag(workspaceConfig, flag, value) {
+  const dm = workspaceConfig?.dataModel && typeof workspaceConfig.dataModel === "object" ? workspaceConfig.dataModel : {};
+  const objects = Array.isArray(dm.objects) ? dm.objects : [];
+  const existing = objects.find((o) => o?.id === "workspace-ui-cache");
+  const baseRow = (existing?.rows || []).find((r) => r?.id === "activation") || { id: "activation" };
+  const nextRow = { ...baseRow, [flag]: value };
+  const nextCache = existing
+    ? { ...existing, rows: [nextRow, ...(existing.rows || []).filter((r) => r?.id !== "activation")] }
+    : {
+        id: "workspace-ui-cache", label: "Workspace UI Cache", source: "Workspace UI Cache",
+        objectType: "custom", columns: ["id", flag], rows: [nextRow],
+        binding: { mode: "manual", source: "Workspace UI Cache" },
+      };
+  const nextObjects = existing
+    ? objects.map((o) => (o?.id === "workspace-ui-cache" ? nextCache : o))
+    : [...objects, nextCache];
+  return { ...workspaceConfig, dataModel: { ...dm, objects: nextObjects } };
+}
 
 // Workspace Metadata Graph V1 — read-only dependency metadata for workflow
 // sidecars. The runtime path (sandbox-run, publish, draft/live) is
@@ -63,20 +88,33 @@ const WORKFLOW_METADATA_SELECTORS = Object.freeze({
 });
 
 function resolveRegistryRowForSandbox(workspaceConfig, sandboxRow) {
+  return resolveRegistryRefForSandbox(workspaceConfig, sandboxRow)?.row || null;
+}
+
+function resolveRegistryRefForSandbox(workspaceConfig, sandboxRow) {
   const graph = parseOrchestrationGraph(sandboxRow?.orchestrationConfig || sandboxRow?.orchestrationGraph);
   const apiNode = graph?.nodes?.find((n) => n?.type === "api-registry-call");
   const registryId = String(
     apiNode?.config?.registryId || apiNode?.config?.integrationId || sandboxRow?.schedulerRegistryId || ""
   ).trim();
-  if (!registryId || !workspaceConfig) return null;
+  if (!workspaceConfig) return null;
   const objects = Array.isArray(workspaceConfig?.dataModel?.objects) ? workspaceConfig.dataModel.objects : [];
+  let firstRegistryRow = null;
+  let firstRegistryObject = null;
   for (const objectItem of objects) {
     if (objectItem?.objectType !== "api-registry") continue;
     const rows = Array.isArray(objectItem.rows) ? objectItem.rows : [];
-    const match = rows.find((r) => String(r?.integrationId || "").trim() === registryId);
-    if (match) return match;
+    const firstRow = rows.find((r) => String(r?.integrationId || "").trim());
+    if (!firstRegistryRow && firstRow) {
+      firstRegistryRow = firstRow;
+      firstRegistryObject = objectItem;
+    }
+    if (registryId) {
+      const match = rows.find((r) => String(r?.integrationId || "").trim() === registryId);
+      if (match) return { object: objectItem, row: match };
+    }
   }
-  return null;
+  return firstRegistryRow ? { object: firstRegistryObject, row: firstRegistryRow } : null;
 }
 
 function patchSandboxRowInConfig(workspaceConfig, objectId, rowIndex, fields) {
@@ -349,6 +387,23 @@ export default function WorkflowSurface() {
   const [orchestrationGraph, setOrchestrationGraph] = useState(null);
   const [dirty, setDirty] = useState(false);
   const [runSetupOpen, setRunSetupOpen] = useState(false);
+  const [upgradeOpen, setUpgradeOpen] = useState(false);
+  const [serverlessSignals, setServerlessSignals] = useState({ configuredEnvRefs: [], persistenceAdapters: [] });
+
+  useEffect(() => {
+    let cancelled = false;
+    fetch("/api/workspace/env-status", { cache: "no-store" })
+      .then((res) => (res.ok ? res.json() : {}))
+      .then((payload) => {
+        if (cancelled) return;
+        setServerlessSignals({
+          configuredEnvRefs: Array.isArray(payload.configuredEnvRefs) ? payload.configuredEnvRefs : [],
+          persistenceAdapters: Array.isArray(payload.persistenceAdapters) ? payload.persistenceAdapters : [],
+        });
+      })
+      .catch(() => {});
+    return () => { cancelled = true; };
+  }, [objectId, rowId]);
 
   const load = useCallback(async () => {
     setLoading(true);
@@ -807,6 +862,73 @@ export default function WorkflowSurface() {
   const showSaveDraft = dirty && !graphUnset;
   const workflowModeLabel = isDraftMode ? "draft" : lifecycle || "live";
 
+  // Serverless upgrade — same derivation + cockpit as the sandbox/API lanes.
+  const upgradeState = deriveServerlessUpgradeState(workspaceConfig || {}, {
+    dismissed: readUiCacheFlag(workspaceConfig || {}, SERVERLESS_UPGRADE_DISMISS_FLAG),
+  });
+  const serverlessState = sandboxRow
+    ? deriveSandboxServerlessState({
+        sandboxRow,
+        workspaceConfig: workspaceConfig || {},
+        configuredEnvRefs: serverlessSignals.configuredEnvRefs,
+        persistenceAdapters: serverlessSignals.persistenceAdapters,
+      })
+    : null;
+  const isServerlessWorkflow = Boolean(serverlessState?.isServerless);
+
+  async function patchSandboxAndPersist(fields) {
+    if (resolved.rowIndex < 0 || !objectId || !workspaceConfig) return;
+    try {
+      const next = patchSandboxRowInConfig(workspaceConfig, objectId, resolved.rowIndex, fields);
+      await persistWorkspace(next);
+      setSaveMessage(fields.runLocality === "serverless"
+        ? "Upgraded to serverless. Link a scheduler and configure persistence to close the loop."
+        : fields.runLocality === "local"
+          ? "Reverted to local execution."
+          : "Saved.");
+    } catch (err) {
+      setSaveMessage(err.message || "Failed to save");
+    }
+  }
+
+  async function handleUpgradeAction(action) {
+    if (!action) return;
+    if (action.id === "toggle-locality") {
+      if (isServerlessWorkflow) {
+        await patchSandboxAndPersist({ runLocality: "local" });
+        return;
+      }
+      const registryRow = resolveRegistryRowForSandbox(workspaceConfig, sandboxRow);
+      const adapterId = String(sandboxRow?.adapter || "").trim();
+      await patchSandboxAndPersist({
+        runLocality: "serverless",
+        schedulerRegistryId: String(registryRow?.integrationId || "").trim(),
+        adapter: ["local-agent-host", "local-intelligence"].includes(adapterId) ? "local-process" : adapterId,
+      });
+    } else if (action.id === "open-settings") {
+      router.push(action.href || "/settings");
+    } else if (action.id === "link-scheduler") {
+      const registryRef = resolveRegistryRefForSandbox(workspaceConfig, sandboxRow);
+      if (registryRef?.object?.id && registryRef?.row?.integrationId) {
+        router.push(`/data-model?object=${encodeURIComponent(registryRef.object.id)}&row=${encodeURIComponent(registryRef.row.integrationId)}`);
+      } else {
+        router.push(`/data-model?object=${encodeURIComponent(objectId)}&row=${encodeURIComponent(rowId)}`);
+      }
+    } else if (action.id === "edit-adapter") {
+      // Full scheduler/adapter config lives on the sandbox object's drawer.
+      router.push(`/data-model?object=${encodeURIComponent(objectId)}&row=${encodeURIComponent(rowId)}`);
+    }
+  }
+
+  async function dismissUpgradeOnboarding() {
+    if (!workspaceConfig) return;
+    try {
+      await persistWorkspace(withUiCacheFlag(workspaceConfig, SERVERLESS_UPGRADE_DISMISS_FLAG, true));
+    } catch {
+      /* non-fatal */
+    }
+  }
+
   return (
     <main className="workspace-builder dm-workflow-page">
       <WorkspaceRail
@@ -854,6 +976,18 @@ export default function WorkflowSurface() {
             >
               <ChevronUp size={14} />
             </button>
+            {sandboxRow && (
+              <button
+                type="button"
+                className={"dm-workflow-icon-btn dm-workflow-upgrade-btn" + (isServerlessWorkflow ? " is-serverless" : (upgradeState.showOnboarding ? " is-pulse" : ""))}
+                aria-label={isServerlessWorkflow ? "Serverless workflow — review persistence & scheduling" : "Upgrade to serverless environment to ensure persistence"}
+                data-tooltip={isServerlessWorkflow ? "Serverless — review persistence & scheduling" : "Upgrade to serverless environment to ensure persistence"}
+                aria-pressed={upgradeOpen}
+                onClick={() => setUpgradeOpen((open) => !open)}
+              >
+                <ArrowUpCircle size={14} />
+              </button>
+            )}
             {showDiscardDraft && (
               <button
                 type="button"
@@ -920,6 +1054,43 @@ export default function WorkflowSurface() {
           </div>
         ) : null}
 
+        {/* One-time serverless upgrade onboarding — shows only when the operator
+            has workflows but none are serverless, and hasn't dismissed it. */}
+        {sandboxRow && !upgradeOpen && upgradeState.showOnboarding ? (
+          <div className="workspace-template-context-banner dm-workflow-upgrade-nudge" role="note">
+            <div>
+              <strong>{upgradeState.headline}</strong>
+              <span style={{ display: "block", marginTop: 2 }}>{upgradeState.subheadline}</span>
+            </div>
+            <div className="dm-workflow-upgrade-nudge-actions">
+              <button type="button" className="dm-btn-primary-sm" onClick={() => setUpgradeOpen(true)}>
+                <ArrowUpCircle size={13} /> Upgrade this workflow
+              </button>
+              <button type="button" className="dm-btn-ghost" onClick={dismissUpgradeOnboarding}>Not now</button>
+            </div>
+          </div>
+        ) : null}
+
+        {/* Serverless cockpit — same derivation + cockpit interface as the API
+            Registry and sandbox lanes. Toggles patch the sandbox row; deep config
+            (scheduler/adapter) routes to the object's Data Model drawer. */}
+        {sandboxRow && upgradeOpen && serverlessState ? (
+          <div className="dm-workflow-upgrade-panel">
+            <div className="dm-workflow-upgrade-panel-head">
+              <span className="dm-api-action-card-eyebrow">Persistence &amp; scheduling</span>
+              <button type="button" className="dm-workflow-icon-btn" aria-label="Close upgrade panel" onClick={() => { setUpgradeOpen(false); dismissUpgradeOnboarding(); }}>
+                <X size={14} />
+              </button>
+            </div>
+            <ApiRegistryCreationCockpit
+              state={serverlessState}
+              onAction={handleUpgradeAction}
+              disabled={saving || publishing || running}
+              eyebrow={isServerlessWorkflow ? "Serverless workflow" : "Upgrade to serverless"}
+            />
+          </div>
+        ) : null}
+
         {loading ? (
           <p className="dm-workflow-empty">Loading workflow…</p>
         ) : error ? (

package/assets/worker-kits/growthub-custom-workspace-starter-v1/apps/workspace/lib/adapters/integrations/resolver-loader.js

@@ -28,11 +28,9 @@ import path from "node:path";
 import { pathToFileURL } from "node:url";
 
 const staticLoaded = new Set();
-let staticLoadDone = false;
+const nativeImport = new Function("specifier", "return import(specifier)");
 
 async function loadStaticResolversOnce() {
-  if (staticLoadDone) return;
-  staticLoadDone = true;
   const resolversDir = path.resolve(/*turbopackIgnore: true*/ process.cwd(), "lib/adapters/integrations/resolvers");
   try {
     const entries = await fs.readdir(resolversDir);
@@ -42,7 +40,7 @@ async function loadStaticResolversOnce() {
         if (staticLoaded.has(file)) return;
         try {
           const absolutePath = path.join(resolversDir, file);
-          await import(/*turbopackIgnore: true*/ pathToFileURL(absolutePath).href);
+          await nativeImport(pathToFileURL(absolutePath).href);
           staticLoaded.add(file);
         } catch {
           // Malformed resolver — skip silently; operator needs to fix the file