@growthub/cli 0.13.7 → 0.13.9

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

@@ -95,6 +95,12 @@ import {
   pluralize,
   textColorForAccent,
 } from "./dm-shared.jsx";
+import {
+  CODEX_SITES_OBJECT_ID,
+  codexSiteRecordToRow,
+  isCodexSiteUrl,
+  normalizeCodexSiteRecord,
+} from "@/lib/codex-sites-workspace-adapter";
 
 // ─── Object type definitions for the type-picker step ────────────────────────
 
@@ -1015,6 +1021,95 @@ function SandboxRecordFields({
   );
 }
 
+function CodexSitesRecordFields({ draft, setDraft, table, saving, onSave, rowIndex }) {
+  const [sites, setSites] = useState([]);
+  const [loadingSites, setLoadingSites] = useState(false);
+  const [sitesMessage, setSitesMessage] = useState("");
+  const selectedUrl = String(draft?.url || "").trim();
+
+  useEffect(() => {
+    let cancelled = false;
+    setLoadingSites(true);
+    setSitesMessage("");
+    fetch("/api/workspace/codex-sites", { cache: "no-store" })
+      .then((res) => res.json())
+      .then((payload) => {
+        if (cancelled) return;
+        const nextSites = Array.isArray(payload.sites)
+          ? payload.sites.map((site) => normalizeCodexSiteRecord(site)).filter((site) => isCodexSiteUrl(site.url))
+          : [];
+        setSites(nextSites);
+        setSitesMessage(nextSites.length ? "" : "No Codex Sites are available from the workspace adapter.");
+      })
+      .catch((error) => {
+        if (cancelled) return;
+        setSites([]);
+        setSitesMessage(error?.message || "Codex Sites adapter unavailable.");
+      })
+      .finally(() => {
+        if (!cancelled) setLoadingSites(false);
+      });
+    return () => { cancelled = true; };
+  }, []);
+
+  function patchFields(fields) {
+    setDraft((current) => ({ ...current, ...fields }));
+    onSave((config) => Object.entries(fields).reduce(
+      (nextConfig, [column, value]) => updateTableCell(nextConfig, table, rowIndex, column, value),
+      config
+    ));
+  }
+
+  function selectSite(url) {
+    const site = sites.find((item) => item.url === url);
+    if (!site) return;
+    patchFields(codexSiteRecordToRow(site));
+  }
+
+  return (
+    <div className="dm-codex-sites-config">
+      <DrawerSection title="Codex Site Binding" defaultOpen>
+        <label className="dm-record-field">
+          <span>Available site</span>
+          <StaticSelect
+            value={selectedUrl}
+            disabled={!table.mutable || saving || loadingSites || sites.length === 0}
+            placeholder={loadingSites ? "Loading Codex Sites..." : "Select Codex Site..."}
+            options={sites.map((site) => ({
+              value: site.url,
+              label: site.Name,
+              source: site.url,
+            }))}
+            onChange={selectSite}
+          />
+          {sitesMessage && <span className="dm-cell-empty">{sitesMessage}</span>}
+        </label>
+        {selectedUrl && (
+          <a className="dm-btn-outline dm-codex-sites-open-link" href={selectedUrl} target="_blank" rel="noreferrer">
+            <Link2 size={13} />Open selected site
+          </a>
+        )}
+      </DrawerSection>
+      <DrawerSection title="Bound Row" defaultOpen>
+        {["Name", "app", "client", "url", "status", "accessMode", "dashboardId", "lastRecordedAt", "notes"].map((column) => (
+          <RecordFieldEditor
+            key={column}
+            table={table}
+            tables={[]}
+            column={column}
+            value={String(draft?.[column] ?? "")}
+            saving={saving}
+            editable={false}
+            onDraft={() => {}}
+            onCommit={() => {}}
+            onExpandJson={() => {}}
+          />
+        ))}
+      </DrawerSection>
+    </div>
+  );
+}
+
 function DataModelRecordDrawer({
   table,
   tables,
@@ -1086,6 +1181,7 @@ function DataModelRecordDrawer({
 
   const isApiRegistry = table.objectType === "api-registry";
   const isSandbox = table.objectType === "sandbox-environment";
+  const isCodexSitesObject = table.objectId === CODEX_SITES_OBJECT_ID;
   const isDirty = JSON.stringify(draft || {}) !== JSON.stringify(row || {}) || JSON.stringify(pendingColumns) !== JSON.stringify(table.columns || []) || JSON.stringify(pendingHidden) !== JSON.stringify(table.fieldSettings?.hidden || []);
 
   function updateField(column, value) {
@@ -1561,6 +1657,15 @@ function DataModelRecordDrawer({
               onOpenGraphSidecar={openWorkflowView}
               onOpenTraceSidecar={openTraceSidecar}
             />
+          ) : isCodexSitesObject ? (
+            <CodexSitesRecordFields
+              draft={draft}
+              setDraft={setDraft}
+              table={table}
+              saving={saving}
+              onSave={onSave}
+              rowIndex={rowIndex}
+            />
           ) : groupRecordColumns(table.columns || []).map((section) => (
             <DrawerSection key={section.title} title={section.title}>
               {section.columns.map((column) => (

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

@@ -42,6 +42,11 @@ import {
   Wrench as RepairIcon,
   X,
 } from "lucide-react";
+import {
+  HELPER_SANDBOX_OBJECT_ID,
+  isHelperConfigured,
+  WorkspaceHelperSetupModal,
+} from "../../components/WorkspaceHelperSetupModal.jsx";
 
 // Generic "Tool Call Output" title matches the reference grammar — the
 // user already sees the prompt + assistant response in the chat above,
@@ -229,8 +234,10 @@ let persistedWidth = 420;
 
 function resolveSandboxEnvRow(workspaceConfig) {
   const objects = workspaceConfig?.dataModel?.objects || [];
+  const helper = objects.find((obj) => obj?.id === HELPER_SANDBOX_OBJECT_ID && obj?.objectType === "sandbox-environment");
+  if (Array.isArray(helper?.rows) && helper.rows.length > 0) return helper.rows[0];
   for (const obj of objects) {
-    if (obj.objectType === "sandbox-environment" && Array.isArray(obj.rows) && obj.rows.length > 0) {
+    if (obj.id !== HELPER_SANDBOX_OBJECT_ID && obj.objectType === "sandbox-environment" && Array.isArray(obj.rows) && obj.rows.length > 0) {
       return obj.rows[0];
     }
   }
@@ -306,6 +313,7 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
   const [setupSaveError, setSetupSaveError] = useState("");
   const [setupSaveOk, setSetupSaveOk] = useState(false);
   const [copiedCommand, setCopiedCommand] = useState(false);
+  const [agentSetupOpen, setAgentSetupOpen] = useState(false);
 
   // Drag state
   const [panelWidth, setPanelWidth] = useState(persistedWidth);
@@ -611,6 +619,7 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
   }, [open, activeTab]);
 
   const sandboxRow = resolveSandboxEnvRow(workspaceConfig);
+  const helperAgentConfigured = isHelperConfigured(workspaceConfig);
   const liveModel = sandboxRow?.localModel || "";
   const liveEndpoint = sandboxRow?.localEndpoint || "";
   const liveAdapter = sandboxRow?.intelligenceAdapterMode || "ollama";
@@ -1193,9 +1202,26 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
         {activeTab === "setup" && (
           <div className="dm-sidecar-body dm-helper-setup-body">
             <p className="dm-helper-setup-intro">
-              The helper sends your prompt to a local model. Credentials are never stored in the workspace.
+              Connect the helper to Codex, Claude, or another local agent. Advanced local model setup stays below.
             </p>
 
+            <div className={`dm-helper-setup-status state-${helperAgentConfigured ? "connected" : "unconfigured"}`}>
+              <div className="dm-helper-setup-status-row">
+                <span className={`dm-connection-dot dm-connection-${helperAgentConfigured ? "ok" : "amber"}`} />
+                <span className="dm-helper-setup-status-label">
+                  {helperAgentConfigured ? `Agent connected: ${sandboxRow?.agentHost}` : "No helper agent configured yet"}
+                </span>
+                <button type="button" className="dm-helper-setup-recheck" onClick={() => setAgentSetupOpen(true)}>
+                  {helperAgentConfigured ? "Change agent" : "Set up agent"}
+                </button>
+              </div>
+              <span className="dm-helper-setup-status-meta">
+                Uses workspace-helper-sandbox for the same helper widget.
+              </span>
+            </div>
+
+            <p className="dm-helper-setup-intro">Advanced local model fallback.</p>
+
             <div
               className={`dm-helper-setup-status state-${setupStatusState}`}
               data-connection-status=""
@@ -1321,6 +1347,15 @@ export function HelperSidecar({ open, onClose, workspaceConfig, initialIntent, i
                 {copiedCommand ? "Copied" : "Copy command"}
               </button>
             </div>
+            <WorkspaceHelperSetupModal
+              workspaceConfig={workspaceConfig}
+              open={agentSetupOpen}
+              onClose={() => setAgentSetupOpen(false)}
+              onSaved={(nextConfig) => {
+                setAgentSetupOpen(false);
+                if (onApplied) onApplied(nextConfig);
+              }}
+            />
           </div>
         )}
       </aside>