@growthub/cli 0.13.5 → 0.13.7

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

@@ -51,6 +51,7 @@ 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";
 
 // Workspace Metadata Graph V1 — read-only dependency metadata for workflow
 // sidecars. The runtime path (sandbox-run, publish, draft/live) is
@@ -62,7 +63,7 @@ const WORKFLOW_METADATA_SELECTORS = Object.freeze({
 });
 
 function resolveRegistryRowForSandbox(workspaceConfig, sandboxRow) {
-  const graph = parseOrchestrationGraph(sandboxRow?.orchestrationGraph);
+  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 || ""
@@ -291,6 +292,10 @@ function isPassingRun(payload) {
   return payload?.ok === true && Number(payload?.exitCode ?? payload?.response?.exitCode) === 0;
 }
 
+function graphHasNodes(graph) {
+  return Array.isArray(graph?.nodes) && graph.nodes.length > 0;
+}
+
 function WorkflowAddStepPanel({ target, onSelect }) {
   return (
     <div className="dm-workflow-add-panel">
@@ -323,7 +328,7 @@ export default function WorkflowSurface() {
   const searchParams = useSearchParams();
   const objectId = String(searchParams.get("object") || "").trim();
   const rowId = String(searchParams.get("row") || "").trim();
-  const fieldName = String(searchParams.get("field") || "orchestrationGraph").trim();
+  const fieldName = String(searchParams.get("field") || "orchestrationConfig").trim();
   const runId = String(searchParams.get("run") || "").trim();
 
   const [workspaceConfig, setWorkspaceConfig] = useState(null);
@@ -369,24 +374,58 @@ export default function WorkflowSurface() {
   );
 
   const sandboxRow = resolved.row;
-  const effectiveFieldName = sandboxRow?.[fieldName] !== undefined
+  const hasGraphValue = (value) => Boolean(parseOrchestrationGraph(value));
+  const effectiveFieldName = hasGraphValue(sandboxRow?.[fieldName])
     ? fieldName
-    : sandboxRow?.orchestrationConfig !== undefined
+    : hasGraphValue(sandboxRow?.orchestrationConfig)
       ? "orchestrationConfig"
-      : "orchestrationGraph";
+      : hasGraphValue(sandboxRow?.orchestrationGraph)
+        ? "orchestrationGraph"
+        : (fieldName || "orchestrationConfig");
   const draftFieldName = effectiveFieldName === "orchestrationConfig" ? "orchestrationDraftConfig" : "orchestrationDraftGraph";
   const registryRow = useMemo(
     () => (sandboxRow && workspaceConfig ? resolveRegistryRowForSandbox(workspaceConfig, sandboxRow) : null),
     [workspaceConfig, sandboxRow]
   );
 
+  // Template-aware activation banner. When the active workflow belongs to
+  // a seeded template (project-management today) and its provider row
+  // doesn't have a connectionId yet, surface a back-link to the API
+  // Registry / Nango panel so the user can finish setup without hunting
+  // through Data Model surfaces.
+  const templateBanner = useMemo(() => {
+    if (!workspaceConfig) return null;
+    const provenance = deriveProvenance(workspaceConfig);
+    if (provenance.template !== "project-management") return null;
+    if (!registryRow) return null;
+    const ready = hasConnectionId(registryRow);
+    const apiRegistryObjectId = String(
+      (Array.isArray(workspaceConfig?.dataModel?.objects)
+        ? workspaceConfig.dataModel.objects.find((o) => o?.objectType === "api-registry")?.id
+        : "") || ""
+    );
+    const apiRegistryRowId = String(registryRow.integrationId || "").trim();
+    const backHref = apiRegistryObjectId && apiRegistryRowId
+      ? `/data-model?object=${encodeURIComponent(apiRegistryObjectId)}&row=${encodeURIComponent(apiRegistryRowId)}`
+      : "/data-model";
+    return {
+      ready,
+      backHref,
+      providerConfigKey: String(registryRow.providerConfigKey || registryRow.integrationId || "").trim(),
+    };
+  }, [workspaceConfig, registryRow]);
+
   useEffect(() => {
     setSidecarMode(runId ? "trace" : "graph");
   }, [runId]);
 
   useEffect(() => {
     if (!sandboxRow) return;
-    const parsed = parseOrchestrationGraph(sandboxRow[draftFieldName]) || parseOrchestrationGraph(sandboxRow[effectiveFieldName]);
+    const draftParsed = parseOrchestrationGraph(sandboxRow[draftFieldName]);
+    const publishedParsed = parseOrchestrationGraph(sandboxRow[effectiveFieldName])
+      || parseOrchestrationGraph(sandboxRow.orchestrationConfig)
+      || parseOrchestrationGraph(sandboxRow.orchestrationGraph);
+    const parsed = graphHasNodes(draftParsed) || !graphHasNodes(publishedParsed) ? draftParsed : publishedParsed;
     setOrchestrationGraph(parsed);
     setDirty(false);
     setGraphError("");
@@ -760,7 +799,7 @@ export default function WorkflowSurface() {
   const publishReady = draftPassed && String(sandboxRow?.orchestrationDraftTestedConfig || "") === currentGraphSerialized && !dirty;
   const savedDraftValue = String(sandboxRow?.[draftFieldName] || "").trim();
   const draftStatus = String(sandboxRow?.orchestrationDraftStatus || "").trim();
-  const hasSavedDraft = Boolean(savedDraftValue) && draftStatus !== "published";
+  const hasSavedDraft = Boolean(savedDraftValue) && draftStatus !== "published" && graphHasNodes(parseOrchestrationGraph(savedDraftValue));
   const isDraftMode = dirty || hasSavedDraft;
   const canTest = !graphUnset && !graphBlankShell && Boolean(sandboxRow) && !Boolean(graphError);
   const showDiscardDraft = isDraftMode;
@@ -865,6 +904,22 @@ export default function WorkflowSurface() {
           </div>
         </header>
 
+        {templateBanner ? (
+          <div
+            className={"workspace-template-context-banner" + (templateBanner.ready ? "" : " is-warn")}
+            role="note"
+          >
+            <span>
+              {templateBanner.ready
+                ? `Provider connected via Nango${templateBanner.providerConfigKey ? ` (${templateBanner.providerConfigKey})` : ""}. Ready to run.`
+                : "Connect your provider through Nango before running this workflow."}
+            </span>
+            <Link href={templateBanner.backHref} className="workspace-template-context-link">
+              <span>{templateBanner.ready ? "Manage connection" : "Open Nango panel"}</span>
+            </Link>
+          </div>
+        ) : null}
+
         {loading ? (
           <p className="dm-workflow-empty">Loading workflow…</p>
         ) : error ? (