Files
Alem Tuzlak 6d49ecbb7b fix(showcase, runtime): subagents fixtures, voice mic format, fine-grained shared-state gating
Three follow-ups on top of PR #4837 that I had on the same branch but
didn't make it into the squash merge.

1. **packages/runtime: stamp `audio/webm` on empty-type Blobs in the
   transcription handler.** Browser MediaRecorder writes the audio as
   webm/opus, but the Blob's `type` field is often empty by the time it
   hits the server. `isValidAudioType` lets empty / octet-stream through
   for compatibility, but OpenAI Whisper then rejects the upload with
   `502 Invalid file format. Supported formats: ['flac', 'm4a', 'mp3',
   'mp4', 'mpeg', 'mpga', 'oga', 'ogg', 'wav', 'webm']` because it
   can't pick a decoder. Reconstructing the File with an explicit
   `audio/webm` type (and a `.webm` filename fallback) makes Whisper
   accept the bytes that were already valid. Monorepo-wide — applies to
   every integration using `/api/copilotkit-voice/transcribe`.

2. **showcase/aimock/feature-parity.json: port 12 subagents fixtures
   from d5-all.json** so the three pills (cold-exposure blog, LLM
   tool-calling explanation, reusable-rockets summary) work in
   production. d5-all.json already has the full research → writing →
   critique chain with substantive content; feature-parity only had the
   single LP remote-work pill. Production aimock loads both files but
   any case where feature-parity wins first-match needs the same
   content. Verbatim port — no fabricated text. Net result: no more
   `[sub-agent error] the writing agent...` on the demo's pills.

3. **showcase/aimock both files: scope shared-state-read-write Greet +
   Plan-a-weekend fixtures with a true all-defaults systemMessage
   gate.** The PR #4837 gate (`systemMessage: "tone: casual"`) only
   caught tone changes — name / language / interests changes still hit
   the canned fixture. Replaced with a two-element array gate (aimock
   supports all-present substring matching, verified in
   `/app/dist/router.js`):
     - `preferences:\n- Preferred tone: casual\n` — breaks if name is
       set (Name line inserts between signature and tone) or tone changes.
     - `- Preferred language: English\nTailor every response` — breaks
       if language changes or interests are added (Interests line
       inserts between language and Tailor).
   With `--provider-gemini` already wired in both local docker-compose
   and Railway prod, any state change now proxies to real Gemini and
   returns a personalised reply.

4. **showcase/aimock/feature-parity.json: re-remove bare 'plan' /
   'steps' / 'mars' / 'dashboard' / 'report' substring catch-alls + the
   bare 'alice' / 'Alice' fixtures.** These were removed in commit
   `ddc2e179` on the PR #4837 branch but didn't survive the squash
   merge, so they're back in main and still hijacking hitl-in-app
   downgrade-#12346 ('plan'), shared-state-rw weekend pill ('plan'),
   subagents 'rockets' pills, hitl-in-chat Schedule-1:1 with Alice
   ('alice'). Replace the alice pair with a single scoped
   `Hi, my name is Alice` fixture for the showcase-assistant
   introduction flow.

Local verification:
- `bin/showcase test google-adk --d5` → 38/38 green, 165s.
- Paired curl on shared-state-read-write:
  - Default state → canned fixture ("Hi — I'm your shared-state co-pilot…")
  - `name=alem` → real Gemini ("Hi there! …")
  - `interests=[Cooking, Travel]` weekend pill → real Gemini ("Hey
    there! Since you're into cooking and travel, how about a weekend
    plan that combines both?")

Production deploys this PR will pick up the aimock fixture changes
(prod loads feature-parity.json from GitHub raw at boot — no image
rebuild needed for that file) plus the runtime change once the
packages/runtime build is republished.
2026-05-15 15:57:31 +02:00
..

Showcase aimock

Deterministic LLM fixture server for showcase E2E testing. Replaces real LLM API calls (OpenAI, Anthropic, Gemini) with pre-recorded responses so Playwright tests can run PR-gated in CI without API keys and without rate limits or non-determinism.

Railway pulls ghcr.io/copilotkit/aimock:latest directly (no wrapper image). The fixtures in this directory are loaded at boot via GitHub raw URLs configured in the Railway service's startCommand.

What aimock is

aimock (@copilotkit/aimock) is a general-purpose LLM mock server. It speaks the OpenAI, Anthropic, and Gemini REST shapes (including SSE streaming), loads fixtures from disk at startup, and responds to incoming chat completions by matching the user's message text against fixture match criteria.

The showcase deployment runs aimock in proxy mode — --proxy-only with real upstream URLs configured for each provider. Unmatched requests are forwarded to the real API; matched requests short-circuit with the fixture response. This makes the sidecar safe to deploy as a general-purpose smoke-test aid: tests that hit fixture-matched prompts get deterministic responses, and anything else just falls through.

Fixtures in this directory

  • feature-parity.json — 35+ fixtures covering the nine showcase demos across 17 packages: agentic chat (weather, backgrounds, themes), tool rendering (pie/bar charts, weather cards), HITL (plans, steps, approvals), Sales Dashboard (deals, pipelines, todos), and assorted meeting/flight/greeting prompts. Consumed by the per-package test_e2e-showcase-on-demand Playwright suites and loaded at Railway boot via GitHub raw URL.
  • smoke.json — a single minimal fixture (userMessage: "Respond with exactly: OK" → content: "OK"). Used by /api/smoke endpoints in each package to verify the aimock → package → UI round-trip without depending on a real agent.

Fixture match semantics: userMessage is a substring match against the last user turn. First fixture to match wins, so more specific prompts should appear before more generic ones (see the "Based on the following context, write a concise" entry that precedes the generic report / plan fixtures to protect CrewAI's startup probe).

Sync policy

Fixtures are hand-maintained. There is no automated capture, no scheduled re-recording, and no drift-detection job that compares fixture responses against what a real LLM would say. The authoritative behavior is whatever is checked in.

The safety net is two-layered load-time validation, not behavioral verification:

  1. Load-time schema validation (--validate-on-load in the Railway startCommand and in every test entrypoint that boots aimock) — the container refuses to start if any fixture uses an unrecognized response key (e.g. text instead of content). See #3973.
  2. CI schema validation (showcase/scripts/__tests__/aimock-fixtures.test.ts) — the showcase_validate workflow runs loadFixtureFile + validateFixtures from @copilotkit/aimock against every showcase/aimock/*.json on every PR. A broken fixture fails the PR before merge.

Neither layer catches behavioral drift — if a package's agent code changes what it asks the LLM (new prompt, new tool, renamed tool), the existing fixture keeps matching and keeps returning the old response. The test either keeps passing (wrong assertion) or fails at the UI-assertion layer (missing tool call, missing text), and a human has to trace it back to the fixture.

Adding or updating a fixture

The process is manual. There is no CLI for this directory specifically — aimock's upstream --record mode can proxy real API calls and write fixtures, but the showcase repo does not wire it up and does not commit recorded fixtures.

  1. Identify the user prompt your test issues and decide what response you need (plain text, a tool call, an error).
  2. Add an entry to feature-parity.json under fixtures. Keep more specific userMessage matches above more generic ones. Valid response keys: content, toolCalls, error, embedding.
  3. Run the fixture-validation suite locally:
    pnpm --filter @copilotkit/showcase-scripts test aimock-fixtures
    
  4. Run the per-package E2E against the new fixture:
    ./showcase/scripts/run-e2e-with-aimock.sh <slug> [test-filter]
    
  5. Ship it. Fixture changes take effect on the next Railway service restart (aimock fetches fixtures from GitHub raw URLs at boot).

When a package's agent code changes in a way that changes its LLM calls, the person making the change is responsible for updating the corresponding fixture. There is no automation to remind you.

Drift risk

Drift surfaces as flaky or silently-wrong E2E tests, not as a dedicated signal. Symptoms and how to respond:

  • Playwright assertion fails on a UI element that depends on a tool call (WeatherCard missing, chart not rendering) → the agent is now calling a differently-named tool than the fixture has; update the fixture's toolCalls[].name / arguments.
  • Assertion on assistant text fails → the agent's prompt changed; either update the fixture's match.userMessage to the new prompt substring or update the fixture's content.
  • smoke.json healthcheck fails against a deployed package (/api/smoke returns non-OK) → either the package's smoke route changed or aimock is down; check the Railway service and the smoke-monitor workflow.
  • Container fails to start post-deploy → load-time validation caught a broken fixture; CI should have caught it first, investigate why it didn't.

There is no scheduled drift-detection job that compares fixture responses against live LLM output. If this becomes a problem, the path forward is to wire aimock's --record mode into a periodic workflow that re-captures against real providers and diffs against checked-in fixtures — but that's not built today.

  • test_e2e-showcase-on-demand.yml (historically showcase_aimock-e2e.yml) — triggered by /test-aimock <slug> PR comments or workflow_dispatch. Installs @copilotkit/aimock@latest, boots it with feature-parity.json, spins up the target package's dev server against OPENAI_BASE_URL=http://localhost:4010/v1, and runs the package's Playwright suite. Posts pass/fail back to the PR.
  • showcase_validate.yml — runs fixture schema validation (aimock-fixtures.test.ts) on every PR that touches showcase/**.
  • showcase_deploy.yml — builds and deploys all showcase services. aimock is no longer in this workflow's matrix (Railway pulls the upstream ghcr.io/copilotkit/aimock:latest image directly).
  • showcase_smoke-monitor.yml — every 15 minutes, polls /api/smoke on all deployed showcase packages. Those smoke endpoints internally hit aimock's smoke.json fixture to verify the full stack.