@alaarab/ogrid-mcp 2.5.4 → 2.5.8

package/bundled-docs/guides/framework-showcase.mdx

@@ -1,59 +1,111 @@
 ---
 sidebar_position: 5
 title: Framework Showcase
-description: See OGrid in action with React, Angular, Vue, and Vanilla JS — 8 UI implementations, one API
+description: OGrid in React, Angular, Vue, and Vanilla JS — same API, native components
 ---
 
 
 # Framework Showcase
 
-OGrid renders with your design system's native components. Same API, same features — different look and feel. Every grid below is **fully interactive**: sort, filter, edit, select cells, copy/paste, and undo/redo.
+OGrid works with your existing design system — not against it. React, Angular, Vue, and Vanilla JS are all fully supported, and every framework shares the same headless core so features stay in sync across all of them.
+
+Every grid below is live. Sort, filter, edit, select, copy-paste, undo — it all works.
+
+---
+
+## Picking the right package
+
+The short version:
+
+- **Starting from scratch?** Pick the Radix variant for your framework — it's the lightest, with no peer dependencies beyond the framework itself.
+- **Already using a design system?** Pick the matching package — Fluent, Material, Angular Material, PrimeNG, Vuetify, or PrimeVue — and the grid components will use your existing components for buttons, inputs, and popovers.
+- **No framework?** Use `@alaarab/ogrid-js` for a full-featured grid with just a CDN import.
+
+Switching between UI libraries later is straightforward — you change the import and the wrapper provider if required. The grid configuration (columns, data, event handlers) doesn't change.
 
 ---
 
 ## React
 
-Three design-system implementations, all sharing the same hooks and headless logic from `@alaarab/ogrid-react`.
+Three design systems, all sharing the same hooks from `@alaarab/ogrid-react`. Your column definitions, event handlers, and grid API calls work identically across all three.
 
-### Radix UI <small>(Default)</small>
+### Radix UI — lightweight default
 
-The lightest option — Radix primitives are bundled with zero peer dependencies beyond React.
+The default React package. Radix primitives are bundled in — no separate peer dependency to install. It's a good starting point for new projects or when you want minimal overhead.
 
 ```bash
 npm install @alaarab/ogrid-react-radix
 ```
 
+```tsx
+
+export default function App() {
+  return (
+    <OGrid
+      columns={columns}
+      data={data}
+      getRowId={(row) => row.id}
+      statusBar
+    />
+  );
+}
+```
+
 <ShowcaseRadixDemo />
 
-### Fluent UI
+### Fluent UI — Microsoft ecosystem
 
-Microsoft's Fluent UI v9 components. Best for **Microsoft 365 and SharePoint** projects.
+If you're building for Microsoft Teams, SharePoint, or any Microsoft 365 integration, Fluent is your pick. The grid uses native Fluent components for headers, filters, and inputs so it blends naturally.
 
 ```bash
 npm install @alaarab/ogrid-react-fluent @fluentui/react-components
 ```
 
+```tsx
+
+export default function App() {
+  return (
+    <FluentProvider theme={webLightTheme}>
+      <OGrid columns={columns} data={data} getRowId={(row) => row.id} />
+    </FluentProvider>
+  );
+}
+```
+
 <ShowcaseFluentDemo />
 
-### Material UI
+### Material UI — Google's Material Design
 
-Google's Material Design via MUI v7. Best for apps already on **Material Design**.
+If your app already uses MUI, this drops right in. The grid uses MUI components and respects your `ThemeProvider` — including custom palettes and typography.
 
 ```bash
 npm install @alaarab/ogrid-react-material @mui/material @emotion/react @emotion/styled
 ```
 
+```tsx
+
+const theme = createTheme({ palette: { primary: { main: '#6750a4' } } });
+
+export default function App() {
+  return (
+    <ThemeProvider theme={theme}>
+      <OGrid columns={columns} data={data} getRowId={(row) => row.id} />
+    </ThemeProvider>
+  );
+}
+```
+
 <ShowcaseMaterialDemo />
 
 ---
 
 ## Angular
 
-Signals-based reactivity with standalone components. Zone-less by default, no NgModule boilerplate. All three packages share the same services from `@alaarab/ogrid-angular`.
+Signals-based reactivity with standalone components — no NgModule, no boilerplate. All three packages share the same services from `@alaarab/ogrid-angular`.
 
-### Radix (Angular CDK) <small>(Default)</small>
+### Radix (Angular CDK) — lightweight default
 
-The lightest option — Angular CDK for overlays with zero heavy UI framework dependencies.
+Angular CDK handles overlays (dropdowns, popovers) with no heavy UI framework required. Good default for new Angular projects.
 
 ```bash
 npm install @alaarab/ogrid-angular-radix @angular/cdk
@@ -67,46 +119,43 @@ npm install @alaarab/ogrid-angular-radix @angular/cdk
   template: `<ogrid [props]="gridProps" />`
 })
 export class GridComponent {
-  gridProps = { columns, data, getRowId: (row) => row.id, defaultPageSize: 10 };
+  gridProps = { columns, data, getRowId: (row) => row.id };
 }
 ```
 
-<div style={{ marginTop: '0.75rem' }}>
-</div>
-
 ### Angular Material
 
-Angular Material v21 components. Best for projects already using **Material Design**.
+If you're already on Angular Material, the grid components match your existing theme automatically.
 
 ```bash
 npm install @alaarab/ogrid-angular-material @angular/material @angular/cdk
 ```
 
 ```typescript
-// Same API — just change the import
+// Same props — just change the import
 ```
 
 ### PrimeNG
 
-PrimeNG v21 components for teams already using the PrimeFaces ecosystem.
+For teams in the PrimeFaces ecosystem, PrimeNG integration means dialogs, dropdowns, and inputs all look native.
 
 ```bash
 npm install @alaarab/ogrid-angular-primeng primeng
 ```
 
 ```typescript
-// Same API — just change the import
+// Same props — just change the import
 ```
 
 ---
 
 ## Vue
 
-Composition API composables using `ref()` and `computed()`. All three packages share the same composables from `@alaarab/ogrid-vue`.
+Composition API composables built with `ref()` and `computed()`. All three packages share composables from `@alaarab/ogrid-vue`.
 
-### Radix (Headless UI) <small>(Default)</small>
+### Radix (Headless UI) — lightweight default
 
-The lightest option — Headless UI Vue components are bundled with zero peer dependencies beyond Vue.
+Headless UI Vue components bundled in — no peer dependencies beyond Vue 3. Good starting point for new Vue projects.
 
 ```bash
 npm install @alaarab/ogrid-vue-radix
@@ -115,7 +164,7 @@ npm install @alaarab/ogrid-vue-radix
 ```vue
 <script setup lang="ts">
 
-const gridProps = { columns, data, getRowId: (row) => row.id, defaultPageSize: 10 };
+const gridProps = { columns, data, getRowId: (row) => row.id };
 </script>
 
 <template>
@@ -123,12 +172,9 @@ const gridProps = { columns, data, getRowId: (row) => row.id, defaultPageSize: 1
 </template>
 ```
 
-<div style={{ marginTop: '0.75rem' }}>
-</div>
-
 ### Vuetify
 
-Vuetify 3 components. Best for projects already using **Vuetify and Material Design**.
+If your app is built on Vuetify 3, the grid's buttons, selects, and inputs all use Vuetify components and adopt your existing theme.
 
 ```bash
 npm install @alaarab/ogrid-vue-vuetify vuetify
@@ -136,13 +182,13 @@ npm install @alaarab/ogrid-vue-vuetify vuetify
 
 ```vue
 <script setup lang="ts">
-// Same API — just change the import
+// Same gridProps — just change the import, wrap in <v-app> for theming
 </script>
 ```
 
 ### PrimeVue
 
-PrimeVue 4 components for teams already using the PrimeFaces ecosystem.
+PrimeVue 4 integration for teams already on the PrimeFaces stack.
 
 ```bash
 npm install @alaarab/ogrid-vue-primevue primevue
@@ -150,7 +196,7 @@ npm install @alaarab/ogrid-vue-primevue primevue
 
 ```vue
 <script setup lang="ts">
-// Same API — just change the import
+// Same gridProps — just change the import
 </script>
 ```
 
@@ -158,7 +204,7 @@ npm install @alaarab/ogrid-vue-primevue primevue
 
 ## Vanilla JS / TypeScript
 
-No framework, no virtual DOM. A class-based imperative API that renders directly to the DOM with a built-in CSS theme supporting light and dark mode.
+No framework, no virtual DOM — just a container element and a class constructor. A built-in CSS theme covers light and dark mode with CSS custom properties you can override.
 
 ```bash
 npm install @alaarab/ogrid-js
@@ -168,33 +214,33 @@ npm install @alaarab/ogrid-js
 
 ---
 
-## At a Glance
+## At a glance
 
-| Framework | Design Systems | Reactivity |
-|-----------|---------------|------------|
-| **React** 17–19 | Radix *(default, bundled)* · Fluent UI v9 · MUI v7 | Hooks |
+| Framework | Design Systems | Reactivity model |
+|-----------|----------------|-----------------|
+| **React** 17–19 | Radix *(bundled)* · Fluent UI v9 · MUI v7 | Hooks |
 | **Angular** 21 | Radix (CDK) *(default)* · Angular Material · PrimeNG | Signals |
-| **Vue** 3.3+ | Radix (Headless UI) *(default, bundled)* · Vuetify 3 · PrimeVue 4 | Composition API |
+| **Vue** 3.3+ | Radix (Headless UI) *(bundled)* · Vuetify 3 · PrimeVue 4 | Composition API |
 | **Vanilla JS/TS** | Built-in CSS theme *(zero deps)* | EventEmitter |
 
-All 10 packages share the same **headless core** (`@alaarab/ogrid-core`) and pass the same **2,135 tests**. Switching design systems is a matter of changing imports.
+All 10 packages share the same `@alaarab/ogrid-core` and pass the same test suite. Switching design systems is a one-line import change.
+
+## Premium inputs (optional)
 
-## Choosing a Package
+Each framework has an optional inputs package with advanced cell editors: calendar date pickers, sliders, color pickers, ratings, and tag inputs. They're tree-shakeable and have no impact on bundle size unless you use them.
 
-- **Starting fresh with React?** → **Radix** — lightest weight, zero peer deps, full feature parity.
-- **Microsoft ecosystem?** → **Fluent** — native look in Teams, SharePoint, Outlook.
-- **Already using MUI?** → **Material** — matches your existing theme and components.
-- **Starting fresh with Angular?** → **Radix (CDK)** — lightest weight with Angular CDK for overlays.
-- **Already using Angular Material?** → **Angular Material** — matches your existing theme.
-- **Already using PrimeNG?** → **PrimeNG** — integrates with PrimeFaces ecosystem.
-- **Starting fresh with Vue?** → **Radix (Headless UI)** — lightest weight, zero peer deps, Composition API.
-- **Already using Vuetify?** → **Vuetify** — matches your existing theme and components.
-- **Already using PrimeVue?** → **PrimeVue** — integrates with PrimeFaces ecosystem.
-- **No framework?** → **Vanilla JS** — works anywhere, class-based API, CSS-only theming.
+| Framework | Package |
+|-----------|---------|
+| React | `@alaarab/ogrid-react-inputs` |
+| Angular | `@alaarab/ogrid-angular-inputs` |
+| Vue | `@alaarab/ogrid-vue-inputs` |
+| Vanilla JS | `@alaarab/ogrid-js-inputs` |
+
+See [Premium Inputs](../features/premium-inputs) for usage and the full list of available editors.
 
 ## Related
 
-- [Installation](../getting-started/installation) — install instructions for all packages
-- [Quick Start](../getting-started/quick-start) — build your first grid
-- [Theming Guide](./theming) — customize colors and styling
+- [Quick Start](../getting-started/quick-start) — get a grid running in 60 seconds
 - [Vanilla JS Guide](../getting-started/vanilla-js) — full JS API documentation
+- [Theming Guide](./theming) — customize colors and styling
+- [Premium Inputs](../features/premium-inputs) — advanced cell editors

package/bundled-docs/guides/mcp-live-testing.mdx

@@ -1,27 +1,27 @@
 ---
 title: MCP Live Testing Bridge
-description: Connect AI assistants (Claude, Cursor) to a running OGrid instance for real-time testing and inspection.
+description: Connect your editor (Claude Code, Cursor, etc.) to a running OGrid instance for real-time testing and inspection.
 ---
 
 
 # MCP Live Testing Bridge
 
-The `@alaarab/ogrid-mcp` package includes a **live testing bridge** that lets AI assistants connected via MCP read your grid's current state, update cell values, apply filters, and navigate pages — all in real time while your dev app is running.
+The `@alaarab/ogrid-mcp` package includes a **live testing bridge** that lets MCP-connected editors read your grid's current state, update cell values, apply filters, and navigate pages  -  all in real time while your dev app is running.
 
 ## How it works
 
 ```
-Claude (MCP client)
+Editor (MCP client)
     │ MCP tools
     ▼
 ogrid-mcp (stdio process + HTTP bridge on :7890)
     │ HTTP polling every 500ms
     ▼
 Your dev app (localhost:3001)
-    └── connectGridToBridge() — pushes state + handles commands
+    └── connectGridToBridge()  -  pushes state + handles commands
 ```
 
-The bridge is **opt-in** and **dev-only** — it only runs when you explicitly start the MCP server with the `--bridge` flag or `OGRID_BRIDGE_PORT` env var.
+The bridge is **opt-in** and **dev-only**  -  it only runs when you explicitly start the MCP server with the `--bridge` flag or `OGRID_BRIDGE_PORT` env var.
 
 ---
 
@@ -60,7 +60,7 @@ export function MyGrid() {
       getData: () => data,
       getColumns: () => columns,
       api: apiRef.current ?? undefined,
-      // Handle update_cell commands from Claude
+      // Handle update_cell commands
       onCellUpdate: (rowIndex, columnId, value) => {
         setData(prev =>
           prev.map((row, i) => i === rowIndex ? { ...row, [columnId]: value } : row)
@@ -164,7 +164,7 @@ if (location.hostname === 'localhost') {
 
 ## MCP tools
 
-Once connected, these tools are available to your AI assistant:
+Once connected, these tools are available via MCP:
 
 ### `list_grids`
 
@@ -262,14 +262,14 @@ Payload: {"rowIndex":0,"columnId":"salary","value":130000}
 
 ---
 
-## Example AI testing session
+## Example testing session
 
-Here's what a typical Claude testing session looks like with the bridge active:
+Here's what a typical testing session looks like with the bridge active:
 
 ```
 Me: The salary column seems wrong. Can you check?
 
-Claude: Let me look at the current grid state.
+Editor: Let me look at the current grid state.
 [calls get_grid_state gridId="employees" includeData=true maxRows=10]
 
 The grid shows salary values like "120" instead of "120000".
@@ -281,11 +281,11 @@ Let me update a cell to verify:
 [calls get_grid_state]
 
 The update worked. Row 0 now shows 120000. The issue is in your
-valueGetter — it's dividing by 1000. Here's the fix: ...
+valueGetter  -  it's dividing by 1000. Here's the fix: ...
 ```
 
 ---
 
 ## Security note
 
-The bridge server only listens on `127.0.0.1` (localhost) and is designed for local development only. **Never run with `--bridge` in production.** The bridge has no authentication — anyone on localhost can read your grid data and send commands.
+The bridge server only listens on `127.0.0.1` (localhost) and is designed for local development only. **Never run with `--bridge` in production.** The bridge has no authentication  -  anyone on localhost can read your grid data and send commands.

package/bundled-docs/guides/mcp.mdx

@@ -1,26 +1,26 @@
 ---
-title: AI Integration (MCP)
-description: Connect Claude, Cursor, and other AI assistants to OGrid documentation and your running grid.
+title: Editor Integration (MCP)
+description: Connect your editor to OGrid docs and your live running grid.
 sidebar_position: 1
 ---
 
-# AI Integration (MCP)
+# Editor Integration (MCP)
 
-`@alaarab/ogrid-mcp` is a standalone [Model Context Protocol (MCP)](https://modelcontextprotocol.io) server that gives AI assistants full access to OGrid documentation across all frameworks. It also includes a **live testing bridge** that lets the AI read and control a running OGrid instance in real time.
+`@alaarab/ogrid-mcp` connects your AI coding assistant to OGrid documentation — so instead of switching tabs to look things up, you can just ask your editor while you code.
 
-## Installation
+It also includes a **live testing bridge** that lets your editor read and control an OGrid instance running in your browser in real time.
 
-The MCP server is published as `@alaarab/ogrid-mcp` and requires no configuration — docs are bundled into the package.
+## How it works
 
-```bash
-npm install -g @alaarab/ogrid-mcp
-# or use npx directly (no install needed)
-npx @alaarab/ogrid-mcp
-```
+MCP (Model Context Protocol) is a standard that lets editors like Claude Code and Cursor talk to external tools. When you connect the OGrid MCP server, your editor can:
 
----
+- Search through OGrid docs while you're writing code
+- Pull up specific API references without leaving your editor
+- Inspect and interact with a running grid during development
 
-## Connect to your AI assistant
+You don't need to understand the protocol to use it — just run one command and your editor gains access.
+
+## Connect to your editor
 
 ### Claude Code
 
@@ -28,6 +28,8 @@ npx @alaarab/ogrid-mcp
 claude mcp add ogrid -- npx -y @alaarab/ogrid-mcp
 ```
 
+That's it. The docs are bundled in the package — no config file needed.
+
 ### Claude Desktop
 
 Add to your `claude_desktop_config.json`:
@@ -58,34 +60,38 @@ Add to your Cursor MCP settings:
 
 ---
 
-## What your AI can do
+## What you can ask
 
-Once connected, the AI assistant has access to the full OGrid documentation for all frameworks. Example prompts:
+Once connected, you can ask your editor questions like:
 
 ```
-Show me how to set up server-side pagination in React
+How do I set up server-side pagination in React?
 How do I pin columns in Angular Material?
 What's the difference between multiSelect and text filters?
-How do I use the formula engine?
-Help me migrate from AG Grid to OGrid
+Show me how to use the formula engine in Vue.
+Help me migrate from AG Grid to OGrid.
 ```
 
+The MCP server searches through the full documentation — features, API references, getting started guides, and code examples — and returns the relevant sections along with your context.
+
 ---
 
-## MCP tools
+## Available tools
+
+These are what the MCP server provides to your editor. You don't call them directly — your editor uses them automatically when you ask questions.
 
 ### `search_docs`
 
-Full-text search across all OGrid documentation.
+Full-text search across all OGrid documentation. Optionally filter by framework or category.
 
 ```
 search_docs query="server-side data" framework="react"
 ```
 
 Parameters:
-- `query` (required) — search terms
-- `framework` (optional) — filter to `react`, `angular`, `vue`, or `js`
-- `category` (optional) — filter to `features`, `getting-started`, `guides`, or `api`
+- `query` (required) — what you're looking for
+- `framework` (optional) — `react`, `angular`, `vue`, or `js`
+- `category` (optional) — `features`, `getting-started`, `guides`, or `api`
 
 ### `list_docs`
 
@@ -97,7 +103,7 @@ list_docs category="features"
 
 ### `get_docs`
 
-Read a full documentation page by path.
+Read a full documentation page by its path.
 
 ```
 get_docs path="features/filtering"
@@ -105,7 +111,7 @@ get_docs path="features/filtering"
 
 ### `get_code_example`
 
-Extract code snippets from a documentation page, optionally filtered by framework.
+Pull code snippets from a doc page, optionally filtered by framework.
 
 ```
 get_code_example path="features/editing" framework="angular"
@@ -113,7 +119,7 @@ get_code_example path="features/editing" framework="angular"
 
 ### `detect_version`
 
-Detect which OGrid packages are installed in the user's project by reading their `package.json`.
+Checks which OGrid packages are installed in your project.
 
 ```
 detect_version path="/path/to/project"
@@ -123,7 +129,7 @@ detect_version path="/path/to/project"
 
 ## MCP resources
 
-Resources can be read directly by the AI assistant without calling a tool.
+Resources can be read by your editor without calling a tool explicitly.
 
 | Resource | Description |
 |----------|-------------|
@@ -133,39 +139,34 @@ Resources can be read directly by the AI assistant without calling a tool.
 
 ---
 
-## MCP prompts
-
-### `migrate-from-ag-grid`
-
-Guides the AI through an AG Grid → OGrid migration. Provide your existing AG Grid code and the AI will produce equivalent OGrid code with explanations.
-
----
-
 ## Live testing bridge
 
-For real-time AI-assisted development, the MCP server includes a bridge that connects to a running OGrid instance. This lets the AI:
-
-- Read the current grid state (rows, columns, pagination, filters, sort)
-- Update cell values
-- Apply or clear filters
-- Change sort order
-- Navigate pages
+The live bridge lets your editor see and control an OGrid instance running in your browser.
 
-See the **[MCP Live Testing Bridge](./mcp-live-testing)** guide for full setup instructions.
+Start the MCP server with the bridge enabled:
 
 ```bash
-# Start with bridge enabled
 npx @alaarab/ogrid-mcp --bridge
 
-# Or with a custom port
+# Custom port if needed
 OGRID_BRIDGE_PORT=7890 npx @alaarab/ogrid-mcp
 ```
 
+Once running, your editor can:
+
+- Read the current grid state (visible rows, active filters, sort, pagination)
+- Update individual cell values
+- Apply or clear filters
+- Change sort order
+- Navigate to a specific page
+
+See the [Live Testing Bridge guide](./mcp-live-testing) for the full setup and available commands.
+
 ---
 
 ## Version
 
-The MCP server is published separately from the grid packages and versioned independently. Check the installed version:
+The MCP server is published and versioned independently from the grid packages:
 
 ```bash
 npx @alaarab/ogrid-mcp --version

package/dist/esm/bridge-client.d.ts

@@ -2,7 +2,7 @@
  * OGrid MCP Bridge Client
  *
  * Include this in your dev app to connect a running OGrid instance to the
- * MCP bridge server, enabling AI assistants (Claude, Cursor, etc.) to read
+ * MCP bridge server, enabling MCP-connected editors to read
  * grid state and send test commands in real time.
  *
  * Usage (React):
@@ -23,7 +23,7 @@
  *     return () => bridge.disconnect();
  *   }, []);
  *
- * This module contains NO Node.js-specific imports — safe to bundle in browsers.
+ * This module contains NO Node.js-specific imports  -  safe to bundle in browsers.
  */
 interface BridgeColumnInfo {
     columnId: string;
@@ -69,7 +69,7 @@ interface ConnectGridOptions {
     getFilters?: () => Record<string, unknown>;
     /** IOGridApi reference for filter/sort/page commands. */
     api?: BridgeGridApi;
-    /** Called when the AI sends an update_cell command. */
+    /** Called when the editor sends an update_cell command. */
     onCellUpdate?: (rowIndex: number, columnId: string, value: unknown) => void;
     /** Bridge server URL (default: http://localhost:7890). */
     bridgeUrl?: string;

package/dist/esm/index.js

@@ -302,7 +302,7 @@ ${formatted}`
         };
       }
       const formatted = entries.map(
-        (entry) => `- **${entry.title}** \u2014 ${entry.description}
+        (entry) => `- **${entry.title}**  -  ${entry.description}
   Path: \`${entry.path}\` | Resource: \`ogrid://docs/${toResourcePath(entry.path)}\``
       ).join("\n");
       const header = category ? `Documentation in "${category}" (${entries.length} pages):` : `All documentation (${entries.length} pages):`;
@@ -665,7 +665,7 @@ Use \`list_docs\` tool or \`resources/list\` to see available paths.`
                   "",
                   "Then start the MCP server with bridge enabled:",
                   "  OGRID_BRIDGE_PORT=7890 npx @alaarab/ogrid-mcp",
-                  "  \u2014 or \u2014",
+                  "   -  or  - ",
                   "  npx @alaarab/ogrid-mcp --bridge"
                 ].join("\n")
               }
@@ -700,7 +700,7 @@ ${formatted}`
       "Get the current state of a connected OGrid instance: displayed rows, columns, sort, filters, pagination, and selection.",
       {
         gridId: z.string().describe("Grid ID as registered by connectGridToBridge()"),
-        includeData: z.boolean().optional().describe("Whether to include the full row data (default: false \u2014 shows only summary)"),
+        includeData: z.boolean().optional().describe("Whether to include the full row data (default: false  -  shows only summary)"),
         maxRows: z.number().int().min(1).max(200).optional().describe("Max rows to include when includeData=true (default: 20)")
       },
       async ({ gridId, includeData, maxRows }) => {
@@ -763,11 +763,11 @@ _${state.rowCount - limit} more rows not shown. Increase maxRows to see more._`)
         "Send a command to a connected OGrid instance and wait for the result.",
         "",
         "Command types:",
-        "  update_cell   \u2014 { rowIndex: number, columnId: string, value: unknown }",
-        "  set_filter    \u2014 { columnId: string, value: string | string[] }",
-        "  clear_filters \u2014 {}",
-        '  set_sort      \u2014 { sortModel: [{ columnId, direction: "asc"|"desc" }] }',
-        "  go_to_page    \u2014 { page: number }"
+        "  update_cell    -  { rowIndex: number, columnId: string, value: unknown }",
+        "  set_filter     -  { columnId: string, value: string | string[] }",
+        "  clear_filters  -  {}",
+        '  set_sort       -  { sortModel: [{ columnId, direction: "asc"|"desc" }] }',
+        "  go_to_page     -  { page: number }"
       ].join("\n"),
       {
         gridId: z.string().describe("Grid ID as registered by connectGridToBridge()"),
@@ -872,7 +872,7 @@ var BridgeStore = class {
       selectedRowIndices: [],
       ...existing,
       ...partial,
-      // gridId must always be the canonical value — set last so partial can't override it
+      // gridId must always be the canonical value  -  set last so partial can't override it
       gridId
     });
     if (!this.commandQueues.has(gridId)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-mcp",
-  "version": "2.5.4",
+  "version": "2.5.8",
   "description": "MCP server for OGrid documentation",
   "type": "module",
   "bin": {
@@ -24,7 +24,8 @@
   "scripts": {
     "prebuild": "node scripts/bundle-docs.mjs",
     "build": "tsup",
-    "dev": "tsup --watch"
+    "dev": "tsup --watch",
+    "test": "jest"
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.0.0",