@growthub/cli 0.10.0 → 0.12.0

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

@@ -3,6 +3,7 @@ import { readAdapterConfig } from "@/lib/adapters/env";
 import { describeIntegrationAdapter, listGovernedWorkspaceIntegrations } from "@/lib/adapters/integrations";
 import { groupIntegrationsByLane } from "@/lib/domain/integrations";
 import { readWorkspaceConfig } from "@/lib/workspace-config";
+import { WorkspaceRail } from "../../workspace-rail.jsx";
 
 function countConnected(rows) {
   return rows.filter((item) => item.isConnected || item.status === "connected").length;
@@ -57,28 +58,13 @@ async function IntegrationsSettingsPage() {
   const allRows = [...grouped.dataSources, ...grouped.workspaceIntegrations];
 
   return <main className="workspace-builder workspace-settings-page">
-      <aside className="workspace-rail" aria-label="Workspace navigation">
-        <div className="workspace-brand">
-          <span className="workspace-mark" style={{
-            background: branding.logoUrl ? undefined : branding.accent || undefined,
-            color: branding.logoUrl ? undefined : textColorForAccent(branding.accent)
-          }}>
-            {branding.logoUrl ? <img src={branding.logoUrl} alt="" /> : workspaceName.slice(0, 1).toUpperCase()}
-          </span>
-          <span>{workspaceName}</span>
-        </div>
-        <nav className="workspace-nav">
-          <Link href="/">Dashboards</Link>
-          <Link href="/data-model">Data Model</Link>
+      <WorkspaceRail
+        workspaceConfig={workspaceConfig}
+        authority={adapter.authority}
+        managementSlot={(
           <Link className="active" href="/settings/integrations">Integrations</Link>
-          <span className="workspace-nav-static">Management</span>
-          <Link className="workspace-nav-bottom" href="/settings/general">Workspace Settings</Link>
-        </nav>
-        <div className="workspace-rail-status">
-          <span className="status-dot" />
-          {adapter.authority}
-        </div>
-      </aside>
+        )}
+      />
 
       <section className="workspace-surface">
         <header className="workspace-toolbar">

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

@@ -0,0 +1,222 @@
+"use client";
+
+/**
+ * Ownership settings panel — the inspect-only "Management" surface that
+ * previously lived behind a modal triggered from the nav rail. Moved here
+ * as the 4th Workspace Settings tab so the rail can collapse its
+ * Management item into the renamed "Management" link (formerly Data
+ * Model) without losing the readiness/diagnostics surface.
+ *
+ * Pure presentational + one fetch effect for the live resolver list.
+ * Workflow execution stays in `growthub workflow` / `growthub bridge`;
+ * this panel never executes, never calls hosted endpoints, and never
+ * exposes tokens.
+ */
+
+import { useEffect, useMemo, useRef, useState } from "react";
+
+const DEFAULT_PERSISTENCE = {
+  mode: "unknown",
+  canSave: false,
+  reason: "Persistence mode could not be resolved.",
+  guidance: "",
+};
+
+function ResolverManagementSection({ canSave, config }) {
+  const [resolverData, setResolverData] = useState(null);
+  const [uploading, setUploading] = useState(false);
+  const [uploadResult, setUploadResult] = useState(null);
+  const fileInputRef = useRef(null);
+
+  useEffect(() => {
+    fetch("/api/workspace/resolvers")
+      .then((r) => (r.ok ? r.json() : { files: [], registeredIds: [], resolvers: [], canUpload: false }))
+      .then(setResolverData)
+      .catch(() => setResolverData({ files: [], registeredIds: [], resolvers: [], canUpload: false }));
+  }, [uploadResult]);
+
+  const dataModelObjects = Array.isArray(config?.dataModel?.objects) ? config.dataModel.objects : [];
+
+  const linkedObjectsByResolver = useMemo(() => {
+    const map = {};
+    dataModelObjects.forEach((obj) => {
+      const intId = obj.binding?.integrationId;
+      if (!intId) return;
+      if (!map[intId]) map[intId] = [];
+      map[intId].push(obj);
+    });
+    return map;
+  }, [dataModelObjects]);
+
+  async function handleFileChange(event) {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    setUploading(true);
+    setUploadResult(null);
+    const form = new FormData();
+    form.append("file", file);
+    try {
+      const res = await fetch("/api/workspace/register-resolver", { method: "POST", body: form });
+      const data = await res.json();
+      setUploadResult(res.ok ? { ok: true, ...data } : { ok: false, ...data });
+    } catch {
+      setUploadResult({ ok: false, error: "Network error" });
+    } finally {
+      setUploading(false);
+      if (fileInputRef.current) fileInputRef.current.value = "";
+    }
+  }
+
+  const resolvers = resolverData?.resolvers || [];
+
+  return (
+    <article className="workspace-readiness-section">
+      <h3>Source Resolvers</h3>
+      <div className="workspace-readiness-row">
+        <span>Files</span>
+        <code>{resolverData ? resolverData.files.length : "…"}</code>
+      </div>
+      <div className="workspace-readiness-row">
+        <span>Registered</span>
+        <code>{resolverData ? resolvers.length : "…"}</code>
+      </div>
+      <div className="workspace-readiness-row">
+        <span>Data Model objects</span>
+        <code>{dataModelObjects.length}</code>
+      </div>
+      {canSave ? (
+        <>
+          <div className="workspace-readiness-row">
+            <span>Upload resolver</span>
+            <input ref={fileInputRef} type="file" accept=".js" style={{ display: "none" }} onChange={handleFileChange} />
+            <button
+              type="button"
+              className="workspace-readiness-action"
+              disabled={uploading}
+              onClick={() => fileInputRef.current?.click()}
+            >
+              {uploading ? "Uploading…" : "Upload .js file"}
+            </button>
+          </div>
+          {uploadResult && (
+            <div className={`workspace-readiness-row resolver-upload-result ${uploadResult.ok ? "good" : "error"}`}>
+              <span>{uploadResult.ok ? "Saved" : "Error"}</span>
+              <em>{uploadResult.ok ? uploadResult.path : uploadResult.error}</em>
+            </div>
+          )}
+          <p className="workspace-panel-hint">
+            Upload a <code>.js</code> resolver file that calls <code>registerSourceResolver()</code>.
+          </p>
+        </>
+      ) : (
+        <div className="workspace-readiness-row">
+          <span>Upload</span>
+          <em>
+            Requires <code>WORKSPACE_CONFIG_ALLOW_FS_WRITE=true</code> or add resolver files manually to{" "}
+            <code>lib/adapters/integrations/resolvers/</code>.
+          </em>
+        </div>
+      )}
+    </article>
+  );
+}
+
+export function OwnershipPanel({ config, persistence, adapterConfig }) {
+  const persist = persistence || DEFAULT_PERSISTENCE;
+  const pipelines = Array.isArray(config?.pipelines) ? config.pipelines : [];
+  const integrations = Array.isArray(config?.integrations) ? config.integrations : [];
+  const capabilities = Array.isArray(config?.capabilities) ? config.capabilities : [];
+  return (
+    <section className="workspace-settings-card workspace-ownership-card">
+      <div className="workspace-settings-card-heading">
+        <div>
+          <h2>Ownership</h2>
+          <p>
+            Inspect-only readiness, persistence, integrations, workflows, and source resolvers for
+            this governed workspace. Workflow execution stays in <code>growthub workflow</code> /
+            <code> growthub bridge</code>; this panel never executes, never calls hosted endpoints, and
+            never exposes tokens.
+          </p>
+        </div>
+      </div>
+
+      <div className="workspace-readiness">
+        <article className="workspace-readiness-section">
+          <h3>Workspace</h3>
+          <div className="workspace-readiness-row"><span>ID</span><code>{config?.id || "Unknown"}</code></div>
+          <div className="workspace-readiness-row"><span>Name</span><strong>{config?.name || "Workspace"}</strong></div>
+          <div className="workspace-readiness-row">
+            <span>Capabilities</span>
+            <span>{capabilities.length ? capabilities.join(", ") : "none"}</span>
+          </div>
+        </article>
+
+        <article className="workspace-readiness-section">
+          <h3>API</h3>
+          <div className="workspace-readiness-row"><span>PATCH allowlist</span><code>dashboards | widgetTypes | canvas | dataModel</code></div>
+          <div className="workspace-readiness-row"><span>Unknown field</span><code>400</code></div>
+          <div className="workspace-readiness-row"><span>Read-only runtime</span><code>409 + guidance</code></div>
+          <div className="workspace-readiness-row">
+            <span>Can save now</span>
+            <span className={`workspace-readiness-badge ${persist.canSave ? "good" : "warn"}`}>
+              {persist.canSave ? "yes" : "no"}
+            </span>
+          </div>
+        </article>
+
+        <article className="workspace-readiness-section">
+          <h3>Workflows</h3>
+          {pipelines.length === 0 ? (
+            <div className="workspace-readiness-row workspace-readiness-empty">
+              <em>
+                No workflows declared in <code>growthub.config.json</code>. Connect via{" "}
+                <code>growthub workflow</code> after Bridge auth.
+              </em>
+            </div>
+          ) : (
+            pipelines.map((pipeline, index) => (
+              <div className="workspace-readiness-row" key={pipeline.id || index}>
+                <span>{pipeline.id || `pipeline-${index}`}</span>
+                <strong>{pipeline.name || "Untitled"}</strong>
+              </div>
+            ))
+          )}
+        </article>
+
+        <article className="workspace-readiness-section">
+          <h3>Integrations</h3>
+          <div className="workspace-readiness-row"><span>Adapter</span><code>{adapterConfig?.integrationAdapter || "—"}</code></div>
+          <div className="workspace-readiness-row"><span>Deploy target</span><code>{adapterConfig?.deployTarget || "—"}</code></div>
+          {integrations.length === 0 ? (
+            <div className="workspace-readiness-row workspace-readiness-empty">
+              <em>
+                No static integrations declared. Use <code>growthub bridge agents bind</code> for hosted bindings.
+              </em>
+            </div>
+          ) : (
+            integrations.map((integration, index) => (
+              <div className="workspace-readiness-row" key={integration.id || index}>
+                <span>{integration.id || `integration-${index}`}</span>
+                <strong>{integration.name || "Untitled"}</strong>
+              </div>
+            ))
+          )}
+        </article>
+
+        <article className="workspace-readiness-section">
+          <h3>Persistence</h3>
+          <div className="workspace-readiness-row">
+            <span>Mode</span>
+            <span className={`workspace-readiness-badge mode-${persist.mode}`}>{persist.mode}</span>
+          </div>
+          <div className="workspace-readiness-row"><span>Reason</span><em>{persist.reason}</em></div>
+          {persist.guidance ? (
+            <div className="workspace-readiness-row"><span>Guidance</span><em>{persist.guidance}</em></div>
+          ) : null}
+        </article>
+
+        <ResolverManagementSection canSave={persist.canSave} config={config} />
+      </div>
+    </section>
+  );
+}

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

@@ -0,0 +1,19 @@
+import { SettingsShell } from "../settings-shell.jsx";
+import { readAdapterConfig } from "@/lib/adapters/env";
+import { describePersistenceMode, readWorkspaceConfig } from "@/lib/workspace-config";
+import { OwnershipPanel } from "./ownership-panel.jsx";
+
+async function OwnershipSettingsPage() {
+  const config = await readWorkspaceConfig();
+  const adapterConfig = readAdapterConfig();
+  const persistence = describePersistenceMode();
+  return (
+    <SettingsShell active="/settings/ownership" eyebrow="Settings" title="Ownership">
+      <OwnershipPanel config={config} persistence={persistence} adapterConfig={adapterConfig} />
+    </SettingsShell>
+  );
+}
+
+export {
+  OwnershipSettingsPage as default,
+};

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

@@ -4,7 +4,8 @@ import { X } from "lucide-react";
 const SETTINGS_TABS = [
   { href: "/settings/general", label: "General" },
   { href: "/settings/apis-webhooks", label: "APIs & Webhooks" },
-  { href: "/settings/apps", label: "Apps" }
+  { href: "/settings/apps", label: "Apps" },
+  { href: "/settings/ownership", label: "Ownership" }
 ];
 
 function SettingsShell({ active, eyebrow, title, children, aside }) {

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

@@ -76,6 +76,8 @@ import {
 } from "@/lib/workspace-schema";
 import { governedWorkspaceIntegrationCatalog } from "@/lib/domain/integrations";
 import { OBJECT_TYPE_PRESETS, listWorkspaceDataModelTables } from "@/lib/workspace-data-model";
+import { HelperSidecar } from "./data-model/components/HelperSidecar.jsx";
+import { WorkspaceRail } from "./workspace-rail.jsx";
 
 const DEFAULT_CHART_TYPE = "bar-vertical";
 const DEFAULT_FILTER_OP = "and";
@@ -266,7 +268,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 = "220px minmax(0, 1fr)";
+const COLLAPSED_GRID_COLUMNS = "264px minmax(0, 1fr)";
 
 function generateId(prefix) {
   if (typeof globalThis !== "undefined" && globalThis.crypto?.randomUUID) {
@@ -1003,7 +1005,7 @@ function widgetKindFill(kind) {
   switch (kind) {
     case "chart": return "#dbeafe";
     case "view": return "#fef3c7";
-    case "iframe": return "#ede9fe";
+    case "iframe": return "#e0f2fe";
     case "rich-text": return "#dcfce7";
     default: return "#e5e7eb";
   }
@@ -2213,7 +2215,7 @@ function FieldsSubPanel({ widget, dataModelTable, onChange, onBack }) {
       <SubPanelHeader title="Fields" breadcrumb={widget.title} onBack={onBack} />
       {isBound && (
         <p className="workspace-panel-hint">
-          Fields come from the bound object. Manage them on the <a href="/data-model" style={{ color: "#6366f1" }}>Data Model page</a>.
+          Fields come from the bound object. Manage them on the <a href="/data-model" style={{ color: "#3f68ff" }}>Data Model page</a>.
         </p>
       )}
 
@@ -3352,6 +3354,10 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter, in
   const [configMessage, setConfigMessage] = useState("");
   const [inspectorPath, setInspectorPath] = useState(SUB_PANEL_ROOT);
   const [commandPaletteOpen, setCommandPaletteOpen] = useState(false);
+  const [helperOpen, setHelperOpen] = useState(false);
+  const [helperIntent, setHelperIntent] = useState("build_dashboard");
+  const [helperInitialPrompt, setHelperInitialPrompt] = useState("");
+  const [helperInitialThread, setHelperInitialThread] = useState(null);
   const [templateFilter, setTemplateFilter] = useState({ category: "all", tag: "all", query: "" });
   const [expandedIframeWidget, setExpandedIframeWidget] = useState(null);
   const [refreshing, setRefreshing] = useState(false);
@@ -4158,6 +4164,29 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter, in
 
   const paletteCommands = useMemo(() => {
     const list = [];
+    const openHelperWith = (i, p) => {
+      setHelperIntent(i);
+      setHelperInitialPrompt(p);
+      setHelperInitialThread(null);
+      setHelperOpen(true);
+    };
+    list.push({
+      id: "helper.build_dashboard", group: "Ask helper", icon: Zap, label: "Ask helper — build a dashboard",
+      run: () => openHelperWith("build_dashboard", "Draft a dashboard for a local agency: pipeline overview, weekly revenue, and a leaderboard widget.")
+    });
+    list.push({
+      id: "helper.edit_view", group: "Ask helper", icon: Zap, label: "Ask helper — improve this dashboard",
+      disabled: !activeDashboard,
+      run: () => openHelperWith("edit_view", `Improve the "${activeDashboard?.name || "current"}" dashboard. Suggest widget placements that match the data already in the workspace.`)
+    });
+    list.push({
+      id: "helper.create_widget", group: "Ask helper", icon: Zap, label: "Ask helper — suggest widgets",
+      run: () => openHelperWith("create_widget", "Suggest widgets that fit the data already in this workspace.")
+    });
+    list.push({
+      id: "helper.repair", group: "Ask helper", icon: Zap, label: "Ask helper — repair workspace",
+      run: () => openHelperWith("repair", "Inspect this workspace for missing references, broken bindings, or incomplete views. Propose the smallest fix for each issue.")
+    });
     list.push({
       id: "dashboard.new", group: "Dashboard", icon: Plus, label: "Create dashboard", shortcut: "N",
       run: () => addDashboard()
@@ -4292,27 +4321,45 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter, in
   ]);
 
   return <main className="workspace-builder" onPointerDownCapture={resetWidgetSelectionOnOutsidePointer} style={builderStyle}>
-      <aside className="workspace-rail" aria-label="Workspace navigation">
-        <div className="workspace-brand">
-          <span className="workspace-mark" style={{
-            background: branding.logoUrl ? undefined : branding.accent || undefined,
-            color: branding.logoUrl ? undefined : textColorForAccent(branding.accent)
-          }}>
-            {branding.logoUrl ? <img src={branding.logoUrl} alt="" /> : (branding.name || config.name || "Growthub Workspace").slice(0, 1).toUpperCase()}
-          </span>
-          <span>{branding.name || config.name || "Growthub Workspace"}</span>
-        </div>
-        <nav className="workspace-nav">
-          <button type="button" className={workspaceView === "dashboards" ? "active workspace-nav-button" : "workspace-nav-button"} onClick={showDashboardHome}>Dashboards</button>
-          <Link href="/data-model">Data Model</Link>
-          <button type="button" className="workspace-nav-button" onClick={() => setManagementOpen(true)}>Management</button>
-          <Link className="workspace-nav-bottom" href="/settings/general">Workspace Settings</Link>
-        </nav>
-        <div className="workspace-rail-status">
-          <span className="status-dot" />
-          {integrationAdapter.authority}
-        </div>
-      </aside>
+      <WorkspaceRail
+        workspaceConfig={config}
+        authority={integrationAdapter.authority}
+        helperOpen={helperOpen}
+        onOpenHelper={() => {
+          if (helperOpen) { setHelperOpen(false); return; }
+          // Rail pill ALWAYS lands on a fresh thread (chip stack +
+          // empty composer). Reopen specific threads via the Chat tab.
+          setHelperIntent("build_dashboard");
+          setHelperInitialPrompt("");
+          setHelperInitialThread(null);
+          setHelperOpen(true);
+        }}
+        onOpenThread={(row) => {
+          setHelperInitialThread(row);
+          setHelperOpen(true);
+        }}
+        onConfigChange={(nextConfig) => {
+          if (typeof setConfig === "function") setConfig(nextConfig);
+        }}
+        dashboardsSlot={(
+          <button
+            type="button"
+            className={workspaceView === "dashboards" ? "active workspace-nav-button" : "workspace-nav-button"}
+            onClick={showDashboardHome}
+          >
+            Dashboards
+          </button>
+        )}
+        managementSlot={(
+          <button
+            type="button"
+            className="workspace-nav-button"
+            onClick={() => setManagementOpen(true)}
+          >
+            Management
+          </button>
+        )}
+      />
 
       <section className="workspace-surface">
         <header className="workspace-toolbar">
@@ -4537,6 +4584,51 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter, in
         onClose={closeManagement}
       /> : null}
 
+      <HelperSidecar
+        open={helperOpen}
+        onClose={() => setHelperOpen(false)}
+        workspaceConfig={config}
+        initialIntent={helperIntent}
+        initialPrompt={helperInitialPrompt}
+        initialThread={helperInitialThread}
+        onOpenArtifact={(target) => {
+          if (!target) return;
+          // dashboards surface — focus the created dashboard inline.
+          if (target.surface === "dashboard" && target.dashboardId) {
+            setActiveDashboardId?.(target.dashboardId);
+            setWorkspaceView?.("builder");
+            setHelperOpen(false);
+            return;
+          }
+          // a data-model artifact was applied — navigate to that surface.
+          if (target.surface === "data-model" && target.source) {
+            setHelperOpen(false);
+            if (typeof window !== "undefined") {
+              window.location.href = `/data-model?source=${encodeURIComponent(target.source)}`;
+            }
+          }
+        }}
+        onApplied={(updatedConfig) => {
+          if (!updatedConfig) return;
+          // Re-seat canvas from the dashboard the user is currently viewing.
+          // If the helper created a new dashboard we still keep the user
+          // anchored where they were unless they had no active dashboard yet.
+          setConfig((current) => {
+            const nextDashboards = Array.isArray(updatedConfig.dashboards) && updatedConfig.dashboards.length
+              ? updatedConfig.dashboards
+              : current.dashboards;
+            const stillActive = nextDashboards.find((d) => d?.id === resolvedActiveDashboardId);
+            const anchor = stillActive || nextDashboards[0];
+            return {
+              ...current,
+              ...updatedConfig,
+              dashboards: nextDashboards,
+              canvas: dashboardCanvasFrom(anchor, updatedConfig.canvas || current.canvas)
+            };
+          });
+        }}
+      />
+
       {workspaceView === "builder" && panelOpen ? <aside className="workspace-widget-panel" id="widgets" aria-label="Widget configuration">
         <div className="workspace-panel-title">
           <button type="button" aria-label="Close widget panel" onClick={closePanel}>x</button>