@ompo-design/mcp-server 0.1.7 → 0.1.10

package/dist/apply-plan.js

@@ -2,8 +2,99 @@ const OMPO_GLOSSARY = {
     gap: `Ompo "Gap" is the space between children inside a flex or grid container. Apply \`gap\` on the parent layout element (not on children). The parent needs \`display: flex\` or \`display: grid\`. Example: gap "16px" → CSS \`gap: 16px\` or Tailwind \`gap-4\`.`,
     fill: `Ompo "Fill" means an element should expand to consume free space inside its parent. Fill is NOT a CSS property — read \`widthMode: fill\` / \`heightMode: fill\` together with \`ensureParentFlex\`, \`flexGrow\`, \`flexShrink\`, \`flexBasis\`, and \`alignSelf\` on the same selector. Parent must be \`display: flex\`. Main axis (direction of flex): use \`flex: 1 1 0\` (grow/shrink/basis). Cross axis: use \`align-self: stretch\` and remove fixed width/height on that axis. If \`ensureParentFlex\` is present, make the parent a flex container with that direction first.`,
     fit: `Ompo "Fit" means size to content. Map \`widthMode: fit\` → \`width: fit-content\`, \`heightMode: fit\` → \`height: fit-content\` (or the project's equivalent).`,
-    imageFill: `Ompo image background fill: copy the source file from \`backgroundImageSource\` into the project (e.g. public/images/), then set \`background-image\` to a project-relative url(), with \`background-size: cover\`, \`background-position: center\`, and \`background-repeat: no-repeat\`. Do not commit file:// URLs to source.`
+    imageFill: `Ompo image background fill: copy the source file from \`backgroundImageSource\` into the project (e.g. public/images/), then set \`background-image\` to a project-relative url(), with \`background-size: cover\`, \`background-position: center\`, and \`background-repeat: no-repeat\`. Do not commit file:// URLs to source.`,
+    domMove: `Ompo DOM move: reorder or reparent elements in source markup/components. Use movedElement anchors (tag, id, class, textSnippet) to find nodes. destinationChildren is the authoritative sibling order after the move — match this order in JSX/HTML or reorder mapped arrays. CSS alone cannot satisfy a dom.move.`
 };
+function describeAnchor(anchor) {
+    const parts = [anchor.tagName];
+    if (anchor.id)
+        parts.push(`#${anchor.id}`);
+    if (anchor.className) {
+        const classes = anchor.className.split(/\s+/).filter(Boolean).slice(0, 3).join('.');
+        if (classes)
+            parts.push(`.${classes}`);
+    }
+    if (anchor.textSnippet)
+        parts.push(`"${anchor.textSnippet}"`);
+    return parts.join(' ');
+}
+function formatChildOrder(children, movedSelector) {
+    return children.map((child, index) => {
+        const marker = child.selector === movedSelector ? ' ← moved element' : '';
+        return `${index + 1}. ${describeAnchor(child)}${marker}`;
+    });
+}
+function buildDomMovePlan(operation) {
+    const reordered = operation.fromParentSelector === operation.toParentSelector;
+    const moved = operation.movedElement;
+    const steps = [];
+    if (moved) {
+        steps.push(`Find the moved element in source: ${describeAnchor(moved)}.`);
+    }
+    else {
+        steps.push(`Locate element "${operation.selector}" in source using tag, id, class, or visible text.`);
+    }
+    if (operation.toParent) {
+        steps.push(`Destination parent: ${describeAnchor(operation.toParent)}.`);
+    }
+    else {
+        steps.push(`Destination parent selector: "${operation.toParentSelector}".`);
+    }
+    if (operation.insertBefore) {
+        steps.push(`Place the moved element immediately before: ${describeAnchor(operation.insertBefore)}.`);
+    }
+    else if (operation.destinationChildren && operation.destinationChildren.length > 0) {
+        steps.push('Place the moved element as the last child of the destination parent.');
+    }
+    if (operation.destinationChildren && operation.destinationChildren.length > 0) {
+        steps.push('Match this sibling order in source (structural snapshot after the move):');
+        steps.push(...formatChildOrder(operation.destinationChildren, operation.selector));
+    }
+    else {
+        steps.push(reordered
+            ? `Reorder inside the parent from index ${operation.fromIndex} to index ${operation.index}.`
+            : `Move from "${operation.fromParentSelector}" (index ${operation.fromIndex}) to "${operation.toParentSelector}" at index ${operation.index}.`);
+    }
+    if (operation.fromChildrenBefore && operation.fromChildrenBefore.length > 0) {
+        steps.push('Previous sibling order before the move:');
+        steps.push(...formatChildOrder(operation.fromChildrenBefore, operation.selector));
+    }
+    steps.push('Update JSX/HTML/component structure — this is a markup or children-order change, not CSS.', 'If children come from a mapped array (React .map, v-for, etc.), reorder that array or its data source.', 'Preserve element content and styling that Ompo did not change.');
+    const payload = {
+        selector: operation.selector,
+        fromParentSelector: operation.fromParentSelector,
+        fromIndex: operation.fromIndex,
+        toParentSelector: operation.toParentSelector,
+        insertIndex: operation.index,
+        reordered
+    };
+    if (moved)
+        payload.movedElement = moved;
+    if (operation.fromParent)
+        payload.fromParent = operation.fromParent;
+    if (operation.toParent)
+        payload.toParent = operation.toParent;
+    if (operation.insertBefore)
+        payload.insertBefore = operation.insertBefore;
+    if (operation.destinationChildren) {
+        payload.destinationChildren = operation.destinationChildren;
+    }
+    if (operation.fromChildrenBefore) {
+        payload.fromChildrenBefore = operation.fromChildrenBefore;
+    }
+    return {
+        kind: 'dom.move',
+        summary: moved
+            ? reordered
+                ? `Reorder ${describeAnchor(moved)} within its parent`
+                : `Move ${describeAnchor(moved)} to ${operation.toParent ? describeAnchor(operation.toParent) : operation.toParentSelector}`
+            : reordered
+                ? `Reorder element within parent "${operation.toParentSelector}"`
+                : `Move element to parent "${operation.toParentSelector}"`,
+        steps,
+        payload
+    };
+}
 function formatChangedValue(property, value) {
     const text = String(value);
     if (text !== '')
@@ -199,32 +290,8 @@ function buildDomStructurePlan(operation) {
                     selector: operation.selector
                 }
             };
-        case 'dom.move': {
-            const reordered = operation.fromParentSelector === operation.toParentSelector;
-            return {
-                kind: 'dom.move',
-                summary: reordered
-                    ? `Reorder element within parent "${operation.toParentSelector}"`
-                    : `Move element to a new parent "${operation.toParentSelector}"`,
-                steps: [
-                    `Locate element "${operation.selector}" in source using selector, tag, id, class, or nearby text.`,
-                    reordered
-                        ? `Reorder it inside "${operation.toParentSelector}" from child index ${operation.fromIndex} to index ${operation.index}.`
-                        : `Move it from "${operation.fromParentSelector}" (index ${operation.fromIndex}) to "${operation.toParentSelector}" at index ${operation.index}.`,
-                    'Update JSX/HTML/component structure in source — this is a markup change, not a CSS tweak.',
-                    'Preserve the element’s content and non-Ompo styling.',
-                    'If the project uses mapped lists or arrays, update item order in data when that drives rendering.'
-                ],
-                payload: {
-                    selector: operation.selector,
-                    fromParentSelector: operation.fromParentSelector,
-                    fromIndex: operation.fromIndex,
-                    toParentSelector: operation.toParentSelector,
-                    insertIndex: operation.index,
-                    reordered
-                }
-            };
-        }
+        case 'dom.move':
+            return buildDomMovePlan(operation);
         case 'dom.delete':
             return {
                 kind: 'dom.delete',
@@ -295,6 +362,14 @@ export function buildApplyPlan(bundle) {
         if (domPlan)
             domStructurePlans.push(domPlan);
         domChanges.push(operation);
+        if (operation.kind === 'dom.move') {
+            if (!operation.movedElement && operation.selector.includes('nth-of-type')) {
+                warnings.push(`DOM move "${operation.selector}" uses nth-of-type selectors. Re-export from Ompo after rearranging to get richer anchors, or match by visible text and parent structure.`);
+            }
+            else if (operation.movedElement && !operation.movedElement.id && !operation.movedElement.textSnippet) {
+                warnings.push(`DOM move target "${describeAnchor(operation.movedElement)}" has no id or text. Use destinationChildren order and parent context to locate it in source.`);
+            }
+        }
         if (operation.kind === 'dom.flexWrap') {
             for (const child of operation.children) {
                 if (!child.id && !child.className && child.selector.includes('nth-of-type')) {
@@ -318,6 +393,8 @@ export function buildApplyPlan(bundle) {
             'When widthMode or heightMode is "fill", apply the grouped flex properties together (flexGrow, flexBasis, alignSelf, removed width/height) — do not set a fixed px width/height on the filled axis.',
             'Gap belongs on the flex/grid parent. Fill belongs on the child inside a flex parent.',
             'DOM moves are in domStructurePlans and domChanges — reorder or reparent elements in source markup/components, not just CSS.',
+            'Read ompoGlossary.domMove before applying dom.move operations.',
+            'For dom.move: destinationChildren is the structural snapshot of the final sibling order — match it in JSX/HTML or reorder mapped arrays.',
             'For dom.flexWrap: create a new wrapper, move matched children, then apply wrapperStyles.',
             'Use child anchors (tag, id, class, textSnippet) to find elements in source when selectors are unstable.',
             'Prefer the smallest possible diff for each file.'
@@ -329,6 +406,7 @@ export function explainEdit(bundle) {
     const styleCount = bundle.operations.filter((operation) => operation.kind === 'style').length;
     const textCount = bundle.operations.filter((operation) => operation.kind === 'text').length;
     const flexWrapCount = bundle.operations.filter((operation) => operation.kind === 'dom.flexWrap').length;
+    const moveCount = bundle.operations.filter((operation) => operation.kind === 'dom.move').length;
     const domCount = bundle.operations.length - styleCount - textCount;
     const scopeLabel = bundle.scope.mode === 'subtree' && bundle.scope.rootLabel
         ? `${bundle.scope.rootLabel} and its children`
@@ -342,6 +420,9 @@ export function explainEdit(bundle) {
     if (flexWrapCount > 0) {
         lines.push(`${flexWrapCount} flex-wrap operation${flexWrapCount === 1 ? '' : 's'}`);
     }
+    if (moveCount > 0) {
+        lines.push(`${moveCount} DOM move${moveCount === 1 ? '' : 's'} — apply via domStructurePlans (markup/children order, not CSS)`);
+    }
     lines.push(`Source preview: ${bundle.source.url}`);
     return lines.join('\n');
 }

package/dist/cli.js

@@ -4,7 +4,10 @@ import { homedir } from 'os';
 import { join, resolve } from 'path';
 import { editsStoreReady } from './edit-store.js';
 import { getOmpoEditsStorePath } from './edits-path.js';
+import { readOmpoMcpSession } from './session.js';
+import { readMcpTokenBalance } from './tokens.js';
 const PACKAGE_NAME = '@ompo-design/mcp-server';
+const PACKAGE_VERSION = '0.1.10';
 const SERVER_NAME = 'ompo';
 function resolveExecutable(name) {
     try {
@@ -85,7 +88,7 @@ export function runCli(argv) {
         return true;
     }
     if (command === 'doctor') {
-        runDoctor();
+        void runDoctor();
         return true;
     }
     if (command === 'help' || command === '--help' || command === '-h') {
@@ -123,7 +126,7 @@ function runGlobalSetup() {
     console.log('  5. In Ompo, click Send on an edit before using the tools');
     console.log(`     Edits are stored in ${getOmpoEditsStorePath()}`);
 }
-function runDoctor() {
+async function runDoctor() {
     const projectRoot = resolve(process.cwd());
     const configPath = join(projectRoot, '.mcp.json');
     const desktopPath = claudeDesktopConfigPath();
@@ -131,6 +134,7 @@ function runDoctor() {
     const storePath = getOmpoEditsStorePath();
     console.log('Ompo MCP doctor');
     console.log('');
+    console.log(`Package version: ${PACKAGE_VERSION}`);
     console.log(`Current folder: ${projectRoot}`);
     console.log(`Node: ${process.version}`);
     console.log(`npx: ${resolveExecutable('npx')}`);
@@ -156,6 +160,26 @@ function runDoctor() {
         }
     }
     console.log('');
+    const session = readOmpoMcpSession();
+    if (!session) {
+        console.log('Session: missing (open Ompo, sign in, and keep the app running)');
+    }
+    else {
+        console.log(`Session: ready for user ${session.userId}`);
+        console.log(`Session updated: ${session.updatedAt}`);
+        if (!session.refreshToken) {
+            console.log('Session: missing refresh token (restart Ompo after updating)');
+        }
+        try {
+            const balance = await readMcpTokenBalance();
+            console.log(`Tokens: ${balance ?? 'unknown'} available`);
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'unknown error';
+            console.log(`Tokens: could not read balance (${message})`);
+        }
+    }
+    console.log('');
     if (editsStoreReady()) {
         console.log('Edits: ready (Send from Ompo to add more)');
     }
@@ -163,6 +187,7 @@ function runDoctor() {
         console.log('Edits: none yet (click Send in Ompo first)');
     }
     console.log('');
+    console.log('If tools skip token usage, quit and reopen Claude Code to reload MCP v0.1.10+');
     console.log('Global install: npx @ompo-design/mcp-server setup-global');
 }
 function printProjectNextSteps(projectRoot) {

package/dist/edit-billing.d.ts

@@ -0,0 +1,2 @@
+export declare function consumeMcpTokenForEdit(toolName: string, editId: string): Promise<number>;
+export declare function requireMcpSessionBalance(): Promise<number>;

package/dist/edit-billing.js

@@ -0,0 +1,75 @@
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
+import { homedir } from 'os';
+import { dirname, join } from 'path';
+import { consumeMcpToken, McpTokenError, readMcpTokenBalance } from './tokens.js';
+import { readOmpoMcpSession } from './session.js';
+function requireSignedIn() {
+    if (!readOmpoMcpSession()) {
+        throw new McpTokenError('NOT_SIGNED_IN', 'Sign in to Ompo and keep the app open so your MCP session stays active.');
+    }
+}
+const BILLING_TTL_MS = 24 * 60 * 60 * 1000;
+function getEditBillingPath() {
+    return join(homedir(), '.ompo', 'edit-billing.json');
+}
+function readBillingState() {
+    const billingPath = getEditBillingPath();
+    if (!existsSync(billingPath)) {
+        return { billedEdits: {} };
+    }
+    try {
+        const parsed = JSON.parse(readFileSync(billingPath, 'utf8'));
+        return {
+            billedEdits: typeof parsed.billedEdits === 'object' && parsed.billedEdits !== null
+                ? parsed.billedEdits
+                : {}
+        };
+    }
+    catch {
+        return { billedEdits: {} };
+    }
+}
+function writeBillingState(state) {
+    const billingPath = getEditBillingPath();
+    mkdirSync(dirname(billingPath), { recursive: true });
+    writeFileSync(billingPath, `${JSON.stringify(state, null, 2)}\n`, 'utf8');
+}
+function pruneExpiredBilledEdits(billedEdits) {
+    const now = Date.now();
+    const pruned = {};
+    for (const [editId, billedAt] of Object.entries(billedEdits)) {
+        const billedTime = Date.parse(billedAt);
+        if (Number.isNaN(billedTime))
+            continue;
+        if (now - billedTime <= BILLING_TTL_MS) {
+            pruned[editId] = billedAt;
+        }
+    }
+    return pruned;
+}
+function isEditAlreadyBilled(editId) {
+    const state = readBillingState();
+    const billedEdits = pruneExpiredBilledEdits(state.billedEdits);
+    return editId in billedEdits;
+}
+function markEditBilled(editId) {
+    const state = readBillingState();
+    const billedEdits = pruneExpiredBilledEdits(state.billedEdits);
+    billedEdits[editId] = new Date().toISOString();
+    writeBillingState({ billedEdits });
+}
+export async function consumeMcpTokenForEdit(toolName, editId) {
+    requireSignedIn();
+    if (isEditAlreadyBilled(editId)) {
+        const balance = await readMcpTokenBalance();
+        return balance ?? 0;
+    }
+    const tokensRemaining = await consumeMcpToken(toolName);
+    markEditBilled(editId);
+    return tokensRemaining;
+}
+export async function requireMcpSessionBalance() {
+    requireSignedIn();
+    const balance = await readMcpTokenBalance();
+    return balance ?? 0;
+}

package/dist/index.js

@@ -4,12 +4,13 @@ import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js'
 import { z } from 'zod';
 import { buildApplyPlan, explainEdit } from './apply-plan.js';
 import { runCli } from './cli.js';
+import { consumeMcpTokenForEdit, requireMcpSessionBalance } from './edit-billing.js';
 import { editsStoreReady, listEdits, readEditBundle, recordEditApplied, recordEditPull } from './edit-store.js';
 import { getOmpoEditsStorePath } from './edits-path.js';
-import { consumeMcpToken, McpTokenError } from './tokens.js';
+import { McpTokenError } from './tokens.js';
 const server = new McpServer({
     name: 'ompo-mcp-server',
-    version: '0.1.7'
+    version: '0.1.10'
 });
 function requireEditsStore() {
     const storePath = getOmpoEditsStorePath();
@@ -18,8 +19,8 @@ function requireEditsStore() {
     }
     return storePath;
 }
-async function withMcpTokenUse(toolName, handler) {
-    const tokensRemaining = await consumeMcpToken(toolName);
+async function withMcpTokenUseForEdit(toolName, editId, handler) {
+    const tokensRemaining = await consumeMcpTokenForEdit(toolName, editId);
     return handler(tokensRemaining);
 }
 function tokenErrorResult(error) {
@@ -38,18 +39,17 @@ function tokenErrorResult(error) {
 }
 server.tool('list_edits', 'List Ompo edit bundles saved on this machine', {}, async () => {
     try {
-        return await withMcpTokenUse('list_edits', async (tokensRemaining) => {
-            const storePath = requireEditsStore();
-            const edits = listEdits();
-            return {
-                content: [
-                    {
-                        type: 'text',
-                        text: JSON.stringify({ storePath, edits, tokensRemaining }, null, 2)
-                    }
-                ]
-            };
-        });
+        const storePath = requireEditsStore();
+        const edits = listEdits();
+        const tokensRemaining = await requireMcpSessionBalance();
+        return {
+            content: [
+                {
+                    type: 'text',
+                    text: JSON.stringify({ storePath, edits, tokensRemaining }, null, 2)
+                }
+            ]
+        };
     }
     catch (error) {
         return tokenErrorResult(error);
@@ -59,7 +59,7 @@ server.tool('get_edit', 'Load a specific Ompo edit bundle by id', {
     id: z.string().describe('Edit id, e.g. ed_8K42P')
 }, async ({ id }) => {
     try {
-        return await withMcpTokenUse('get_edit', async (tokensRemaining) => {
+        return await withMcpTokenUseForEdit('get_edit', id, async (tokensRemaining) => {
             requireEditsStore();
             const bundle = readEditBundle(id);
             recordEditPull(id);
@@ -81,7 +81,7 @@ server.tool('explain_edit', 'Summarize what an Ompo edit changes', {
     id: z.string().describe('Edit id, e.g. ed_8K42P')
 }, async ({ id }) => {
     try {
-        return await withMcpTokenUse('explain_edit', async (tokensRemaining) => {
+        return await withMcpTokenUseForEdit('explain_edit', id, async (tokensRemaining) => {
             requireEditsStore();
             const bundle = readEditBundle(id);
             recordEditPull(id);
@@ -107,7 +107,7 @@ server.tool('apply_edit', 'Build an apply plan for an Ompo edit. The agent shoul
         .describe('Set true after the agent successfully applies the edit')
 }, async ({ id, markApplied }) => {
     try {
-        return await withMcpTokenUse('apply_edit', async (tokensRemaining) => {
+        return await withMcpTokenUseForEdit('apply_edit', id, async (tokensRemaining) => {
             requireEditsStore();
             const bundle = readEditBundle(id);
             recordEditPull(id);

package/dist/session.d.ts

@@ -1,9 +1,11 @@
 export type OmpoMcpSession = {
     userId: string;
     accessToken: string;
+    refreshToken?: string;
     supabaseUrl: string;
     supabaseAnonKey: string;
     updatedAt: string;
 };
 export declare function getOmpoMcpSessionPath(): string;
 export declare function readOmpoMcpSession(): OmpoMcpSession | null;
+export declare function writeOmpoMcpSession(session: OmpoMcpSession): void;

package/dist/session.js

@@ -1,6 +1,6 @@
-import { existsSync, readFileSync } from 'fs';
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
 import { homedir } from 'os';
-import { join } from 'path';
+import { dirname, join } from 'path';
 export function getOmpoMcpSessionPath() {
     return join(homedir(), '.ompo', 'session.json');
 }
@@ -19,6 +19,7 @@ export function readOmpoMcpSession() {
         return {
             userId: parsed.userId,
             accessToken: parsed.accessToken,
+            refreshToken: typeof parsed.refreshToken === 'string' ? parsed.refreshToken : undefined,
             supabaseUrl: parsed.supabaseUrl,
             supabaseAnonKey: parsed.supabaseAnonKey,
             updatedAt: typeof parsed.updatedAt === 'string' ? parsed.updatedAt : new Date(0).toISOString()
@@ -28,3 +29,8 @@ export function readOmpoMcpSession() {
         return null;
     }
 }
+export function writeOmpoMcpSession(session) {
+    const sessionPath = getOmpoMcpSessionPath();
+    mkdirSync(dirname(sessionPath), { recursive: true });
+    writeFileSync(sessionPath, `${JSON.stringify({ ...session, updatedAt: new Date().toISOString() }, null, 2)}\n`, 'utf8');
+}

package/dist/tokens.d.ts

@@ -2,4 +2,5 @@ export declare class McpTokenError extends Error {
     code: 'NOT_SIGNED_IN' | 'INSUFFICIENT_TOKENS' | 'TOKEN_SERVICE_UNAVAILABLE';
     constructor(code: McpTokenError['code'], message: string);
 }
+export declare function readMcpTokenBalance(): Promise<number | null>;
 export declare function consumeMcpToken(toolName: string): Promise<number>;

package/dist/tokens.js

@@ -1,5 +1,5 @@
 import { createClient } from '@supabase/supabase-js';
-import { readOmpoMcpSession } from './session.js';
+import { readOmpoMcpSession, writeOmpoMcpSession } from './session.js';
 export class McpTokenError extends Error {
     code;
     constructor(code, message) {
@@ -18,12 +18,32 @@ function mapRpcError(message) {
     }
     return new McpTokenError('TOKEN_SERVICE_UNAVAILABLE', 'Could not verify MCP token balance. Check your connection and try again.');
 }
-export async function consumeMcpToken(toolName) {
-    const session = readOmpoMcpSession();
-    if (!session) {
-        throw new McpTokenError('NOT_SIGNED_IN', 'Sign in to Ompo and keep the app open so your MCP session stays active.');
-    }
+async function createAuthedSupabase(session) {
     const supabase = createClient(session.supabaseUrl, session.supabaseAnonKey, {
+        auth: {
+            persistSession: false,
+            autoRefreshToken: false,
+            detectSessionInUrl: false
+        }
+    });
+    if (session.refreshToken) {
+        const { data, error } = await supabase.auth.setSession({
+            access_token: session.accessToken,
+            refresh_token: session.refreshToken
+        });
+        if (!error && data.session) {
+            if (data.session.access_token !== session.accessToken ||
+                data.session.refresh_token !== session.refreshToken) {
+                writeOmpoMcpSession({
+                    ...session,
+                    accessToken: data.session.access_token,
+                    refreshToken: data.session.refresh_token
+                });
+            }
+            return supabase;
+        }
+    }
+    return createClient(session.supabaseUrl, session.supabaseAnonKey, {
         auth: {
             persistSession: false,
             autoRefreshToken: false,
@@ -35,6 +55,27 @@ export async function consumeMcpToken(toolName) {
             }
         }
     });
+}
+export async function readMcpTokenBalance() {
+    const session = readOmpoMcpSession();
+    if (!session)
+        return null;
+    const supabase = await createAuthedSupabase(session);
+    const { data, error } = await supabase
+        .from('user_token_balances')
+        .select('tokens_available')
+        .eq('user_id', session.userId)
+        .maybeSingle();
+    if (error)
+        throw mapRpcError(error.message);
+    return data?.tokens_available ?? null;
+}
+export async function consumeMcpToken(toolName) {
+    const session = readOmpoMcpSession();
+    if (!session) {
+        throw new McpTokenError('NOT_SIGNED_IN', 'Sign in to Ompo and keep the app open so your MCP session stays active.');
+    }
+    const supabase = await createAuthedSupabase(session);
     const { data, error } = await supabase.rpc('consume_mcp_token', {
         p_tool_name: toolName
     });

package/dist/types.d.ts

@@ -23,6 +23,12 @@ export type DomMoveOperation = {
     fromIndex: number;
     toParentSelector: string;
     index: number;
+    movedElement?: ElementAnchor;
+    fromParent?: ElementAnchor;
+    toParent?: ElementAnchor;
+    insertBefore?: ElementAnchor;
+    destinationChildren?: ElementAnchor[];
+    fromChildrenBefore?: ElementAnchor[];
 };
 export type DomDeleteOperation = {
     kind: 'dom.delete';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ompo-design/mcp-server",
-  "version": "0.1.7",
+  "version": "0.1.10",
   "description": "MCP server for applying Ompo visual edits to a codebase",
   "type": "module",
   "license": "MIT",