@growthub/cli 0.13.5 → 0.13.6

package/assets/worker-kits/growthub-custom-workspace-starter-v1/apps/workspace/app/settings/integrations/nango/page.jsx

@@ -0,0 +1,167 @@
+import Link from "next/link";
+import { Suspense } from "react";
+import { describeNangoAdapter, getStatus } from "@/lib/adapters/integrations/nango";
+import { readWorkspaceConfig } from "@/lib/workspace-config";
+import { WorkspaceRail } from "../../../workspace-rail.jsx";
+
+/**
+ * Nango integration settings — inspect-only panel.
+ *
+ * Reads from the EXISTING `objectType: "api-registry"` rows in
+ * `dataModel.objects[]`. Rows that declare `connectorKind: "nango"` are
+ * Nango-backed; other connectorKinds (http, mcp, chrome, tool) are shown
+ * here only for context — they keep going through their own resolvers.
+ *
+ * Secrets are not displayed. The Nango secret lives in env (default env-ref
+ * name: NANGO_SECRET_KEY); the row's `authRef` column names the env-ref.
+ */
+
+function listApiRegistryObjects(workspaceConfig) {
+  const objects = workspaceConfig?.dataModel?.objects;
+  if (!Array.isArray(objects)) return [];
+  return objects.filter((object) => object?.objectType === "api-registry");
+}
+
+function flattenNangoRows(apiRegistryObjects) {
+  const rows = [];
+  for (const object of apiRegistryObjects) {
+    const objectRows = Array.isArray(object.rows) ? object.rows : [];
+    for (const row of objectRows) {
+      if (row?.connectorKind === "nango") {
+        rows.push({ object, row });
+      }
+    }
+  }
+  return rows;
+}
+
+function summarizeList(value) {
+  if (Array.isArray(value)) return value.filter(Boolean);
+  if (typeof value === "string" && value.trim()) {
+    return value.split(",").map((v) => v.trim()).filter(Boolean);
+  }
+  return [];
+}
+
+function NangoRowCard({ object, row }) {
+  const connectionIds = summarizeList(row.connectionIds);
+  const enabledActions = summarizeList(row.enabledActions);
+  const providerConfigKey = row.providerConfigKey || row.integrationId;
+  return <article className="workspace-integration-row">
+    <div className="workspace-provider-mark">{String(row.integrationId || "?").slice(0, 1).toUpperCase()}</div>
+    <div className="workspace-integration-main">
+      <strong>{row.integrationId}</strong>
+      <p>providerConfigKey: <code>{providerConfigKey || "—"}</code></p>
+      <div className="workspace-integration-meta">
+        <span>object: <code>{object.id}</code></span>
+        <span>{row.nangoMode || "cloud"}</span>
+        <span>env: {row.nangoEnvironment || "dev"}</span>
+        <span>{connectionIds.length} {connectionIds.length === 1 ? "connection" : "connections"}</span>
+        <span>{enabledActions.length} {enabledActions.length === 1 ? "action" : "actions"}</span>
+        {row.authRef ? <span><code>{row.authRef}</code></span> : null}
+        {row.endpoint ? <span>endpoint: <code>{row.endpoint}</code></span> : null}
+      </div>
+    </div>
+    <span className={`workspace-integration-status ${row.status || "configured"}`}>{row.status || "configured"}</span>
+  </article>;
+}
+
+async function NangoIntegrationsSettingsPage() {
+  const adapter = describeNangoAdapter();
+  const workspaceConfig = await readWorkspaceConfig();
+  const apiRegistryObjects = listApiRegistryObjects(workspaceConfig);
+  const nangoRows = flattenNangoRows(apiRegistryObjects);
+
+  let status;
+  try {
+    status = await getStatus();
+  } catch (error) {
+    status = { status: "disconnected", reason: error?.message || "status probe failed" };
+  }
+
+  return <main className="workspace-builder workspace-settings-page">
+    <Suspense fallback={null}>
+      <WorkspaceRail
+        workspaceConfig={workspaceConfig}
+        authority={adapter.authority}
+        managementSlot={(
+          <Link className="active" href="/settings/integrations">Integrations</Link>
+        )}
+      />
+    </Suspense>
+
+    <section className="workspace-surface">
+      <header className="workspace-toolbar">
+        <div>
+          <p>Workspace settings &middot; Integrations</p>
+          <h1>Nango</h1>
+        </div>
+        <div className="workspace-toolbar-actions">
+          <Link href="/settings/integrations">All integrations</Link>
+          <span>{adapter.id}</span>
+          <span>{adapter.authority}</span>
+        </div>
+      </header>
+
+      <section className="workspace-integration-summary" aria-label="Nango adapter summary">
+        <article>
+          <span>Adapter</span>
+          <strong>{adapter.label}</strong>
+          <div>
+            <code>{adapter.secretEnvName}</code>
+            <span> &middot; row-scoped via <code>connectorKind: "nango"</code></span>
+          </div>
+        </article>
+        <article>
+          <span>Mode</span>
+          <strong>{adapter.mode}</strong>
+          <div>{adapter.hostUrl ? <code>{adapter.hostUrl}</code> : <code>nango cloud</code>}</div>
+        </article>
+        <article>
+          <span>Status</span>
+          <strong>{status.status}</strong>
+          <div>{status.reason ? <span>{status.reason}</span> : <span>environment: <code>{status.environment || adapter.environment}</code></span>}</div>
+        </article>
+      </section>
+
+      <section className="workspace-integration-toolbar">
+        <div>
+          <strong>Nango-backed API Registry rows</strong>
+          <p>Rows in <code>dataModel.objects[]</code> with <code>objectType: "api-registry"</code> and <code>connectorKind: "nango"</code>. Edit <code>growthub.config.json</code> to add or remove rows — secrets stay in env, referenced by the row's <code>authRef</code>.</p>
+        </div>
+      </section>
+
+      <section className="workspace-integration-board">
+        {nangoRows.length === 0
+          ? <article className="workspace-integration-section">
+            <div className="workspace-integration-section-heading">
+              <div>
+                <h2>No Nango-backed rows yet</h2>
+                <p>Add a row to an <code>api-registry</code> object with <code>connectorKind: "nango"</code>, an <code>integrationId</code>, and an optional <code>providerConfigKey</code>. Apply the <code>nango</code> resolver template from the Data Model template picker for sensible defaults.</p>
+              </div>
+            </div>
+          </article>
+          : <article className="workspace-integration-section">
+            <div className="workspace-integration-section-heading">
+              <div>
+                <h2>Nango providers</h2>
+                <p>{nangoRows.length} row{nangoRows.length === 1 ? "" : "s"} across {apiRegistryObjects.length} API Registry object{apiRegistryObjects.length === 1 ? "" : "s"}.</p>
+              </div>
+              <span>{nangoRows.length}</span>
+            </div>
+            <div className="workspace-integration-list">
+              {nangoRows.map(({ object, row }, index) => <NangoRowCard
+                object={object}
+                row={row}
+                key={`${object.id}:${row.integrationId || index}`}
+              />)}
+            </div>
+          </article>}
+      </section>
+    </section>
+  </main>;
+}
+
+export {
+  NangoIntegrationsSettingsPage as default
+};

package/assets/worker-kits/growthub-custom-workspace-starter-v1/apps/workspace/app/settings/integrations/page.jsx

@@ -77,6 +77,7 @@ async function IntegrationsSettingsPage() {
           </div>
           <div className="workspace-toolbar-actions">
             <Link href="/api/settings/integrations">API contract</Link>
+            <Link href="/settings/integrations/nango">Nango</Link>
             <span>{adapter.id}</span>
             <span>{adapter.authority}</span>
           </div>

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

@@ -62,7 +62,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 +291,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 +327,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,11 +373,14 @@ 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),
@@ -386,7 +393,11 @@ export default function WorkflowSurface() {
 
   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 +771,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;

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

@@ -306,7 +306,7 @@ const GRID_COLUMNS = 12;
 const GRID_ROWS = 16;
 const GRID_CELL_COUNT = GRID_COLUMNS * GRID_ROWS;
 const DEFAULT_TAB_ID = "tab-default";
-const COLLAPSED_GRID_COLUMNS = "264px minmax(0, 1fr)";
+const COLLAPSED_GRID_COLUMNS = "var(--workspace-rail-width, 264px) minmax(0, 1fr)";
 
 function generateId(prefix) {
   if (typeof globalThis !== "undefined" && globalThis.crypto?.randomUUID) {
@@ -3928,8 +3928,9 @@ function WorkspaceBuilder({ initialConfig, initialSourceRecords, adapterConfig,
   const resizeDragRef = useRef(null);
   const moveDragRef = useRef(null);
   const importInputRef = useRef(null);
-  const addSlot = dragPreview || selectedPosition;
   const selectedWidgetLookupId = selectedWidgetId || pendingSelectedWidgetId;
+  const addSlot = dragPreview || selectedPosition;
+  const showAddWidgetSlot = dashboardDraftMode && !selectedWidgetLookupId && panelOpen && addSlot;
   const selectedWidget = activeWidgets.find((widget) => widget.id === selectedWidgetLookupId) || null;
   const availableIntegrations = useMemo(() => flattenIntegrationSettings(integrationSettings), [integrationSettings]);
   const dataModelTables = useMemo(
@@ -5149,6 +5150,12 @@ function WorkspaceBuilder({ initialConfig, initialSourceRecords, adapterConfig,
     return () => window.removeEventListener("keydown", handler);
   }, [addWidget, commandPaletteOpen, managementOpen, panelOpen, settingsOpen, templateGalleryOpen, workspaceView]);
 
+  useEffect(() => {
+    const openFromRail = () => setCommandPaletteOpen(true);
+    window.addEventListener("growthub:open-command-palette", openFromRail);
+    return () => window.removeEventListener("growthub:open-command-palette", openFromRail);
+  }, []);
+
   const builderStyle = workspaceView === "dashboards" || !panelOpen
     ? { gridTemplateColumns: COLLAPSED_GRID_COLUMNS }
     : undefined;
@@ -5317,6 +5324,7 @@ function WorkspaceBuilder({ initialConfig, initialSourceRecords, adapterConfig,
       <WorkspaceRail
         workspaceConfig={config}
         authority={integrationAdapter.authority}
+        defaultCollapsed={workspaceView === "builder"}
         helperOpen={helperOpen}
         onOpenHelper={() => {
           if (helperOpen) { setHelperOpen(false); return; }
@@ -5354,11 +5362,11 @@ function WorkspaceBuilder({ initialConfig, initialSourceRecords, adapterConfig,
         )}
       />
 
-      <section className={`workspace-surface${workspaceView === "builder" ? " dm-workflow-surface workspace-dashboard-surface" : ""}`}>
+      <section className={`workspace-surface${workspaceView === "builder" ? ` dm-workflow-surface workspace-dashboard-surface${dashboardDraftMode ? " is-dashboard-editing" : ""}` : ""}`}>
         <header className={`workspace-toolbar${workspaceView === "builder" ? " dm-workflow-toolbar" : ""}`}>
           <div className={workspaceView === "builder" ? "dm-workflow-titlebar" : undefined}>
             {workspaceView === "builder" ? <>
-              <span className="dm-workflow-title-muted">Dashboards</span>
+              <button type="button" className="dm-workflow-breadcrumb-link" onClick={showDashboardHome}>Dashboards</button>
               <span className="dm-workflow-title-separator">/</span>
               <h1>{activeDashboard?.name || "Untitled"}</h1>
               <span className="dm-workflow-count">({activeWidgets.length}) · v{activeDashboard?.version || "1"} · {dashboardModeLabel}</span>
@@ -5609,7 +5617,7 @@ function WorkspaceBuilder({ initialConfig, initialSourceRecords, adapterConfig,
             <button type="button" onClick={duplicateTab} disabled={!dashboardDraftMode}><Copy size={15} />Duplicate Tab</button>
           </div>
           <div
-            className={`workspace-grid${moveDrag ? " moving-widget" : ""}`}
+            className={`workspace-grid${moveDrag ? " moving-widget" : ""}${dashboardDraftMode ? " is-edit-mode" : " is-view-mode"}`}
             ref={gridRef}
             onPointerMove={updatePointerDrag}
             onPointerUp={(event) => {
@@ -5627,7 +5635,7 @@ function WorkspaceBuilder({ initialConfig, initialSourceRecords, adapterConfig,
             }}
             style={{ "--workspace-columns": canvas.layout.columns, "--workspace-rows": GRID_ROWS }}
           >
-            {Array.from({ length: GRID_CELL_COUNT }).map((_, index) => {
+            {dashboardDraftMode ? Array.from({ length: GRID_CELL_COUNT }).map((_, index) => {
               const x = index % GRID_COLUMNS;
               const y = Math.floor(index / GRID_COLUMNS);
               const isOccupied = occupiedCells.has(`${x}:${y}`);
@@ -5645,15 +5653,15 @@ function WorkspaceBuilder({ initialConfig, initialSourceRecords, adapterConfig,
                 }}
                 type="button"
               />;
-            })}
-            <button className={`workspace-add-widget${dragPreview ? " selecting" : ""}`} type="button" disabled={!dashboardDraftMode} onClick={() => dashboardDraftMode && setPanelOpen(true)} style={{
+            }) : null}
+            {showAddWidgetSlot ? <button className={`workspace-add-widget${dragPreview ? " selecting" : ""}`} type="button" onClick={() => setPanelOpen(true)} style={{
               gridColumn: `${addSlot.x + 1} / span ${addSlot.w}`,
               gridRow: `${addSlot.y + 1} / span ${addSlot.h}`
             }}>
               <span className="workspace-widget-icon" aria-hidden="true"><span /></span>
               <strong>Add widget</strong>
               <small>Click to add your first widget</small>
-            </button>
+            </button> : null}
             {activeWidgets.map((widget) => <WidgetPreview
               key={widget.id}
               branding={branding}

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

@@ -1488,6 +1488,7 @@ export function WorkspaceRail({
   onConfigChange,
   dashboardsSlot,
   dataModelSlot,
+  defaultCollapsed = false,
   // `managementSlot` retained as accepted-but-ignored prop for backward
   // compatibility with callers that still pass it. The Management item
   // moved to the Workspace Settings → Ownership tab.
@@ -1500,7 +1501,7 @@ export function WorkspaceRail({
   const router = useRouter();
 
   const [activeTab, setActiveTab] = useState("home");
-  const [railCollapsed, setRailCollapsed] = useState(false);
+  const [railCollapsed, setRailCollapsed] = useState(Boolean(defaultCollapsed));
   const [openMenuId, setOpenMenuId] = useState(null);
   const [renamingId, setRenamingId] = useState(null);
   const [renameDraft, setRenameDraft] = useState("");
@@ -1521,6 +1522,10 @@ export function WorkspaceRail({
 
   const threads = useMemo(() => getHelperThreadRows(workspaceConfig), [workspaceConfig]);
 
+  useEffect(() => {
+    setRailCollapsed(Boolean(defaultCollapsed));
+  }, [defaultCollapsed]);
+
   useEffect(() => {
     if (typeof document === "undefined") return undefined;
     document.body.classList.toggle("workspace-rail-collapsed", railCollapsed);
@@ -1640,6 +1645,16 @@ export function WorkspaceRail({
           <ChevronDown size={13} className="workspace-brand-caret" aria-hidden="true" />
         </button>
         <div className="workspace-rail-topbar-actions">
+          <button
+            type="button"
+            className="workspace-rail-icon-btn"
+            aria-label={railCollapsed ? "Expand sidebar" : "Collapse sidebar"}
+            title={railCollapsed ? "Expand sidebar" : "Collapse sidebar"}
+            aria-pressed={railCollapsed}
+            onClick={() => setRailCollapsed((v) => !v)}
+          >
+            <PanelLeftClose size={13} />
+          </button>
           <button
             type="button"
             className="workspace-rail-icon-btn"
@@ -1647,9 +1662,6 @@ export function WorkspaceRail({
             title="Search (⌘K)"
             data-rail-search=""
             onClick={() => {
-              // Surfaces with a command palette (DataModelShell) listen
-              // for this event and open the palette in place. Other
-              // surfaces are free to ignore it.
               if (typeof window !== "undefined") {
                 window.dispatchEvent(new CustomEvent("growthub:open-command-palette"));
               }
@@ -1657,16 +1669,6 @@ export function WorkspaceRail({
           >
             <Search size={13} />
           </button>
-          <button
-            type="button"
-            className="workspace-rail-icon-btn"
-            aria-label={railCollapsed ? "Expand sidebar" : "Collapse sidebar"}
-            title={railCollapsed ? "Expand sidebar" : "Collapse sidebar"}
-            aria-pressed={railCollapsed}
-            onClick={() => setRailCollapsed((v) => !v)}
-          >
-            <PanelLeftClose size={13} />
-          </button>
           <button
             type="button"
             className="workspace-rail-icon-btn"

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

@@ -12,6 +12,13 @@ function readAdapterConfig() {
       userId: process.env.GROWTHUB_BRIDGE_USER_ID || void 0,
       hasAccessToken: Boolean(process.env.GROWTHUB_BRIDGE_ACCESS_TOKEN)
     },
+    nango: {
+      mode: readEnum(["NANGO_MODE"], ["cloud", "self-hosted"], "cloud"),
+      hostUrl: process.env.NANGO_HOST_URL || void 0,
+      environment: process.env.NANGO_ENVIRONMENT || "dev",
+      secretEnvName: "NANGO_SECRET_KEY",
+      hasSecretKey: Boolean(process.env.NANGO_SECRET_KEY)
+    },
     dataSources: {
       hasWindsorApiKey: Boolean(process.env.WINDSOR_API_KEY)
     }

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

@@ -0,0 +1,38 @@
+/**
+ * Nango adapter barrel — server-side imports only.
+ *
+ * The browser must never import any module under this path. Routes consume
+ * this barrel; UI components hit the routes.
+ */
+
+export {
+  DEFAULT_NANGO_SECRET_ENV,
+  createConnectSession,
+  describeNangoAdapter,
+  executeAction,
+  getConnectionSummary,
+  getStatus,
+  listActions,
+  pickSafeConnectionFields,
+  projectNangoBinding,
+  proxyRequest,
+  resolveNangoEnv
+} from "./nango-adapter.js";
+
+export {
+  buildNangoResolver,
+  registerNangoResolversFromConfig
+} from "./nango-config-loader.js";
+
+export {
+  validateActionExecuteRequest,
+  validateActionsListInput,
+  validateConnectSessionRequest,
+  validateConnectionId,
+  validateConnectionStatusRequest,
+  validateConnectionSummaryRequest,
+  validateHostUrl,
+  validateNangoMode,
+  validateProviderConfigKey,
+  validateProxyRequest
+} from "./nango-schema.js";