fix(openapi-resource-mocks): emit reloading event and fix reload control routing

- Add reloading variant to MockEvent union so the bus can emit it
- Window entry reload() now emits the reloading event after a successful
  reload, so DevTools panel history shows the reloading transition immediately
  instead of waiting for the 120ms get-state poll
- DOM control handler 'reload' now routes through the window entry (same as
  simulateProgress) so the emit closure fires correctly

feat(devtools-panel): surface requestCount, sync clearHistory, add reload button

- Add requestCount to MockState so the panel tracks request counts
  from getState() snapshots
- applyEvent reloading now also clears the error field, matching ref behaviour
- bridge.clearHistory() now posts a clearHistory control to the page bus so
  panel history and window bus history stay in sync
- Add Reload button to mock-table action column: keeps current value,
  sets status to reloading
- Update shared/types.ts in the extension to include requestCount in
  MockState and missing fields in the mock-event message type

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: constantant

apps/devtools-panel/src/app/components/mock-table/mock-table.html

@@ -52,6 +52,8 @@
                   [class.catch-active]="row.catchMode"
                   [matTooltip]="row.catchMode ? 'Catch mode on — click to disable' : 'Enable catch mode'"
                   (click)="bridge.setCatchMode(row.key, !row.catchMode)">⏸</button>
+          <button mat-icon-button matTooltip="Reload (keeps value)"
+                  (click)="bridge.sendControl(row.key, 'reload')">↻</button>
           <button mat-icon-button matTooltip="Set loading"
                   (click)="bridge.sendControl(row.key, 'setLoading')">⏳</button>
           <button mat-icon-button matTooltip="Fail"

apps/devtools-panel/src/app/mock-bridge.token.ts

@@ -132,6 +132,7 @@ export const MOCK_BRIDGE = new InjectionToken<MockBridge>('MOCK_BRIDGE', {
           next.set(key, { ...entry, history: [] });
           return next;
         });
+        post({ type: 'control', detail: { key, action: 'clearHistory' } });
       },
     };
   },

apps/devtools-panel/src/app/mock-entry.ts

@@ -9,6 +9,7 @@ export interface MockState {
   value: unknown;
   error: unknown;
   progress: { type: string; loaded: number; total?: number } | undefined;
+  requestCount?: number;
 }
 
 export interface HistoryEvent {
@@ -83,7 +84,7 @@ export function applyEvent(
       next.state = { ...entry.state, status: 'loading' };
       break;
     case 'reloading':
-      next.state = { ...entry.state, status: 'reloading' };
+      next.state = { ...entry.state, status: 'reloading', error: undefined };
       break;
     case 'error':
       next.pendingRequest = null;

tools/openapi-resource-devtools/src/shared/types.ts

@@ -3,6 +3,7 @@ export interface MockState {
   value: unknown;
   error: unknown;
   progress: { type: string; loaded: number; total?: number } | undefined;
+  requestCount?: number;
 }
 
 export interface MockEntry {
@@ -16,7 +17,7 @@ export interface MockEntry {
 export type PanelMessage =
   | { type: 'mock-keys'; keys: string[] }
   | { type: 'mock-state'; key: string; state: MockState }
-  | { type: 'mock-event'; key: string; event: { type: string; value?: unknown; error?: unknown; ts: number } };
+  | { type: 'mock-event'; key: string; event: { type: string; value?: unknown; error?: unknown; args?: unknown[]; requestId?: string; ts: number } };
 
 /** Messages sent from the panel → background → content script. */
 export type ContentMessage =

tools/openapi-resource-mocks/src/lib/mock-events.ts

@@ -3,6 +3,7 @@ export type MockEvent =
   | { type: 'caught'; args: unknown[]; requestId: string; ts: number }
   | { type: 'resolve'; value: unknown; ts: number }
   | { type: 'loading'; ts: number }
+  | { type: 'reloading'; ts: number }
   | { type: 'error'; error: unknown; ts: number }
   | { type: 'reset'; ts: number }
   | { type: 'progress'; progressType: 'upload' | 'download'; loaded: number; total?: number; ts: number };

tools/openapi-resource-mocks/src/lib/mock-resource-bus.ts

@@ -106,7 +106,11 @@ export class MockResourceBus {
       setLoading:   ()         => { ref.setLoading();   emit({ type: 'loading', ts: Date.now() }); },
       fail:         (e)        => { ref.fail(e);        emit({ type: 'error', error: e, ts: Date.now() }); },
       reset:        ()         => { ref.reset();        emit({ type: 'reset', ts: Date.now() }); },
-      reload:       ()         => ref.reload(),
+      reload:       ()         => {
+        const result = ref.reload();
+        if (result) emit({ type: 'reloading', ts: Date.now() });
+        return result;
+      },
       setProgress:  (pt, l, t) => {
         ref.setProgress(pt, l, t);
         emit({ type: 'progress', progressType: pt, loaded: l, total: t, ts: Date.now() });
@@ -191,7 +195,7 @@ export class MockResourceBus {
         case 'resolveAfter':     ref.resolveAfter(detail.delayMs ?? 0, detail.value);    break;
         case 'setLoading':       ref.setLoading();                                       break;
         case 'fail':             ref.fail(detail.value);                                 break;
-        case 'reload':           ref.reload();                                           break;
+        case 'reload':           window.__openApiMocks__?.[detail.key]?.reload();         break;
         case 'reset': {
           ref.reset();
           // If catch mode is still on, immediately re-intercept the resource.