@growthub/cli 0.13.4 → 0.13.6

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

@@ -0,0 +1,226 @@
+"use client";
+
+/**
+ * Growthub Workspace Metadata Graph V1 — read-only inspector panel.
+ *
+ * Surfaces a selected metadata node's dependencies + dependents + warnings.
+ *
+ * Mounting status (V1):
+ *   This component SHIPS with the worker kit but is NOT yet mounted by the
+ *   existing builder / workflow / data-model surfaces. Mounting is
+ *   intentionally deferred to a follow-up PR so the V1 scope stays focused
+ *   on the typed projection + GET route. Operators that want the inspector
+ *   now can import it directly:
+ *
+ *     import { WorkspaceGraphInspectorPanel } from "@/app/data-model/components/WorkspaceGraphInspectorPanel.jsx";
+ *
+ *   Intended future entry points:
+ *
+ *     - Widget sidecar: View dependencies
+ *     - Workflow sidecar: View dependencies
+ *     - Run console: View graph lineage
+ *     - Data Model row sidecar: View dependents
+ *     - Workspace Settings: Metadata Graph
+ *
+ * V1 invariants:
+ *   - Read-only. No edits. No deletes.
+ *   - No fetch of provider data — only `GET /api/workspace/metadata-graph`.
+ *   - No secrets rendered.
+ */
+
+import { useEffect, useMemo, useState } from "react";
+import { findDependencies, findDependents } from "@/lib/workspace-metadata-graph";
+
+const RELATION_LABELS = {
+  containsWidget: "contains widget",
+  bindsToObject: "binds to object",
+  usesField: "uses field",
+  filteredByField: "filtered by field",
+  sortedByField: "sorted by field",
+  backedBySourceRecord: "backed by source record",
+  scopedToEntity: "scoped to entity",
+  containsNode: "contains node",
+  usesSandbox: "uses sandbox",
+  readsObject: "reads object",
+  writesObject: "writes object",
+  requiresRunInput: "requires run input",
+  callsIntegration: "calls integration",
+  usesAgentHost: "uses agent host",
+  executedWorkflow: "executed workflow",
+  executedSandbox: "executed sandbox",
+  usedAgentHost: "used agent host",
+  producedArtifact: "produced artifact",
+  belongsToIntegration: "belongs to integration",
+  boundToIntegration: "bound to integration"
+};
+
+const NODE_TYPE_LABELS = {
+  dashboard: "Dashboard",
+  widget: "Widget",
+  dataModelObject: "Data Model object",
+  field: "Field",
+  view: "View",
+  workflow: "Workflow",
+  workflowNode: "Workflow node",
+  runInput: "Run input",
+  sandbox: "Sandbox",
+  agentHost: "Agent host",
+  integration: "Integration",
+  integrationEntity: "Integration entity",
+  sourceRecord: "Source record",
+  run: "Run",
+  outputArtifact: "Output artifact"
+};
+
+function relationLabel(relation) {
+  return RELATION_LABELS[relation] || relation;
+}
+
+function nodeTypeLabel(type) {
+  return NODE_TYPE_LABELS[type] || type;
+}
+
+export function WorkspaceGraphInspectorPanel({ selectedNodeId, onSelectNode }) {
+  const [graph, setGraph] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [internalSelectedId, setInternalSelectedId] = useState(selectedNodeId || "");
+
+  useEffect(() => {
+    let canceled = false;
+    setLoading(true);
+    setError(null);
+    fetch("/api/workspace/metadata-graph")
+      .then((response) => {
+        if (!response.ok) throw new Error(`HTTP ${response.status}`);
+        return response.json();
+      })
+      .then((envelope) => {
+        if (canceled) return;
+        setGraph(envelope?.graph || { nodes: [], edges: [] });
+      })
+      .catch((err) => {
+        if (canceled) return;
+        setError(err?.message || "Failed to load metadata graph");
+      })
+      .finally(() => {
+        if (!canceled) setLoading(false);
+      });
+    return () => { canceled = true; };
+  }, []);
+
+  useEffect(() => {
+    if (selectedNodeId && selectedNodeId !== internalSelectedId) {
+      setInternalSelectedId(selectedNodeId);
+    }
+  }, [selectedNodeId, internalSelectedId]);
+
+  const nodes = graph?.nodes || [];
+  const selected = useMemo(
+    () => nodes.find((node) => node.id === internalSelectedId) || null,
+    [nodes, internalSelectedId]
+  );
+
+  const dependencies = useMemo(
+    () => (graph && selected ? findDependencies(graph, selected.id) : []),
+    [graph, selected]
+  );
+  const dependents = useMemo(
+    () => (graph && selected ? findDependents(graph, selected.id) : []),
+    [graph, selected]
+  );
+
+  const handleSelect = (nodeId) => {
+    setInternalSelectedId(nodeId);
+    if (typeof onSelectNode === "function") onSelectNode(nodeId);
+  };
+
+  return (
+    <div className="workspace-graph-inspector" aria-label="Workspace metadata graph inspector">
+      <header className="workspace-graph-inspector-header">
+        <h3>Workspace metadata graph</h3>
+        <p className="workspace-graph-inspector-subtitle">
+          Read-only projection of dashboards, widgets, workflows, sandboxes, and runs.
+        </p>
+      </header>
+
+      {loading && <p className="workspace-graph-inspector-loading">Loading metadata graph…</p>}
+      {error && (
+        <p className="workspace-graph-inspector-error" role="alert">
+          Could not load metadata graph: {error}
+        </p>
+      )}
+
+      <div className="workspace-graph-inspector-body">
+        <aside className="workspace-graph-inspector-list">
+          <h4>Nodes ({nodes.length})</h4>
+          <ul>
+            {nodes.map((node) => (
+              <li key={node.id}>
+                <button
+                  type="button"
+                  className={`workspace-graph-inspector-node-button${node.id === internalSelectedId ? " is-selected" : ""}`}
+                  onClick={() => handleSelect(node.id)}
+                >
+                  <span className="workspace-graph-inspector-node-type">{nodeTypeLabel(node.type)}</span>
+                  <span className="workspace-graph-inspector-node-label">{node.label || node.id}</span>
+                </button>
+              </li>
+            ))}
+          </ul>
+        </aside>
+
+        <section className="workspace-graph-inspector-detail">
+          {!selected && <p className="workspace-graph-inspector-empty">Select a node to view dependencies.</p>}
+          {selected && (
+            <>
+              <h4>{nodeTypeLabel(selected.type)} · {selected.label}</h4>
+              <dl className="workspace-graph-inspector-summary">
+                {Object.entries(selected.summary || {}).map(([key, value]) => (
+                  <div key={key}>
+                    <dt>{key}</dt>
+                    <dd>{Array.isArray(value) ? value.join(", ") || "—" : (value === null || value === "" ? "—" : String(value))}</dd>
+                  </div>
+                ))}
+              </dl>
+
+              <section className="workspace-graph-inspector-edges">
+                <h5>Depends on ({dependencies.length})</h5>
+                <ul>
+                  {dependencies.length === 0 && <li className="workspace-graph-inspector-empty">No dependencies.</li>}
+                  {dependencies.map(({ node, relation }) => (
+                    <li key={`dep::${node.id}::${relation}`}>
+                      <button type="button" onClick={() => handleSelect(node.id)}>
+                        <span className="workspace-graph-inspector-relation">{relationLabel(relation)}</span>
+                        <span className="workspace-graph-inspector-node-type">{nodeTypeLabel(node.type)}</span>
+                        <span className="workspace-graph-inspector-node-label">{node.label || node.id}</span>
+                      </button>
+                    </li>
+                  ))}
+                </ul>
+              </section>
+
+              <section className="workspace-graph-inspector-edges">
+                <h5>Used by ({dependents.length})</h5>
+                <ul>
+                  {dependents.length === 0 && <li className="workspace-graph-inspector-empty">Nothing depends on this node yet.</li>}
+                  {dependents.map(({ node, relation }) => (
+                    <li key={`from::${node.id}::${relation}`}>
+                      <button type="button" onClick={() => handleSelect(node.id)}>
+                        <span className="workspace-graph-inspector-relation">{relationLabel(relation)}</span>
+                        <span className="workspace-graph-inspector-node-type">{nodeTypeLabel(node.type)}</span>
+                        <span className="workspace-graph-inspector-node-label">{node.label || node.id}</span>
+                      </button>
+                    </li>
+                  ))}
+                </ul>
+              </section>
+            </>
+          )}
+        </section>
+      </div>
+    </div>
+  );
+}
+
+export default WorkspaceGraphInspectorPanel;

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;
@@ -2128,6 +2126,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);
@@ -4890,32 +4945,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 +4996,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 +5029,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;
 }
@@ -8398,3 +8485,19 @@ body.workspace-rail-collapsed .workspace-builder.dm-workflow-page {
 .dm-run-setup__actions { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
 .dm-run-setup__actions .dm-btn-outline,
 .dm-run-setup__actions .dm-workflow-chip-btn { display: inline-flex; align-items: center; gap: 6px; }
+
+/* Agent swarm — sidecar editor (re-uses dm-orchestration-config tokens) */
+.dm-agent-swarm-panel__row { display: flex; align-items: center; gap: 6px; }
+.dm-agent-swarm-panel__row > span:first-child { flex: 1; font-size: 11px; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.04em; }
+.dm-agent-swarm-panel__row .dm-btn-outline { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; padding: 3px 7px; }
+.dm-agent-swarm-panel__subagent { border: 1px solid #edf0f3; border-radius: 4px; padding: 8px 10px; display: flex; flex-direction: column; gap: 6px; }
+.dm-agent-swarm-panel__role { flex: 1; border: 1px solid #d1d5db; border-radius: 4px; padding: 4px 6px; font-size: 12px; color: #111827; background: #fff; }
+.dm-agent-swarm-panel__weights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
+
+/* Agent swarm — condensed run trace summary */
+.dm-swarm-summary__line { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: 11px; color: #6b7280; align-items: center; margin: 0 0 6px; }
+.dm-swarm-summary__line strong { color: #111827; font-weight: 600; }
+.dm-swarm-summary__kind { font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; color: #6b7280; border: 1px solid #e5e7eb; border-radius: 999px; padding: 1px 6px; }
+.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; }

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>