@growthub/cli 0.9.5 → 0.9.6

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

@@ -544,6 +544,24 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
   background: #f3f3f3;
   color: #222;
 }
+.workspace-toolbar-actions select,
+.workspace-widget-settings select {
+  min-height: 32px;
+  border: 1px solid #dcdcdc;
+  border-radius: 6px;
+  background: #ffffff;
+  color: #444;
+  font: inherit;
+  padding: 0 8px;
+}
+.workspace-hidden-input {
+  display: none;
+}
+.workspace-config-message {
+  margin: -8px 0 10px;
+  color: #777;
+  font-size: 12px;
+}
 .workspace-grid {
   position: relative;
   display: grid;
@@ -687,7 +705,7 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
 }
 .workspace-view-table div {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  grid-template-columns: repeat(var(--workspace-view-columns, 2), minmax(0, 1fr));
   min-height: 25px;
   border-bottom: 1px solid #eeeeee;
 }
@@ -791,7 +809,6 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
   padding: 0 8px;
   text-align: left;
 }
-.workspace-widget-types button:first-child,
 .workspace-widget-types button:hover {
   background: #f2f2f2;
 }
@@ -827,6 +844,10 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
   gap: 14px;
   padding-top: 14px;
 }
+.workspace-field-stack {
+  display: grid;
+  gap: 12px;
+}
 .workspace-widget-settings label {
   display: grid;
   gap: 6px;

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

@@ -2,6 +2,13 @@
 
 import Link from "next/link";
 import { useCallback, useMemo, useRef, useState } from "react";
+import {
+  DASHBOARD_TEMPLATES,
+  SAMPLE_DATA_BINDINGS,
+  SAMPLE_VIEW_ROWS,
+  defaultConfigFor,
+  validateWorkspaceConfig
+} from "@/lib/workspace-schema";
 
 const DEFAULT_POSITION = { x: 4, y: 0, w: 4, h: 5 };
 const GRID_COLUMNS = 12;
@@ -27,19 +34,6 @@ function defaultTitleFor(kind) {
   }
 }
 
-function defaultConfigFor(kind) {
-  switch (kind) {
-    case "view":
-      return { source: "Companies", layout: "Table" };
-    case "iframe":
-      return { url: "" };
-    case "rich-text":
-      return { text: "" };
-    default:
-      return {};
-  }
-}
-
 function getTabs(canvas) {
   if (Array.isArray(canvas?.tabs) && canvas.tabs.length > 0) {
     return canvas.tabs;
@@ -200,7 +194,69 @@ function widgetKindLabel(kind) {
   return kind.charAt(0).toUpperCase() + kind.slice(1);
 }
 
+function cloneConfig(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+
+function normalizeChartValues(value) {
+  return String(value)
+    .split(",")
+    .map((item) => Number(item.trim()))
+    .filter((item) => Number.isFinite(item));
+}
+
+function serializeChartValues(values) {
+  return (Array.isArray(values) ? values : []).join(", ");
+}
+
+function parseLineList(value) {
+  return String(value)
+    .split(",")
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+function serializeLineList(values) {
+  return (Array.isArray(values) ? values : []).join(", ");
+}
+
+function parseManualRows(value, columns) {
+  const activeColumns = columns.length ? columns : ["Name", "Domain Name"];
+  return String(value)
+    .split("\n")
+    .map((row) => row.trim())
+    .filter(Boolean)
+    .map((row) => {
+      const values = row.split("|").map((item) => item.trim());
+      return activeColumns.reduce((record, column, index) => {
+        record[column] = values[index] || "";
+        return record;
+      }, {});
+    });
+}
+
+function serializeManualRows(rows, columns) {
+  const activeColumns = columns.length ? columns : ["Name", "Domain Name"];
+  return (Array.isArray(rows) ? rows : [])
+    .map((row) => activeColumns.map((column) => row?.[column] || "").join(" | "))
+    .join("\n");
+}
+
+function hydrateTemplate(template) {
+  return {
+    name: template.name,
+    widgets: template.widgets.map((widget) => ({
+      ...cloneConfig(widget),
+      id: generateId("widget"),
+      config: cloneConfig(widget.config || defaultConfigFor(widget.kind))
+    }))
+  };
+}
+
 function WidgetPreview({ widget, selected, onSelect, onRemove, onResizeStart }) {
+  const viewColumns = widget.config?.columns?.length ? widget.config.columns : ["Name", "Domain Name"];
+  const viewRows = widget.config?.rows?.length ? widget.config.rows : SAMPLE_VIEW_ROWS;
+  const chartValues = widget.config?.values?.length ? widget.config.values : defaultConfigFor("chart").values;
   return <article
     className={`workspace-widget-preview${selected ? " selected" : ""}`}
     onClick={onSelect}
@@ -221,16 +277,15 @@ function WidgetPreview({ widget, selected, onSelect, onRemove, onResizeStart })
         type="button"
       >x</button>
     </div>
-    {widget.kind === "view" ? <div className="workspace-view-table" aria-label={`${widget.title} preview`}>
-      <div><span>Name</span><span>Domain Name</span></div>
-      {[
-        ["CMWL Direct", "centerformedica"],
-        ["Medi-Weightloss", "mediweightloss.com"],
-        ["Optima Tyler", "optimatyler.com"],
-        ["Balanced Hormone He...", "balancedhormor"],
-        ["Jolie Aesthetics RVA", "jolie-aesthetics.c"],
-        ["Livea Centers", "livea.com"]
-      ].map(([name, domain]) => <div key={name}><span>{name}</span><span>{domain}</span></div>)}
+    {widget.kind === "view" ? <div
+      className="workspace-view-table"
+      aria-label={`${widget.title} preview`}
+      style={{ "--workspace-view-columns": viewColumns.length }}
+    >
+      <div>{viewColumns.map((column) => <span key={column}>{column}</span>)}</div>
+      {viewRows.slice(0, 6).map((row, rowIndex) => <div key={rowIndex}>
+        {viewColumns.map((column) => <span key={column}>{row?.[column] || ""}</span>)}
+      </div>)}
       <footer>Calculate</footer>
     </div> : null}
     {widget.kind === "iframe" ? <div className="workspace-iframe-preview">
@@ -238,7 +293,7 @@ function WidgetPreview({ widget, selected, onSelect, onRemove, onResizeStart })
     </div> : null}
     {widget.kind === "rich-text" ? <p className="workspace-rich-text-preview">{widget.config?.text || "Start writing..."}</p> : null}
     {widget.kind === "chart" ? <div className="workspace-chart-preview">
-      {[58, 36, 72, 48, 64].map((height, index) => <span key={index} style={{ height: `${height}%` }} />)}
+      {chartValues.map((height, index) => <span key={index} style={{ height: `${Math.max(5, Math.min(100, height))}%` }} />)}
     </div> : null}
     {selected ? ["nw", "ne", "sw", "se"].map((corner) => <button
       aria-label={`Resize ${widget.title} from ${corner} corner`}
@@ -267,7 +322,9 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter })
   const [dragStartCell, setDragStartCell] = useState(null);
   const [dragPreview, setDragPreview] = useState(null);
   const [resizeDrag, setResizeDrag] = useState(null);
+  const [configMessage, setConfigMessage] = useState("");
   const resizeDragRef = useRef(null);
+  const importInputRef = useRef(null);
   const addSlot = dragPreview || selectedPosition;
   const selectedWidget = activeWidgets.find((widget) => widget.id === selectedWidgetId) || null;
   const occupiedCells = useMemo(() => {
@@ -358,6 +415,121 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter })
     }));
   }, []);
 
+  const duplicateDashboard = useCallback(() => {
+    setConfig((prev) => {
+      const source = prev.dashboards?.[0] || {
+        name: "Untitled",
+        createdBy: "Workspace owner",
+        updatedAt: "new",
+        status: "draft"
+      };
+      return {
+        ...prev,
+        dashboards: [
+          ...(prev.dashboards || []),
+          {
+            ...source,
+            id: generateId("dashboard"),
+            name: `${source.name} Copy`,
+            updatedAt: "new",
+            status: "draft"
+          }
+        ]
+      };
+    });
+  }, []);
+
+  const duplicateTab = useCallback(() => {
+    setConfig((prev) => {
+      const prevTabs = getTabs(prev.canvas);
+      const prevActiveId = getActiveTabId(prev.canvas);
+      const source = prevTabs.find((tab) => tab.id === prevActiveId) || prevTabs[0];
+      const stableFirst = prevTabs.length === 1 && prevTabs[0].id === DEFAULT_TAB_ID
+        ? { ...prevTabs[0], id: generateId("tab") }
+        : prevTabs[0];
+      const stableTabs = prevTabs.length === 1 ? [stableFirst] : prevTabs;
+      const cloned = {
+        id: generateId("tab"),
+        name: `${source.name} Copy`,
+        widgets: (source.widgets || []).map((widget) => ({
+          ...cloneConfig(widget),
+          id: generateId("widget")
+        }))
+      };
+      const nextTabs = [...stableTabs, cloned];
+      setSelectedWidgetId(null);
+      setSelectedPosition(findFreePosition(cloned.widgets));
+      setDragPreview(null);
+      return { ...prev, canvas: commitTabs(prev.canvas, nextTabs, cloned.id) };
+    });
+  }, []);
+
+  const applyTemplate = useCallback((templateId) => {
+    const template = DASHBOARD_TEMPLATES.find((item) => item.id === templateId);
+    if (!template) return;
+    setConfig((prev) => {
+      const hydrated = hydrateTemplate(template);
+      const prevTabs = getTabs(prev.canvas);
+      const prevActiveId = getActiveTabId(prev.canvas);
+      const stableTabs = prevTabs.length === 1 && prevTabs[0].id === DEFAULT_TAB_ID
+        ? [{ ...prevTabs[0], id: DEFAULT_TAB_ID }]
+        : prevTabs;
+      const nextTabs = stableTabs.map((tab) =>
+        tab.id === prevActiveId ? { ...tab, name: hydrated.name, widgets: hydrated.widgets } : tab
+      );
+      setSelectedWidgetId(null);
+      setSelectedPosition(findFreePosition(hydrated.widgets));
+      setDragPreview(null);
+      setConfigMessage(`Applied ${template.name}`);
+      return {
+        ...prev,
+        dashboards: (prev.dashboards || []).map((dashboard, index) =>
+          index === 0 ? { ...dashboard, name: template.name, updatedAt: "new", status: "draft" } : dashboard
+        ),
+        canvas: commitTabs(prev.canvas, nextTabs, prevActiveId)
+      };
+    });
+  }, []);
+
+  const exportConfig = useCallback(() => {
+    const blob = new Blob([`${JSON.stringify({
+      dashboards: config.dashboards,
+      widgetTypes: config.widgetTypes,
+      canvas: config.canvas
+    }, null, 2)}\n`], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    anchor.href = url;
+    anchor.download = "growthub-dashboard.config.json";
+    anchor.click();
+    URL.revokeObjectURL(url);
+    setConfigMessage("Exported dashboard config");
+  }, [config]);
+
+  const importConfig = useCallback(async (event) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    try {
+      const imported = JSON.parse(await file.text());
+      validateWorkspaceConfig(imported);
+      setConfig((prev) => ({
+        ...prev,
+        dashboards: imported.dashboards,
+        widgetTypes: imported.widgetTypes,
+        canvas: imported.canvas
+      }));
+      const importedTabs = getTabs(imported.canvas);
+      setSelectedWidgetId(null);
+      setSelectedPosition(findFreePosition(importedTabs[0]?.widgets || []));
+      setDragPreview(null);
+      setConfigMessage(`Imported ${file.name}`);
+    } catch (error) {
+      setConfigMessage(error.message || "Import failed");
+    } finally {
+      event.target.value = "";
+    }
+  }, []);
+
   const save = useCallback(async () => {
     if (saving) return;
     setSaving(true);
@@ -378,7 +550,12 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter })
       const payload = await response.json();
       if (response.ok && payload.workspaceConfig) {
         setConfig(payload.workspaceConfig);
+        setConfigMessage("Saved dashboard config");
+      } else {
+        setConfigMessage(payload.error || "Save failed");
       }
+    } catch (error) {
+      setConfigMessage(error.message || "Save failed");
     } finally {
       setSaving(false);
     }
@@ -525,10 +702,28 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter })
             <h1>{config.name}</h1>
           </div>
           <div className="workspace-toolbar-actions">
+            <select aria-label="Apply dashboard template" defaultValue="" onChange={(event) => {
+              if (event.target.value) applyTemplate(event.target.value);
+              event.target.value = "";
+            }}>
+              <option value="">Templates</option>
+              {DASHBOARD_TEMPLATES.map((template) => <option key={template.id} value={template.id}>{template.name}</option>)}
+            </select>
             <button type="button" onClick={addDashboard}>New Dashboard</button>
+            <button type="button" onClick={duplicateDashboard}>Duplicate Dashboard</button>
+            <button type="button" onClick={() => importInputRef.current?.click()}>Import</button>
+            <button type="button" onClick={exportConfig}>Export</button>
             <button type="button" onClick={save} disabled={saving}>{saving ? "Saving..." : "Save"}</button>
           </div>
+          <input
+            ref={importInputRef}
+            type="file"
+            accept="application/json,.json"
+            className="workspace-hidden-input"
+            onChange={importConfig}
+          />
         </header>
+        {configMessage ? <p className="workspace-config-message">{configMessage}</p> : null}
 
         <section className="workspace-table" id="dashboards" aria-label="Dashboards">
           <div className="workspace-table-heading">
@@ -558,6 +753,7 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter })
                 onClick={() => switchTab(tab.id)}
               >{tab.name}</button>)}
             <button type="button" onClick={addTab}>New Tab</button>
+            <button type="button" onClick={duplicateTab}>Duplicate Tab</button>
           </div>
           <div
             className="workspace-grid"
@@ -622,6 +818,27 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter })
             <span>Title</span>
             <input value={selectedWidget.title} onChange={(event) => updateSelectedWidget({ title: event.target.value })} />
           </label>
+          {selectedWidget.kind === "chart" ? <section className="workspace-field-stack">
+            <label>
+              <span>Sample Values</span>
+              <input
+                value={serializeChartValues(selectedWidget.config?.values || [])}
+                onChange={(event) => updateSelectedWidgetConfig({ values: normalizeChartValues(event.target.value) })}
+              />
+            </label>
+            <label>
+              <span>Static Binding</span>
+              <select
+                value={selectedWidget.config?.binding?.mode || "json"}
+                onChange={(event) => updateSelectedWidgetConfig({
+                  binding: event.target.value === "csv" ? SAMPLE_DATA_BINDINGS.contentCsv : SAMPLE_DATA_BINDINGS.reportingJson
+                })}
+              >
+                <option value="json">Sample JSON</option>
+                <option value="csv">Sample CSV</option>
+              </select>
+            </label>
+          </section> : null}
           {selectedWidget.kind === "iframe" ? <label>
             <span>URL to Embed</span>
             <input
@@ -638,14 +855,68 @@ function WorkspaceBuilder({ initialConfig, adapterConfig, integrationAdapter })
               onChange={(event) => updateSelectedWidgetConfig({ text: event.target.value })}
             />
           </label> : null}
-          {selectedWidget.kind === "view" ? <div className="workspace-settings-list">
+          {selectedWidget.kind === "view" ? <section className="workspace-field-stack">
+            <label>
+              <span>Source</span>
+              <input
+                value={selectedWidget.config?.source || ""}
+                onChange={(event) => updateSelectedWidgetConfig({ source: event.target.value })}
+              />
+            </label>
+            <label>
+              <span>Columns</span>
+              <input
+                value={serializeLineList(selectedWidget.config?.columns || [])}
+                onChange={(event) => updateSelectedWidgetConfig({ columns: parseLineList(event.target.value) })}
+              />
+            </label>
+            <label>
+              <span>Manual Rows</span>
+              <textarea
+                value={serializeManualRows(selectedWidget.config?.rows || [], selectedWidget.config?.columns || [])}
+                onChange={(event) => {
+                  const columns = selectedWidget.config?.columns?.length ? selectedWidget.config.columns : ["Name", "Domain Name"];
+                  updateSelectedWidgetConfig({
+                    rows: parseManualRows(event.target.value, columns),
+                    binding: { mode: "manual", source: "Manual rows", rows: parseManualRows(event.target.value, columns) }
+                  });
+                }}
+              />
+            </label>
+            <label>
+              <span>Static Binding</span>
+              <select
+                value={selectedWidget.config?.binding?.mode || "manual"}
+                onChange={(event) => {
+                  const binding = event.target.value === "csv" ? SAMPLE_DATA_BINDINGS.contentCsv : SAMPLE_DATA_BINDINGS.companiesManual;
+                  updateSelectedWidgetConfig({ binding });
+                }}
+              >
+                <option value="manual">Manual Rows</option>
+                <option value="csv">Sample CSV</option>
+              </select>
+            </label>
+            <div className="workspace-settings-list">
             <p className="workspace-panel-label">Settings</p>
             <div><span>Layout</span><code>{selectedWidget.config?.layout || "Table"}</code></div>
             <div><span>Source</span><code>{selectedWidget.config?.source || "Companies"}</code></div>
-            <div><span>Fields</span><code>6 shown</code></div>
+            <div><span>Fields</span><code>{selectedWidget.config?.columns?.length || 2} shown</code></div>
             <div><span>Filter</span><code>›</code></div>
             <div><span>Sort</span><code>›</code></div>
-          </div> : null}
+            </div>
+          </section> : null}
+          {selectedWidget.kind === "rich-text" ? <label>
+            <span>Static Binding</span>
+            <select
+              value={selectedWidget.config?.binding?.mode || "manual"}
+              onChange={(event) => updateSelectedWidgetConfig({
+                binding: { mode: event.target.value, source: event.target.value === "manual" ? "Manual text" : "Sample JSON", rows: [] }
+              })}
+            >
+              <option value="manual">Manual Text</option>
+              <option value="json">Sample JSON</option>
+            </select>
+          </label> : null}
           <div className="workspace-settings-list">
             <p className="workspace-panel-label">Placement</p>
             <div><span>Size</span><code>{selectedWidget.position.w} x {selectedWidget.position.h}</code></div>

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

@@ -1,11 +1,12 @@
 import { promises as fs } from "node:fs";
 import path from "node:path";
 import { readAdapterConfig } from "@/lib/adapters/env";
-
-const KNOWN_FIELDS = ["dashboards", "widgetTypes", "canvas"];
-const KNOWN_WIDGET_KINDS = ["chart", "view", "iframe", "rich-text"];
-const GRID_COLUMNS = 12;
-const GRID_ROWS = 16;
+import {
+  GRID_COLUMNS,
+  GRID_ROWS,
+  KNOWN_WIDGET_KINDS,
+  validateWorkspaceConfig
+} from "@/lib/workspace-schema";
 
 function resolveWorkspaceConfigPath() {
   return path.resolve(/*turbopackIgnore: true*/ process.cwd(), "growthub.config.json");
@@ -36,156 +37,35 @@ function describePersistenceMode() {
   return { mode: "filesystem", reason: "Local development" };
 }
 
-function isFiniteInt(value) {
-  return typeof value === "number" && Number.isFinite(value) && Math.floor(value) === value;
-}
-
-function validateWidgetArray(widgets, contextPath, errors, seenIds) {
-  if (!Array.isArray(widgets)) {
-    errors.push(`${contextPath} must be an array`);
-    return;
-  }
-  const occupied = new Map();
-  widgets.forEach((widget, index) => {
-    const prefix = `${contextPath}[${index}]`;
-    if (!widget || typeof widget !== "object" || Array.isArray(widget)) {
-      errors.push(`${prefix} must be an object`);
-      return;
-    }
-    if (typeof widget.id !== "string" || !widget.id) {
-      errors.push(`${prefix}.id must be a non-empty string`);
-    } else if (seenIds.has(widget.id)) {
-      errors.push(`${prefix}.id duplicates an earlier widget id`);
-    } else {
-      seenIds.add(widget.id);
-    }
-    if (!KNOWN_WIDGET_KINDS.includes(widget.kind)) {
-      errors.push(`${prefix}.kind must be one of ${KNOWN_WIDGET_KINDS.join(", ")}`);
-    }
-    if (!widget.position || typeof widget.position !== "object" || Array.isArray(widget.position)) {
-      errors.push(`${prefix}.position must be an object`);
-      return;
-    }
-    for (const k of ["x", "y", "w", "h"]) {
-      if (!isFiniteInt(widget.position[k])) {
-        errors.push(`${prefix}.position.${k} must be a finite integer`);
-      }
-    }
-    if (
-      isFiniteInt(widget.position.x) &&
-      isFiniteInt(widget.position.w) &&
-      (widget.position.x < 0 || widget.position.w < 1 || widget.position.x + widget.position.w > GRID_COLUMNS)
-    ) {
-      errors.push(`${prefix} x/w out of [0..${GRID_COLUMNS}] grid`);
-    }
-    if (
-      isFiniteInt(widget.position.y) &&
-      isFiniteInt(widget.position.h) &&
-      (widget.position.y < 0 || widget.position.h < 1 || widget.position.y + widget.position.h > GRID_ROWS)
-    ) {
-      errors.push(`${prefix} y/h out of [0..${GRID_ROWS}] grid`);
-    }
-    if (
-      isFiniteInt(widget.position.x) &&
-      isFiniteInt(widget.position.y) &&
-      isFiniteInt(widget.position.w) &&
-      isFiniteInt(widget.position.h)
-    ) {
-      for (let dx = 0; dx < widget.position.w; dx += 1) {
-        for (let dy = 0; dy < widget.position.h; dy += 1) {
-          const cell = `${widget.position.x + dx}:${widget.position.y + dy}`;
-          const previous = occupied.get(cell);
-          if (previous) {
-            errors.push(`${prefix} overlaps ${previous} at grid cell ${cell}`);
-          } else {
-            occupied.set(cell, `${prefix}.position`);
-          }
-        }
-      }
-    }
-  });
-}
-
-function validateWorkspaceConfig(nextConfig) {
-  if (!nextConfig || typeof nextConfig !== "object" || Array.isArray(nextConfig)) {
-    const error = new Error("workspace config must be a plain object");
-    error.code = "INVALID_WORKSPACE_CONFIG";
-    error.details = ["root must be a plain object"];
-    throw error;
-  }
-  const errors = [];
-  for (const key of Object.keys(nextConfig)) {
-    if (!KNOWN_FIELDS.includes(key)) {
-      errors.push(`unknown top-level field: ${key}`);
-    }
-  }
-  if (nextConfig.dashboards !== undefined && !Array.isArray(nextConfig.dashboards)) {
-    errors.push("dashboards must be an array");
-  }
-  if (nextConfig.widgetTypes !== undefined && !Array.isArray(nextConfig.widgetTypes)) {
-    errors.push("widgetTypes must be an array");
-  }
-  if (nextConfig.canvas !== undefined) {
-    if (typeof nextConfig.canvas !== "object" || Array.isArray(nextConfig.canvas) || nextConfig.canvas === null) {
-      errors.push("canvas must be a plain object");
-    } else {
-      const seenWidgetIds = new Set();
-      if (nextConfig.canvas.widgets !== undefined) {
-        validateWidgetArray(nextConfig.canvas.widgets, "canvas.widgets", errors, seenWidgetIds);
-      }
-      if (nextConfig.canvas.tabs !== undefined) {
-        if (!Array.isArray(nextConfig.canvas.tabs)) {
-          errors.push("canvas.tabs must be an array");
-        } else {
-          const seenTabIds = new Set();
-          nextConfig.canvas.tabs.forEach((tab, index) => {
-            const tabPrefix = `canvas.tabs[${index}]`;
-            if (!tab || typeof tab !== "object" || Array.isArray(tab)) {
-              errors.push(`${tabPrefix} must be an object`);
-              return;
-            }
-            if (typeof tab.id !== "string" || !tab.id) {
-              errors.push(`${tabPrefix}.id must be a non-empty string`);
-            } else if (seenTabIds.has(tab.id)) {
-              errors.push(`${tabPrefix}.id duplicates an earlier tab id`);
-            } else {
-              seenTabIds.add(tab.id);
-            }
-            if (typeof tab.name !== "string" || !tab.name) {
-              errors.push(`${tabPrefix}.name must be a non-empty string`);
-            }
-            if (tab.widgets !== undefined) {
-              validateWidgetArray(tab.widgets, `${tabPrefix}.widgets`, errors, seenWidgetIds);
-            }
-          });
-        }
-      }
-      if (nextConfig.canvas.activeTabId !== undefined && typeof nextConfig.canvas.activeTabId !== "string") {
-        errors.push("canvas.activeTabId must be a string");
-      }
-    }
-  }
-  if (errors.length) {
-    const error = new Error(`invalid workspace config: ${errors.join("; ")}`);
-    error.code = "INVALID_WORKSPACE_CONFIG";
-    error.details = errors;
-    throw error;
-  }
-}
-
 function applyPatch(currentConfig, patch) {
   const next = { ...currentConfig };
   if (patch.dashboards !== undefined) next.dashboards = patch.dashboards;
   if (patch.widgetTypes !== undefined) next.widgetTypes = patch.widgetTypes;
   if (patch.canvas !== undefined && patch.canvas !== null) {
+    const patchCanvas = { ...patch.canvas };
+    if (Array.isArray(patchCanvas.tabs)) {
+      delete patchCanvas.widgets;
+      delete patchCanvas.name;
+    } else if (Array.isArray(patchCanvas.widgets)) {
+      delete patchCanvas.tabs;
+      delete patchCanvas.activeTabId;
+    }
     next.canvas = {
       ...currentConfig.canvas,
-      ...patch.canvas,
-      layout: { ...(currentConfig.canvas?.layout || {}), ...(patch.canvas.layout || {}) },
-      bindings: { ...(currentConfig.canvas?.bindings || {}), ...(patch.canvas.bindings || {}) }
+      ...patchCanvas,
+      layout: { ...(currentConfig.canvas?.layout || {}), ...(patchCanvas.layout || {}) },
+      bindings: { ...(currentConfig.canvas?.bindings || {}), ...(patchCanvas.bindings || {}) }
     };
+    if (Array.isArray(patch.canvas.tabs)) {
+      delete next.canvas.widgets;
+      delete next.canvas.name;
+    }
+    if (Array.isArray(patch.canvas.widgets)) {
+      delete next.canvas.tabs;
+      delete next.canvas.activeTabId;
+    }
     for (const key of ["widgets", "tabs", "activeTabId", "name"]) {
-      if (Object.prototype.hasOwnProperty.call(patch.canvas, key) && patch.canvas[key] === null) {
+      if (Object.prototype.hasOwnProperty.call(patchCanvas, key) && patchCanvas[key] === null) {
         delete next.canvas[key];
       }
     }