Skip to content

feat(claude): render Mobile Dev in native panels - #96

Open
lauridskern wants to merge 4 commits into
mainfrom
feat/claude-native-panels
Open

lauridskern wants to merge 4 commits into
mainfrom
feat/claude-native-panels

Conversation

@lauridskern

@lauridskern lauridskern commented Nov 10, 2026 •

Copy link
Copy Markdown
Collaborator

Claude now renders Mobile Dev's shared native MCP Apps workspace inside the conversation and requests the side panel with ui.preferredDisplayMode: "fullscreen". It uses the same device and app tools, recordings, comparisons, App Flow, storage views, App Intelligence, and TraceSift explorer as Codex.

Remove Claude's browser bridge, browser context tool, packaged browser page, and duplicate Mobile Dev skill. Ship the shared skills and references with Claude's setup skill. Keep verified helper downloads and split server bundles to meet the 5 MiB file limit. Other hosts retain browser support.

The shared native UI now handles these workflows:

  • Order workspace openings by a server sequence within a connection scope. Ignore late results, elect one active view for duplicate mounts, and stop retired views' streams, polls, context writes, listeners, and telemetry. Saved chart cards stay independent.
  • Send chat requests through one shared function. Preserve exact arguments, reject unsupported text without rewriting it, retain context after draft acknowledgement, and report rejected requests as uncertain delivery. Standard-host messages never retry in code.
  • Bind App Flow start, resume, and status replies to the current project and run. Late replies cannot overwrite another project's state or resume another run.
  • Download original recording JSON through the host API when advertised. Allow one pending confirmation and keep each recording's download status separate.
  • Apply all safe-area insets, Claude's host fonts, both color schemes at first paint, and transparent inline-card backgrounds.

The Claude MCP Apps audit covers all 13 guide pages and includes a product feature matrix. Parity tests compare complete product tool definitions, with an explicit exception for Codex's two store tools. Both plugins run the same workspace navigation, hidden-panel recovery, saved chart, comparison, exact-range chat, workspace recording, and download checks. Package checks compare every shared skill and reference file with the source shipped by Codex.

Claude reserves UI-registered app tools, global entry points, and embedded websites for remote connectors. This local stdio plugin uses server tools and bundled UI. It omits ui.domain, which needs a remote URL. Side-panel availability depends on Claude's rollout. Codex owns its store migration and removable composer attachments; Claude uses its own update command and standard context with local clearing controls.

Validation:

  • npm test: 1,311 passed, one skipped. Tests cover stale replies, duplicate mounts, exact text, delivery failures, download state, teardown, and telemetry privacy.
  • Functional host tests: 31 passed, three skipped, across Codex, Claude, browser fallback, and Mac.
  • npm run build, npm run package:claude, and npm run test:claude passed. Both package formats start from copied paths and verify their native resources; the plugin verifies its pinned runtime.
  • claude plugin validate ./release/claude-plugin/mobile-dev passed.
  • No local type, lint, React Doctor, or screenshot checks, per project instructions.

Existing Sentry labels, timings, traces, privacy filters, and teardown remain. Shared timing collection ignores replies after a context change. Download counts and errors retain their starting context. New bounded counts cover workspace retirement and unconfirmed annotation delivery; existing timeout counts keep their meaning. Message content, file contents, paths, and instance keys stay out of telemetry.

Tests use real servers in stand-in MCP Apps hosts. The live Claude Desktop UI has not been exercised, so these checks cannot confirm an account's side-panel rollout.

References: announcement, Claude MCP Apps guide, local/remote requirements.

@vercel

vercel Bot commented Nov 10, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated
mobile-dev Ignored Ignored Preview Nov 11, 2026 12:23am UTC

Request Review

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant