@growthub/cli 0.10.0 → 0.10.1

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

@@ -49,6 +49,7 @@ import {
   addTableRow,
   appendRowsToTable,
   createTypedBusinessObject,
+  deleteTableRow,
   describeBindingLane,
   effectiveRelations,
   exportTableAsCsv,
@@ -310,9 +311,13 @@ function ObjectViewPicker({ tables, selectedTable, saving, onSelectSource, onSav
             </div>
           )}
           <div className="dm-picker-tabs">
-            {["all", "objects", "views"].map((item) => (
-              <button key={item} type="button" className={mode === item ? "active" : ""} onClick={() => setMode(item)}>
-                {item}
+            {[
+              { id: "all", label: "All" },
+              { id: "objects", label: "Objects" },
+              { id: "views", label: "Views" },
+            ].map((item) => (
+              <button key={item.id} type="button" className={mode === item.id ? "active" : ""} onClick={() => setMode(item.id)}>
+                {item.label}
               </button>
             ))}
           </div>
@@ -1399,10 +1404,23 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
   const [filterDraft, setFilterDraft] = useState({ fieldId: "", operator: "eq", value: "" });
   const [filterTarget, setFilterTarget] = useState("");
   const [menuColumn, setMenuColumn] = useState("");
+  const [selectedRows, setSelectedRows] = useState(() => new Set());
+  const [confirmDeleteSelection, setConfirmDeleteSelection] = useState(false);
+  const [lastSelectedRowIndex, setLastSelectedRowIndex] = useState(null);
+  const [selectMenuOpen, setSelectMenuOpen] = useState(false);
+  const [pageSize, setPageSize] = useState(15);
+  const [pageIndex, setPageIndex] = useState(0);
   const fieldInputRef = useRef(null);
 
   useEffect(() => { if (addingField) fieldInputRef.current?.focus(); }, [addingField]);
-  useEffect(() => { setSelectedRow(null); }, [table.id]);
+  useEffect(() => {
+    setSelectedRow(null);
+    setSelectedRows(new Set());
+    setConfirmDeleteSelection(false);
+    setLastSelectedRowIndex(null);
+    setSelectMenuOpen(false);
+    setPageIndex(0);
+  }, [table.id]);
   useEffect(() => {
     setFieldName("");
     setFieldType("text");
@@ -1430,6 +1448,25 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
     () => (settings.views || []).find((view) => view.id === settings.activeViewId) || null,
     [settings.views, settings.activeViewId]
   );
+  const selectedRowCount = selectedRows.size;
+  const pageCount = Math.max(1, Math.ceil(rowEntries.length / pageSize));
+  const safePageIndex = Math.min(pageIndex, pageCount - 1);
+  const pageStart = safePageIndex * pageSize;
+  const pageEntries = rowEntries.slice(pageStart, pageStart + pageSize);
+  const pageEnd = Math.min(pageStart + pageSize, rowEntries.length);
+  const pageSelectedCount = pageEntries.filter((entry) => selectedRows.has(entry.originalIndex)).length;
+  const allPageSelected = pageEntries.length > 0 && pageSelectedCount === pageEntries.length;
+
+  useEffect(() => {
+    setPageIndex((current) => Math.min(current, pageCount - 1));
+  }, [pageCount]);
+
+  useEffect(() => {
+    setPageIndex(0);
+    setSelectedRow(null);
+    setLastSelectedRowIndex(null);
+    setSelectMenuOpen(false);
+  }, [settings.filter, settings.sort, pageSize]);
 
   function commitField() {
     const name = fieldName.trim();
@@ -1540,6 +1577,78 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
     }));
   }
 
+  function toggleRowSelection(originalIndex, visibleIndex, event) {
+    setConfirmDeleteSelection(false);
+    setSelectMenuOpen(false);
+    setSelectedRows((current) => {
+      const next = new Set(current);
+      if (event?.shiftKey && lastSelectedRowIndex !== null) {
+        const start = Math.min(lastSelectedRowIndex, visibleIndex);
+        const end = Math.max(lastSelectedRowIndex, visibleIndex);
+        rowEntries.slice(start, end + 1).forEach((entry) => next.add(entry.originalIndex));
+      } else if (next.has(originalIndex)) {
+        next.delete(originalIndex);
+      } else {
+        next.add(originalIndex);
+      }
+      return next;
+    });
+    setLastSelectedRowIndex(visibleIndex);
+  }
+
+  function clearRowSelection() {
+    setSelectedRows(new Set());
+    setConfirmDeleteSelection(false);
+    setLastSelectedRowIndex(null);
+    setSelectMenuOpen(false);
+  }
+
+  function selectCurrentPage() {
+    setConfirmDeleteSelection(false);
+    setSelectedRows((current) => {
+      const next = new Set(current);
+      pageEntries.forEach((entry) => next.add(entry.originalIndex));
+      return next;
+    });
+    setLastSelectedRowIndex(pageEntries.length ? pageStart : null);
+    setSelectMenuOpen(false);
+  }
+
+  function toggleCurrentPageSelection() {
+    setConfirmDeleteSelection(false);
+    setSelectedRows((current) => {
+      const next = new Set(current);
+      if (allPageSelected) pageEntries.forEach((entry) => next.delete(entry.originalIndex));
+      else pageEntries.forEach((entry) => next.add(entry.originalIndex));
+      return next;
+    });
+    setLastSelectedRowIndex(pageEntries.length ? pageStart : null);
+    setSelectMenuOpen(false);
+  }
+
+  function selectAllFilteredRows() {
+    setConfirmDeleteSelection(false);
+    setSelectedRows((current) => {
+      const next = new Set(current);
+      rowEntries.forEach((entry) => next.add(entry.originalIndex));
+      return next;
+    });
+    setLastSelectedRowIndex(rowEntries.length ? 0 : null);
+    setSelectMenuOpen(false);
+  }
+
+  function deleteSelectedRows() {
+    if (!selectedRows.size) return;
+    if (!confirmDeleteSelection) {
+      setConfirmDeleteSelection(true);
+      return;
+    }
+    const rowIndexes = Array.from(selectedRows).sort((a, b) => b - a);
+    onSave((config) => rowIndexes.reduce((nextConfig, rowIndex) => deleteTableRow(nextConfig, table, rowIndex), config));
+    setSelectedRow(null);
+    clearRowSelection();
+  }
+
   const selectedEntry = selectedRow === null ? null : rowEntries[selectedRow];
   const selectedRecord = selectedEntry?.row || null;
 
@@ -1553,6 +1662,11 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
       )}
       <div className="dm-db-toolbar">
         <div className="dm-filter-chip-row">
+          {selectedRowCount > 0 && (
+            <span className="dm-filter-chip dm-selection-count">
+              {pluralize(selectedRowCount, "record")} selected
+            </span>
+          )}
           {settings.filter?.clauses?.map((clause) => (
             <button key={`${clause.fieldId}:${clause.operator}`} type="button" className="dm-filter-chip" onClick={() => removeFilter(clause.fieldId)}>
               <LucideIcon name={FIELD_TYPE_ICON_NAMES[settings.types?.[clause.fieldId] || inferFieldType(clause.fieldId)] || "Type"} size={12} />
@@ -1562,9 +1676,24 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
           ))}
         </div>
         <div className="dm-records-actions">
-          <button type="button" className="dm-btn-ghost" onClick={() => setFilterTarget((current) => current === "toolbar" ? "" : "toolbar")}>
-            <Filter size={13} />Filter
-          </button>
+          <span className="dm-filter-anchor">
+            <button type="button" className="dm-btn-ghost" onClick={() => setFilterTarget((current) => current === "toolbar" ? "" : "toolbar")}>
+              <Filter size={13} />Filter
+            </button>
+            {filterTarget === "toolbar" && (
+              <div className="dm-filter-popover dm-filter-popover-toolbar">
+                <StaticSelect value={filterDraft.fieldId} options={visibleColumns.map((column) => ({ value: column, label: column }))} onChange={(next) => setFilterDraft((current) => ({ ...current, fieldId: next }))} />
+                <StaticSelect value={filterDraft.operator} options={FILTER_OPERATOR_OPTIONS.map((item) => ({ value: item.value, label: item.label }))} onChange={(next) => setFilterDraft((current) => ({ ...current, operator: next }))} />
+                {!["isEmpty", "isNotEmpty"].includes(filterDraft.operator) && (
+                  <input value={filterDraft.value} placeholder="Value" onChange={(event) => setFilterDraft((current) => ({ ...current, value: event.target.value }))} />
+                )}
+                <div className="dm-filter-popover-actions">
+                  <button type="button" className="dm-btn-outline" onClick={() => setFilterTarget("")}>Cancel</button>
+                  <button type="button" className="dm-btn-primary-sm" onClick={applyFilter}>Apply</button>
+                </div>
+              </div>
+            )}
+          </span>
           {activeView ? (
             <button type="button" className="dm-btn-ghost" onClick={updateCurrentView}>
               Update view
@@ -1589,21 +1718,16 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
               <Plus size={13} />Add record
             </button>
           )}
-        </div>
-      </div>
-      {filterTarget === "toolbar" && (
-        <div className="dm-filter-popover dm-filter-popover-toolbar">
-          <StaticSelect value={filterDraft.fieldId} options={visibleColumns.map((column) => ({ value: column, label: column }))} onChange={(next) => setFilterDraft((current) => ({ ...current, fieldId: next }))} />
-          <StaticSelect value={filterDraft.operator} options={FILTER_OPERATOR_OPTIONS.map((item) => ({ value: item.value, label: item.label }))} onChange={(next) => setFilterDraft((current) => ({ ...current, operator: next }))} />
-          {!["isEmpty", "isNotEmpty"].includes(filterDraft.operator) && (
-            <input value={filterDraft.value} placeholder="Value" onChange={(event) => setFilterDraft((current) => ({ ...current, value: event.target.value }))} />
+          {table.mutable && selectedRowCount > 0 && (
+            <>
+              <button type="button" className="dm-btn-ghost" disabled={saving} onClick={clearRowSelection}>Cancel selection</button>
+              <button type="button" className="dm-btn-danger-sm" disabled={saving} onClick={deleteSelectedRows}>
+                {confirmDeleteSelection ? `Confirm delete ${selectedRowCount}` : "Delete"}
+              </button>
+            </>
           )}
-          <div className="dm-filter-popover-actions">
-            <button type="button" className="dm-btn-outline" onClick={() => setFilterTarget("")}>Cancel</button>
-            <button type="button" className="dm-btn-primary-sm" onClick={applyFilter}>Apply</button>
-          </div>
         </div>
-      )}
+      </div>
       {csvOpen && (
         <div className="dm-csv-panel">
           <textarea className="dm-csv-textarea" rows={4} value={csvText} onChange={(e) => setCsvText(e.target.value)} placeholder={"Name,Status\nAcme,Active"} />
@@ -1615,10 +1739,30 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
         </div>
       )}
       <div className="dm-db-grid-wrap">
+        <div className="dm-db-grid-scroll">
         <table className="dm-db-grid">
           <thead>
             <tr>
-              <th className="dm-db-rownum">#</th>
+              <th className="dm-db-rownum dm-db-rownum-head">
+                {table.mutable ? (
+                  <div className="dm-row-select-head-wrap">
+                    <button type="button" className="dm-row-select dm-row-select-all" aria-label={allPageSelected ? "Clear page selection" : "Select current page"} aria-pressed={allPageSelected} onClick={(event) => { event.stopPropagation(); toggleCurrentPageSelection(); }}>
+                      <span className="dm-row-select-box" />
+                      <span className="dm-row-number">#</span>
+                    </button>
+                    <button type="button" className="dm-row-select-menu-btn" aria-label="Selection options" aria-expanded={selectMenuOpen} onClick={(event) => { event.stopPropagation(); setSelectMenuOpen((open) => !open); }}>
+                      <ChevronDown size={11} />
+                    </button>
+                    {selectMenuOpen && (
+                      <div className="dm-row-select-menu">
+                        <button type="button" onClick={selectCurrentPage}>Select page</button>
+                        <button type="button" onClick={selectAllFilteredRows}>Select all filtered</button>
+                        <button type="button" disabled={!selectedRowCount} onClick={clearRowSelection}>Clear selection</button>
+                      </div>
+                    )}
+                  </div>
+                ) : "#"}
+              </th>
               {visibleColumns.map((column) => (
                 <th key={column}>
                   <button type="button" className="dm-db-head-btn" onClick={() => setMenuColumn((current) => current === column ? "" : column)}>
@@ -1694,9 +1838,19 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
             </tr>
           </thead>
           <tbody>
-            {rowEntries.map(({ row, originalIndex }, rowIndex) => (
-              <tr key={rowIndex} className={selectedRow === rowIndex ? "selected" : ""} onClick={() => setSelectedRow(rowIndex)}>
-                <td className="dm-db-rownum">{rowIndex + 1}</td>
+            {pageEntries.map(({ row, originalIndex }, rowIndex) => {
+              const visibleIndex = pageStart + rowIndex;
+              const displayIndex = visibleIndex + 1;
+              return (
+              <tr key={`${originalIndex}:${visibleIndex}`} className={`${selectedRow === visibleIndex ? "selected" : ""}${selectedRows.has(originalIndex) ? " multi-selected" : ""}`} onClick={() => setSelectedRow(visibleIndex)}>
+                <td className="dm-db-rownum">
+                  {table.mutable ? (
+                    <button type="button" className="dm-row-select" aria-label={selectedRows.has(originalIndex) ? `Deselect row ${displayIndex}` : `Select row ${displayIndex}`} aria-pressed={selectedRows.has(originalIndex)} onClick={(event) => { event.stopPropagation(); toggleRowSelection(originalIndex, visibleIndex, event); }}>
+                      <span className="dm-row-select-box" />
+                      <span className="dm-row-number">{displayIndex}</span>
+                    </button>
+                  ) : displayIndex}
+                </td>
                 {visibleColumns.map((column) => {
                   const relation = relationForColumn(table, column);
                   return (
@@ -1721,7 +1875,7 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
                 );})}
                 {table.mutable && <td className="dm-db-empty-cell" />}
               </tr>
-            ))}
+            );})}
             {table.mutable && (
               <tr className="dm-db-new-row" onClick={() => onSave((config) => addTableRow(config, table))}>
                 <td className="dm-db-rownum">+</td>
@@ -1730,6 +1884,24 @@ function DataModelTableSurface({ table, tables, workspaceConfig, saving, onSave
             )}
           </tbody>
         </table>
+        </div>
+        <div className="dm-pagination-bar">
+          <span className="dm-pagination-summary">Showing {rowEntries.length ? pageStart + 1 : 0}-{pageEnd} of {rowEntries.length}</span>
+          <div className="dm-pagination-controls">
+            <label className="dm-page-size-control">
+              <span>Rows</span>
+              <select value={pageSize} onChange={(event) => { setPageSize(Number(event.target.value)); setPageIndex(0); }}>
+                <option value={15}>15</option>
+                <option value={25}>25</option>
+                <option value={50}>50</option>
+                <option value={100}>100</option>
+              </select>
+            </label>
+            <button type="button" className="dm-pagination-btn" disabled={safePageIndex === 0} onClick={() => setPageIndex((current) => Math.max(0, current - 1))}>Previous</button>
+            <span className="dm-pagination-page">{safePageIndex + 1} / {pageCount}</span>
+            <button type="button" className="dm-pagination-btn" disabled={safePageIndex >= pageCount - 1} onClick={() => setPageIndex((current) => Math.min(pageCount - 1, current + 1))}>Next</button>
+          </div>
+        </div>
       </div>
       <DataModelRecordDrawer
         table={table}
@@ -1911,6 +2083,12 @@ function AddObjectSidebar({ open, saving, onClose, onCreate, allTables }) {
 
 // ─── Page ─────────────────────────────────────────────────────────────────────
 
+// Auto-save tempo: hold local edits in memory + localStorage, only PATCH the
+// server after this idle window. Keeps growthub.config.json from rewriting on
+// every keystroke and lets the UI stay snappy on slow disks.
+const SAVE_DEBOUNCE_MS = 20000;
+const LOCAL_CACHE_KEY = "growthub.workspace.dataModel.localDraft.v1";
+
 export default function DataModelShell() {
   const [workspaceConfig, setWorkspaceConfig] = useState(null);
   const [authority, setAuthority] = useState(null);
@@ -1920,6 +2098,8 @@ export default function DataModelShell() {
   const [message, setMessage] = useState("");
   const [selectedSource, setSelectedSource] = useState("");
   const [addOpen, setAddOpen] = useState(false);
+  const pendingPatchRef = useRef({});
+  const saveTimerRef = useRef(null);
 
   const load = useCallback(async () => {
     setLoading(true);
@@ -1950,16 +2130,19 @@ export default function DataModelShell() {
     if (!selectedSource && tables[0]) setSelectedSource(tables[0].source);
   }, [selectedSource, tables]);
 
-  const save = useCallback(async (mutate) => {
-    if (!workspaceConfig) return;
+  // Flush any accumulated patch keys to the server. Called by the debounce
+  // timer and on visibilitychange/beforeunload so no local edit is lost.
+  const flushPendingPatch = useCallback(async () => {
+    const patch = pendingPatchRef.current;
+    pendingPatchRef.current = {};
+    if (saveTimerRef.current) {
+      clearTimeout(saveTimerRef.current);
+      saveTimerRef.current = null;
+    }
+    if (Object.keys(patch).length === 0) return;
     setSaving(true);
     setMessage("");
-    const next = mutate(workspaceConfig);
     try {
-      const patch = {};
-      for (const key of ["dashboards", "widgetTypes", "canvas", "dataModel"]) {
-        if (next[key] !== workspaceConfig[key]) patch[key] = next[key];
-      }
       const res = await fetch("/api/workspace", {
         method: "PATCH",
         headers: { "content-type": "application/json" },
@@ -1969,12 +2152,58 @@ export default function DataModelShell() {
       if (!res.ok) throw new Error(payload.error || "Save failed");
       setWorkspaceConfig(payload.workspaceConfig);
       setMessage("Saved");
+      try { window.localStorage.removeItem(LOCAL_CACHE_KEY); } catch {}
     } catch (err) {
       setMessage(`Error: ${err.message || "Save failed"}`);
     } finally {
       setSaving(false);
     }
-  }, [workspaceConfig]);
+  }, []);
+
+  // Mutate-in-memory immediately so the UI feels instant, persist a draft to
+  // localStorage every change, and only PATCH the server after SAVE_DEBOUNCE_MS
+  // of idleness. Sandbox-environment objects' lastRunId/lastResponse fields
+  // bypass the debounce (they need durability for run telemetry).
+  const save = useCallback((mutate) => {
+    setWorkspaceConfig((current) => {
+      if (!current) return current;
+      const next = mutate(current);
+      const patch = pendingPatchRef.current;
+      let touchedSandboxRun = false;
+      for (const key of ["dashboards", "widgetTypes", "canvas", "dataModel"]) {
+        if (next[key] !== current[key]) patch[key] = next[key];
+      }
+      try {
+        const sandboxKey = JSON.stringify((next.dataModel?.objects || []).find((o) => o.objectType === "sandbox-environment")?.rows || []);
+        const prevSandboxKey = JSON.stringify((current.dataModel?.objects || []).find((o) => o.objectType === "sandbox-environment")?.rows || []);
+        if (sandboxKey !== prevSandboxKey) touchedSandboxRun = true;
+      } catch {}
+      try {
+        window.localStorage.setItem(LOCAL_CACHE_KEY, JSON.stringify({ savedAt: Date.now(), patch }));
+      } catch {}
+      if (saveTimerRef.current) clearTimeout(saveTimerRef.current);
+      if (touchedSandboxRun) {
+        // immediate flush: durable sandbox run state must persist
+        Promise.resolve().then(flushPendingPatch);
+      } else {
+        saveTimerRef.current = setTimeout(flushPendingPatch, SAVE_DEBOUNCE_MS);
+      }
+      return next;
+    });
+  }, [flushPendingPatch]);
+
+  // Flush before navigation / tab close so the 20s window never silently drops a draft.
+  useEffect(() => {
+    function handleBeforeUnload() { flushPendingPatch(); }
+    function handleVisibility() { if (document.visibilityState === "hidden") flushPendingPatch(); }
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    document.addEventListener("visibilitychange", handleVisibility);
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+      document.removeEventListener("visibilitychange", handleVisibility);
+      flushPendingPatch();
+    };
+  }, [flushPendingPatch]);
 
   const createObject = useCallback(({ name, objectType, icon }) => {
     save((config) => createTypedBusinessObject(config, { name, objectType, icon }));

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

@@ -3965,7 +3965,7 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
 .dm-detail-v2-title h2 { margin: 0; font-size: 15px; font-weight: 600; color: #111827; flex: 1; }
 .dm-detail-v2-meta { display: flex; align-items: center; gap: 10px; padding-left: 21px; font-size: 12px; color: #9ca3af; }
 .dm-detail-v2-meta code { font-size: 11px; color: #6b7280; background: #f3f4f6; border-radius: 4px; padding: 2px 6px; }
-.dm-detail-v3 { border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; overflow: visible; }
+.dm-detail-v3 { border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; overflow: hidden; }
 .dm-detail-v3-head { padding-bottom: 14px; }
 .dm-picker { position: relative; min-width: 280px; }
 .dm-picker-trigger { width: min(420px, 100%); display: inline-flex; align-items: center; gap: 10px; min-height: 40px; border: 1px solid #dbe2ea; border-radius: 10px; background: #fff; color: #0f172a; box-shadow: 0 1px 2px rgba(15,23,42,.05); font: inherit; padding: 0 12px; cursor: pointer; text-align: left; }
@@ -4064,20 +4064,43 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
 .dm-inline-panel input { height: 32px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #111827; font: inherit; font-size: 12px; padding: 0 10px; }
 .dm-filter-chip-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 32px; }
 .dm-filter-chip { display: inline-flex; align-items: center; gap: 6px; height: 30px; border: 1px solid #c7d2fe; border-radius: 8px; background: #eef2ff; color: #3730a3; font: inherit; font-size: 12px; padding: 0 10px; cursor: pointer; }
+.dm-selection-count { border-color: #d1d5db; background: #fff; color: #475569; cursor: default; }
 .dm-filter-chip span { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .dm-filter-popover { position: absolute; z-index: 40; display: grid; gap: 8px; width: 320px; padding: 10px; border: 1px solid #dbe2ea; border-radius: 10px; background: #fff; box-shadow: 0 18px 42px rgba(15,23,42,.18), 0 3px 10px rgba(15,23,42,.08); }
 .dm-filter-popover input { height: 32px; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; color: #111827; font: inherit; font-size: 12px; padding: 0 10px; }
-.dm-filter-popover-toolbar { top: 48px; right: 0; }
+.dm-filter-anchor { position: relative; display: inline-flex; }
+.dm-filter-popover-toolbar { top: calc(100% + 6px); left: 0; right: auto; }
 .dm-filter-popover-column { top: calc(100% + 6px); left: 0; }
 .dm-filter-popover-actions { display: flex; justify-content: flex-end; gap: 8px; }
-.dm-db-grid-wrap { flex: 1; min-height: 420px; overflow: auto; border: 1px solid #dfe3e8; border-radius: 7px; background: #fff; }
+.dm-db-grid-wrap { display: flex; flex: 1; min-height: 420px; flex-direction: column; overflow: hidden; border: 1px solid #dfe3e8; border-radius: 7px; background: #fff; }
+.dm-db-grid-wrap > .dm-db-grid-scroll { flex: 1 1 auto; overflow: auto; }
 .dm-db-grid { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; color: #1f2937; }
 .dm-db-grid th { position: sticky; top: 0; z-index: 1; height: 32px; background: #f8fafc; color: #475569; border-bottom: 1px solid #dfe3e8; border-right: 1px solid #edf0f3; padding: 0; text-align: left; font-weight: 650; white-space: nowrap; }
 .dm-db-grid td { height: 32px; max-width: 260px; border-bottom: 1px solid #f1f5f9; border-right: 1px solid #f1f5f9; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
 .dm-db-grid tbody tr:hover td { background: #f8fafc; }
 .dm-db-grid tbody tr.selected td { background: #eef2ff; }
+.dm-db-grid tbody tr.multi-selected td { background: #f8fafc; }
 .dm-db-head-btn { display: inline-flex; align-items: center; justify-content: flex-start; width: 100%; height: 32px; gap: 6px; border: 0; background: transparent; color: inherit; font: inherit; font-size: 12px; font-weight: inherit; padding: 0 10px; cursor: pointer; }
 .dm-db-rownum { width: 42px; min-width: 42px; text-align: center !important; color: #94a3b8 !important; background: #f8fafc; font-variant-numeric: tabular-nums; }
+.dm-row-select { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 32px; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
+.dm-row-select-box { position: relative; display: none; width: 16px; height: 16px; border: 1px solid #d1d5db; border-radius: 5px; background: #fff; box-sizing: border-box; }
+.dm-row-select:hover .dm-row-select-box, .dm-row-select[aria-pressed="true"] .dm-row-select-box { border-color: #cbd5e1; background: #fff; box-shadow: 0 1px 3px rgba(15,23,42,.14); }
+.dm-row-select[aria-pressed="true"] .dm-row-select-box { display: inline-flex; }
+.dm-row-select[aria-pressed="true"] .dm-row-select-box::after { content: ""; position: absolute; left: 5px; top: 3px; width: 4px; height: 7px; border: solid #334155; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
+.dm-db-grid tbody tr:hover .dm-row-select-box { display: inline-flex; }
+.dm-row-select[aria-pressed="true"] .dm-row-number, .dm-db-grid tbody tr:hover .dm-row-select .dm-row-number { display: none; }
+.dm-db-rownum-head { position: sticky; overflow: visible; z-index: 4 !important; }
+.dm-row-select-head-wrap { position: relative; display: flex; align-items: center; justify-content: center; height: 32px; }
+.dm-row-select-all { width: 26px; flex: 0 0 26px; }
+.dm-row-select-menu-btn { display: none; }
+.dm-db-rownum-head:hover .dm-row-select-menu-btn, .dm-row-select-menu-btn[aria-expanded="true"] { display: none; }
+.dm-row-select-menu-btn:hover { background: #eef2f7; color: #475569; }
+.dm-db-rownum-head:hover .dm-row-select-all .dm-row-select-box, .dm-row-select-all[aria-pressed="true"] .dm-row-select-box { display: inline-flex; }
+.dm-db-rownum-head:hover .dm-row-select-all .dm-row-number, .dm-row-select-all[aria-pressed="true"] .dm-row-number { display: none; }
+.dm-row-select-menu { position: absolute; top: calc(100% + 6px); left: 6px; z-index: 50; display: grid; gap: 3px; min-width: 150px; padding: 6px; border: 1px solid #dbe2ea; border-radius: 8px; background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,.16), 0 2px 8px rgba(15,23,42,.08); }
+.dm-row-select-menu button { display: flex; align-items: center; height: 28px; border: 0; border-radius: 6px; background: transparent; color: #334155; font: inherit; font-size: 12px; padding: 0 8px; text-align: left; cursor: pointer; }
+.dm-row-select-menu button:hover { background: #f1f5f9; }
+.dm-row-select-menu button:disabled { opacity: .45; cursor: not-allowed; }
 .dm-db-field-type { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-right: 5px; border-radius: 4px; color: #64748b; background: #eef2f7; vertical-align: middle; }
 .dm-db-add-field { position: relative; min-width: 118px; }
 .dm-db-add-field button { display: inline-flex; align-items: center; gap: 4px; border: 0; background: transparent; color: #64748b; font: inherit; font-size: 12px; cursor: pointer; }
@@ -4094,6 +4117,15 @@ code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0
 .dm-field-creator-actions { display: flex; justify-content: flex-end; gap: 8px; }
 .dm-db-empty-cell { background: #fbfdff; }
 .dm-db-new-row td { color: #64748b; background: #fbfdff; font-weight: 600; }
+.dm-pagination-bar { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; padding: 8px 14px; background: #fff; color: #64748b; font-size: 12px; border-top: 1px solid #edf0f3; }
+.dm-pagination-summary { white-space: nowrap; }
+.dm-pagination-controls { display: inline-flex; align-items: center; gap: 8px; }
+.dm-page-size-control { display: inline-flex; align-items: center; gap: 6px; color: #64748b; }
+.dm-page-size-control select { height: 28px; border: 1px solid #dbe2ea; border-radius: 6px; background: #fff; color: #334155; font: inherit; font-size: 12px; padding: 0 22px 0 8px; }
+.dm-pagination-btn { height: 28px; border: 1px solid #dbe2ea; border-radius: 6px; background: #fff; color: #334155; font: inherit; font-size: 12px; padding: 0 10px; cursor: pointer; }
+.dm-pagination-btn:hover:not(:disabled) { background: #f8fafc; border-color: #cbd5e1; }
+.dm-pagination-btn:disabled { opacity: .45; cursor: not-allowed; }
+.dm-pagination-page { min-width: 44px; text-align: center; color: #64748b; }
 .dm-db-status { display: inline-flex; align-items: center; gap: 5px; height: 20px; border: 1px solid #e2e8f0; border-radius: 999px; padding: 0 8px; background: #f8fafc; color: #64748b; font-size: 11px; font-weight: 650; }
 .dm-db-status span { width: 6px; height: 6px; border-radius: 50%; background: #94a3b8; }
 .dm-db-status.ok { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }

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

@@ -275,6 +275,7 @@ function deriveManualObjectTable(object) {
     source,
     objectType: object.objectType || "custom",
     icon: object.icon || null,
+    pickerHidden: Boolean(object.pickerHidden),
     columns,
     rows,
     binding: object.binding || { mode: "manual", source: "Data Model" },
@@ -1064,7 +1065,13 @@ function resolveLocalReferenceOptions(workspaceConfig, {
   const pageSize = Math.min(100, Math.max(1, Number(relation.pageSize) || Number(limit) || 25));
   const offset = decodeRefCursor(cursor);
 
-  const targets = objects.filter((o) => o.objectType === relation.targetObjectType);
+  const targetObjectId = typeof relation.targetObjectId === "string" && relation.targetObjectId.trim()
+    ? relation.targetObjectId.trim()
+    : "";
+  const targets = objects.filter((o) => (
+    o.objectType === relation.targetObjectType
+    && (!targetObjectId || o.id === targetObjectId)
+  ));
   const needle = String(query || "").trim().toLowerCase();
 
   const candidates = [];

package/assets/worker-kits/growthub-custom-workspace-starter-v1/helpers/export-training-traces.mjs

@@ -0,0 +1,144 @@
+#!/usr/bin/env node
+/**
+ * helpers/export-training-traces.mjs — Distillation Pipeline V1, Phase 3
+ *
+ * Reads `training-traces.rows` from the live workspace, filters rows where
+ * qualityScore >= --min-score AND exported == "false", emits an Unsloth-ready
+ * JSONL of {instruction, input, output} on disk, then PATCHes the same rows
+ * with exported = "true" so they are not re-exported on the next run.
+ *
+ * Output format (one JSON object per line):
+ *   {"instruction": "<system + task>", "input": "<user prompt>", "output": "<agent output>"}
+ *
+ * Usage:
+ *   node helpers/export-training-traces.mjs \
+ *     --workspace http://localhost:3000 \
+ *     --traces-object training-traces \
+ *     --min-score 4 \
+ *     --out ./antonio/distillation/unsloth-batch-001.jsonl \
+ *     --instruction "You are growthub-local-expert. Respect AWaC V2 invariants and the PATCH allowlist." \
+ *     [--dry-run]
+ */
+
+import fs from "node:fs";
+import path from "node:path";
+
+function parseArgs(argv) {
+  const a = {
+    workspace: "http://localhost:3000",
+    tracesObject: "training-traces",
+    minScore: 4,
+    out: "",
+    instruction: "You are growthub-local-expert. Respect AWaC V2 invariants and the PATCH allowlist.",
+    dryRun: false,
+  };
+  for (let i = 0; i < argv.length; i += 1) {
+    const t = argv[i];
+    const next = () => String(argv[++i] || "").trim();
+    if (t === "--workspace") a.workspace = next().replace(/\/+$/, "");
+    else if (t === "--traces-object") a.tracesObject = next();
+    else if (t === "--min-score") a.minScore = Number(next()) || 4;
+    else if (t === "--out") a.out = next();
+    else if (t === "--instruction") a.instruction = next();
+    else if (t === "--dry-run") a.dryRun = true;
+    else if (t === "--help" || t === "-h") {
+      process.stdout.write(
+        "Usage: export-training-traces.mjs [--workspace URL] [--traces-object id] [--min-score N] --out <path> [--instruction TEXT] [--dry-run]\n",
+      );
+      process.exit(0);
+    }
+  }
+  if (!a.out) {
+    process.stderr.write("error: --out is required\n");
+    process.exit(2);
+  }
+  return a;
+}
+
+const args = parseArgs(process.argv.slice(2));
+const outAbs = path.resolve(args.out);
+fs.mkdirSync(path.dirname(outAbs), { recursive: true });
+
+async function getObjects() {
+  const r = await fetch(`${args.workspace}/api/workspace`, { cache: "no-store" });
+  if (!r.ok) throw new Error(`GET /api/workspace ${r.status}`);
+  return (await r.json()).workspaceConfig.dataModel.objects;
+}
+async function patchObjects(objects) {
+  const r = await fetch(`${args.workspace}/api/workspace`, {
+    method: "PATCH",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({ dataModel: { objects } }),
+  });
+  if (!r.ok) throw new Error(`PATCH ${r.status}: ${(await r.text()).slice(0, 300)}`);
+}
+
+const objects = await getObjects();
+const tracesIdx = objects.findIndex((o) => o.id === args.tracesObject);
+if (tracesIdx < 0) {
+  process.stderr.write(`error: object ${args.tracesObject} not found in workspace\n`);
+  process.exit(3);
+}
+const tracesObj = objects[tracesIdx];
+const allRows = Array.isArray(tracesObj.rows) ? tracesObj.rows : [];
+
+const eligible = allRows
+  .map((row, idx) => ({ row, idx }))
+  .filter(({ row }) =>
+    Number(row.qualityScore) >= args.minScore &&
+    String(row.exported || "false").toLowerCase() !== "true" &&
+    String(row.inputPrompt || "").trim() &&
+    String(row.agentOutput || "").trim(),
+  );
+
+if (eligible.length === 0) {
+  process.stdout.write(
+    JSON.stringify(
+      {
+        ok: true,
+        out: outAbs,
+        eligible: 0,
+        exported: 0,
+        totalRows: allRows.length,
+        reason: "no rows match score >= min-score AND exported == false",
+      },
+      null,
+      2,
+    ) + "\n",
+  );
+  process.exit(0);
+}
+
+const outStream = fs.createWriteStream(outAbs, { encoding: "utf8" });
+for (const { row } of eligible) {
+  const sample = {
+    instruction: args.instruction,
+    input: String(row.inputPrompt),
+    output: String(row.agentOutput),
+  };
+  outStream.write(`${JSON.stringify(sample)}\n`);
+}
+await new Promise((r) => outStream.end(r));
+
+if (!args.dryRun) {
+  const eligibleIdx = new Set(eligible.map((e) => e.idx));
+  const updatedRows = allRows.map((row, i) => (eligibleIdx.has(i) ? { ...row, exported: "true" } : row));
+  const nextObjects = objects.map((o, i) => (i !== tracesIdx ? o : { ...o, rows: updatedRows }));
+  await patchObjects(nextObjects);
+}
+
+process.stdout.write(
+  JSON.stringify(
+    {
+      ok: true,
+      out: outAbs,
+      totalRows: allRows.length,
+      eligible: eligible.length,
+      exported: args.dryRun ? 0 : eligible.length,
+      dryRun: args.dryRun,
+      format: "unsloth-jsonl-v1 ({instruction, input, output})",
+    },
+    null,
+    2,
+  ) + "\n",
+);