@growthub/cli 0.13.5 → 0.13.7

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

@@ -396,6 +396,7 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
 }
 
 .workspace-builder {
+  --workspace-rail-width: 264px;
   min-height: 100vh;
   display: grid;
   grid-template-columns: 264px minmax(0, 1fr) 320px;
@@ -427,6 +428,7 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
   overflow: hidden;
 }
 body.workspace-rail-collapsed .workspace-builder {
+  --workspace-rail-width: 52px;
   grid-template-columns: 52px minmax(0, 1fr) 320px;
 }
 body.workspace-rail-collapsed .workspace-builder.workspace-settings-page {
@@ -456,24 +458,19 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .workspace-rail.is-collapsed .workspace-rail-topbar {
   justify-content: center;
   width: 100%;
+  display: contents;
 }
 .workspace-rail.is-collapsed .workspace-rail-topbar-actions {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 8px;
-}
-.workspace-rail.is-collapsed .workspace-rail-topbar-actions .workspace-rail-icon-btn {
-  order: 2;
+  display: contents;
 }
 .workspace-rail.is-collapsed .workspace-rail-icon-btn[aria-pressed="true"] {
   order: 1;
 }
 .workspace-rail.is-collapsed .workspace-rail-icon-btn[data-rail-search] {
-  order: 2;
+  order: 3;
 }
 .workspace-rail.is-collapsed .workspace-rail-icon-btn[aria-label="Workspace settings"] {
-  order: 3;
+  order: 4;
 }
 .workspace-rail.is-collapsed .workspace-rail-icon-btn[aria-pressed="true"] svg {
   transform: rotate(180deg);
@@ -482,6 +479,7 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   display: flex;
   justify-content: center;
   width: 100%;
+  order: 2;
 }
 .workspace-rail.is-collapsed .workspace-rail-tabs {
   flex-direction: column;
@@ -561,7 +559,10 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   padding: 16px;
   display: flex;
   flex-direction: column;
-  overflow: hidden;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-gutter: stable;
+  overscroll-behavior: contain;
 }
 .workspace-toolbar {
   min-height: 48px;
@@ -641,6 +642,54 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .workspace-tabs > button svg {
   flex: 0 0 auto;
 }
+.workspace-toolbar-actions > .workspace-finish-setup-control {
+  gap: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.workspace-finish-setup-trigger,
+.workspace-finish-setup-dismiss {
+  min-height: 28px;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 0 10px;
+  cursor: pointer;
+}
+.workspace-finish-setup-trigger:hover,
+.workspace-finish-setup-dismiss:hover {
+  background: #fafafa;
+}
+.workspace-finish-setup-control.is-complete {
+  border-color: #bbf7d0;
+  color: #047857;
+  background: #f0fdf4;
+}
+.workspace-finish-setup-control.is-complete .workspace-finish-setup-trigger:hover,
+.workspace-finish-setup-control.is-complete .workspace-finish-setup-dismiss:hover {
+  background: #dcfce7;
+}
+.workspace-finish-setup-dismiss {
+  width: 30px;
+  padding: 0;
+  border-left: 1px solid #bbf7d0;
+}
+.workspace-finish-setup-dismiss-x {
+  display: none;
+}
+.workspace-finish-setup-dismiss:hover {
+  color: #b91c1c;
+}
+.workspace-finish-setup-dismiss:hover .workspace-finish-setup-dismiss-check {
+  display: none;
+}
+.workspace-finish-setup-dismiss:hover .workspace-finish-setup-dismiss-x {
+  display: block;
+}
 .workspace-table,
 .workspace-canvas {
   border: 1px solid #e7e7e7;
@@ -2128,6 +2177,63 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   transition: opacity .12s ease;
 }
 
+.workspace-dashboard-surface {
+  background: #f7f7f8;
+  padding: 0 32px 24px;
+}
+.workspace-dashboard-surface .dm-workflow-toolbar {
+  margin: 0 0 18px;
+  padding: 0;
+  background: #ffffff;
+  border-bottom-color: #e8e8e8;
+}
+.workspace-dashboard-surface .workspace-canvas {
+  width: 100%;
+  margin: 0 auto;
+  border: 1px solid #e5e7eb;
+  border-radius: 8px;
+  background: #f7f7f8;
+  max-height: calc(100vh - 72px);
+}
+.workspace-dashboard-surface .workspace-tabs {
+  gap: 6px;
+  min-height: 44px;
+  padding: 8px 12px 12px;
+  background: #ffffff;
+  border-bottom: 1px solid #ececec;
+  border-radius: 8px 8px 0 0;
+}
+.workspace-dashboard-surface .workspace-tabs button {
+  min-height: 30px;
+}
+.workspace-dashboard-surface .workspace-grid {
+  gap: 12px;
+  padding: 18px;
+}
+.workspace-dashboard-surface .workspace-grid-cell {
+  background: #ffffff;
+  border-color: #e8e8e8;
+}
+.workspace-dashboard-surface.is-dashboard-editing {
+  padding-inline: 16px;
+}
+.workspace-dashboard-surface.is-dashboard-editing .workspace-canvas {
+  max-height: calc(100vh - 64px);
+}
+.workspace-dashboard-surface.is-dashboard-editing .workspace-grid {
+  gap: 10px;
+  padding: 14px;
+}
+
+@media (max-width: 900px) {
+  .workspace-dashboard-surface {
+    padding-inline: 20px;
+  }
+  .workspace-dashboard-surface .dm-workflow-toolbar {
+    margin-inline: 0;
+  }
+}
+
 @media (max-width: 1080px) {
   .workspace-builder {
     grid-template-columns: 180px minmax(0, 1fr);
@@ -4065,6 +4171,68 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .workspace-chart-type-tabs button.active em {
   color: #075985;
 }
+.workspace-table-view-tabs {
+  grid-template-columns: repeat(4, 1fr);
+}
+.workspace-table-transform-preview {
+  display: grid;
+  gap: 8px;
+  min-height: 88px;
+  margin-top: 10px;
+  color: #4b5563;
+  font-size: 11px;
+}
+.workspace-table-transform-preview.is-board,
+.workspace-table-transform-preview.is-calendar {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+.workspace-table-transform-preview.is-calendar {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+.workspace-table-transform-preview section {
+  min-width: 0;
+  border: 1px solid #eeeeee;
+  border-radius: 5px;
+  background: #fafafa;
+  padding: 6px;
+}
+.workspace-table-transform-preview strong,
+.workspace-table-transform-preview span,
+.workspace-table-transform-preview em {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.workspace-table-transform-preview strong {
+  color: #111827;
+  font-size: 11px;
+}
+.workspace-table-transform-preview span {
+  margin-top: 5px;
+  border-radius: 4px;
+  background: #fff;
+  padding: 5px 6px;
+}
+.workspace-table-transform-preview div {
+  display: grid;
+  grid-template-columns: minmax(64px, 1fr) 2fr minmax(32px, auto);
+  align-items: center;
+  gap: 8px;
+}
+.workspace-table-transform-preview i {
+  display: block;
+  width: var(--width, 42%);
+  height: 9px;
+  margin-left: var(--offset, 0);
+  border-radius: 999px;
+  background: #93c5fd;
+}
+.workspace-table-transform-preview em {
+  color: #9ca3af;
+  font-style: normal;
+}
 .workspace-axis-range {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -4890,32 +5058,49 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   background: #f7f7f8;
   overflow: hidden;
 }
+.workspace-surface.workspace-dashboard-surface {
+  background: #f7f7f8;
+  padding: 0 32px 24px;
+}
+.workspace-surface.workspace-dashboard-surface.is-dashboard-editing {
+  padding-inline: 16px;
+}
 .dm-workflow-toolbar {
   height: 40px;
   min-height: 40px;
   align-items: center;
   flex-wrap: nowrap;
   gap: 12px;
-  padding: 0 12px;
-  margin: 0;
+  padding: 0 32px;
+  margin: 0 -32px 18px;
   border-bottom: 1px solid #ececef;
   background: #fbfbfc;
   overflow: hidden;
 }
+.workspace-surface.workspace-dashboard-surface .dm-workflow-toolbar {
+  padding-inline: 32px;
+  margin-inline: -32px;
+}
+.workspace-dashboard-surface.is-dashboard-editing .dm-workflow-toolbar {
+  padding-inline: 16px;
+  margin-inline: -16px;
+}
 .dm-workflow-titlebar {
   display: flex;
   align-items: center;
   gap: 6px;
-  min-width: 0;
-  flex: 1;
+  min-width: max-content;
+  flex: 1 0 auto;
   color: #8b8b91;
   font-size: 13px;
   font-weight: 500;
+  white-space: nowrap;
 }
 .dm-workflow-titlebar h1 {
   margin: 0;
-  min-width: 0;
-  max-width: 260px;
+  min-width: max-content;
+  max-width: none;
+  flex: 0 0 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -4924,6 +5109,20 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   font-weight: 600;
   letter-spacing: 0;
 }
+.dm-workflow-breadcrumb-link {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  padding: 0;
+  color: #a1a1aa;
+  font: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.dm-workflow-breadcrumb-link:hover {
+  color: #4b4b52;
+}
 .dm-workflow-title-icon {
   display: grid;
   place-items: center;
@@ -4943,8 +5142,9 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
   display: flex;
   align-items: center;
   gap: 6px;
-  flex-shrink: 0;
-  max-width: 66vw;
+  flex: 0 1 auto;
+  min-width: 0;
+  max-width: 58vw;
   overflow-x: auto;
   scrollbar-width: none;
 }
@@ -8414,3 +8614,59 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .dm-swarm-phase { border: 1px solid #edf0f3; border-radius: 4px; padding: 6px 8px; font-size: 11px; }
 .dm-swarm-phase summary { cursor: pointer; color: #6b7280; font-weight: 500; }
 .dm-swarm-phase pre { margin: 6px 0 0; font-size: 11px; white-space: pre-wrap; color: #111827; max-height: 240px; overflow: auto; }
+
+/* Customer Activation Layer V1 — workspace activation panel */
+.workspace-activation-panel { border: 1px solid #e5e7eb; border-radius: 10px; background: #ffffff; padding: 18px 20px; margin: 0 0 20px; display: flex; flex-direction: column; gap: 16px; }
+.workspace-activation-panel.is-complete { background: linear-gradient(180deg, #f0fdf4 0%, #ffffff 80%); border-color: #bbf7d0; }
+.workspace-activation-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
+.workspace-activation-head-text { display: flex; flex-direction: column; gap: 4px; flex: 1 1 320px; min-width: 0; }
+.workspace-activation-eyebrow { margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: #6b7280; font-weight: 600; }
+.workspace-activation-headline { margin: 0; font-size: 18px; font-weight: 600; color: #111827; line-height: 1.3; }
+.workspace-activation-subheadline { margin: 0; font-size: 13px; color: #4b5563; }
+.workspace-activation-progress { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; min-width: 120px; }
+.workspace-activation-progress-value { font-size: 11px; font-weight: 600; color: #475569; }
+.workspace-activation-progress-bar { display: block; width: 120px; height: 6px; background: #f1f5f9; border-radius: 999px; overflow: hidden; }
+.workspace-activation-progress-fill { display: block; height: 100%; background: #3b82f6; transition: width 200ms ease; }
+.workspace-activation-panel.is-complete .workspace-activation-progress-fill { background: #16a34a; }
+.workspace-activation-steps { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }
+.workspace-activation-step { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border: 1px solid #edf0f3; border-radius: 8px; background: #fbfcfd; transition: border-color 120ms ease, background 120ms ease; }
+.workspace-activation-step.is-next { border-color: #3b82f6; background: #eff6ff; }
+.workspace-activation-step.is-complete { background: #f0fdf4; border-color: #bbf7d0; }
+.workspace-activation-step.is-blocked { background: #fffbeb; border-color: #fde68a; }
+.workspace-activation-step.is-optional { opacity: 0.85; }
+.workspace-activation-step-status { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 999px; background: #ffffff; border: 1px solid #cbd5f5; color: #3b82f6; flex-shrink: 0; }
+.workspace-activation-step.is-complete .workspace-activation-step-status { background: #16a34a; border-color: #16a34a; color: #ffffff; }
+.workspace-activation-step.is-blocked .workspace-activation-step-status { background: #fef3c7; border-color: #f59e0b; color: #b45309; }
+.workspace-activation-step.is-optional .workspace-activation-step-status { background: #f5f3ff; border-color: #c4b5fd; color: #7c3aed; }
+.workspace-activation-step-body { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
+.workspace-activation-step-titlebar { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
+.workspace-activation-step-title { margin: 0; font-size: 13px; font-weight: 600; color: #111827; }
+.workspace-activation-step-badge { font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding: 1px 6px; border-radius: 999px; background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
+.workspace-activation-step-badge.is-complete { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
+.workspace-activation-step-badge.is-blocked { background: #fef3c7; color: #b45309; border-color: #fde68a; }
+.workspace-activation-step-badge.is-optional { background: #f5f3ff; color: #6d28d9; border-color: #ddd6fe; }
+.workspace-activation-step-description { margin: 0; font-size: 12px; color: #475569; line-height: 1.5; }
+.workspace-activation-step-hint { display: inline-flex; align-items: flex-start; gap: 6px; margin: 0; font-size: 11px; color: #6b7280; line-height: 1.45; }
+.workspace-activation-step-hint > svg { margin-top: 2px; flex-shrink: 0; }
+.workspace-activation-step-cta { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; font-size: 12px; color: #1d4ed8; text-decoration: none; padding: 4px 0; }
+.workspace-activation-step-cta:hover { text-decoration: underline; }
+.workspace-activation-step-cta.is-primary { background: #3b82f6; color: #ffffff; border-radius: 6px; padding: 4px 10px; }
+.workspace-activation-step-cta.is-primary:hover { background: #2563eb; text-decoration: none; }
+.workspace-activation-helper-cta { display: flex; justify-content: flex-end; }
+.workspace-activation-helper-btn { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 1px dashed #c7d2fe; color: #4338ca; font-size: 12px; padding: 6px 10px; border-radius: 6px; cursor: pointer; }
+.workspace-activation-helper-btn:hover { background: #eef2ff; }
+
+/* Compact rail variant — slim activation chip in WorkspaceRail Home */
+.workspace-activation-panel.is-compact { padding: 12px 14px; margin: 0 0 12px; gap: 10px; border-radius: 8px; }
+.workspace-activation-panel.is-compact .workspace-activation-head { gap: 8px; }
+.workspace-activation-panel.is-compact .workspace-activation-headline { font-size: 13px; }
+.workspace-activation-panel.is-compact .workspace-activation-subheadline { font-size: 11px; }
+.workspace-activation-panel.is-compact .workspace-activation-step { padding: 8px 10px; gap: 8px; }
+.workspace-activation-panel.is-compact .workspace-activation-step-title { font-size: 12px; }
+.workspace-activation-panel.is-compact .workspace-activation-step-description { font-size: 11px; }
+.workspace-activation-panel.is-compact .workspace-activation-progress-bar { width: 80px; }
+
+/* Template-aware context banner — workflow + nango affordance */
+.workspace-template-context-banner { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 6px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; font-size: 12px; margin: 0 0 12px; }
+.workspace-template-context-banner.is-warn { background: #fffbeb; border-color: #fde68a; color: #92400e; }
+.workspace-template-context-banner .workspace-template-context-link { color: inherit; text-decoration: underline; font-weight: 600; margin-left: auto; }

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>