grain-tools 0.10.15 → 0.10.16

package/dist/mcp-app.html

@@ -12728,7 +12728,7 @@ const useAppStore = create$3((set2, get2) => ({
   chartsEnabled: false,
   mcpEnabled: false,
   mcpEntitled: false,
-  grainServiceInstalled: true,
+  grainServiceSetup: "registered",
   mcpSafeMode: true,
   activeConnectorType: null,
   activeConnectionId: null,
@@ -12818,7 +12818,7 @@ const useAppStore = create$3((set2, get2) => ({
       "filterResultsByActiveFile",
       "mcpEnabled",
       "mcpEntitled",
-      "grainServiceInstalled",
+      "grainServiceSetup",
       "mcpSafeMode",
       "activeConnectorType",
       "activeConnectionId",
@@ -73197,6 +73197,10 @@ const DENSITY_HEIGHTS = {
   normal: { row: 35, header: 42 },
   comfortable: { row: 45, header: 52 }
 };
+const NUMERIC_TYPE = /^(unsigned\s+|signed\s+)?(u?(tiny|small|medium|big|huge)?int(eger)?\d*|decimal|numeric|number|double|float\d*|real|long|short|byte|money)(\s+(precision|unsigned|signed))?\s*(\(\s*\d+\s*(,\s*\d+\s*)?\))?$/i;
+function isNumericColumnType(type) {
+  return Boolean(type && NUMERIC_TYPE.test(type.trim()));
+}
 const DataGrid = reactExports.forwardRef(function DataGrid2({
   theme: theme2,
   data,
@@ -73206,6 +73210,7 @@ const DataGrid = reactExports.forwardRef(function DataGrid2({
   nativeTheme = false,
   disableFilters = false,
   autoSizeStrategy,
+  fillWidth = false,
   onCellDoubleClick
 }, ref) {
   const trackUi = useTrackUi();
@@ -73374,6 +73379,21 @@ const DataGrid = reactExports.forwardRef(function DataGrid2({
     }),
     [data, getNodeValue, copyIncludesHeaders]
   );
+  const userResizedRef = reactExports.useRef(false);
+  const fillSpareWidth = reactExports.useCallback((e2) => {
+    if (userResizedRef.current) return;
+    const body = e2.api.getHorizontalPixelRange?.();
+    const columns = (e2.api.getAllDisplayedColumns?.() ?? []).filter((c) => !c.getPinned());
+    if (!body || columns.length === 0) return;
+    const used = columns.reduce((sum2, c) => sum2 + c.getActualWidth(), 0);
+    if (used < body.right - body.left) e2.api.sizeColumnsToFit();
+  }, []);
+  const noteUserResize = reactExports.useCallback((e2) => {
+    if (e2.source === "uiColumnResized" && e2.finished) userResizedRef.current = true;
+  }, []);
+  reactExports.useEffect(() => {
+    userResizedRef.current = false;
+  }, [data?.columns]);
   const columnDefs = reactExports.useMemo(() => {
     if (!data?.columns) return [];
     const isInRange = (rowIndex, displayedColIndex) => {
@@ -73431,6 +73451,7 @@ const DataGrid = reactExports.forwardRef(function DataGrid2({
               return p2.data[col.name];
             return void 0;
           },
+          ...isNumericColumnType(col.type) ? { cellClass: "sp-num-cell", headerClass: "ag-right-aligned-header" } : {},
           cellClassRules: {
             "sp-range-cell": (p2) => isInRange(p2.rowIndex ?? 0, index + 1)
           },
@@ -73557,6 +73578,11 @@ const DataGrid = reactExports.forwardRef(function DataGrid2({
           onGridReady: (p2) => {
             apiRef.current = p2.api;
           },
+          ...fillWidth ? {
+            onFirstDataRendered: fillSpareWidth,
+            onGridSizeChanged: fillSpareWidth,
+            onColumnResized: noteUserResize
+          } : {},
           rowData: data.rows,
           columnDefs,
           defaultColDef: {
@@ -146829,6 +146855,7 @@ function getFormInitialData(connection) {
   delete formData["type"];
   delete formData["builtIn"];
   delete formData["hasPassword"];
+  delete formData["draft"];
   return formData;
 }
 function schemaHasPasswordField(schema) {
@@ -146867,9 +146894,10 @@ function schemaForConnectionMode(schema, connectorId, mode) {
     }
   };
 }
+const UNREACHABLE_MESSAGE = "Can't reach Grain. Start Grain and try again.";
 const ConnectionsManager = ({ initialAdd = false, onSubpageChange }) => {
   const { callServerTool, isReady, mode, sendMessage, onMessage } = useHostContext();
-  const grainServiceInstalled = useAppStore((state) => state.grainServiceInstalled);
+  const grainServiceSetup = useAppStore((state) => state.grainServiceSetup);
   const supportsActiveConnection = mode === "vscode";
   const trackUi = useTrackUi();
   reactExports.useEffect(() => {
@@ -147101,7 +147129,8 @@ const ConnectionsManager = ({ initialAdd = false, onSubpageChange }) => {
       const profileToSave = {
         ...formData,
         type: typeToSave,
-        id: connection?.id ?? `conn_${Date.now()}`
+        id: connection?.id ?? `conn_${Date.now()}`,
+        ...connection?.draft ? { draft: false } : {}
       };
       if (isEditing2 && profileToSave["password"] === "") {
         delete profileToSave["password"];
@@ -147377,10 +147406,30 @@ const ConnectionsManager = ({ initialAdd = false, onSubpageChange }) => {
     }
     return null;
   };
+  const renderUnreachableActions = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginTop: 12, display: "flex", gap: 8 }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: fetchData, children: "Retry" }),
+    mode === "vscode" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        className: "sp-btn",
+        onClick: () => sendMessage?.(grainServiceSetup === "not-set-up" ? "setUpGrain" : "startGrain"),
+        children: grainServiceSetup === "not-set-up" ? "Set up Grain" : "Start Grain"
+      }
+    )
+  ] });
+  const renderUnreachableState = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-empty", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: UNREACHABLE_MESSAGE }),
+    renderUnreachableActions()
+  ] });
   const renderConnectionForm = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-detail", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-body", children: [
     renderToast(),
-    !selectedType && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-section", children: "Database Type" }),
-    !selectedType && ["local", "server"].map((group) => {
+    !selectedType && connectors.length === 0 && connectionsUnreachable && renderUnreachableState(),
+    !selectedType && connectors.length === 0 && !connectionsUnreachable && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-empty", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No database types are available." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: fetchData, children: "Retry" }) })
+    ] }),
+    !selectedType && connectors.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-section", children: "Database Type" }),
+    !selectedType && connectors.length > 0 && ["local", "server"].map((group) => {
       const groupConnectors = connectors.filter((c) => getConnectorGroup(c.id) === group);
       if (groupConnectors.length === 0) {
         return null;
@@ -147557,11 +147606,8 @@ const ConnectionsManager = ({ initialAdd = false, onSubpageChange }) => {
           gap: "12px"
         },
         children: connections.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-empty", style: { gridColumn: "1 / -1" }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: connectionsUnreachable ? "Can't reach Grain. Start Grain and try again." : "No connections configured." }),
-          connectionsUnreachable && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginTop: 12, display: "flex", gap: 8 }, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: fetchData, children: "Retry" }),
-            mode === "vscode" && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: () => sendMessage?.("startGrain"), children: grainServiceInstalled ? "Start Grain" : "Set up Grain" })
-          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: connectionsUnreachable ? UNREACHABLE_MESSAGE : "No connections configured." }),
+          connectionsUnreachable && renderUnreachableActions(),
           mode === "vscode" && !connectionsUnreachable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -147638,7 +147684,8 @@ const ConnectionsManager = ({ initialAdd = false, onSubpageChange }) => {
                     },
                     children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `sp-dot sp-dot-${status}` }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--sp-muted-fg)" }, children: statusLabel }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--sp-muted-fg)" }, children: c.draft ? "Needs setup" : statusLabel }),
+                      c.draft && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-pill", children: "Draft" }),
                       isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-pill", style: { marginLeft: "auto" }, children: "Active" })
                     ]
                   }
@@ -147662,7 +147709,8 @@ const ConnectionsManager = ({ initialAdd = false, onSubpageChange }) => {
           meta: selectedConnection && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-badge", children: selectedConnection.type }),
             supportsActiveConnection && activeConnectionId === selectedConnection.id && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-active-badge", children: "Active" }),
-            selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-built-in-label", children: "Built-in" })
+            selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-built-in-label", children: "Built-in" }),
+            selectedConnection.draft && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-built-in-label", children: "Draft" })
           ] }),
           actions: isFormOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", onClick: closeForm, "aria-label": "Cancel", children: "Cancel" }) : selectedConnection && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             supportsActiveConnection && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -172062,6 +172110,12 @@ body.vscode-high-contrast .ag-theme-quartz {
   outline: none !important;
 }
 
+.sp-num-cell {
+  justify-content: flex-end;
+  text-align: right;
+  font-variant-numeric: tabular-nums;
+}
+
 .sp-null {
   color: var(--sp-muted-fg);
   font-style: italic;