@websublime/vite-plugin-open-api-devtools 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/{ModelsPage-CSuUHUuV.js → ModelsPage-DEKnJYaY.js} +5 -5
  2. package/dist/{ModelsPage-CSuUHUuV.js.map → ModelsPage-DEKnJYaY.js.map} +1 -1
  3. package/dist/{RoutesPage-D3FSr2Y6.js → RoutesPage-DJQFqkO5.js} +4 -4
  4. package/dist/{RoutesPage-D3FSr2Y6.js.map → RoutesPage-DJQFqkO5.js.map} +1 -1
  5. package/dist/{SimulatorPage-CzJrwWzc.js → SimulatorPage-DAwHHeu0.js} +4 -4
  6. package/dist/{SimulatorPage-CzJrwWzc.js.map → SimulatorPage-DAwHHeu0.js.map} +1 -1
  7. package/dist/{TimelinePage-HGh13pF3.js → TimelinePage-DdznQBTd.js} +7 -7
  8. package/dist/{TimelinePage-HGh13pF3.js.map → TimelinePage-DdznQBTd.js.map} +1 -1
  9. package/dist/{check-BLIoatWd.js → check-CZ-YsL8n.js} +2 -2
  10. package/dist/{check-BLIoatWd.js.map → check-CZ-YsL8n.js.map} +1 -1
  11. package/dist/devtools.css +1 -1
  12. package/dist/devtools.js +1 -1
  13. package/dist/devtools.umd.cjs +2 -2
  14. package/dist/devtools.umd.cjs.map +1 -1
  15. package/dist/{format-lBEBG5Y6.js → format-xvYNYz8d.js} +2 -2
  16. package/dist/{format-lBEBG5Y6.js.map → format-xvYNYz8d.js.map} +1 -1
  17. package/dist/{main-DKt7pJsx.js → main-C-2gO_cM.js} +250 -250
  18. package/dist/main-C-2gO_cM.js.map +1 -0
  19. package/dist/spa/assets/{ModelsPage-DqYHHuAQ.js → ModelsPage-Dlw4slrw.js} +3 -3
  20. package/dist/spa/assets/{ModelsPage-DqYHHuAQ.js.map → ModelsPage-Dlw4slrw.js.map} +1 -1
  21. package/dist/spa/assets/RoutesPage-DVkEOssu.js +2 -0
  22. package/dist/spa/assets/{RoutesPage-Bhnu6w5-.js.map → RoutesPage-DVkEOssu.js.map} +1 -1
  23. package/dist/spa/assets/SimulatorPage-C2EEtkx8.js +2 -0
  24. package/dist/spa/assets/{SimulatorPage-ROKoAmUT.js.map → SimulatorPage-C2EEtkx8.js.map} +1 -1
  25. package/dist/spa/assets/TimelinePage-C_LK2wKS.js +2 -0
  26. package/dist/spa/assets/{TimelinePage-CwR-Coxj.js.map → TimelinePage-C_LK2wKS.js.map} +1 -1
  27. package/dist/spa/assets/check-B_DaLrgB.js +2 -0
  28. package/dist/spa/assets/{check-DxJBRQqh.js.map → check-B_DaLrgB.js.map} +1 -1
  29. package/dist/spa/assets/{format-B1udViy3.js → format-r8dlo_ab.js} +2 -2
  30. package/dist/spa/assets/{format-B1udViy3.js.map → format-r8dlo_ab.js.map} +1 -1
  31. package/dist/spa/assets/index-CFIFFTBf.css +1 -0
  32. package/dist/spa/assets/index-Dff2RvrN.js +3 -0
  33. package/dist/spa/assets/index-Dff2RvrN.js.map +1 -0
  34. package/dist/spa/assets/{registry-Z11QUkpV.js → registry-DjJcdO1T.js} +2 -2
  35. package/dist/spa/assets/{registry-Z11QUkpV.js.map → registry-DjJcdO1T.js.map} +1 -1
  36. package/dist/spa/assets/{trash-2-CDyKV6GB.js → trash-2-6KJWHoOC.js} +2 -2
  37. package/dist/spa/assets/{trash-2-CDyKV6GB.js.map → trash-2-6KJWHoOC.js.map} +1 -1
  38. package/dist/spa/assets/{triangle-alert-CAGaIjAo.js → triangle-alert-Dx8lMHrF.js} +2 -2
  39. package/dist/spa/assets/{triangle-alert-CAGaIjAo.js.map → triangle-alert-Dx8lMHrF.js.map} +1 -1
  40. package/dist/spa/assets/{vue-vendor-CtA47il-.js → vue-vendor-Bkktf9yg.js} +2 -2
  41. package/dist/spa/assets/{vue-vendor-CtA47il-.js.map → vue-vendor-Bkktf9yg.js.map} +1 -1
  42. package/dist/spa/assets/x-B6bG8oob.js +2 -0
  43. package/dist/spa/assets/{x-zxrccEon.js.map → x-B6bG8oob.js.map} +1 -1
  44. package/dist/spa/index.html +3 -3
  45. package/dist/{trash-2-RxS9jzWT.js → trash-2-BiCAm7lq.js} +2 -2
  46. package/dist/{trash-2-RxS9jzWT.js.map → trash-2-BiCAm7lq.js.map} +1 -1
  47. package/dist/{triangle-alert-gLhIcFT5.js → triangle-alert-C8PD5_Zo.js} +2 -2
  48. package/dist/{triangle-alert-gLhIcFT5.js.map → triangle-alert-C8PD5_Zo.js.map} +1 -1
  49. package/dist/{x-UqfnjULc.js → x-Boe7tiDp.js} +2 -2
  50. package/dist/{x-UqfnjULc.js.map → x-Boe7tiDp.js.map} +1 -1
  51. package/package.json +12 -12
  52. package/dist/main-DKt7pJsx.js.map +0 -1
  53. package/dist/spa/assets/RoutesPage-Bhnu6w5-.js +0 -2
  54. package/dist/spa/assets/SimulatorPage-ROKoAmUT.js +0 -2
  55. package/dist/spa/assets/TimelinePage-CwR-Coxj.js +0 -2
  56. package/dist/spa/assets/check-DxJBRQqh.js +0 -2
  57. package/dist/spa/assets/index-9_6u4UTF.css +0 -1
  58. package/dist/spa/assets/index-GQ9qRqEi.js +0 -3
  59. package/dist/spa/assets/index-GQ9qRqEi.js.map +0 -1
  60. package/dist/spa/assets/useWebSocket-C2ttWF5T.js +0 -2
  61. package/dist/spa/assets/useWebSocket-C2ttWF5T.js.map +0 -1
  62. package/dist/spa/assets/x-zxrccEon.js +0 -2
@@ -0,0 +1 @@
1
+ {"version":3,"file":"main-C-2gO_cM.js","sources":["../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/shared/src/utils.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/defaultAttributes.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/Icon.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/createLucideIcon.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/clock.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/database.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/route.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/wifi-off.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/wifi.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/zap.js","../src/composables/useWebSocket.ts","../src/router.ts","../src/App.vue","../src/composables/useTheme.ts","../src/main.ts"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-width\": 2,\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { h } from 'vue';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport defaultAttributes from './defaultAttributes.js';\n\nconst Icon = ({ size, strokeWidth = 2, absoluteStrokeWidth, color, iconNode, name, class: classes, ...props }, { slots }) => {\n return h(\n \"svg\",\n {\n ...defaultAttributes,\n width: size || defaultAttributes.width,\n height: size || defaultAttributes.height,\n stroke: color || defaultAttributes.stroke,\n \"stroke-width\": absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n class: mergeClasses(\n \"lucide\",\n ...name ? [`lucide-${toKebabCase(toPascalCase(name))}-icon`, `lucide-${toKebabCase(name)}`] : [\"lucide-icon\"]\n ),\n ...props\n },\n [...iconNode.map((child) => h(...child)), ...slots.default ? [slots.default()] : []]\n );\n};\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { h } from 'vue';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => (props, { slots }) => h(\n Icon,\n {\n ...props,\n iconNode,\n name: iconName\n },\n slots\n);\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Clock = createLucideIcon(\"clock\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"polyline\", { points: \"12 6 12 12 16 14\", key: \"68esgv\" }]\n]);\n\nexport { Clock as default };\n//# sourceMappingURL=clock.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Database = createLucideIcon(\"database\", [\n [\"ellipse\", { cx: \"12\", cy: \"5\", rx: \"9\", ry: \"3\", key: \"msslwz\" }],\n [\"path\", { d: \"M3 5V19A9 3 0 0 0 21 19V5\", key: \"1wlel7\" }],\n [\"path\", { d: \"M3 12A9 3 0 0 0 21 12\", key: \"mv7ke4\" }]\n]);\n\nexport { Database as default };\n//# sourceMappingURL=database.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Route = createLucideIcon(\"route\", [\n [\"circle\", { cx: \"6\", cy: \"19\", r: \"3\", key: \"1kj8tv\" }],\n [\"path\", { d: \"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15\", key: \"1d8sl\" }],\n [\"circle\", { cx: \"18\", cy: \"5\", r: \"3\", key: \"gq8acd\" }]\n]);\n\nexport { Route as default };\n//# sourceMappingURL=route.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst WifiOff = createLucideIcon(\"wifi-off\", [\n [\"path\", { d: \"M12 20h.01\", key: \"zekei9\" }],\n [\"path\", { d: \"M8.5 16.429a5 5 0 0 1 7 0\", key: \"1bycff\" }],\n [\"path\", { d: \"M5 12.859a10 10 0 0 1 5.17-2.69\", key: \"1dl1wf\" }],\n [\"path\", { d: \"M19 12.859a10 10 0 0 0-2.007-1.523\", key: \"4k23kn\" }],\n [\"path\", { d: \"M2 8.82a15 15 0 0 1 4.177-2.643\", key: \"1grhjp\" }],\n [\"path\", { d: \"M22 8.82a15 15 0 0 0-11.288-3.764\", key: \"z3jwby\" }],\n [\"path\", { d: \"m2 2 20 20\", key: \"1ooewy\" }]\n]);\n\nexport { WifiOff as default };\n//# sourceMappingURL=wifi-off.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Wifi = createLucideIcon(\"wifi\", [\n [\"path\", { d: \"M12 20h.01\", key: \"zekei9\" }],\n [\"path\", { d: \"M2 8.82a15 15 0 0 1 20 0\", key: \"dnpr2z\" }],\n [\"path\", { d: \"M5 12.859a10 10 0 0 1 14 0\", key: \"1x1e6c\" }],\n [\"path\", { d: \"M8.5 16.429a5 5 0 0 1 7 0\", key: \"1bycff\" }]\n]);\n\nexport { Wifi as default };\n//# sourceMappingURL=wifi.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Zap = createLucideIcon(\"zap\", [\n [\n \"path\",\n {\n d: \"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\",\n key: \"1xq2db\"\n }\n ]\n]);\n\nexport { Zap as default };\n//# sourceMappingURL=zap.js.map\n","/**\n * useWebSocket Composable\n *\n * What: Provides reactive WebSocket connection management for the DevTools SPA\n * How: Manages WebSocket lifecycle with auto-reconnect and event subscription\n * Why: Enables real-time communication between DevTools and the mock server\n *\n * @module composables/useWebSocket\n */\n\nimport type { ComputedRef } from 'vue';\nimport { computed, getCurrentInstance, onMounted, ref } from 'vue';\n\n/**\n * Server event types that can be received from the server\n * These match the ServerEvent types defined in @websublime/vite-plugin-open-api-core\n */\nexport type ServerEventType =\n | 'connected'\n | 'request'\n | 'response'\n | 'timeline:cleared'\n | 'store:updated'\n | 'handler:reloaded'\n | 'handlers:updated'\n | 'seed:reloaded'\n | 'seeds:updated'\n | 'simulation:active'\n | 'simulation:added'\n | 'simulation:removed'\n | 'simulations:cleared'\n | 'registry'\n | 'timeline'\n | 'store'\n | 'store:set'\n | 'store:cleared'\n | 'simulation:set'\n | 'simulation:cleared'\n | 'reseeded'\n | 'error';\n\n/**\n * Server event structure\n */\nexport interface ServerEvent<T = unknown> {\n type: ServerEventType;\n data: T;\n}\n\n/**\n * Connected event data\n */\nexport interface ConnectedEventData {\n serverVersion: string;\n}\n\n/**\n * Client command types that can be sent to the server\n */\nexport type ClientCommandType =\n | 'get:registry'\n | 'get:timeline'\n | 'get:store'\n | 'set:store'\n | 'clear:store'\n | 'set:simulation'\n | 'clear:simulation'\n | 'clear:timeline'\n | 'reseed';\n\n/**\n * Client command structure\n */\nexport interface ClientCommand<T = unknown> {\n type: ClientCommandType;\n data?: T;\n}\n\n/**\n * WebSocket connection state\n */\nexport type ConnectionState = 'disconnected' | 'connecting' | 'connected' | 'reconnecting';\n\n/**\n * Event handler function type\n */\nexport type EventHandler<T = unknown> = (data: T) => void;\n\n/**\n * Configuration options for useWebSocket\n */\nexport interface UseWebSocketOptions {\n /**\n * WebSocket URL path (default: '/_ws')\n */\n path?: string;\n\n /**\n * Reconnection delay in milliseconds (default: 2000)\n */\n reconnectDelay?: number;\n\n /**\n * Maximum reconnection attempts (default: Infinity)\n */\n maxReconnectAttempts?: number;\n\n /**\n * Whether to auto-connect on mount (default: true)\n */\n autoConnect?: boolean;\n}\n\n/**\n * Return type for useWebSocket composable\n *\n * Provides explicit typing for the composable return value as required by CLAUDE.md\n */\nexport interface UseWebSocketReturn {\n /** Current connection state */\n connectionState: ComputedRef<ConnectionState>;\n /** Whether the WebSocket is connected */\n connected: ComputedRef<boolean>;\n /** Whether the WebSocket is attempting to reconnect */\n isReconnecting: ComputedRef<boolean>;\n /** Server version received on connection */\n serverVersion: ComputedRef<string | null>;\n /** Number of reconnection attempts made */\n reconnectAttempts: ComputedRef<number>;\n /** Connect to the WebSocket server */\n connect: () => void;\n /** Disconnect from the WebSocket server */\n disconnect: () => void;\n /** Send a command to the server */\n send: <T = unknown>(command: ClientCommand<T>) => boolean;\n /** Subscribe to a server event */\n on: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => () => void;\n /** Unsubscribe from a server event */\n off: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => void;\n /**\n * Subscribe to an event and automatically unsubscribe after the first invocation.\n * This is a standard one-shot subscription.\n */\n once: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => () => void;\n /**\n * Subscribe to an event and unsubscribe when the handler returns true.\n * Useful for conditional one-time events where you need to wait for specific data.\n */\n onUntil: <T = unknown>(\n event: ServerEventType | '*',\n handler: (data: T) => boolean | undefined,\n ) => () => void;\n /** Reset the composable state (useful for testing) */\n resetState: () => void;\n}\n\n/**\n * Default options\n */\nconst DEFAULT_OPTIONS: Required<UseWebSocketOptions> = {\n path: '/_ws',\n reconnectDelay: 2000,\n maxReconnectAttempts: Number.POSITIVE_INFINITY,\n autoConnect: true,\n};\n\n/**\n * Singleton state for WebSocket - shared across all component instances\n */\nconst connectionState = ref<ConnectionState>('disconnected');\nconst serverVersion = ref<string | null>(null);\nconst reconnectAttempts = ref(0);\n\n/**\n * Store the WebSocket instance and configuration\n */\nlet ws: WebSocket | null = null;\nlet reconnectTimer: ReturnType<typeof setTimeout> | null = null;\nlet currentOptions: Required<UseWebSocketOptions> = { ...DEFAULT_OPTIONS };\n\n/**\n * Flag to track if options have been initialized\n * Options are only set on the first call to useWebSocket or when disconnected\n */\nlet optionsInitialized = false;\n\n/**\n * Event handlers map - stores handlers for each event type\n */\nconst eventHandlers = new Map<string, Set<EventHandler>>();\n\n/**\n * Check if we're running in a browser environment\n */\nfunction isBrowser(): boolean {\n return typeof window !== 'undefined' && typeof WebSocket !== 'undefined';\n}\n\n/**\n * Check if we're inside a Vue component context\n */\nfunction hasComponentContext(): boolean {\n return getCurrentInstance() !== null;\n}\n\n/**\n * Build the WebSocket URL based on current location\n */\nfunction buildWebSocketUrl(path: string): string {\n if (!isBrowser()) {\n return `ws://localhost${path}`;\n }\n\n const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';\n return `${protocol}//${window.location.host}${path}`;\n}\n\n/**\n * Clear the reconnect timer if active\n */\nfunction clearReconnectTimer(): void {\n if (reconnectTimer !== null) {\n clearTimeout(reconnectTimer);\n reconnectTimer = null;\n }\n}\n\n/**\n * Dispatch an event to all registered handlers\n */\nfunction dispatchEvent(type: string, data: unknown): void {\n const handlers = eventHandlers.get(type);\n if (handlers) {\n for (const handler of handlers) {\n try {\n handler(data);\n } catch (error) {\n console.error(`[DevTools WebSocket] Error in event handler for '${type}':`, error);\n }\n }\n }\n\n // Also dispatch to wildcard handlers\n const wildcardHandlers = eventHandlers.get('*');\n if (wildcardHandlers) {\n for (const handler of wildcardHandlers) {\n try {\n handler({ type, data });\n } catch (error) {\n console.error('[DevTools WebSocket] Error in wildcard event handler:', error);\n }\n }\n }\n}\n\n/**\n * Handle WebSocket open event\n */\nfunction handleOpen(): void {\n connectionState.value = 'connected';\n reconnectAttempts.value = 0;\n clearReconnectTimer();\n\n if (import.meta.env.DEV) {\n console.log('[DevTools WebSocket] Connected');\n }\n}\n\n/**\n * Handle WebSocket message event\n */\nfunction handleMessage(event: MessageEvent): void {\n try {\n const message = JSON.parse(event.data) as ServerEvent;\n\n // Handle connected event specially to extract server version\n if (message.type === 'connected') {\n const connectedData = message.data as ConnectedEventData;\n serverVersion.value = connectedData.serverVersion;\n\n if (import.meta.env.DEV) {\n console.log(`[DevTools WebSocket] Server version: ${connectedData.serverVersion}`);\n }\n }\n\n // Dispatch to registered handlers\n dispatchEvent(message.type, message.data);\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to parse message:', error);\n }\n}\n\n/**\n * Handle WebSocket close event\n */\nfunction handleClose(): void {\n const wasConnected = connectionState.value === 'connected';\n connectionState.value = 'disconnected';\n ws = null;\n\n if (wasConnected && import.meta.env.DEV) {\n console.log('[DevTools WebSocket] Disconnected');\n }\n\n // Attempt to reconnect if within limits\n if (reconnectAttempts.value < currentOptions.maxReconnectAttempts) {\n connectionState.value = 'reconnecting';\n reconnectAttempts.value++;\n\n if (import.meta.env.DEV) {\n console.log(\n `[DevTools WebSocket] Reconnecting in ${currentOptions.reconnectDelay}ms (attempt ${reconnectAttempts.value})`,\n );\n }\n\n reconnectTimer = setTimeout(() => {\n connect();\n }, currentOptions.reconnectDelay);\n } else if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Max reconnection attempts reached');\n }\n}\n\n/**\n * Handle WebSocket error event\n */\nfunction handleError(event: Event): void {\n console.error('[DevTools WebSocket] Error:', event);\n}\n\n/**\n * Connect to the WebSocket server\n */\nfunction connect(): void {\n if (!isBrowser()) {\n if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Cannot connect outside browser environment');\n }\n return;\n }\n\n // Don't connect if already connected or connecting\n // Check connectionState first to prevent race condition when connect() is called rapidly\n if (\n connectionState.value === 'connecting' ||\n connectionState.value === 'connected' ||\n (ws && (ws.readyState === WebSocket.CONNECTING || ws.readyState === WebSocket.OPEN))\n ) {\n return;\n }\n\n // Clean up existing connection without resetting reconnect state\n cleanupConnection();\n\n connectionState.value = 'connecting';\n const url = buildWebSocketUrl(currentOptions.path);\n\n try {\n ws = new WebSocket(url);\n ws.onopen = handleOpen;\n ws.onmessage = handleMessage;\n ws.onclose = handleClose;\n ws.onerror = handleError;\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to create WebSocket:', error);\n connectionState.value = 'disconnected';\n }\n}\n\n/**\n * Clean up WebSocket connection without resetting reconnect state.\n * Used internally when reconnecting.\n */\nfunction cleanupConnection(): void {\n if (ws) {\n // Remove event handlers to prevent close handler from triggering reconnect\n ws.onopen = null;\n ws.onmessage = null;\n ws.onclose = null;\n ws.onerror = null;\n\n if (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING) {\n ws.close();\n }\n\n ws = null;\n }\n}\n\n/**\n * Disconnect from the WebSocket server\n */\nfunction disconnect(): void {\n clearReconnectTimer();\n cleanupConnection();\n\n connectionState.value = 'disconnected';\n reconnectAttempts.value = 0;\n}\n\n/**\n * Send a command to the server\n *\n * @param command - The command to send\n * @returns true if the command was sent, false otherwise\n */\nfunction send<T = unknown>(command: ClientCommand<T>): boolean {\n if (!ws || ws.readyState !== WebSocket.OPEN) {\n if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Cannot send command - not connected');\n }\n return false;\n }\n\n try {\n ws.send(JSON.stringify(command));\n return true;\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to send command:', error);\n return false;\n }\n}\n\n/**\n * Subscribe to a server event\n *\n * @param event - The event type to subscribe to (or '*' for all events)\n * @param handler - The handler function to call when the event is received\n * @returns An unsubscribe function\n */\nfunction on<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): () => void {\n if (!eventHandlers.has(event)) {\n eventHandlers.set(event, new Set());\n }\n\n const handlers = eventHandlers.get(event);\n if (handlers) {\n handlers.add(handler as EventHandler);\n }\n\n // Return unsubscribe function\n return () => {\n const currentHandlers = eventHandlers.get(event);\n if (currentHandlers) {\n currentHandlers.delete(handler as EventHandler);\n if (currentHandlers.size === 0) {\n eventHandlers.delete(event);\n }\n }\n };\n}\n\n/**\n * Unsubscribe from a server event\n *\n * @param event - The event type to unsubscribe from\n * @param handler - The handler function to remove\n */\nfunction off<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): void {\n const handlers = eventHandlers.get(event);\n if (handlers) {\n handlers.delete(handler as EventHandler);\n if (handlers.size === 0) {\n eventHandlers.delete(event);\n }\n }\n}\n\n/**\n * Subscribe to an event and automatically unsubscribe after the first invocation.\n * This is a standard one-shot subscription - the handler is called exactly once.\n *\n * @param event - The event type to subscribe to\n * @param handler - The handler function to call once\n * @returns An unsubscribe function (can be used to cancel before the event fires)\n *\n * @example\n * ```typescript\n * // Wait for the first 'connected' event\n * once('connected', (data) => {\n * console.log('Connected with version:', data.serverVersion);\n * });\n * ```\n */\nfunction once<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): () => void {\n const wrappedHandler: EventHandler<T> = (data) => {\n off(event, wrappedHandler);\n handler(data);\n };\n\n return on(event, wrappedHandler);\n}\n\n/**\n * Subscribe to an event and unsubscribe when the handler returns true.\n * Useful for conditional one-time events where you need to wait for specific data.\n *\n * @param event - The event type to subscribe to\n * @param handler - The handler function that returns true to unsubscribe\n * @returns An unsubscribe function\n *\n * @example\n * ```typescript\n * // Wait until we receive a response with status 200\n * onUntil('response', (data) => {\n * if (data.status === 200) {\n * console.log('Success response received');\n * return true; // Unsubscribe\n * }\n * return false; // Keep listening\n * });\n * ```\n */\nfunction onUntil<T = unknown>(\n event: ServerEventType | '*',\n handler: (data: T) => boolean | undefined,\n): () => void {\n const wrappedHandler: EventHandler<T> = (data) => {\n const result = handler(data);\n if (result === true) {\n off(event, wrappedHandler);\n }\n };\n\n return on(event, wrappedHandler);\n}\n\n/**\n * Reset the composable state (useful for testing)\n */\nfunction resetState(): void {\n disconnect();\n serverVersion.value = null;\n eventHandlers.clear();\n currentOptions = { ...DEFAULT_OPTIONS };\n optionsInitialized = false;\n}\n\n/**\n * useWebSocket composable\n *\n * Provides WebSocket connection management functionality including:\n * - Reactive connection state\n * - Auto-reconnect with configurable delay\n * - Event subscription system\n * - Command sending\n *\n * @param options - Configuration options\n * @returns WebSocket management utilities\n */\nexport function useWebSocket(options: UseWebSocketOptions = {}): UseWebSocketReturn {\n // Only merge options when not connected and not initialized, or when disconnected\n // This prevents race conditions when multiple components pass different options\n if (!optionsInitialized || connectionState.value === 'disconnected') {\n currentOptions = { ...DEFAULT_OPTIONS, ...options };\n optionsInitialized = true;\n }\n\n /**\n * Computed property indicating if the WebSocket is connected\n */\n const connected = computed(() => connectionState.value === 'connected');\n\n /**\n * Computed property indicating if the WebSocket is attempting to reconnect\n */\n const isReconnecting = computed(() => connectionState.value === 'reconnecting');\n\n // Note: We don't disconnect on component unmount because this is singleton state\n // and other components may still be using the connection.\n // The connection will be cleaned up when the page unloads.\n\n // Only register lifecycle hooks when inside a Vue component context\n if (hasComponentContext()) {\n onMounted(() => {\n if (currentOptions.autoConnect) {\n connect();\n }\n });\n }\n\n return {\n /**\n * Current connection state\n */\n connectionState: computed(() => connectionState.value),\n\n /**\n * Whether the WebSocket is connected\n */\n connected,\n\n /**\n * Whether the WebSocket is attempting to reconnect\n */\n isReconnecting,\n\n /**\n * Server version received on connection\n */\n serverVersion: computed(() => serverVersion.value),\n\n /**\n * Number of reconnection attempts made\n */\n reconnectAttempts: computed(() => reconnectAttempts.value),\n\n /**\n * Connect to the WebSocket server\n */\n connect,\n\n /**\n * Disconnect from the WebSocket server\n */\n disconnect,\n\n /**\n * Send a command to the server\n */\n send,\n\n /**\n * Subscribe to a server event\n */\n on,\n\n /**\n * Unsubscribe from a server event\n */\n off,\n\n /**\n * Subscribe to an event once (one-shot, auto-unsubscribes after first call)\n */\n once,\n\n /**\n * Subscribe to an event until handler returns true\n */\n onUntil,\n\n /**\n * Reset the composable state (useful for testing)\n */\n resetState,\n };\n}\n","/**\n * Vue Router Configuration\n *\n * What: Defines routing configuration for the DevTools SPA\n * How: Creates routes for each main page/tab in the application\n * Why: Enables navigation between different DevTools features\n */\n\nimport { createRouter, createWebHashHistory, type RouteRecordRaw } from 'vue-router';\n\n/**\n * Route definitions for the DevTools SPA\n *\n * Each route corresponds to a tab in the DevTools interface:\n * - Routes: Endpoint listing and details\n * - Timeline: Request/response log with real-time updates\n * - Models: Store data editor for viewing/modifying mock data\n * - Simulator: Error simulation controls\n */\nconst routes: RouteRecordRaw[] = [\n {\n path: '/',\n redirect: '/routes',\n },\n {\n path: '/routes',\n name: 'routes',\n component: () => import('@/pages/RoutesPage.vue'),\n meta: {\n title: 'Routes',\n icon: 'route',\n },\n },\n {\n path: '/timeline',\n name: 'timeline',\n component: () => import('@/pages/TimelinePage.vue'),\n meta: {\n title: 'Timeline',\n icon: 'clock',\n },\n },\n {\n path: '/models',\n name: 'models',\n component: () => import('@/pages/ModelsPage.vue'),\n meta: {\n title: 'Models',\n icon: 'database',\n },\n },\n {\n path: '/simulator',\n name: 'simulator',\n component: () => import('@/pages/SimulatorPage.vue'),\n meta: {\n title: 'Simulator',\n icon: 'zap',\n },\n },\n // Catch-all route for undefined paths - redirects to routes page\n {\n path: '/:pathMatch(.*)*',\n name: 'not-found',\n redirect: '/routes',\n },\n];\n\n/**\n * Create the router instance\n *\n * Uses hash history mode for compatibility when embedded in iframes\n * or served from arbitrary paths in the dev server\n */\nconst router = createRouter({\n history: createWebHashHistory(),\n routes,\n});\n\nexport { routes };\nexport default router;\n","<!--\n App.vue - Main Application Component\n\n What: Root component for the DevTools SPA\n How: Provides the main layout with header, tab navigation, and router view\n Why: Acts as the entry point for the Vue application and defines the overall structure\n-->\n\n<script setup lang=\"ts\">\nimport { Clock, Database, Route, Wifi, WifiOff, Zap } from 'lucide-vue-next';\nimport { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useWebSocket } from '@/composables/useWebSocket';\nimport { routes } from '@/router';\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Navigation tabs derived from routes\nconst tabs = computed(() =>\n routes\n .filter((r) => r.name && r.meta?.title)\n .map((r) => ({\n name: r.name as string,\n path: r.path,\n title: r.meta?.title as string,\n icon: r.meta?.icon as string,\n })),\n);\n\n// Current active tab\nconst activeTab = computed(() => route.name as string);\n\n// Navigate to a tab\nfunction navigateTo(path: string): void {\n router.push(path);\n}\n\n// Icon component map\nconst iconMap: Record<string, typeof Route> = {\n route: Route,\n clock: Clock,\n database: Database,\n zap: Zap,\n};\n\n// Get icon with fallback for unknown icon names\nfunction getIcon(iconName: string): typeof Route {\n const icon = iconMap[iconName];\n if (!icon && import.meta.env.DEV) {\n console.warn(`[DevTools] Unknown icon name: \"${iconName}\". Using fallback.`);\n }\n return icon ?? Route;\n}\n\n// Connection status from WebSocket composable\nconst { connected: isConnected } = useWebSocket();\n</script>\n\n<template>\n <div class=\"app\">\n <!-- Header with branding and connection status -->\n <header class=\"app-header\">\n <div class=\"app-header__brand\">\n <Zap class=\"app-header__logo\" :size=\"20\" />\n <span class=\"app-header__title\">OpenAPI DevTools</span>\n </div>\n\n <!-- Tab Navigation -->\n <nav class=\"app-nav\" role=\"tablist\" aria-label=\"DevTools navigation\">\n <button\n v-for=\"tab in tabs\"\n :key=\"tab.name\"\n role=\"tab\"\n :aria-selected=\"activeTab === tab.name\"\n :aria-current=\"activeTab === tab.name ? 'true' : undefined\"\n :aria-controls=\"`panel-${tab.name}`\"\n :tabindex=\"0\"\n :class=\"[\n 'app-nav__tab',\n { 'app-nav__tab--active': activeTab === tab.name },\n ]\"\n @click=\"navigateTo(tab.path)\"\n >\n <component\n :is=\"getIcon(tab.icon)\"\n :size=\"16\"\n class=\"app-nav__icon\"\n />\n <span class=\"app-nav__label\">{{ tab.title }}</span>\n </button>\n </nav>\n\n <!-- Connection Status -->\n <div class=\"app-header__status\">\n <div class=\"connection-status\">\n <span\n :class=\"[\n 'connection-status__dot',\n isConnected\n ? 'connection-status__dot--connected'\n : 'connection-status__dot--disconnected',\n ]\"\n />\n <span class=\"connection-status__text\">\n {{ isConnected ? 'Connected' : 'Disconnected' }}\n </span>\n <component\n :is=\"isConnected ? Wifi : WifiOff\"\n :size=\"14\"\n class=\"connection-status__icon\"\n />\n </div>\n </div>\n </header>\n\n <!-- Main Content Area -->\n <main class=\"app-main\">\n <router-view v-slot=\"{ Component }\">\n <transition name=\"fade\" mode=\"out-in\">\n <component :is=\"Component\" />\n </transition>\n </router-view>\n </main>\n </div>\n</template>\n\n<style scoped>\n.app {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background-color: var(--devtools-bg);\n}\n\n/* Header styles */\n.app-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: var(--devtools-header-height);\n padding: 0 var(--devtools-space-md);\n background-color: var(--devtools-surface);\n border-bottom: 1px solid var(--devtools-border);\n position: sticky;\n top: 0;\n z-index: 100;\n}\n\n.app-header__brand {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n.app-header__logo {\n color: var(--devtools-primary);\n}\n\n.app-header__title {\n font-weight: var(--font-weight-6);\n font-size: var(--font-size-1);\n color: var(--devtools-text);\n}\n\n.app-header__status {\n display: flex;\n align-items: center;\n}\n\n/* Navigation styles */\n.app-nav {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n height: 100%;\n}\n\n.app-nav__tab {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n height: 100%;\n padding: 0 var(--devtools-space-md);\n background: none;\n border: none;\n border-bottom: 2px solid transparent;\n color: var(--devtools-text-muted);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.app-nav__tab:hover {\n color: var(--devtools-text);\n background-color: var(--devtools-surface-elevated);\n}\n\n.app-nav__tab:focus {\n outline: none;\n}\n\n.app-nav__tab:focus-visible {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n background-color: var(--devtools-surface-elevated);\n}\n\n/* High contrast mode support */\n@media (forced-colors: active) {\n .app-nav__tab:focus-visible {\n outline: 3px solid CanvasText;\n outline-offset: 2px;\n }\n}\n\n.app-nav__tab--active {\n color: var(--devtools-primary);\n border-bottom-color: var(--devtools-primary);\n}\n\n.app-nav__tab--active:focus-visible {\n outline-color: var(--devtools-primary-hover);\n}\n\n.app-nav__icon {\n flex-shrink: 0;\n}\n\n.app-nav__label {\n white-space: nowrap;\n}\n\n/* Connection status styles */\n.connection-status {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.connection-status__icon {\n opacity: 0.7;\n}\n\n/* Main content styles */\n.app-main {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n</style>\n\n<style>\n/* Page transition - must be unscoped to apply to router-view children */\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity var(--devtools-transition-normal);\n}\n\n.fade-enter-from,\n.fade-leave-to {\n opacity: 0;\n}\n</style>\n","/**\n * useTheme Composable\n *\n * What: Provides reactive theme management for the DevTools SPA\n * How: Uses CSS class on document root and localStorage for persistence\n * Why: Allows users to switch between dark and light mode, respecting system preference\n */\n\nimport { computed, getCurrentInstance, onMounted, onUnmounted, ref, watch } from 'vue';\n\n/**\n * Theme mode type\n */\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\n/**\n * Valid theme modes for type guard validation\n */\nconst VALID_THEME_MODES: readonly ThemeMode[] = ['light', 'dark', 'system'];\n\n/**\n * Type guard to check if a value is a valid ThemeMode\n */\nfunction isThemeMode(value: unknown): value is ThemeMode {\n return typeof value === 'string' && VALID_THEME_MODES.includes(value as ThemeMode);\n}\n\n/**\n * Storage key for persisting theme preference\n */\nconst STORAGE_KEY = 'openapi-devtools-theme';\n\n/**\n * Singleton state for theme - shared across all component instances\n */\nconst themeMode = ref<ThemeMode>('system');\nconst systemPrefersDark = ref(false);\n\n/**\n * Track the current mediaQuery and handler for cleanup\n */\nlet currentMediaQuery: MediaQueryList | null = null;\nlet currentMediaHandler: ((e: MediaQueryListEvent) => void) | null = null;\n\n/**\n * Check if we're running in a browser environment\n */\nfunction isBrowser(): boolean {\n return typeof window !== 'undefined' && typeof document !== 'undefined';\n}\n\n/**\n * Check if we're inside a Vue component context\n * This allows the composable to work both inside and outside components\n */\nfunction hasComponentContext(): boolean {\n return getCurrentInstance() !== null;\n}\n\n/**\n * useTheme composable\n *\n * Provides theme management functionality including:\n * - Reactive theme state\n * - System preference detection\n * - Theme toggling\n * - LocalStorage persistence\n *\n * @returns Theme management utilities\n */\nexport function useTheme() {\n /**\n * Computed property for the effective theme (resolved from system if needed)\n */\n const effectiveTheme = computed<'light' | 'dark'>(() => {\n if (themeMode.value === 'system') {\n return systemPrefersDark.value ? 'dark' : 'light';\n }\n return themeMode.value;\n });\n\n /**\n * Computed property indicating if dark mode is active\n */\n const isDark = computed(() => effectiveTheme.value === 'dark');\n\n /**\n * Apply the current theme to the document\n */\n function applyTheme(): void {\n if (!isBrowser()) return;\n\n const root = document.documentElement;\n\n if (effectiveTheme.value === 'dark') {\n root.classList.add('dark');\n root.classList.remove('light');\n } else {\n root.classList.add('light');\n root.classList.remove('dark');\n }\n }\n\n /**\n * Set the theme mode\n */\n function setTheme(mode: ThemeMode): void {\n if (!isThemeMode(mode)) {\n console.warn(`[DevTools] Invalid theme mode: ${mode}`);\n return;\n }\n\n themeMode.value = mode;\n\n if (isBrowser()) {\n try {\n localStorage.setItem(STORAGE_KEY, mode);\n } catch {\n // Storage unavailable (private browsing, quota exceeded, etc.)\n console.warn('[DevTools] Unable to persist theme preference');\n }\n }\n }\n\n /**\n * Toggle between light and dark mode\n * If currently in system mode, switch to the opposite of system preference\n */\n function toggleTheme(): void {\n if (themeMode.value === 'system') {\n // Switch to explicit mode opposite of system preference\n setTheme(systemPrefersDark.value ? 'light' : 'dark');\n } else {\n // Toggle between light and dark\n setTheme(themeMode.value === 'dark' ? 'light' : 'dark');\n }\n }\n\n /**\n * Reset to system preference\n */\n function resetToSystem(): void {\n setTheme('system');\n }\n\n /**\n * Clean up the media query listener\n */\n function cleanupMediaQuery(): void {\n if (currentMediaQuery && currentMediaHandler) {\n currentMediaQuery.removeEventListener('change', currentMediaHandler);\n currentMediaQuery = null;\n currentMediaHandler = null;\n }\n }\n\n /**\n * Initialize theme from storage and system preference\n */\n function initialize(): void {\n if (!isBrowser()) return;\n\n // Clean up any existing media query listener before adding a new one\n cleanupMediaQuery();\n\n // Check system preference\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n systemPrefersDark.value = mediaQuery.matches;\n\n // Create and store the handler for cleanup\n const handler = (e: MediaQueryListEvent): void => {\n systemPrefersDark.value = e.matches;\n };\n\n // Listen for system preference changes\n mediaQuery.addEventListener('change', handler);\n\n // Store references for cleanup\n currentMediaQuery = mediaQuery;\n currentMediaHandler = handler;\n\n // Load saved preference from localStorage\n try {\n const saved = localStorage.getItem(STORAGE_KEY);\n if (isThemeMode(saved)) {\n themeMode.value = saved;\n }\n } catch {\n // Storage unavailable (private browsing, etc.)\n }\n\n // Apply initial theme\n applyTheme();\n }\n\n /**\n * Reset theme state to defaults (useful for testing)\n * This resets the singleton state and cleans up listeners\n */\n function resetState(): void {\n cleanupMediaQuery();\n themeMode.value = 'system';\n systemPrefersDark.value = false;\n\n if (isBrowser()) {\n const root = document.documentElement;\n root.classList.remove('dark', 'light');\n\n try {\n localStorage.removeItem(STORAGE_KEY);\n } catch {\n // Storage unavailable\n }\n }\n }\n\n // Watch for theme changes and apply them\n watch([themeMode, systemPrefersDark], () => {\n applyTheme();\n });\n\n // Only register lifecycle hooks when inside a Vue component context\n // This allows the composable to be used in tests without Vue warnings\n if (hasComponentContext()) {\n // Initialize on mount\n onMounted(() => {\n initialize();\n });\n\n // Clean up on unmount\n onUnmounted(() => {\n cleanupMediaQuery();\n });\n }\n\n return {\n /**\n * Current theme mode setting ('light', 'dark', or 'system')\n */\n themeMode: computed(() => themeMode.value),\n\n /**\n * The effective theme after resolving 'system' mode\n */\n effectiveTheme,\n\n /**\n * Whether dark mode is currently active\n */\n isDark,\n\n /**\n * Whether the system prefers dark mode\n */\n systemPrefersDark: computed(() => systemPrefersDark.value),\n\n /**\n * Set the theme mode\n */\n setTheme,\n\n /**\n * Toggle between light and dark mode\n */\n toggleTheme,\n\n /**\n * Reset to system preference\n */\n resetToSystem,\n\n /**\n * Manually initialize theme (useful for SSR hydration)\n */\n initialize,\n\n /**\n * Reset theme state to defaults (useful for testing)\n */\n resetState,\n };\n}\n","/**\n * Main Entry Point for DevTools SPA\n *\n * What: Initializes and mounts the Vue application\n * How: Creates Vue app instance with Pinia and Vue Router\n * Why: Required entry point for the DevTools SPA\n */\n\nimport { createPinia } from 'pinia';\nimport type { App } from 'vue';\nimport { createApp } from 'vue';\n\nimport AppComponent from '@/App.vue';\nimport router from '@/router';\nimport { initializeStores } from '@/stores';\n\n// Import global styles\nimport '@/assets/main.css';\n\n/**\n * Module-scoped guard to ensure bootstrap only runs once\n */\nlet isBootstrapped = false;\nlet appInstance: App | null = null;\n\n/**\n * Create and configure the Vue application\n * This function is idempotent - calling it multiple times has no effect\n * after the first successful call.\n *\n * @returns The Vue app instance, or null if already bootstrapped\n */\nfunction bootstrap(): App | null {\n // Guard against multiple bootstrap calls\n if (isBootstrapped) {\n if (import.meta.env.DEV) {\n console.warn('[OpenAPI DevTools] Application already initialized, skipping bootstrap');\n }\n return appInstance;\n }\n\n // Create Vue app instance\n const app = createApp(AppComponent);\n\n // Create Pinia store instance\n const pinia = createPinia();\n\n // Install plugins\n app.use(pinia);\n app.use(router);\n\n // Initialize stores after Pinia is installed\n initializeStores();\n\n // Mount the app to the DOM\n app.mount('#app');\n\n // Mark as bootstrapped and store the instance\n isBootstrapped = true;\n appInstance = app;\n\n // Log startup info in development\n if (import.meta.env.DEV) {\n console.log('[OpenAPI DevTools] Application initialized');\n }\n\n return app;\n}\n\n// Only auto-bootstrap when running as standalone app (index.html entry)\n// When imported as a library, consumers should call bootstrap() manually\nif (typeof window !== 'undefined' && document.getElementById('app')) {\n bootstrap();\n}\n\n/**\n * Export the bootstrap function for library consumers\n * who may want to manually initialize the DevTools\n */\nexport { bootstrap };\n\nexport type {\n ClientCommand,\n ClientCommandType,\n ConnectedEventData,\n ConnectionState,\n EventHandler,\n ServerEvent,\n ServerEventType,\n ThemeMode,\n UseWebSocketOptions,\n UseWebSocketReturn,\n} from '@/composables';\n// Re-export composables for library consumers\nexport { useTheme, useWebSocket } from '@/composables';\n"],"names":["toKebabCase","string","toCamelCase","match","p1","p2","toPascalCase","camelCase","mergeClasses","classes","className","index","array","defaultAttributes","Icon","size","strokeWidth","absoluteStrokeWidth","color","iconNode","name","props","slots","h","child","createLucideIcon","iconName","Clock","Database","Route","WifiOff","Wifi","Zap","DEFAULT_OPTIONS","connectionState","ref","serverVersion","reconnectAttempts","ws","reconnectTimer","currentOptions","optionsInitialized","eventHandlers","isBrowser","hasComponentContext","getCurrentInstance","buildWebSocketUrl","path","clearReconnectTimer","dispatchEvent","type","data","handlers","handler","error","wildcardHandlers","handleOpen","handleMessage","event","message","connectedData","handleClose","connect","handleError","cleanupConnection","url","disconnect","send","command","on","currentHandlers","off","once","wrappedHandler","onUntil","resetState","useWebSocket","options","connected","computed","isReconnecting","onMounted","routes","router","createRouter","createWebHashHistory","route","useRoute","useRouter","tabs","r","activeTab","navigateTo","iconMap","getIcon","isConnected","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","_unref","_cache","_hoisted_4","_Fragment","_renderList","tab","_normalizeClass","$event","_createBlock","_resolveDynamicComponent","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_component_router_view","_withCtx","Component","_Transition","VALID_THEME_MODES","isThemeMode","value","STORAGE_KEY","themeMode","systemPrefersDark","currentMediaQuery","currentMediaHandler","useTheme","effectiveTheme","isDark","applyTheme","root","setTheme","mode","toggleTheme","resetToSystem","cleanupMediaQuery","initialize","mediaQuery","e","saved","watch","onUnmounted","isBootstrapped","appInstance","bootstrap","app","createApp","AppComponent","pinia","createPinia"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9]}
@@ -1,4 +1,4 @@
1
- import{D as Q,g as $,C,G as Z,d as H,B as K,b as y,e as t,F as z,r as q,t as S,H as ee,s as j,f as T,u as r,o as h,I as se,z as te,i as ae,n as ne,v as L,E as oe,J as le,K as re}from"./vue-vendor-CtA47il-.js";import{C as ie}from"./check-DxJBRQqh.js";import{c as B,_ as W,D as P}from"./index-GQ9qRqEi.js";import{u as ce}from"./useWebSocket-C2ttWF5T.js";import{X as de}from"./x-zxrccEon.js";import{T as ue}from"./trash-2-CDyKV6GB.js";const me=B("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);const fe=B("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);const ve=B("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]);function O(l){try{return structuredClone(Z(l))}catch{return JSON.parse(JSON.stringify(l))}}const he=Q("models",()=>{const l=C([]),e=C(null),d=C([]),u=C([]),m=C(!1),o=C(null),f=$(()=>e.value?l.value.find(a=>a.name===e.value)??null:null),_=C(!1),i=$(()=>_.value),v=$(()=>l.value.length),k=$(()=>l.value.reduce((a,p)=>a+p.count,0));async function E(){m.value=!0,o.value=null;try{const a=await fetch("/_api/store");if(!a.ok)throw new Error(`Failed to fetch schemas: ${a.statusText}`);const p=await a.json();l.value=p.schemas??[]}catch(a){o.value=a instanceof Error?a.message:"Failed to fetch schemas",console.error("[ModelsStore] Error fetching schemas:",a)}finally{m.value=!1}}async function D(a){e.value!==a&&(e.value=a,await x(a))}async function x(a){m.value=!0,o.value=null;try{const p=await fetch(`/_api/store/${encodeURIComponent(a)}`);if(!p.ok)throw new Error(`Failed to fetch schema data: ${p.statusText}`);const I=await p.json(),N=I.items??[];d.value=O(N),u.value=O(N),_.value=!1;const U=l.value.findIndex(Y=>Y.name===a);U!==-1&&(l.value[U].count=I.count)}catch(p){o.value=p instanceof Error?p.message:"Failed to fetch schema data",console.error("[ModelsStore] Error fetching schema data:",p)}finally{m.value=!1}}function V(a){if(!Array.isArray(a)){o.value="Invalid data: Expected an array of items",console.error("[ModelsStore] updateItems received non-array value:",typeof a);return}d.value=a,o.value=null,_.value=!0}async function c(){if(!e.value)return o.value="No schema selected",!1;m.value=!0,o.value=null;try{const a=await fetch(`/_api/store/${encodeURIComponent(e.value)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d.value)});if(!a.ok){const N=await a.json().catch(()=>({}));throw new Error(N.error||`Failed to save items: ${a.statusText}`)}const p=await a.json();u.value=O(d.value),_.value=!1;const I=l.value.findIndex(N=>N.name===e.value);return I!==-1&&(l.value[I].count=p.created??d.value.length),!0}catch(a){return o.value=a instanceof Error?a.message:"Failed to save items",console.error("[ModelsStore] Error saving items:",a),!1}finally{m.value=!1}}async function n(){if(!e.value)return o.value="No schema selected",!1;m.value=!0,o.value=null;try{const a=await fetch(`/_api/store/${encodeURIComponent(e.value)}`,{method:"DELETE"});if(!a.ok)throw new Error(`Failed to clear schema: ${a.statusText}`);d.value=[],u.value=[],_.value=!1;const p=l.value.findIndex(I=>I.name===e.value);return p!==-1&&(l.value[p].count=0),!0}catch(a){return o.value=a instanceof Error?a.message:"Failed to clear schema",console.error("[ModelsStore] Error clearing schema:",a),!1}finally{m.value=!1}}function s(){d.value=O(u.value),_.value=!1}async function g(){e.value?await x(e.value):await E()}function M(){l.value=[],e.value=null,d.value=[],u.value=[],m.value=!1,o.value=null,_.value=!1}function A(a){const p=l.value.findIndex(I=>I.name===a.schema);p!==-1&&(l.value[p].count=a.count),e.value===a.schema&&(i.value?console.warn(`[ModelsStore] Skipping auto-refresh for schema "${a.schema}" - unsaved changes exist`):x(a.schema))}function X(a){a.success&&(E(),e.value&&(i.value?console.warn(`[ModelsStore] Skipping auto-refresh after reseed for schema "${e.value}" - unsaved changes exist`):x(e.value)))}return{schemas:l,selectedSchema:e,currentItems:d,loading:m,error:o,currentSchema:f,isDirty:i,schemaCount:v,totalItems:k,fetchSchemas:E,selectSchemaByName:D,fetchSchemaData:x,updateItems:V,saveItems:c,clearSchema:n,discardChanges:s,refresh:g,reset:M,handleStoreUpdate:A,handleReseedComplete:X}}),pe={class:"json-editor"},ye={class:"json-editor__container"},_e={class:"json-editor__lines","aria-hidden":"true"},ge=["value","readonly","placeholder"],be={class:"json-editor__status"},Se={class:"json-editor__status-left"},Ce={key:0,class:"json-editor__valid"},we={key:1,class:"json-editor__error"},ke={class:"json-editor__status-right"},xe={class:"json-editor__info"},Ie=H({__name:"JsonEditor",props:{modelValue:{},readonly:{type:Boolean,default:!1},placeholder:{default:"Enter JSON data..."},minHeight:{default:200}},emits:["update:modelValue"],setup(l,{expose:e,emit:d}){const u=l,m=d,o=C(""),f=C(null),_=$(()=>f.value===null),i=$(()=>o.value.split(`
1
+ import{E as Q,c as $,r as C,H as Z,d as H,D as K,e as y,f as t,F as z,j as q,t as S,I as ee,y as j,i as T,u as r,s as h,J as se,o as te,k as ae,n as ne,z as B,G as oe,K as le,L as re}from"./vue-vendor-Bkktf9yg.js";import{C as ie}from"./check-B_DaLrgB.js";import{c as L,_ as W,u as ce,D as P}from"./index-Dff2RvrN.js";import{X as de}from"./x-B6bG8oob.js";import{T as ue}from"./trash-2-6KJWHoOC.js";const me=L("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]]);const fe=L("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);const ve=L("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]);function O(l){try{return structuredClone(Z(l))}catch{return JSON.parse(JSON.stringify(l))}}const he=Q("models",()=>{const l=C([]),e=C(null),d=C([]),u=C([]),m=C(!1),o=C(null),f=$(()=>e.value?l.value.find(a=>a.name===e.value)??null:null),_=C(!1),i=$(()=>_.value),v=$(()=>l.value.length),k=$(()=>l.value.reduce((a,p)=>a+p.count,0));async function E(){m.value=!0,o.value=null;try{const a=await fetch("/_api/store");if(!a.ok)throw new Error(`Failed to fetch schemas: ${a.statusText}`);const p=await a.json();l.value=p.schemas??[]}catch(a){o.value=a instanceof Error?a.message:"Failed to fetch schemas",console.error("[ModelsStore] Error fetching schemas:",a)}finally{m.value=!1}}async function D(a){e.value!==a&&(e.value=a,await x(a))}async function x(a){m.value=!0,o.value=null;try{const p=await fetch(`/_api/store/${encodeURIComponent(a)}`);if(!p.ok)throw new Error(`Failed to fetch schema data: ${p.statusText}`);const I=await p.json(),N=I.items??[];d.value=O(N),u.value=O(N),_.value=!1;const U=l.value.findIndex(Y=>Y.name===a);U!==-1&&(l.value[U].count=I.count)}catch(p){o.value=p instanceof Error?p.message:"Failed to fetch schema data",console.error("[ModelsStore] Error fetching schema data:",p)}finally{m.value=!1}}function V(a){if(!Array.isArray(a)){o.value="Invalid data: Expected an array of items",console.error("[ModelsStore] updateItems received non-array value:",typeof a);return}d.value=a,o.value=null,_.value=!0}async function c(){if(!e.value)return o.value="No schema selected",!1;m.value=!0,o.value=null;try{const a=await fetch(`/_api/store/${encodeURIComponent(e.value)}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d.value)});if(!a.ok){const N=await a.json().catch(()=>({}));throw new Error(N.error||`Failed to save items: ${a.statusText}`)}const p=await a.json();u.value=O(d.value),_.value=!1;const I=l.value.findIndex(N=>N.name===e.value);return I!==-1&&(l.value[I].count=p.created??d.value.length),!0}catch(a){return o.value=a instanceof Error?a.message:"Failed to save items",console.error("[ModelsStore] Error saving items:",a),!1}finally{m.value=!1}}async function n(){if(!e.value)return o.value="No schema selected",!1;m.value=!0,o.value=null;try{const a=await fetch(`/_api/store/${encodeURIComponent(e.value)}`,{method:"DELETE"});if(!a.ok)throw new Error(`Failed to clear schema: ${a.statusText}`);d.value=[],u.value=[],_.value=!1;const p=l.value.findIndex(I=>I.name===e.value);return p!==-1&&(l.value[p].count=0),!0}catch(a){return o.value=a instanceof Error?a.message:"Failed to clear schema",console.error("[ModelsStore] Error clearing schema:",a),!1}finally{m.value=!1}}function s(){d.value=O(u.value),_.value=!1}async function g(){e.value?await x(e.value):await E()}function M(){l.value=[],e.value=null,d.value=[],u.value=[],m.value=!1,o.value=null,_.value=!1}function A(a){const p=l.value.findIndex(I=>I.name===a.schema);p!==-1&&(l.value[p].count=a.count),e.value===a.schema&&(i.value?console.warn(`[ModelsStore] Skipping auto-refresh for schema "${a.schema}" - unsaved changes exist`):x(a.schema))}function X(a){a.success&&(E(),e.value&&(i.value?console.warn(`[ModelsStore] Skipping auto-refresh after reseed for schema "${e.value}" - unsaved changes exist`):x(e.value)))}return{schemas:l,selectedSchema:e,currentItems:d,loading:m,error:o,currentSchema:f,isDirty:i,schemaCount:v,totalItems:k,fetchSchemas:E,selectSchemaByName:D,fetchSchemaData:x,updateItems:V,saveItems:c,clearSchema:n,discardChanges:s,refresh:g,reset:M,handleStoreUpdate:A,handleReseedComplete:X}}),pe={class:"json-editor"},ye={class:"json-editor__container"},_e={class:"json-editor__lines","aria-hidden":"true"},ge=["value","readonly","placeholder"],be={class:"json-editor__status"},Se={class:"json-editor__status-left"},Ce={key:0,class:"json-editor__valid"},we={key:1,class:"json-editor__error"},ke={class:"json-editor__status-right"},xe={class:"json-editor__info"},Ie=H({__name:"JsonEditor",props:{modelValue:{},readonly:{type:Boolean,default:!1},placeholder:{default:"Enter JSON data..."},minHeight:{default:200}},emits:["update:modelValue"],setup(l,{expose:e,emit:d}){const u=l,m=d,o=C(""),f=C(null),_=$(()=>f.value===null),i=$(()=>o.value.split(`
2
2
  `).length),v=$(()=>Array.from({length:i.value},(c,n)=>n+1));function k(){try{o.value=JSON.stringify(u.modelValue,null,2),f.value=null}catch{o.value="",f.value="Invalid initial value"}}k(),K(()=>u.modelValue,()=>{try{const c=JSON.parse(o.value);JSON.stringify(c)!==JSON.stringify(u.modelValue)&&k()}catch{k()}});function E(c){const n=c.target;o.value=n.value,D()}function D(){if(o.value.trim()===""){f.value=null,m("update:modelValue",[]);return}try{const c=JSON.parse(o.value);f.value=null,m("update:modelValue",c)}catch(c){if(c instanceof Error){const n=c.message.match(/position (\d+)/);if(n){const s=Number.parseInt(n[1],10),g=o.value.substring(0,s).split(`
3
- `),M=g.length,A=g[g.length-1].length+1;f.value=`Line ${M}, Column ${A}: ${c.message}`}else f.value=c.message}else f.value="Invalid JSON"}}function x(){try{const c=JSON.parse(o.value);o.value=JSON.stringify(c,null,2),f.value=null,m("update:modelValue",c)}catch{}}function V(c){if(c.key==="Tab"){c.preventDefault();const n=c.target,s=n.selectionStart,g=n.selectionEnd,M=`${o.value.substring(0,s)} ${o.value.substring(g)}`;o.value=M,setTimeout(()=>{n.selectionStart=n.selectionEnd=s+2},0),D()}}return e({formatJson:x,isValid:_}),(c,n)=>(h(),y("div",pe,[t("div",ye,[t("div",_e,[(h(!0),y(z,null,q(v.value,s=>(h(),y("div",{key:s,class:"json-editor__line-number"},S(s),1))),128))]),t("textarea",{value:o.value,readonly:l.readonly,placeholder:l.placeholder,style:ee({minHeight:`${l.minHeight}px`}),class:"json-editor__textarea",spellcheck:"false",onInput:E,onKeydown:V},null,44,ge)]),t("div",be,[t("div",Se,[_.value?(h(),y("div",Ce,[T(r(ie),{size:14}),n[0]||(n[0]=t("span",null,"Valid JSON",-1))])):f.value?(h(),y("div",we,[T(r(me),{size:14}),t("span",null,S(f.value),1)])):j("",!0)]),t("div",ke,[t("span",xe,S(i.value)+" lines",1)])])]))}}),Te=W(Ie,[["__scopeId","data-v-dbd5ce20"]]),F=C([]),w=se({visible:!1,title:"",message:"",confirmText:"Confirm",cancelText:"Cancel",onConfirm:null,onCancel:null}),J=new Map;let b=null,Ee=0;function $e(){return`toast-${Date.now()}-${Ee++}`}function R(l,e,d=3e3){const u=$e(),m={id:u,type:l,message:e,duration:d,timestamp:Date.now()};if(F.value.push(m),d>0){const o=setTimeout(()=>{G(u),J.delete(u)},d);J.set(u,o)}return u}function G(l){const e=J.get(l);e!==void 0&&(clearTimeout(e),J.delete(l));const d=F.value.findIndex(u=>u.id===l);d!==-1&&F.value.splice(d,1)}function De(){function l(i,v){return R("success",i,v)}function e(i,v){return R("error",i,v)}function d(i,v){return R("info",i,v)}function u(i,v){return R("warning",i,v)}function m(i,v){return new Promise(k=>{b&&(b(!1),b=null),b=k,w.visible=!0,w.title=v?.title||"Confirm",w.message=i,w.confirmText=v?.confirmText||"Confirm",w.cancelText=v?.cancelText||"Cancel",w.onConfirm=()=>{w.visible=!1,b&&(b(!0),b=null)},w.onCancel=()=>{w.visible=!1,b&&(b(!1),b=null)}})}function o(){w.visible=!1,b&&(b(!1),b=null)}function f(i){G(i)}function _(){for(const i of J.values())clearTimeout(i);J.clear(),F.value=[]}return{toasts:F,confirmDialog:w,success:l,error:e,info:d,warning:u,dismiss:f,clearAll:_,confirm:m,closeConfirm:o}}const Me={class:"models-page"},Ne={class:"models-sidebar"},je={class:"models-sidebar__header"},Je={class:"models-sidebar__badge"},Ve={key:0,class:"models-sidebar__loading"},Fe={key:1,class:"models-sidebar__list"},Oe=["onClick"],Re={class:"models-sidebar__name"},ze={class:"models-sidebar__count"},Ae={class:"models-sidebar__footer"},Be={class:"models-sidebar__stat"},Ue={class:"font-mono"},Le={class:"models-content"},Pe={class:"models-toolbar"},He={class:"models-toolbar__title"},Ke={class:"font-mono"},qe={class:"text-muted"},We={key:0,class:"models-toolbar__badge models-toolbar__badge--warning"},Ge={class:"models-toolbar__actions"},Xe=["disabled"],Ye=["disabled"],Qe={key:0,class:"models-error"},Ze={class:"models-editor"},es={key:1,class:"models-loading-overlay"},ss={key:1,class:"empty-state"},ts={key:0,class:"models-error"},as={class:"modal__body"},ns={class:"modal__footer"},os=H({__name:"ModelsPage",setup(l){const e=he(),{send:d,on:u,connected:m}=ce(),{success:o,error:f,confirm:_}=De(),i=C(null),v=C(!1);te(async()=>{try{await e.fetchSchemas(),e.schemas.length>0&&!e.selectedSchema&&await e.selectSchemaByName(e.schemas[0].name)}catch(n){e.error||(e.error=n instanceof Error?n.message:"Failed to load schemas")}}),u("store:updated",n=>{const s=n;if(typeof n!="object"||n===null||typeof s.schema!="string"||typeof s.action!="string"||typeof s.count!="number"){console.warn("[ModelsPage] Invalid store:updated payload:",n);return}e.handleStoreUpdate(n)}),u("reseeded",n=>{const s=n;if(typeof n!="object"||n===null||typeof s.success!="boolean"||!Array.isArray(s.schemas)){console.warn("[ModelsPage] Invalid reseeded payload:",n);return}e.handleReseedComplete(n)}),K(()=>e.selectedSchema,async()=>{i.value&&e.currentItems.length>0&&(await re(),i.value?.formatJson())});async function k(n){e.isDirty&&!await _("You have unsaved changes. Are you sure you want to switch schemas?",{title:"Unsaved Changes",confirmText:"Switch Schema",cancelText:"Cancel"})||await e.selectSchemaByName(n)}async function E(){if(!i.value?.isValid){f("Cannot save invalid JSON. Please fix the errors first.");return}if(await e.saveItems())o("Items saved successfully");else{const s=e.error||"Failed to save items";f(s)}}async function D(){if(!e.isDirty)return;await _("Discard all changes and revert to saved data?",{title:"Discard Changes",confirmText:"Discard",cancelText:"Cancel"})&&(e.discardChanges(),o("Changes discarded"))}async function x(){v.value=!1;try{if(await e.clearSchema())o("Schema cleared successfully");else{const s=e.error||"Failed to clear schema";f(s)}}catch(n){const s=n instanceof Error?n.message:"Failed to clear schema";f(s)}}async function V(){if(!m.value){f("WebSocket not connected. Cannot trigger reseed.");return}await _("This will regenerate all seed data and replace existing items. Continue?",{title:"Reseed All Schemas",confirmText:"Reseed",cancelText:"Cancel"})&&(d({type:"reseed"}),o("Reseed command sent"))}function c(n){e.updateItems(n)}return(n,s)=>(h(),y("div",Me,[t("aside",Ne,[t("div",je,[T(r(P),{size:18}),s[4]||(s[4]=t("span",null,"Schemas",-1)),t("span",Je,S(r(e).schemaCount),1)]),r(e).loading&&r(e).schemas.length===0?(h(),y("div",Ve,[...s[5]||(s[5]=[t("div",{class:"spinner"},null,-1),t("span",null,"Loading...",-1)])])):(h(),y("div",Fe,[(h(!0),y(z,null,q(r(e).schemas,g=>(h(),y("button",{key:g.name,class:ne(["models-sidebar__item",{"models-sidebar__item--active":r(e).selectedSchema===g.name}]),onClick:M=>k(g.name)},[t("span",Re,S(g.name),1),t("span",ze,S(g.count),1)],10,Oe))),128))])),t("div",Ae,[t("div",Be,[s[6]||(s[6]=t("span",{class:"text-muted"},"Total Items:",-1)),t("span",Ue,S(r(e).totalItems),1)])])]),t("main",Le,[r(e).selectedSchema?(h(),y(z,{key:0},[t("div",Pe,[t("div",He,[t("span",Ke,S(r(e).selectedSchema),1),t("span",qe,"("+S(r(e).currentItems.length)+" items)",1),r(e).isDirty?(h(),y("span",We," Unsaved ")):j("",!0)]),t("div",Ge,[r(e).isDirty?(h(),y("button",{key:0,class:"btn btn--ghost",title:"Discard changes",onClick:D},[T(r(de),{size:16}),s[7]||(s[7]=t("span",null,"Discard",-1))])):j("",!0),t("button",{disabled:!r(e).isDirty||r(e).loading,class:"btn btn--primary",title:"Save changes",onClick:E},[T(r(ve),{size:16}),s[8]||(s[8]=t("span",null,"Save",-1))],8,Xe),t("button",{class:"btn btn--danger",title:"Clear all items",onClick:s[0]||(s[0]=g=>v.value=!0)},[T(r(ue),{size:16}),s[9]||(s[9]=t("span",null,"Clear",-1))]),t("button",{disabled:!r(m),class:"btn btn--secondary",title:"Reseed all schemas with generated data",onClick:V},[T(r(fe),{size:16}),s[10]||(s[10]=t("span",null,"Reseed All",-1))],8,Ye)])]),r(e).error?(h(),y("div",Qe,[t("span",null,"⚠️ "+S(r(e).error),1)])):j("",!0),t("div",Ze,[T(Te,{ref_key:"jsonEditorRef",ref:i,"model-value":r(e).currentItems,readonly:r(e).loading,"min-height":400,"onUpdate:modelValue":c},null,8,["model-value","readonly"])]),r(e).loading?(h(),y("div",es,[...s[11]||(s[11]=[t("div",{class:"spinner"},null,-1),t("span",null,"Loading...",-1)])])):j("",!0)],64)):(h(),y("div",ss,[r(e).error?(h(),y("div",ts,[t("span",null,"⚠️ "+S(r(e).error),1)])):(h(),y(z,{key:1},[T(r(P),{size:48,class:"empty-state__icon"}),s[12]||(s[12]=t("h3",{class:"empty-state__title"},"Select a schema",-1)),s[13]||(s[13]=t("p",{class:"empty-state__description"}," Choose a schema from the sidebar to view and edit its data. ",-1))],64))]))]),(h(),ae(le,{to:"body"},[v.value?(h(),y("div",{key:0,class:"modal-overlay",onClick:s[3]||(s[3]=g=>v.value=!1)},[t("div",{class:"modal",onClick:s[2]||(s[2]=oe(()=>{},["stop"]))},[s[17]||(s[17]=t("div",{class:"modal__header"},[t("h3",null,"Clear Schema Data")],-1)),t("div",as,[t("p",null,[s[14]||(s[14]=L(" Are you sure you want to clear all items for ",-1)),t("strong",null,S(r(e).selectedSchema),1),s[15]||(s[15]=L("? ",-1))]),s[16]||(s[16]=t("p",{class:"text-muted"},"This action cannot be undone.",-1))]),t("div",ns,[t("button",{class:"btn btn--ghost",onClick:s[1]||(s[1]=g=>v.value=!1)}," Cancel "),t("button",{class:"btn btn--danger",onClick:x}," Clear Schema ")])])])):j("",!0)]))]))}}),ms=W(os,[["__scopeId","data-v-b06706f4"]]);export{ms as default};
4
- //# sourceMappingURL=ModelsPage-DqYHHuAQ.js.map
3
+ `),M=g.length,A=g[g.length-1].length+1;f.value=`Line ${M}, Column ${A}: ${c.message}`}else f.value=c.message}else f.value="Invalid JSON"}}function x(){try{const c=JSON.parse(o.value);o.value=JSON.stringify(c,null,2),f.value=null,m("update:modelValue",c)}catch{}}function V(c){if(c.key==="Tab"){c.preventDefault();const n=c.target,s=n.selectionStart,g=n.selectionEnd,M=`${o.value.substring(0,s)} ${o.value.substring(g)}`;o.value=M,setTimeout(()=>{n.selectionStart=n.selectionEnd=s+2},0),D()}}return e({formatJson:x,isValid:_}),(c,n)=>(h(),y("div",pe,[t("div",ye,[t("div",_e,[(h(!0),y(z,null,q(v.value,s=>(h(),y("div",{key:s,class:"json-editor__line-number"},S(s),1))),128))]),t("textarea",{value:o.value,readonly:l.readonly,placeholder:l.placeholder,style:ee({minHeight:`${l.minHeight}px`}),class:"json-editor__textarea",spellcheck:"false",onInput:E,onKeydown:V},null,44,ge)]),t("div",be,[t("div",Se,[_.value?(h(),y("div",Ce,[T(r(ie),{size:14}),n[0]||(n[0]=t("span",null,"Valid JSON",-1))])):f.value?(h(),y("div",we,[T(r(me),{size:14}),t("span",null,S(f.value),1)])):j("",!0)]),t("div",ke,[t("span",xe,S(i.value)+" lines",1)])])]))}}),Te=W(Ie,[["__scopeId","data-v-dbd5ce20"]]),F=C([]),w=se({visible:!1,title:"",message:"",confirmText:"Confirm",cancelText:"Cancel",onConfirm:null,onCancel:null}),J=new Map;let b=null,Ee=0;function $e(){return`toast-${Date.now()}-${Ee++}`}function R(l,e,d=3e3){const u=$e(),m={id:u,type:l,message:e,duration:d,timestamp:Date.now()};if(F.value.push(m),d>0){const o=setTimeout(()=>{G(u),J.delete(u)},d);J.set(u,o)}return u}function G(l){const e=J.get(l);e!==void 0&&(clearTimeout(e),J.delete(l));const d=F.value.findIndex(u=>u.id===l);d!==-1&&F.value.splice(d,1)}function De(){function l(i,v){return R("success",i,v)}function e(i,v){return R("error",i,v)}function d(i,v){return R("info",i,v)}function u(i,v){return R("warning",i,v)}function m(i,v){return new Promise(k=>{b&&(b(!1),b=null),b=k,w.visible=!0,w.title=v?.title||"Confirm",w.message=i,w.confirmText=v?.confirmText||"Confirm",w.cancelText=v?.cancelText||"Cancel",w.onConfirm=()=>{w.visible=!1,b&&(b(!0),b=null)},w.onCancel=()=>{w.visible=!1,b&&(b(!1),b=null)}})}function o(){w.visible=!1,b&&(b(!1),b=null)}function f(i){G(i)}function _(){for(const i of J.values())clearTimeout(i);J.clear(),F.value=[]}return{toasts:F,confirmDialog:w,success:l,error:e,info:d,warning:u,dismiss:f,clearAll:_,confirm:m,closeConfirm:o}}const Me={class:"models-page"},Ne={class:"models-sidebar"},je={class:"models-sidebar__header"},Je={class:"models-sidebar__badge"},Ve={key:0,class:"models-sidebar__loading"},Fe={key:1,class:"models-sidebar__list"},Oe=["onClick"],Re={class:"models-sidebar__name"},ze={class:"models-sidebar__count"},Ae={class:"models-sidebar__footer"},Le={class:"models-sidebar__stat"},Ue={class:"font-mono"},Be={class:"models-content"},Pe={class:"models-toolbar"},He={class:"models-toolbar__title"},Ke={class:"font-mono"},qe={class:"text-muted"},We={key:0,class:"models-toolbar__badge models-toolbar__badge--warning"},Ge={class:"models-toolbar__actions"},Xe=["disabled"],Ye=["disabled"],Qe={key:0,class:"models-error"},Ze={class:"models-editor"},es={key:1,class:"models-loading-overlay"},ss={key:1,class:"empty-state"},ts={key:0,class:"models-error"},as={class:"modal__body"},ns={class:"modal__footer"},os=H({__name:"ModelsPage",setup(l){const e=he(),{send:d,on:u,connected:m}=ce(),{success:o,error:f,confirm:_}=De(),i=C(null),v=C(!1);te(async()=>{try{await e.fetchSchemas(),e.schemas.length>0&&!e.selectedSchema&&await e.selectSchemaByName(e.schemas[0].name)}catch(n){e.error||(e.error=n instanceof Error?n.message:"Failed to load schemas")}}),u("store:updated",n=>{const s=n;if(typeof n!="object"||n===null||typeof s.schema!="string"||typeof s.action!="string"||typeof s.count!="number"){console.warn("[ModelsPage] Invalid store:updated payload:",n);return}e.handleStoreUpdate(n)}),u("reseeded",n=>{const s=n;if(typeof n!="object"||n===null||typeof s.success!="boolean"||!Array.isArray(s.schemas)){console.warn("[ModelsPage] Invalid reseeded payload:",n);return}e.handleReseedComplete(n)}),K(()=>e.selectedSchema,async()=>{i.value&&e.currentItems.length>0&&(await re(),i.value?.formatJson())});async function k(n){e.isDirty&&!await _("You have unsaved changes. Are you sure you want to switch schemas?",{title:"Unsaved Changes",confirmText:"Switch Schema",cancelText:"Cancel"})||await e.selectSchemaByName(n)}async function E(){if(!i.value?.isValid){f("Cannot save invalid JSON. Please fix the errors first.");return}if(await e.saveItems())o("Items saved successfully");else{const s=e.error||"Failed to save items";f(s)}}async function D(){if(!e.isDirty)return;await _("Discard all changes and revert to saved data?",{title:"Discard Changes",confirmText:"Discard",cancelText:"Cancel"})&&(e.discardChanges(),o("Changes discarded"))}async function x(){v.value=!1;try{if(await e.clearSchema())o("Schema cleared successfully");else{const s=e.error||"Failed to clear schema";f(s)}}catch(n){const s=n instanceof Error?n.message:"Failed to clear schema";f(s)}}async function V(){if(!m.value){f("WebSocket not connected. Cannot trigger reseed.");return}await _("This will regenerate all seed data and replace existing items. Continue?",{title:"Reseed All Schemas",confirmText:"Reseed",cancelText:"Cancel"})&&(d({type:"reseed"}),o("Reseed command sent"))}function c(n){e.updateItems(n)}return(n,s)=>(h(),y("div",Me,[t("aside",Ne,[t("div",je,[T(r(P),{size:18}),s[4]||(s[4]=t("span",null,"Schemas",-1)),t("span",Je,S(r(e).schemaCount),1)]),r(e).loading&&r(e).schemas.length===0?(h(),y("div",Ve,[...s[5]||(s[5]=[t("div",{class:"spinner"},null,-1),t("span",null,"Loading...",-1)])])):(h(),y("div",Fe,[(h(!0),y(z,null,q(r(e).schemas,g=>(h(),y("button",{key:g.name,class:ne(["models-sidebar__item",{"models-sidebar__item--active":r(e).selectedSchema===g.name}]),onClick:M=>k(g.name)},[t("span",Re,S(g.name),1),t("span",ze,S(g.count),1)],10,Oe))),128))])),t("div",Ae,[t("div",Le,[s[6]||(s[6]=t("span",{class:"text-muted"},"Total Items:",-1)),t("span",Ue,S(r(e).totalItems),1)])])]),t("main",Be,[r(e).selectedSchema?(h(),y(z,{key:0},[t("div",Pe,[t("div",He,[t("span",Ke,S(r(e).selectedSchema),1),t("span",qe,"("+S(r(e).currentItems.length)+" items)",1),r(e).isDirty?(h(),y("span",We," Unsaved ")):j("",!0)]),t("div",Ge,[r(e).isDirty?(h(),y("button",{key:0,class:"btn btn--ghost",title:"Discard changes",onClick:D},[T(r(de),{size:16}),s[7]||(s[7]=t("span",null,"Discard",-1))])):j("",!0),t("button",{disabled:!r(e).isDirty||r(e).loading,class:"btn btn--primary",title:"Save changes",onClick:E},[T(r(ve),{size:16}),s[8]||(s[8]=t("span",null,"Save",-1))],8,Xe),t("button",{class:"btn btn--danger",title:"Clear all items",onClick:s[0]||(s[0]=g=>v.value=!0)},[T(r(ue),{size:16}),s[9]||(s[9]=t("span",null,"Clear",-1))]),t("button",{disabled:!r(m),class:"btn btn--secondary",title:"Reseed all schemas with generated data",onClick:V},[T(r(fe),{size:16}),s[10]||(s[10]=t("span",null,"Reseed All",-1))],8,Ye)])]),r(e).error?(h(),y("div",Qe,[t("span",null,"⚠️ "+S(r(e).error),1)])):j("",!0),t("div",Ze,[T(Te,{ref_key:"jsonEditorRef",ref:i,"model-value":r(e).currentItems,readonly:r(e).loading,"min-height":400,"onUpdate:modelValue":c},null,8,["model-value","readonly"])]),r(e).loading?(h(),y("div",es,[...s[11]||(s[11]=[t("div",{class:"spinner"},null,-1),t("span",null,"Loading...",-1)])])):j("",!0)],64)):(h(),y("div",ss,[r(e).error?(h(),y("div",ts,[t("span",null,"⚠️ "+S(r(e).error),1)])):(h(),y(z,{key:1},[T(r(P),{size:48,class:"empty-state__icon"}),s[12]||(s[12]=t("h3",{class:"empty-state__title"},"Select a schema",-1)),s[13]||(s[13]=t("p",{class:"empty-state__description"}," Choose a schema from the sidebar to view and edit its data. ",-1))],64))]))]),(h(),ae(le,{to:"body"},[v.value?(h(),y("div",{key:0,class:"modal-overlay",onClick:s[3]||(s[3]=g=>v.value=!1)},[t("div",{class:"modal",onClick:s[2]||(s[2]=oe(()=>{},["stop"]))},[s[17]||(s[17]=t("div",{class:"modal__header"},[t("h3",null,"Clear Schema Data")],-1)),t("div",as,[t("p",null,[s[14]||(s[14]=B(" Are you sure you want to clear all items for ",-1)),t("strong",null,S(r(e).selectedSchema),1),s[15]||(s[15]=B("? ",-1))]),s[16]||(s[16]=t("p",{class:"text-muted"},"This action cannot be undone.",-1))]),t("div",ns,[t("button",{class:"btn btn--ghost",onClick:s[1]||(s[1]=g=>v.value=!1)}," Cancel "),t("button",{class:"btn btn--danger",onClick:x}," Clear Schema ")])])])):j("",!0)]))]))}}),us=W(os,[["__scopeId","data-v-b06706f4"]]);export{us as default};
4
+ //# sourceMappingURL=ModelsPage-Dlw4slrw.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModelsPage-DqYHHuAQ.js","sources":["../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/circle-alert.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/refresh-cw.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/save.js","../../../src/stores/models.ts","../../../src/components/JsonEditor.vue","../../../src/composables/useNotifications.ts","../../../src/pages/ModelsPage.vue"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleAlert = createLucideIcon(\"circle-alert\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n]);\n\nexport { CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RefreshCw = createLucideIcon(\"refresh-cw\", [\n [\"path\", { d: \"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\", key: \"v9h5vc\" }],\n [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }],\n [\"path\", { d: \"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\", key: \"3uifl3\" }],\n [\"path\", { d: \"M8 16H3v5\", key: \"1cv678\" }]\n]);\n\nexport { RefreshCw as default };\n//# sourceMappingURL=refresh-cw.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Save = createLucideIcon(\"save\", [\n [\n \"path\",\n {\n d: \"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\",\n key: \"1c8476\"\n }\n ],\n [\"path\", { d: \"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\", key: \"1ydtos\" }],\n [\"path\", { d: \"M7 3v4a1 1 0 0 0 1 1h7\", key: \"t51u73\" }]\n]);\n\nexport { Save as default };\n//# sourceMappingURL=save.js.map\n","/**\n * Models Store - Store Data Management\n *\n * What: Manages in-memory store data for viewing and editing mock data\n * How: Fetches data from /_api/store endpoints and sends WebSocket commands\n * Why: Provides centralized state management for the Models page\n *\n * API Endpoints Used:\n * - GET /_api/store - List all schemas\n * - GET /_api/store/:schema - Get items for a schema\n * - POST /_api/store/:schema - Bulk replace items\n * - DELETE /_api/store/:schema - Clear schema data\n *\n * WebSocket Commands:\n * - reseed - Trigger reseed of all schemas\n */\n\nimport { defineStore } from 'pinia';\nimport type { ComputedRef, Ref } from 'vue';\nimport { computed, ref, toRaw } from 'vue';\n\n/**\n * Safe clone helper that handles Vue reactive/proxy values\n * Attempts structuredClone with toRaw, falls back to JSON serialization\n */\nfunction safeClone<T>(value: T): T {\n try {\n return structuredClone(toRaw(value));\n } catch {\n return JSON.parse(JSON.stringify(value)) as T;\n }\n}\n\n/**\n * Schema metadata from the server\n */\nexport interface SchemaInfo {\n /** Schema name from OpenAPI components */\n name: string;\n /** Number of items in the store for this schema */\n count: number;\n /** ID field name for this schema */\n idField: string;\n}\n\n/**\n * Schema data response from the server\n */\nexport interface SchemaData {\n /** Schema name */\n schema: string;\n /** Number of items */\n count: number;\n /** ID field name */\n idField: string;\n /** Array of data items */\n items: unknown[];\n}\n\n/**\n * Store state data\n */\nexport interface ModelsData {\n /** List of available schemas */\n schemas: SchemaInfo[];\n /** Currently selected schema name */\n selectedSchema: string | null;\n /** Items for the currently selected schema */\n currentItems: unknown[];\n /** Loading state */\n loading: boolean;\n /** Error message if any */\n error: string | null;\n /** Editing state - whether data has been modified */\n isDirty: boolean;\n}\n\n/**\n * Models store for managing store data\n */\nexport const useModelsStore = defineStore('models', () => {\n // ==========================================================================\n // State\n // ==========================================================================\n\n /** List of available schemas with metadata */\n const schemas: Ref<SchemaInfo[]> = ref([]);\n\n /** Currently selected schema name */\n const selectedSchema: Ref<string | null> = ref(null);\n\n /** Items for the currently selected schema */\n const currentItems: Ref<unknown[]> = ref([]);\n\n /** Original items (before editing) for dirty detection */\n const originalItems: Ref<unknown[]> = ref([]);\n\n /** Loading state */\n const loading: Ref<boolean> = ref(false);\n\n /** Error message */\n const error: Ref<string | null> = ref(null);\n\n // ==========================================================================\n // Computed\n // ==========================================================================\n\n /**\n * Currently selected schema metadata\n */\n const currentSchema: ComputedRef<SchemaInfo | null> = computed(() => {\n if (!selectedSchema.value) return null;\n return schemas.value.find((s) => s.name === selectedSchema.value) ?? null;\n });\n\n /**\n * Dirty state flag - updated by functions that mutate state\n */\n const isDirtyFlag: Ref<boolean> = ref(false);\n\n /**\n * Whether the current data has been modified\n */\n const isDirty: ComputedRef<boolean> = computed(() => isDirtyFlag.value);\n\n /**\n * Total number of schemas\n */\n const schemaCount: ComputedRef<number> = computed(() => schemas.value.length);\n\n /**\n * Total number of items across all schemas\n */\n const totalItems: ComputedRef<number> = computed(() => {\n return schemas.value.reduce((sum, schema) => sum + schema.count, 0);\n });\n\n // ==========================================================================\n // Actions\n // ==========================================================================\n\n /**\n * Fetch the list of schemas from the server\n */\n async function fetchSchemas(): Promise<void> {\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch('/_api/store');\n if (!response.ok) {\n throw new Error(`Failed to fetch schemas: ${response.statusText}`);\n }\n\n const data = await response.json();\n schemas.value = data.schemas ?? [];\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to fetch schemas';\n console.error('[ModelsStore] Error fetching schemas:', err);\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Select a schema and fetch its data\n */\n async function selectSchemaByName(schemaName: string): Promise<void> {\n if (selectedSchema.value === schemaName) return;\n\n selectedSchema.value = schemaName;\n await fetchSchemaData(schemaName);\n }\n\n /**\n * Fetch data for a specific schema\n */\n async function fetchSchemaData(schemaName: string): Promise<void> {\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(schemaName)}`);\n if (!response.ok) {\n throw new Error(`Failed to fetch schema data: ${response.statusText}`);\n }\n\n const data: SchemaData = await response.json();\n const items = data.items ?? [];\n // Clone items to avoid shared references between current and original\n currentItems.value = safeClone(items);\n originalItems.value = safeClone(items);\n isDirtyFlag.value = false;\n\n // Update schema count in the list\n const schemaIndex = schemas.value.findIndex((s) => s.name === schemaName);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = data.count;\n }\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to fetch schema data';\n console.error('[ModelsStore] Error fetching schema data:', err);\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Update the current items (for editing)\n */\n function updateItems(items: unknown): void {\n // Validate that items is an array\n if (!Array.isArray(items)) {\n error.value = 'Invalid data: Expected an array of items';\n console.error('[ModelsStore] updateItems received non-array value:', typeof items);\n return;\n }\n\n currentItems.value = items;\n // Clear any previous validation errors\n error.value = null;\n // Mark as dirty since items were updated\n isDirtyFlag.value = true;\n }\n\n /**\n * Save the current items to the server\n */\n async function saveItems(): Promise<boolean> {\n if (!selectedSchema.value) {\n error.value = 'No schema selected';\n return false;\n }\n\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(selectedSchema.value)}`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(currentItems.value),\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({}));\n throw new Error(errorData.error || `Failed to save items: ${response.statusText}`);\n }\n\n const result = await response.json();\n\n // Update original items to match saved items\n originalItems.value = safeClone(currentItems.value);\n isDirtyFlag.value = false;\n\n // Update schema count\n const schemaIndex = schemas.value.findIndex((s) => s.name === selectedSchema.value);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = result.created ?? currentItems.value.length;\n }\n\n return true;\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to save items';\n console.error('[ModelsStore] Error saving items:', err);\n return false;\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Clear all items for the current schema\n */\n async function clearSchema(): Promise<boolean> {\n if (!selectedSchema.value) {\n error.value = 'No schema selected';\n return false;\n }\n\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(selectedSchema.value)}`, {\n method: 'DELETE',\n });\n\n if (!response.ok) {\n throw new Error(`Failed to clear schema: ${response.statusText}`);\n }\n\n // Update local state\n currentItems.value = [];\n originalItems.value = [];\n isDirtyFlag.value = false;\n\n // Update schema count\n const schemaIndex = schemas.value.findIndex((s) => s.name === selectedSchema.value);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = 0;\n }\n\n return true;\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to clear schema';\n console.error('[ModelsStore] Error clearing schema:', err);\n return false;\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Discard changes and revert to original items\n */\n function discardChanges(): void {\n currentItems.value = safeClone(originalItems.value);\n isDirtyFlag.value = false;\n }\n\n /**\n * Refresh the current schema data from the server\n */\n async function refresh(): Promise<void> {\n if (selectedSchema.value) {\n await fetchSchemaData(selectedSchema.value);\n } else {\n await fetchSchemas();\n }\n }\n\n /**\n * Reset the store state\n */\n function reset(): void {\n schemas.value = [];\n selectedSchema.value = null;\n currentItems.value = [];\n originalItems.value = [];\n loading.value = false;\n error.value = null;\n isDirtyFlag.value = false;\n }\n\n /**\n * Handle store update from WebSocket event\n */\n function handleStoreUpdate(data: { schema: string; action: string; count: number }): void {\n const schemaIndex = schemas.value.findIndex((s) => s.name === data.schema);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = data.count;\n }\n\n // If the updated schema is currently selected, refresh it only if no unsaved changes\n if (selectedSchema.value === data.schema) {\n if (!isDirty.value) {\n fetchSchemaData(data.schema);\n } else {\n // Don't auto-refresh when there are unsaved changes\n console.warn(\n `[ModelsStore] Skipping auto-refresh for schema \"${data.schema}\" - unsaved changes exist`,\n );\n }\n }\n }\n\n /**\n * Handle reseed completion from WebSocket event\n */\n function handleReseedComplete(data: { success: boolean; schemas: string[] }): void {\n if (data.success) {\n // Refresh schema list\n fetchSchemas();\n\n // Refresh current schema data only if no unsaved changes\n if (selectedSchema.value) {\n if (!isDirty.value) {\n fetchSchemaData(selectedSchema.value);\n } else {\n console.warn(\n `[ModelsStore] Skipping auto-refresh after reseed for schema \"${selectedSchema.value}\" - unsaved changes exist`,\n );\n }\n }\n }\n }\n\n // ==========================================================================\n // Return store interface\n // ==========================================================================\n\n return {\n // State\n schemas,\n selectedSchema,\n currentItems,\n loading,\n error,\n\n // Computed\n currentSchema,\n isDirty,\n schemaCount,\n totalItems,\n\n // Actions\n fetchSchemas,\n selectSchemaByName,\n fetchSchemaData,\n updateItems,\n saveItems,\n clearSchema,\n discardChanges,\n refresh,\n reset,\n handleStoreUpdate,\n handleReseedComplete,\n };\n});\n\nexport type ModelsStore = ReturnType<typeof useModelsStore>;\n","<!--\n JsonEditor.vue - JSON Editor Component\n\n What: Editable JSON textarea with syntax highlighting and validation\n How: Uses a textarea with syntax validation and formatting utilities\n Why: Allows developers to edit mock data in a user-friendly interface\n\n Features:\n - Real-time JSON validation\n - Syntax error display\n - Format/prettify button\n - Line numbers\n - Monospace font\n-->\n\n<script setup lang=\"ts\">\nimport { AlertCircle, Check } from 'lucide-vue-next';\nimport { computed, ref, watch } from 'vue';\n\n/**\n * Component props\n */\ninterface Props {\n /** JSON data to edit (will be stringified) */\n modelValue: unknown;\n /** Whether the editor is read-only */\n readonly?: boolean;\n /** Placeholder text when empty */\n placeholder?: string;\n /** Minimum height in pixels */\n minHeight?: number;\n}\n\n/**\n * Component emits\n */\ninterface Emits {\n (e: 'update:modelValue', value: unknown): void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n readonly: false,\n placeholder: 'Enter JSON data...',\n minHeight: 200,\n});\n\nconst emit = defineEmits<Emits>();\n\n// ==========================================================================\n// State\n// ==========================================================================\n\n/** Current text content */\nconst text = ref<string>('');\n\n/** JSON validation error */\nconst validationError = ref<string | null>(null);\n\n/** Whether JSON is valid */\nconst isValid = computed(() => validationError.value === null);\n\n/** Line count for line numbers */\nconst lineCount = computed(() => {\n return text.value.split('\\n').length;\n});\n\n/** Line numbers array */\nconst lineNumbers = computed(() => {\n return Array.from({ length: lineCount.value }, (_, i) => i + 1);\n});\n\n// ==========================================================================\n// Initialization\n// ==========================================================================\n\n/**\n * Initialize text from modelValue\n */\nfunction initializeText(): void {\n try {\n text.value = JSON.stringify(props.modelValue, null, 2);\n validationError.value = null;\n } catch (err) {\n text.value = '';\n validationError.value = 'Invalid initial value';\n }\n}\n\n// Initialize on mount\ninitializeText();\n\n// Watch for external changes to modelValue\nwatch(\n () => props.modelValue,\n () => {\n // Only update if the parsed value differs (avoid cursor jumps during typing)\n try {\n const currentParsed = JSON.parse(text.value);\n if (JSON.stringify(currentParsed) !== JSON.stringify(props.modelValue)) {\n initializeText();\n }\n } catch {\n // If current text is invalid, always update\n initializeText();\n }\n },\n);\n\n// ==========================================================================\n// Actions\n// ==========================================================================\n\n/**\n * Handle text input\n */\nfunction handleInput(event: Event): void {\n const target = event.target as HTMLTextAreaElement;\n text.value = target.value;\n validateAndEmit();\n}\n\n/**\n * Validate JSON and emit update\n */\nfunction validateAndEmit(): void {\n if (text.value.trim() === '') {\n validationError.value = null;\n emit('update:modelValue', []);\n return;\n }\n\n try {\n const parsed = JSON.parse(text.value);\n validationError.value = null;\n emit('update:modelValue', parsed);\n } catch (err) {\n if (err instanceof Error) {\n // Extract line/column info from error message\n const match = err.message.match(/position (\\d+)/);\n if (match) {\n const position = Number.parseInt(match[1], 10);\n const lines = text.value.substring(0, position).split('\\n');\n const line = lines.length;\n const column = lines[lines.length - 1].length + 1;\n validationError.value = `Line ${line}, Column ${column}: ${err.message}`;\n } else {\n validationError.value = err.message;\n }\n } else {\n validationError.value = 'Invalid JSON';\n }\n }\n}\n\n/**\n * Format/prettify the JSON\n */\nfunction formatJson(): void {\n try {\n const parsed = JSON.parse(text.value);\n text.value = JSON.stringify(parsed, null, 2);\n validationError.value = null;\n emit('update:modelValue', parsed);\n } catch {\n // If invalid, do nothing\n }\n}\n\n/**\n * Handle Tab key for indentation\n */\nfunction handleKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Tab') {\n event.preventDefault();\n const target = event.target as HTMLTextAreaElement;\n const start = target.selectionStart;\n const end = target.selectionEnd;\n\n // Insert 2 spaces\n const newText = `${text.value.substring(0, start)} ${text.value.substring(end)}`;\n text.value = newText;\n\n // Move cursor\n setTimeout(() => {\n target.selectionStart = target.selectionEnd = start + 2;\n }, 0);\n\n validateAndEmit();\n }\n}\n\n// ==========================================================================\n// Expose methods\n// ==========================================================================\n\ndefineExpose({\n formatJson,\n isValid,\n});\n</script>\n\n<template>\n <div class=\"json-editor\">\n <!-- Editor Container -->\n <div class=\"json-editor__container\">\n <!-- Line Numbers -->\n <div class=\"json-editor__lines\" aria-hidden=\"true\">\n <div\n v-for=\"lineNum in lineNumbers\"\n :key=\"lineNum\"\n class=\"json-editor__line-number\"\n >\n {{ lineNum }}\n </div>\n </div>\n\n <!-- Textarea -->\n <textarea\n :value=\"text\"\n :readonly=\"readonly\"\n :placeholder=\"placeholder\"\n :style=\"{ minHeight: `${minHeight}px` }\"\n class=\"json-editor__textarea\"\n spellcheck=\"false\"\n @input=\"handleInput\"\n @keydown=\"handleKeyDown\"\n />\n </div>\n\n <!-- Status Bar -->\n <div class=\"json-editor__status\">\n <div class=\"json-editor__status-left\">\n <!-- Validation Status -->\n <div v-if=\"isValid\" class=\"json-editor__valid\">\n <Check :size=\"14\" />\n <span>Valid JSON</span>\n </div>\n <div v-else-if=\"validationError\" class=\"json-editor__error\">\n <AlertCircle :size=\"14\" />\n <span>{{ validationError }}</span>\n </div>\n </div>\n\n <div class=\"json-editor__status-right\">\n <!-- Line Count -->\n <span class=\"json-editor__info\">{{ lineCount }} lines</span>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.json-editor {\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-md);\n overflow: hidden;\n}\n\n/* Editor Container */\n.json-editor__container {\n display: flex;\n overflow: auto;\n flex: 1;\n}\n\n/* Line Numbers */\n.json-editor__lines {\n display: flex;\n flex-direction: column;\n padding: var(--devtools-space-sm) var(--devtools-space-xs);\n background-color: var(--devtools-surface-elevated);\n border-right: 1px solid var(--devtools-border);\n user-select: none;\n flex-shrink: 0;\n}\n\n.json-editor__line-number {\n height: 1.5em;\n line-height: 1.5;\n text-align: right;\n font-family: var(--devtools-font-mono);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n min-width: 2ch;\n padding-right: var(--devtools-space-xs);\n}\n\n/* Textarea */\n.json-editor__textarea {\n flex: 1;\n padding: var(--devtools-space-sm);\n background-color: var(--devtools-surface);\n color: var(--devtools-text);\n border: none;\n outline: none;\n resize: vertical;\n font-family: var(--devtools-font-mono);\n font-size: var(--font-size-0);\n line-height: 1.5;\n tab-size: 2;\n white-space: pre;\n overflow-wrap: normal;\n overflow-x: auto;\n}\n\n.json-editor__textarea::placeholder {\n color: var(--devtools-text-muted);\n opacity: 0.6;\n}\n\n.json-editor__textarea:focus {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n}\n\n.json-editor__textarea[readonly] {\n background-color: var(--devtools-surface-elevated);\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n/* Status Bar */\n.json-editor__status {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background-color: var(--devtools-surface-elevated);\n border-top: 1px solid var(--devtools-border);\n font-size: var(--font-size-0);\n}\n\n.json-editor__status-left,\n.json-editor__status-right {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n/* Validation Indicators */\n.json-editor__valid {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n color: var(--devtools-success);\n}\n\n.json-editor__error {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n color: var(--devtools-error);\n}\n\n.json-editor__info {\n color: var(--devtools-text-muted);\n}\n\n/* Dark mode adjustments */\n@media (prefers-color-scheme: dark) {\n .json-editor__textarea {\n color: #e2e8f0;\n }\n\n .json-editor__textarea::placeholder {\n color: #64748b;\n }\n}\n</style>\n","/**\n * Notifications Composable\n *\n * What: Provides consistent user feedback mechanism for the DevTools\n * How: Manages toast notifications and confirmation modals\n * Why: Replaces inconsistent alert()/confirm()/console.log() usage\n *\n * Features:\n * - Toast notifications for success/error/info messages\n * - Confirmation modals with custom messages\n * - Auto-dismiss for toast notifications\n * - Centralized state management\n */\n\nimport { reactive, ref } from 'vue';\n\n/**\n * Toast notification types\n */\nexport type ToastType = 'success' | 'error' | 'info' | 'warning';\n\n/**\n * Toast notification\n */\nexport interface Toast {\n id: string;\n type: ToastType;\n message: string;\n duration: number;\n timestamp: number;\n}\n\n/**\n * Confirmation dialog state\n */\nexport interface ConfirmDialog {\n visible: boolean;\n title: string;\n message: string;\n confirmText: string;\n cancelText: string;\n onConfirm: (() => void) | null;\n onCancel: (() => void) | null;\n}\n\n// ==========================================================================\n// Global State\n// ==========================================================================\n\nconst toasts = ref<Toast[]>([]);\nconst confirmDialog = reactive<ConfirmDialog>({\n visible: false,\n title: '',\n message: '',\n confirmText: 'Confirm',\n cancelText: 'Cancel',\n onConfirm: null,\n onCancel: null,\n});\n\n// Track active timeout IDs to prevent orphaned timers\nconst timeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\n// Track pending confirm dialog promise resolver\nlet pendingResolve: ((value: boolean) => void) | null = null;\n\n// ==========================================================================\n// Helper Functions\n// ==========================================================================\n\nlet toastIdCounter = 0;\n\nfunction generateToastId(): string {\n return `toast-${Date.now()}-${toastIdCounter++}`;\n}\n\nfunction addToast(type: ToastType, message: string, duration = 3000): string {\n const id = generateToastId();\n const toast: Toast = {\n id,\n type,\n message,\n duration,\n timestamp: Date.now(),\n };\n\n toasts.value.push(toast);\n\n // Auto-dismiss\n if (duration > 0) {\n const timeoutId = setTimeout(() => {\n removeToast(id);\n timeouts.delete(id);\n }, duration);\n timeouts.set(id, timeoutId);\n }\n\n return id;\n}\n\nfunction removeToast(id: string): void {\n // Clear the timeout if it exists\n const timeoutId = timeouts.get(id);\n if (timeoutId !== undefined) {\n clearTimeout(timeoutId);\n timeouts.delete(id);\n }\n\n // Remove the toast from the array\n const index = toasts.value.findIndex((t) => t.id === id);\n if (index !== -1) {\n toasts.value.splice(index, 1);\n }\n}\n\n// ==========================================================================\n// Composable\n// ==========================================================================\n\n/**\n * Notifications composable\n *\n * Provides methods for showing toast notifications and confirmation dialogs\n */\nexport function useNotifications() {\n /**\n * Show a success toast notification\n */\n function success(message: string, duration?: number): string {\n return addToast('success', message, duration);\n }\n\n /**\n * Show an error toast notification\n */\n function error(message: string, duration?: number): string {\n return addToast('error', message, duration);\n }\n\n /**\n * Show an info toast notification\n */\n function info(message: string, duration?: number): string {\n return addToast('info', message, duration);\n }\n\n /**\n * Show a warning toast notification\n */\n function warning(message: string, duration?: number): string {\n return addToast('warning', message, duration);\n }\n\n /**\n * Show a confirmation dialog\n *\n * @returns Promise that resolves to true if confirmed, false if cancelled\n */\n function confirm(\n message: string,\n options?: {\n title?: string;\n confirmText?: string;\n cancelText?: string;\n },\n ): Promise<boolean> {\n return new Promise((resolve) => {\n // Resolve any pending dialog with false (cancelled) before opening new one\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n\n // Store the new resolve reference\n pendingResolve = resolve;\n\n confirmDialog.visible = true;\n confirmDialog.title = options?.title || 'Confirm';\n confirmDialog.message = message;\n confirmDialog.confirmText = options?.confirmText || 'Confirm';\n confirmDialog.cancelText = options?.cancelText || 'Cancel';\n\n confirmDialog.onConfirm = () => {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(true);\n pendingResolve = null;\n }\n };\n\n confirmDialog.onCancel = () => {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n };\n });\n }\n\n /**\n * Close the confirmation dialog\n */\n function closeConfirm(): void {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n }\n\n /**\n * Manually dismiss a toast by ID\n */\n function dismiss(id: string): void {\n removeToast(id);\n }\n\n /**\n * Clear all toasts\n */\n function clearAll(): void {\n // Clear all active timeouts\n for (const timeoutId of timeouts.values()) {\n clearTimeout(timeoutId);\n }\n timeouts.clear();\n toasts.value = [];\n }\n\n return {\n // State\n toasts,\n confirmDialog,\n\n // Toast methods\n success,\n error,\n info,\n warning,\n dismiss,\n clearAll,\n\n // Confirm methods\n confirm,\n closeConfirm,\n };\n}\n","<!--\n ModelsPage.vue - Store Data Editor Page\n\n What: Displays and allows editing of in-memory store data organized by schema\n How: Fetches store data from models store and displays in an editable JSON view\n Why: Allows developers to inspect and modify mock data during development\n\n Features:\n - Schema listing sidebar with item counts\n - JSON editor with syntax validation\n - Save, discard, clear, and reseed actions\n - Real-time updates via WebSocket\n - Dirty state tracking\n-->\n<script setup lang=\"ts\">\nimport { Database, RefreshCw, Save, Trash2, X } from 'lucide-vue-next';\nimport { nextTick, onMounted, ref, watch } from 'vue';\n// biome-ignore lint/style/useImportType: Component needs to be available at runtime\nimport JsonEditor from '@/components/JsonEditor.vue';\nimport { useNotifications } from '@/composables/useNotifications';\nimport { useWebSocket } from '@/composables/useWebSocket';\nimport { useModelsStore } from '@/stores';\n\n// ==========================================================================\n// Store & Composables\n// ==========================================================================\n\nconst modelsStore = useModelsStore();\nconst { send, on, connected } = useWebSocket();\nconst { success, error: notifyError, confirm } = useNotifications();\n\n// ==========================================================================\n// State\n// ==========================================================================\n\n/** Reference to the JSON editor component */\nconst jsonEditorRef = ref<InstanceType<typeof JsonEditor> | null>(null);\n\n/** Confirmation dialog state */\nconst showClearConfirm = ref(false);\n\n// ==========================================================================\n// Lifecycle\n// ==========================================================================\n\nonMounted(async () => {\n // Load schemas on mount\n try {\n await modelsStore.fetchSchemas();\n\n // Select first schema if available\n if (modelsStore.schemas.length > 0 && !modelsStore.selectedSchema) {\n await modelsStore.selectSchemaByName(modelsStore.schemas[0].name);\n }\n } catch (err) {\n // Error is already set in the store, but ensure it's visible\n if (!modelsStore.error) {\n modelsStore.error = err instanceof Error ? err.message : 'Failed to load schemas';\n }\n }\n});\n\n// ==========================================================================\n// WebSocket Event Handlers\n// ==========================================================================\n\n// Handle store updates from WebSocket\non('store:updated', (data) => {\n // Validate payload structure\n const payload = data as any;\n if (\n typeof data !== 'object' ||\n data === null ||\n typeof payload.schema !== 'string' ||\n typeof payload.action !== 'string' ||\n typeof payload.count !== 'number'\n ) {\n console.warn('[ModelsPage] Invalid store:updated payload:', data);\n return;\n }\n\n modelsStore.handleStoreUpdate(data as { schema: string; action: string; count: number });\n});\n\n// Handle reseed completion\non('reseeded', (data) => {\n // Validate payload structure\n const payload = data as any;\n if (\n typeof data !== 'object' ||\n data === null ||\n typeof payload.success !== 'boolean' ||\n !Array.isArray(payload.schemas)\n ) {\n console.warn('[ModelsPage] Invalid reseeded payload:', data);\n return;\n }\n\n modelsStore.handleReseedComplete(data as { success: boolean; schemas: string[] });\n});\n\n// ==========================================================================\n// Watchers\n// ==========================================================================\n\n// Format JSON when schema changes\nwatch(\n () => modelsStore.selectedSchema,\n async () => {\n if (jsonEditorRef.value && modelsStore.currentItems.length > 0) {\n // Wait for next tick to ensure editor is updated\n await nextTick();\n jsonEditorRef.value?.formatJson();\n }\n },\n);\n\n// ==========================================================================\n// Actions\n// ==========================================================================\n\n/**\n * Select a schema and fetch its data\n */\nasync function selectSchema(schemaName: string): Promise<void> {\n if (modelsStore.isDirty) {\n const confirmed = await confirm(\n 'You have unsaved changes. Are you sure you want to switch schemas?',\n {\n title: 'Unsaved Changes',\n confirmText: 'Switch Schema',\n cancelText: 'Cancel',\n },\n );\n if (!confirmed) return;\n }\n\n await modelsStore.selectSchemaByName(schemaName);\n}\n\n/**\n * Save the current items to the server\n */\nasync function saveItems(): Promise<void> {\n if (!jsonEditorRef.value?.isValid) {\n notifyError('Cannot save invalid JSON. Please fix the errors first.');\n return;\n }\n\n const saved = await modelsStore.saveItems();\n if (saved) {\n success('Items saved successfully');\n } else {\n // Show error to user if save failed\n const errorMessage = modelsStore.error || 'Failed to save items';\n notifyError(errorMessage);\n }\n}\n\n/**\n * Discard changes and revert to original\n */\nasync function discardChanges(): Promise<void> {\n if (!modelsStore.isDirty) return;\n\n const confirmed = await confirm('Discard all changes and revert to saved data?', {\n title: 'Discard Changes',\n confirmText: 'Discard',\n cancelText: 'Cancel',\n });\n if (confirmed) {\n modelsStore.discardChanges();\n success('Changes discarded');\n }\n}\n\n/**\n * Clear all items for the current schema\n */\nasync function clearSchema(): Promise<void> {\n showClearConfirm.value = false;\n\n try {\n const cleared = await modelsStore.clearSchema();\n if (cleared) {\n success('Schema cleared successfully');\n } else {\n // Show error to user if clear failed\n const errorMessage = modelsStore.error || 'Failed to clear schema';\n notifyError(errorMessage);\n }\n } catch (err) {\n const errorMessage = err instanceof Error ? err.message : 'Failed to clear schema';\n notifyError(errorMessage);\n }\n}\n\n/**\n * Trigger reseed via WebSocket\n */\nasync function reseedAll(): Promise<void> {\n if (!connected.value) {\n notifyError('WebSocket not connected. Cannot trigger reseed.');\n return;\n }\n\n const confirmed = await confirm(\n 'This will regenerate all seed data and replace existing items. Continue?',\n {\n title: 'Reseed All Schemas',\n confirmText: 'Reseed',\n cancelText: 'Cancel',\n },\n );\n if (!confirmed) return;\n\n send({ type: 'reseed' });\n success('Reseed command sent');\n}\n\n/**\n * Handle JSON editor value updates\n */\nfunction onJsonEditorUpdate(value: unknown): void {\n modelsStore.updateItems(value);\n}\n</script>\n\n<template>\n <div class=\"models-page\">\n <!-- Schema Sidebar -->\n <aside class=\"models-sidebar\">\n <div class=\"models-sidebar__header\">\n <Database :size=\"18\" />\n <span>Schemas</span>\n <span class=\"models-sidebar__badge\">{{ modelsStore.schemaCount }}</span>\n </div>\n\n <!-- Loading State -->\n <div v-if=\"modelsStore.loading && modelsStore.schemas.length === 0\" class=\"models-sidebar__loading\">\n <div class=\"spinner\" />\n <span>Loading...</span>\n </div>\n\n <!-- Schema List -->\n <div v-else class=\"models-sidebar__list\">\n <button\n v-for=\"schema in modelsStore.schemas\"\n :key=\"schema.name\"\n :class=\"[\n 'models-sidebar__item',\n { 'models-sidebar__item--active': modelsStore.selectedSchema === schema.name },\n ]\"\n @click=\"selectSchema(schema.name)\"\n >\n <span class=\"models-sidebar__name\">{{ schema.name }}</span>\n <span class=\"models-sidebar__count\">{{ schema.count }}</span>\n </button>\n </div>\n\n <!-- Footer Stats -->\n <div class=\"models-sidebar__footer\">\n <div class=\"models-sidebar__stat\">\n <span class=\"text-muted\">Total Items:</span>\n <span class=\"font-mono\">{{ modelsStore.totalItems }}</span>\n </div>\n </div>\n </aside>\n\n <!-- Data Panel -->\n <main class=\"models-content\">\n <template v-if=\"modelsStore.selectedSchema\">\n <!-- Toolbar -->\n <div class=\"models-toolbar\">\n <div class=\"models-toolbar__title\">\n <span class=\"font-mono\">{{ modelsStore.selectedSchema }}</span>\n <span class=\"text-muted\">({{ modelsStore.currentItems.length }} items)</span>\n <span\n v-if=\"modelsStore.isDirty\"\n class=\"models-toolbar__badge models-toolbar__badge--warning\"\n >\n Unsaved\n </span>\n </div>\n\n <div class=\"models-toolbar__actions\">\n <!-- Discard Button -->\n <button\n v-if=\"modelsStore.isDirty\"\n class=\"btn btn--ghost\"\n title=\"Discard changes\"\n @click=\"discardChanges\"\n >\n <X :size=\"16\" />\n <span>Discard</span>\n </button>\n\n <!-- Save Button -->\n <button\n :disabled=\"!modelsStore.isDirty || modelsStore.loading\"\n class=\"btn btn--primary\"\n title=\"Save changes\"\n @click=\"saveItems\"\n >\n <Save :size=\"16\" />\n <span>Save</span>\n </button>\n\n <!-- Clear Button -->\n <button\n class=\"btn btn--danger\"\n title=\"Clear all items\"\n @click=\"showClearConfirm = true\"\n >\n <Trash2 :size=\"16\" />\n <span>Clear</span>\n </button>\n\n <!-- Reseed Button -->\n <button\n :disabled=\"!connected\"\n class=\"btn btn--secondary\"\n title=\"Reseed all schemas with generated data\"\n @click=\"reseedAll\"\n >\n <RefreshCw :size=\"16\" />\n <span>Reseed All</span>\n </button>\n </div>\n </div>\n\n <!-- Error Display -->\n <div v-if=\"modelsStore.error\" class=\"models-error\">\n <span>⚠️ {{ modelsStore.error }}</span>\n </div>\n\n <!-- JSON Editor -->\n <div class=\"models-editor\">\n <JsonEditor\n ref=\"jsonEditorRef\"\n :model-value=\"modelsStore.currentItems\"\n :readonly=\"modelsStore.loading\"\n :min-height=\"400\"\n @update:model-value=\"onJsonEditorUpdate\"\n />\n </div>\n\n <!-- Loading Overlay -->\n <div v-if=\"modelsStore.loading\" class=\"models-loading-overlay\">\n <div class=\"spinner\" />\n <span>Loading...</span>\n </div>\n </template>\n\n <!-- Empty State or Error -->\n <div v-else class=\"empty-state\">\n <!-- Show error if present and no schema selected -->\n <div v-if=\"modelsStore.error\" class=\"models-error\">\n <span>⚠️ {{ modelsStore.error }}</span>\n </div>\n <template v-else>\n <Database :size=\"48\" class=\"empty-state__icon\" />\n <h3 class=\"empty-state__title\">Select a schema</h3>\n <p class=\"empty-state__description\">\n Choose a schema from the sidebar to view and edit its data.\n </p>\n </template>\n </div>\n </main>\n\n <!-- Clear Confirmation Modal -->\n <Teleport to=\"body\">\n <div v-if=\"showClearConfirm\" class=\"modal-overlay\" @click=\"showClearConfirm = false\">\n <div class=\"modal\" @click.stop>\n <div class=\"modal__header\">\n <h3>Clear Schema Data</h3>\n </div>\n <div class=\"modal__body\">\n <p>\n Are you sure you want to clear all items for\n <strong>{{ modelsStore.selectedSchema }}</strong>?\n </p>\n <p class=\"text-muted\">This action cannot be undone.</p>\n </div>\n <div class=\"modal__footer\">\n <button class=\"btn btn--ghost\" @click=\"showClearConfirm = false\">\n Cancel\n </button>\n <button class=\"btn btn--danger\" @click=\"clearSchema\">\n Clear Schema\n </button>\n </div>\n </div>\n </div>\n </Teleport>\n </div>\n</template>\n\n<style scoped>\n.models-page {\n display: grid;\n grid-template-columns: 240px 1fr;\n height: 100%;\n overflow: hidden;\n}\n\n/* Sidebar */\n.models-sidebar {\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-surface);\n border-right: 1px solid var(--devtools-border);\n overflow: hidden;\n}\n\n.models-sidebar__header {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n padding: var(--devtools-space-md);\n font-weight: var(--font-weight-6);\n font-size: var(--font-size-1);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.models-sidebar__badge {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 20px;\n height: 20px;\n padding: 0 var(--devtools-space-xs);\n background-color: var(--devtools-primary);\n color: white;\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-6);\n}\n\n.models-sidebar__loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xl);\n color: var(--devtools-text-muted);\n}\n\n.models-sidebar__list {\n flex: 1;\n overflow-y: auto;\n padding: var(--devtools-space-xs);\n}\n\n.models-sidebar__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n background: none;\n border: none;\n border-radius: var(--devtools-radius-sm);\n color: var(--devtools-text);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-1);\n cursor: pointer;\n transition: background-color var(--devtools-transition-fast);\n}\n\n.models-sidebar__item:hover {\n background-color: var(--devtools-surface-elevated);\n}\n\n.models-sidebar__item--active {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n color: var(--devtools-primary);\n}\n\n.models-sidebar__name {\n font-family: var(--devtools-font-mono);\n}\n\n.models-sidebar__count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 24px;\n height: 20px;\n padding: 0 var(--devtools-space-xs);\n background-color: var(--devtools-surface-elevated);\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.models-sidebar__footer {\n padding: var(--devtools-space-md);\n border-top: 1px solid var(--devtools-border);\n}\n\n.models-sidebar__stat {\n display: flex;\n justify-content: space-between;\n font-size: var(--font-size-0);\n}\n\n/* Content Area */\n.models-content {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: var(--devtools-space-md);\n overflow: hidden;\n}\n\n/* Toolbar */\n.models-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--devtools-space-md);\n margin-bottom: var(--devtools-space-md);\n}\n\n.models-toolbar__title {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-6);\n}\n\n.models-toolbar__badge {\n display: inline-flex;\n align-items: center;\n padding: 2px 8px;\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n}\n\n.models-toolbar__badge--warning {\n background-color: color-mix(in srgb, #f59e0b 20%, transparent);\n color: #f59e0b;\n}\n\n.models-toolbar__actions {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n/* Error Display */\n.models-error {\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n margin-bottom: var(--devtools-space-md);\n background-color: color-mix(in srgb, var(--devtools-error) 10%, transparent);\n border: 1px solid var(--devtools-error);\n border-radius: var(--devtools-radius-sm);\n color: var(--devtools-error);\n font-size: var(--font-size-0);\n}\n\n/* Editor */\n.models-editor {\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n/* Loading Overlay */\n.models-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-md);\n background-color: color-mix(in srgb, var(--devtools-bg) 80%, transparent);\n backdrop-filter: blur(2px);\n z-index: 10;\n}\n\n/* Modal */\n.modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1000;\n}\n\n.modal {\n min-width: 400px;\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-md);\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n}\n\n.modal__header {\n padding: var(--devtools-space-md);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.modal__header h3 {\n margin: 0;\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-6);\n}\n\n.modal__body {\n padding: var(--devtools-space-md);\n}\n\n.modal__body p {\n margin: 0 0 var(--devtools-space-sm) 0;\n}\n\n.modal__body p:last-child {\n margin-bottom: 0;\n}\n\n.modal__footer {\n display: flex;\n justify-content: flex-end;\n gap: var(--devtools-space-sm);\n padding: var(--devtools-space-md);\n border-top: 1px solid var(--devtools-border);\n}\n\n/* Spinner */\n.spinner {\n width: 24px;\n height: 24px;\n border: 3px solid var(--devtools-border);\n border-top-color: var(--devtools-primary);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n</style>\n"],"names":["CircleAlert","createLucideIcon","RefreshCw","Save","safeClone","value","toRaw","useModelsStore","defineStore","schemas","ref","selectedSchema","currentItems","originalItems","loading","error","currentSchema","computed","s","isDirtyFlag","isDirty","schemaCount","totalItems","sum","schema","fetchSchemas","response","data","err","selectSchemaByName","schemaName","fetchSchemaData","items","schemaIndex","updateItems","saveItems","errorData","result","clearSchema","discardChanges","refresh","reset","handleStoreUpdate","handleReseedComplete","props","__props","emit","__emit","text","validationError","isValid","lineCount","lineNumbers","_","i","initializeText","watch","currentParsed","handleInput","event","target","validateAndEmit","parsed","match","position","lines","line","column","formatJson","handleKeyDown","start","end","newText","__expose","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_Fragment","_renderList","lineNum","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","_unref","Check","_cache","_hoisted_8","AlertCircle","_hoisted_9","_hoisted_10","_toDisplayString","toasts","confirmDialog","reactive","timeouts","pendingResolve","toastIdCounter","generateToastId","addToast","type","message","duration","id","toast","timeoutId","removeToast","index","t","useNotifications","success","info","warning","confirm","options","resolve","closeConfirm","dismiss","clearAll","modelsStore","send","on","connected","useWebSocket","notifyError","jsonEditorRef","showClearConfirm","onMounted","payload","nextTick","selectSchema","errorMessage","reseedAll","onJsonEditorUpdate","Database","_hoisted_4","_normalizeClass","$event","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","X","Trash2","_hoisted_22","_hoisted_23","JsonEditor","_hoisted_24","_hoisted_25","_hoisted_26","_createBlock","_Teleport","_hoisted_27","_hoisted_28"],"mappings":"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","x_google_ignoreList":[0,1,2]}
1
+ {"version":3,"file":"ModelsPage-Dlw4slrw.js","sources":["../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/circle-alert.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/refresh-cw.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/save.js","../../../src/stores/models.ts","../../../src/components/JsonEditor.vue","../../../src/composables/useNotifications.ts","../../../src/pages/ModelsPage.vue"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CircleAlert = createLucideIcon(\"circle-alert\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"line\", { x1: \"12\", x2: \"12\", y1: \"8\", y2: \"12\", key: \"1pkeuh\" }],\n [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"16\", y2: \"16\", key: \"4dfq90\" }]\n]);\n\nexport { CircleAlert as default };\n//# sourceMappingURL=circle-alert.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst RefreshCw = createLucideIcon(\"refresh-cw\", [\n [\"path\", { d: \"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\", key: \"v9h5vc\" }],\n [\"path\", { d: \"M21 3v5h-5\", key: \"1q7to0\" }],\n [\"path\", { d: \"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\", key: \"3uifl3\" }],\n [\"path\", { d: \"M8 16H3v5\", key: \"1cv678\" }]\n]);\n\nexport { RefreshCw as default };\n//# sourceMappingURL=refresh-cw.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Save = createLucideIcon(\"save\", [\n [\n \"path\",\n {\n d: \"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z\",\n key: \"1c8476\"\n }\n ],\n [\"path\", { d: \"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7\", key: \"1ydtos\" }],\n [\"path\", { d: \"M7 3v4a1 1 0 0 0 1 1h7\", key: \"t51u73\" }]\n]);\n\nexport { Save as default };\n//# sourceMappingURL=save.js.map\n","/**\n * Models Store - Store Data Management\n *\n * What: Manages in-memory store data for viewing and editing mock data\n * How: Fetches data from /_api/store endpoints and sends WebSocket commands\n * Why: Provides centralized state management for the Models page\n *\n * API Endpoints Used:\n * - GET /_api/store - List all schemas\n * - GET /_api/store/:schema - Get items for a schema\n * - POST /_api/store/:schema - Bulk replace items\n * - DELETE /_api/store/:schema - Clear schema data\n *\n * WebSocket Commands:\n * - reseed - Trigger reseed of all schemas\n */\n\nimport { defineStore } from 'pinia';\nimport type { ComputedRef, Ref } from 'vue';\nimport { computed, ref, toRaw } from 'vue';\n\n/**\n * Safe clone helper that handles Vue reactive/proxy values\n * Attempts structuredClone with toRaw, falls back to JSON serialization\n */\nfunction safeClone<T>(value: T): T {\n try {\n return structuredClone(toRaw(value));\n } catch {\n return JSON.parse(JSON.stringify(value)) as T;\n }\n}\n\n/**\n * Schema metadata from the server\n */\nexport interface SchemaInfo {\n /** Schema name from OpenAPI components */\n name: string;\n /** Number of items in the store for this schema */\n count: number;\n /** ID field name for this schema */\n idField: string;\n}\n\n/**\n * Schema data response from the server\n */\nexport interface SchemaData {\n /** Schema name */\n schema: string;\n /** Number of items */\n count: number;\n /** ID field name */\n idField: string;\n /** Array of data items */\n items: unknown[];\n}\n\n/**\n * Store state data\n */\nexport interface ModelsData {\n /** List of available schemas */\n schemas: SchemaInfo[];\n /** Currently selected schema name */\n selectedSchema: string | null;\n /** Items for the currently selected schema */\n currentItems: unknown[];\n /** Loading state */\n loading: boolean;\n /** Error message if any */\n error: string | null;\n /** Editing state - whether data has been modified */\n isDirty: boolean;\n}\n\n/**\n * Models store for managing store data\n */\nexport const useModelsStore = defineStore('models', () => {\n // ==========================================================================\n // State\n // ==========================================================================\n\n /** List of available schemas with metadata */\n const schemas: Ref<SchemaInfo[]> = ref([]);\n\n /** Currently selected schema name */\n const selectedSchema: Ref<string | null> = ref(null);\n\n /** Items for the currently selected schema */\n const currentItems: Ref<unknown[]> = ref([]);\n\n /** Original items (before editing) for dirty detection */\n const originalItems: Ref<unknown[]> = ref([]);\n\n /** Loading state */\n const loading: Ref<boolean> = ref(false);\n\n /** Error message */\n const error: Ref<string | null> = ref(null);\n\n // ==========================================================================\n // Computed\n // ==========================================================================\n\n /**\n * Currently selected schema metadata\n */\n const currentSchema: ComputedRef<SchemaInfo | null> = computed(() => {\n if (!selectedSchema.value) return null;\n return schemas.value.find((s) => s.name === selectedSchema.value) ?? null;\n });\n\n /**\n * Dirty state flag - updated by functions that mutate state\n */\n const isDirtyFlag: Ref<boolean> = ref(false);\n\n /**\n * Whether the current data has been modified\n */\n const isDirty: ComputedRef<boolean> = computed(() => isDirtyFlag.value);\n\n /**\n * Total number of schemas\n */\n const schemaCount: ComputedRef<number> = computed(() => schemas.value.length);\n\n /**\n * Total number of items across all schemas\n */\n const totalItems: ComputedRef<number> = computed(() => {\n return schemas.value.reduce((sum, schema) => sum + schema.count, 0);\n });\n\n // ==========================================================================\n // Actions\n // ==========================================================================\n\n /**\n * Fetch the list of schemas from the server\n */\n async function fetchSchemas(): Promise<void> {\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch('/_api/store');\n if (!response.ok) {\n throw new Error(`Failed to fetch schemas: ${response.statusText}`);\n }\n\n const data = await response.json();\n schemas.value = data.schemas ?? [];\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to fetch schemas';\n console.error('[ModelsStore] Error fetching schemas:', err);\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Select a schema and fetch its data\n */\n async function selectSchemaByName(schemaName: string): Promise<void> {\n if (selectedSchema.value === schemaName) return;\n\n selectedSchema.value = schemaName;\n await fetchSchemaData(schemaName);\n }\n\n /**\n * Fetch data for a specific schema\n */\n async function fetchSchemaData(schemaName: string): Promise<void> {\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(schemaName)}`);\n if (!response.ok) {\n throw new Error(`Failed to fetch schema data: ${response.statusText}`);\n }\n\n const data: SchemaData = await response.json();\n const items = data.items ?? [];\n // Clone items to avoid shared references between current and original\n currentItems.value = safeClone(items);\n originalItems.value = safeClone(items);\n isDirtyFlag.value = false;\n\n // Update schema count in the list\n const schemaIndex = schemas.value.findIndex((s) => s.name === schemaName);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = data.count;\n }\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to fetch schema data';\n console.error('[ModelsStore] Error fetching schema data:', err);\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Update the current items (for editing)\n */\n function updateItems(items: unknown): void {\n // Validate that items is an array\n if (!Array.isArray(items)) {\n error.value = 'Invalid data: Expected an array of items';\n console.error('[ModelsStore] updateItems received non-array value:', typeof items);\n return;\n }\n\n currentItems.value = items;\n // Clear any previous validation errors\n error.value = null;\n // Mark as dirty since items were updated\n isDirtyFlag.value = true;\n }\n\n /**\n * Save the current items to the server\n */\n async function saveItems(): Promise<boolean> {\n if (!selectedSchema.value) {\n error.value = 'No schema selected';\n return false;\n }\n\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(selectedSchema.value)}`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(currentItems.value),\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({}));\n throw new Error(errorData.error || `Failed to save items: ${response.statusText}`);\n }\n\n const result = await response.json();\n\n // Update original items to match saved items\n originalItems.value = safeClone(currentItems.value);\n isDirtyFlag.value = false;\n\n // Update schema count\n const schemaIndex = schemas.value.findIndex((s) => s.name === selectedSchema.value);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = result.created ?? currentItems.value.length;\n }\n\n return true;\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to save items';\n console.error('[ModelsStore] Error saving items:', err);\n return false;\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Clear all items for the current schema\n */\n async function clearSchema(): Promise<boolean> {\n if (!selectedSchema.value) {\n error.value = 'No schema selected';\n return false;\n }\n\n loading.value = true;\n error.value = null;\n\n try {\n const response = await fetch(`/_api/store/${encodeURIComponent(selectedSchema.value)}`, {\n method: 'DELETE',\n });\n\n if (!response.ok) {\n throw new Error(`Failed to clear schema: ${response.statusText}`);\n }\n\n // Update local state\n currentItems.value = [];\n originalItems.value = [];\n isDirtyFlag.value = false;\n\n // Update schema count\n const schemaIndex = schemas.value.findIndex((s) => s.name === selectedSchema.value);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = 0;\n }\n\n return true;\n } catch (err) {\n error.value = err instanceof Error ? err.message : 'Failed to clear schema';\n console.error('[ModelsStore] Error clearing schema:', err);\n return false;\n } finally {\n loading.value = false;\n }\n }\n\n /**\n * Discard changes and revert to original items\n */\n function discardChanges(): void {\n currentItems.value = safeClone(originalItems.value);\n isDirtyFlag.value = false;\n }\n\n /**\n * Refresh the current schema data from the server\n */\n async function refresh(): Promise<void> {\n if (selectedSchema.value) {\n await fetchSchemaData(selectedSchema.value);\n } else {\n await fetchSchemas();\n }\n }\n\n /**\n * Reset the store state\n */\n function reset(): void {\n schemas.value = [];\n selectedSchema.value = null;\n currentItems.value = [];\n originalItems.value = [];\n loading.value = false;\n error.value = null;\n isDirtyFlag.value = false;\n }\n\n /**\n * Handle store update from WebSocket event\n */\n function handleStoreUpdate(data: { schema: string; action: string; count: number }): void {\n const schemaIndex = schemas.value.findIndex((s) => s.name === data.schema);\n if (schemaIndex !== -1) {\n schemas.value[schemaIndex].count = data.count;\n }\n\n // If the updated schema is currently selected, refresh it only if no unsaved changes\n if (selectedSchema.value === data.schema) {\n if (!isDirty.value) {\n fetchSchemaData(data.schema);\n } else {\n // Don't auto-refresh when there are unsaved changes\n console.warn(\n `[ModelsStore] Skipping auto-refresh for schema \"${data.schema}\" - unsaved changes exist`,\n );\n }\n }\n }\n\n /**\n * Handle reseed completion from WebSocket event\n */\n function handleReseedComplete(data: { success: boolean; schemas: string[] }): void {\n if (data.success) {\n // Refresh schema list\n fetchSchemas();\n\n // Refresh current schema data only if no unsaved changes\n if (selectedSchema.value) {\n if (!isDirty.value) {\n fetchSchemaData(selectedSchema.value);\n } else {\n console.warn(\n `[ModelsStore] Skipping auto-refresh after reseed for schema \"${selectedSchema.value}\" - unsaved changes exist`,\n );\n }\n }\n }\n }\n\n // ==========================================================================\n // Return store interface\n // ==========================================================================\n\n return {\n // State\n schemas,\n selectedSchema,\n currentItems,\n loading,\n error,\n\n // Computed\n currentSchema,\n isDirty,\n schemaCount,\n totalItems,\n\n // Actions\n fetchSchemas,\n selectSchemaByName,\n fetchSchemaData,\n updateItems,\n saveItems,\n clearSchema,\n discardChanges,\n refresh,\n reset,\n handleStoreUpdate,\n handleReseedComplete,\n };\n});\n\nexport type ModelsStore = ReturnType<typeof useModelsStore>;\n","<!--\n JsonEditor.vue - JSON Editor Component\n\n What: Editable JSON textarea with syntax highlighting and validation\n How: Uses a textarea with syntax validation and formatting utilities\n Why: Allows developers to edit mock data in a user-friendly interface\n\n Features:\n - Real-time JSON validation\n - Syntax error display\n - Format/prettify button\n - Line numbers\n - Monospace font\n-->\n\n<script setup lang=\"ts\">\nimport { AlertCircle, Check } from 'lucide-vue-next';\nimport { computed, ref, watch } from 'vue';\n\n/**\n * Component props\n */\ninterface Props {\n /** JSON data to edit (will be stringified) */\n modelValue: unknown;\n /** Whether the editor is read-only */\n readonly?: boolean;\n /** Placeholder text when empty */\n placeholder?: string;\n /** Minimum height in pixels */\n minHeight?: number;\n}\n\n/**\n * Component emits\n */\ninterface Emits {\n (e: 'update:modelValue', value: unknown): void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n readonly: false,\n placeholder: 'Enter JSON data...',\n minHeight: 200,\n});\n\nconst emit = defineEmits<Emits>();\n\n// ==========================================================================\n// State\n// ==========================================================================\n\n/** Current text content */\nconst text = ref<string>('');\n\n/** JSON validation error */\nconst validationError = ref<string | null>(null);\n\n/** Whether JSON is valid */\nconst isValid = computed(() => validationError.value === null);\n\n/** Line count for line numbers */\nconst lineCount = computed(() => {\n return text.value.split('\\n').length;\n});\n\n/** Line numbers array */\nconst lineNumbers = computed(() => {\n return Array.from({ length: lineCount.value }, (_, i) => i + 1);\n});\n\n// ==========================================================================\n// Initialization\n// ==========================================================================\n\n/**\n * Initialize text from modelValue\n */\nfunction initializeText(): void {\n try {\n text.value = JSON.stringify(props.modelValue, null, 2);\n validationError.value = null;\n } catch (err) {\n text.value = '';\n validationError.value = 'Invalid initial value';\n }\n}\n\n// Initialize on mount\ninitializeText();\n\n// Watch for external changes to modelValue\nwatch(\n () => props.modelValue,\n () => {\n // Only update if the parsed value differs (avoid cursor jumps during typing)\n try {\n const currentParsed = JSON.parse(text.value);\n if (JSON.stringify(currentParsed) !== JSON.stringify(props.modelValue)) {\n initializeText();\n }\n } catch {\n // If current text is invalid, always update\n initializeText();\n }\n },\n);\n\n// ==========================================================================\n// Actions\n// ==========================================================================\n\n/**\n * Handle text input\n */\nfunction handleInput(event: Event): void {\n const target = event.target as HTMLTextAreaElement;\n text.value = target.value;\n validateAndEmit();\n}\n\n/**\n * Validate JSON and emit update\n */\nfunction validateAndEmit(): void {\n if (text.value.trim() === '') {\n validationError.value = null;\n emit('update:modelValue', []);\n return;\n }\n\n try {\n const parsed = JSON.parse(text.value);\n validationError.value = null;\n emit('update:modelValue', parsed);\n } catch (err) {\n if (err instanceof Error) {\n // Extract line/column info from error message\n const match = err.message.match(/position (\\d+)/);\n if (match) {\n const position = Number.parseInt(match[1], 10);\n const lines = text.value.substring(0, position).split('\\n');\n const line = lines.length;\n const column = lines[lines.length - 1].length + 1;\n validationError.value = `Line ${line}, Column ${column}: ${err.message}`;\n } else {\n validationError.value = err.message;\n }\n } else {\n validationError.value = 'Invalid JSON';\n }\n }\n}\n\n/**\n * Format/prettify the JSON\n */\nfunction formatJson(): void {\n try {\n const parsed = JSON.parse(text.value);\n text.value = JSON.stringify(parsed, null, 2);\n validationError.value = null;\n emit('update:modelValue', parsed);\n } catch {\n // If invalid, do nothing\n }\n}\n\n/**\n * Handle Tab key for indentation\n */\nfunction handleKeyDown(event: KeyboardEvent): void {\n if (event.key === 'Tab') {\n event.preventDefault();\n const target = event.target as HTMLTextAreaElement;\n const start = target.selectionStart;\n const end = target.selectionEnd;\n\n // Insert 2 spaces\n const newText = `${text.value.substring(0, start)} ${text.value.substring(end)}`;\n text.value = newText;\n\n // Move cursor\n setTimeout(() => {\n target.selectionStart = target.selectionEnd = start + 2;\n }, 0);\n\n validateAndEmit();\n }\n}\n\n// ==========================================================================\n// Expose methods\n// ==========================================================================\n\ndefineExpose({\n formatJson,\n isValid,\n});\n</script>\n\n<template>\n <div class=\"json-editor\">\n <!-- Editor Container -->\n <div class=\"json-editor__container\">\n <!-- Line Numbers -->\n <div class=\"json-editor__lines\" aria-hidden=\"true\">\n <div\n v-for=\"lineNum in lineNumbers\"\n :key=\"lineNum\"\n class=\"json-editor__line-number\"\n >\n {{ lineNum }}\n </div>\n </div>\n\n <!-- Textarea -->\n <textarea\n :value=\"text\"\n :readonly=\"readonly\"\n :placeholder=\"placeholder\"\n :style=\"{ minHeight: `${minHeight}px` }\"\n class=\"json-editor__textarea\"\n spellcheck=\"false\"\n @input=\"handleInput\"\n @keydown=\"handleKeyDown\"\n />\n </div>\n\n <!-- Status Bar -->\n <div class=\"json-editor__status\">\n <div class=\"json-editor__status-left\">\n <!-- Validation Status -->\n <div v-if=\"isValid\" class=\"json-editor__valid\">\n <Check :size=\"14\" />\n <span>Valid JSON</span>\n </div>\n <div v-else-if=\"validationError\" class=\"json-editor__error\">\n <AlertCircle :size=\"14\" />\n <span>{{ validationError }}</span>\n </div>\n </div>\n\n <div class=\"json-editor__status-right\">\n <!-- Line Count -->\n <span class=\"json-editor__info\">{{ lineCount }} lines</span>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.json-editor {\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-md);\n overflow: hidden;\n}\n\n/* Editor Container */\n.json-editor__container {\n display: flex;\n overflow: auto;\n flex: 1;\n}\n\n/* Line Numbers */\n.json-editor__lines {\n display: flex;\n flex-direction: column;\n padding: var(--devtools-space-sm) var(--devtools-space-xs);\n background-color: var(--devtools-surface-elevated);\n border-right: 1px solid var(--devtools-border);\n user-select: none;\n flex-shrink: 0;\n}\n\n.json-editor__line-number {\n height: 1.5em;\n line-height: 1.5;\n text-align: right;\n font-family: var(--devtools-font-mono);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n min-width: 2ch;\n padding-right: var(--devtools-space-xs);\n}\n\n/* Textarea */\n.json-editor__textarea {\n flex: 1;\n padding: var(--devtools-space-sm);\n background-color: var(--devtools-surface);\n color: var(--devtools-text);\n border: none;\n outline: none;\n resize: vertical;\n font-family: var(--devtools-font-mono);\n font-size: var(--font-size-0);\n line-height: 1.5;\n tab-size: 2;\n white-space: pre;\n overflow-wrap: normal;\n overflow-x: auto;\n}\n\n.json-editor__textarea::placeholder {\n color: var(--devtools-text-muted);\n opacity: 0.6;\n}\n\n.json-editor__textarea:focus {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n}\n\n.json-editor__textarea[readonly] {\n background-color: var(--devtools-surface-elevated);\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n/* Status Bar */\n.json-editor__status {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background-color: var(--devtools-surface-elevated);\n border-top: 1px solid var(--devtools-border);\n font-size: var(--font-size-0);\n}\n\n.json-editor__status-left,\n.json-editor__status-right {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n/* Validation Indicators */\n.json-editor__valid {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n color: var(--devtools-success);\n}\n\n.json-editor__error {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n color: var(--devtools-error);\n}\n\n.json-editor__info {\n color: var(--devtools-text-muted);\n}\n\n/* Dark mode adjustments */\n@media (prefers-color-scheme: dark) {\n .json-editor__textarea {\n color: #e2e8f0;\n }\n\n .json-editor__textarea::placeholder {\n color: #64748b;\n }\n}\n</style>\n","/**\n * Notifications Composable\n *\n * What: Provides consistent user feedback mechanism for the DevTools\n * How: Manages toast notifications and confirmation modals\n * Why: Replaces inconsistent alert()/confirm()/console.log() usage\n *\n * Features:\n * - Toast notifications for success/error/info messages\n * - Confirmation modals with custom messages\n * - Auto-dismiss for toast notifications\n * - Centralized state management\n */\n\nimport { reactive, ref } from 'vue';\n\n/**\n * Toast notification types\n */\nexport type ToastType = 'success' | 'error' | 'info' | 'warning';\n\n/**\n * Toast notification\n */\nexport interface Toast {\n id: string;\n type: ToastType;\n message: string;\n duration: number;\n timestamp: number;\n}\n\n/**\n * Confirmation dialog state\n */\nexport interface ConfirmDialog {\n visible: boolean;\n title: string;\n message: string;\n confirmText: string;\n cancelText: string;\n onConfirm: (() => void) | null;\n onCancel: (() => void) | null;\n}\n\n// ==========================================================================\n// Global State\n// ==========================================================================\n\nconst toasts = ref<Toast[]>([]);\nconst confirmDialog = reactive<ConfirmDialog>({\n visible: false,\n title: '',\n message: '',\n confirmText: 'Confirm',\n cancelText: 'Cancel',\n onConfirm: null,\n onCancel: null,\n});\n\n// Track active timeout IDs to prevent orphaned timers\nconst timeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\n// Track pending confirm dialog promise resolver\nlet pendingResolve: ((value: boolean) => void) | null = null;\n\n// ==========================================================================\n// Helper Functions\n// ==========================================================================\n\nlet toastIdCounter = 0;\n\nfunction generateToastId(): string {\n return `toast-${Date.now()}-${toastIdCounter++}`;\n}\n\nfunction addToast(type: ToastType, message: string, duration = 3000): string {\n const id = generateToastId();\n const toast: Toast = {\n id,\n type,\n message,\n duration,\n timestamp: Date.now(),\n };\n\n toasts.value.push(toast);\n\n // Auto-dismiss\n if (duration > 0) {\n const timeoutId = setTimeout(() => {\n removeToast(id);\n timeouts.delete(id);\n }, duration);\n timeouts.set(id, timeoutId);\n }\n\n return id;\n}\n\nfunction removeToast(id: string): void {\n // Clear the timeout if it exists\n const timeoutId = timeouts.get(id);\n if (timeoutId !== undefined) {\n clearTimeout(timeoutId);\n timeouts.delete(id);\n }\n\n // Remove the toast from the array\n const index = toasts.value.findIndex((t) => t.id === id);\n if (index !== -1) {\n toasts.value.splice(index, 1);\n }\n}\n\n// ==========================================================================\n// Composable\n// ==========================================================================\n\n/**\n * Notifications composable\n *\n * Provides methods for showing toast notifications and confirmation dialogs\n */\nexport function useNotifications() {\n /**\n * Show a success toast notification\n */\n function success(message: string, duration?: number): string {\n return addToast('success', message, duration);\n }\n\n /**\n * Show an error toast notification\n */\n function error(message: string, duration?: number): string {\n return addToast('error', message, duration);\n }\n\n /**\n * Show an info toast notification\n */\n function info(message: string, duration?: number): string {\n return addToast('info', message, duration);\n }\n\n /**\n * Show a warning toast notification\n */\n function warning(message: string, duration?: number): string {\n return addToast('warning', message, duration);\n }\n\n /**\n * Show a confirmation dialog\n *\n * @returns Promise that resolves to true if confirmed, false if cancelled\n */\n function confirm(\n message: string,\n options?: {\n title?: string;\n confirmText?: string;\n cancelText?: string;\n },\n ): Promise<boolean> {\n return new Promise((resolve) => {\n // Resolve any pending dialog with false (cancelled) before opening new one\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n\n // Store the new resolve reference\n pendingResolve = resolve;\n\n confirmDialog.visible = true;\n confirmDialog.title = options?.title || 'Confirm';\n confirmDialog.message = message;\n confirmDialog.confirmText = options?.confirmText || 'Confirm';\n confirmDialog.cancelText = options?.cancelText || 'Cancel';\n\n confirmDialog.onConfirm = () => {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(true);\n pendingResolve = null;\n }\n };\n\n confirmDialog.onCancel = () => {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n };\n });\n }\n\n /**\n * Close the confirmation dialog\n */\n function closeConfirm(): void {\n confirmDialog.visible = false;\n if (pendingResolve) {\n pendingResolve(false);\n pendingResolve = null;\n }\n }\n\n /**\n * Manually dismiss a toast by ID\n */\n function dismiss(id: string): void {\n removeToast(id);\n }\n\n /**\n * Clear all toasts\n */\n function clearAll(): void {\n // Clear all active timeouts\n for (const timeoutId of timeouts.values()) {\n clearTimeout(timeoutId);\n }\n timeouts.clear();\n toasts.value = [];\n }\n\n return {\n // State\n toasts,\n confirmDialog,\n\n // Toast methods\n success,\n error,\n info,\n warning,\n dismiss,\n clearAll,\n\n // Confirm methods\n confirm,\n closeConfirm,\n };\n}\n","<!--\n ModelsPage.vue - Store Data Editor Page\n\n What: Displays and allows editing of in-memory store data organized by schema\n How: Fetches store data from models store and displays in an editable JSON view\n Why: Allows developers to inspect and modify mock data during development\n\n Features:\n - Schema listing sidebar with item counts\n - JSON editor with syntax validation\n - Save, discard, clear, and reseed actions\n - Real-time updates via WebSocket\n - Dirty state tracking\n-->\n<script setup lang=\"ts\">\nimport { Database, RefreshCw, Save, Trash2, X } from 'lucide-vue-next';\nimport { nextTick, onMounted, ref, watch } from 'vue';\n// biome-ignore lint/style/useImportType: Component needs to be available at runtime\nimport JsonEditor from '@/components/JsonEditor.vue';\nimport { useNotifications } from '@/composables/useNotifications';\nimport { useWebSocket } from '@/composables/useWebSocket';\nimport { useModelsStore } from '@/stores';\n\n// ==========================================================================\n// Store & Composables\n// ==========================================================================\n\nconst modelsStore = useModelsStore();\nconst { send, on, connected } = useWebSocket();\nconst { success, error: notifyError, confirm } = useNotifications();\n\n// ==========================================================================\n// State\n// ==========================================================================\n\n/** Reference to the JSON editor component */\nconst jsonEditorRef = ref<InstanceType<typeof JsonEditor> | null>(null);\n\n/** Confirmation dialog state */\nconst showClearConfirm = ref(false);\n\n// ==========================================================================\n// Lifecycle\n// ==========================================================================\n\nonMounted(async () => {\n // Load schemas on mount\n try {\n await modelsStore.fetchSchemas();\n\n // Select first schema if available\n if (modelsStore.schemas.length > 0 && !modelsStore.selectedSchema) {\n await modelsStore.selectSchemaByName(modelsStore.schemas[0].name);\n }\n } catch (err) {\n // Error is already set in the store, but ensure it's visible\n if (!modelsStore.error) {\n modelsStore.error = err instanceof Error ? err.message : 'Failed to load schemas';\n }\n }\n});\n\n// ==========================================================================\n// WebSocket Event Handlers\n// ==========================================================================\n\n// Handle store updates from WebSocket\non('store:updated', (data) => {\n // Validate payload structure\n const payload = data as any;\n if (\n typeof data !== 'object' ||\n data === null ||\n typeof payload.schema !== 'string' ||\n typeof payload.action !== 'string' ||\n typeof payload.count !== 'number'\n ) {\n console.warn('[ModelsPage] Invalid store:updated payload:', data);\n return;\n }\n\n modelsStore.handleStoreUpdate(data as { schema: string; action: string; count: number });\n});\n\n// Handle reseed completion\non('reseeded', (data) => {\n // Validate payload structure\n const payload = data as any;\n if (\n typeof data !== 'object' ||\n data === null ||\n typeof payload.success !== 'boolean' ||\n !Array.isArray(payload.schemas)\n ) {\n console.warn('[ModelsPage] Invalid reseeded payload:', data);\n return;\n }\n\n modelsStore.handleReseedComplete(data as { success: boolean; schemas: string[] });\n});\n\n// ==========================================================================\n// Watchers\n// ==========================================================================\n\n// Format JSON when schema changes\nwatch(\n () => modelsStore.selectedSchema,\n async () => {\n if (jsonEditorRef.value && modelsStore.currentItems.length > 0) {\n // Wait for next tick to ensure editor is updated\n await nextTick();\n jsonEditorRef.value?.formatJson();\n }\n },\n);\n\n// ==========================================================================\n// Actions\n// ==========================================================================\n\n/**\n * Select a schema and fetch its data\n */\nasync function selectSchema(schemaName: string): Promise<void> {\n if (modelsStore.isDirty) {\n const confirmed = await confirm(\n 'You have unsaved changes. Are you sure you want to switch schemas?',\n {\n title: 'Unsaved Changes',\n confirmText: 'Switch Schema',\n cancelText: 'Cancel',\n },\n );\n if (!confirmed) return;\n }\n\n await modelsStore.selectSchemaByName(schemaName);\n}\n\n/**\n * Save the current items to the server\n */\nasync function saveItems(): Promise<void> {\n if (!jsonEditorRef.value?.isValid) {\n notifyError('Cannot save invalid JSON. Please fix the errors first.');\n return;\n }\n\n const saved = await modelsStore.saveItems();\n if (saved) {\n success('Items saved successfully');\n } else {\n // Show error to user if save failed\n const errorMessage = modelsStore.error || 'Failed to save items';\n notifyError(errorMessage);\n }\n}\n\n/**\n * Discard changes and revert to original\n */\nasync function discardChanges(): Promise<void> {\n if (!modelsStore.isDirty) return;\n\n const confirmed = await confirm('Discard all changes and revert to saved data?', {\n title: 'Discard Changes',\n confirmText: 'Discard',\n cancelText: 'Cancel',\n });\n if (confirmed) {\n modelsStore.discardChanges();\n success('Changes discarded');\n }\n}\n\n/**\n * Clear all items for the current schema\n */\nasync function clearSchema(): Promise<void> {\n showClearConfirm.value = false;\n\n try {\n const cleared = await modelsStore.clearSchema();\n if (cleared) {\n success('Schema cleared successfully');\n } else {\n // Show error to user if clear failed\n const errorMessage = modelsStore.error || 'Failed to clear schema';\n notifyError(errorMessage);\n }\n } catch (err) {\n const errorMessage = err instanceof Error ? err.message : 'Failed to clear schema';\n notifyError(errorMessage);\n }\n}\n\n/**\n * Trigger reseed via WebSocket\n */\nasync function reseedAll(): Promise<void> {\n if (!connected.value) {\n notifyError('WebSocket not connected. Cannot trigger reseed.');\n return;\n }\n\n const confirmed = await confirm(\n 'This will regenerate all seed data and replace existing items. Continue?',\n {\n title: 'Reseed All Schemas',\n confirmText: 'Reseed',\n cancelText: 'Cancel',\n },\n );\n if (!confirmed) return;\n\n send({ type: 'reseed' });\n success('Reseed command sent');\n}\n\n/**\n * Handle JSON editor value updates\n */\nfunction onJsonEditorUpdate(value: unknown): void {\n modelsStore.updateItems(value);\n}\n</script>\n\n<template>\n <div class=\"models-page\">\n <!-- Schema Sidebar -->\n <aside class=\"models-sidebar\">\n <div class=\"models-sidebar__header\">\n <Database :size=\"18\" />\n <span>Schemas</span>\n <span class=\"models-sidebar__badge\">{{ modelsStore.schemaCount }}</span>\n </div>\n\n <!-- Loading State -->\n <div v-if=\"modelsStore.loading && modelsStore.schemas.length === 0\" class=\"models-sidebar__loading\">\n <div class=\"spinner\" />\n <span>Loading...</span>\n </div>\n\n <!-- Schema List -->\n <div v-else class=\"models-sidebar__list\">\n <button\n v-for=\"schema in modelsStore.schemas\"\n :key=\"schema.name\"\n :class=\"[\n 'models-sidebar__item',\n { 'models-sidebar__item--active': modelsStore.selectedSchema === schema.name },\n ]\"\n @click=\"selectSchema(schema.name)\"\n >\n <span class=\"models-sidebar__name\">{{ schema.name }}</span>\n <span class=\"models-sidebar__count\">{{ schema.count }}</span>\n </button>\n </div>\n\n <!-- Footer Stats -->\n <div class=\"models-sidebar__footer\">\n <div class=\"models-sidebar__stat\">\n <span class=\"text-muted\">Total Items:</span>\n <span class=\"font-mono\">{{ modelsStore.totalItems }}</span>\n </div>\n </div>\n </aside>\n\n <!-- Data Panel -->\n <main class=\"models-content\">\n <template v-if=\"modelsStore.selectedSchema\">\n <!-- Toolbar -->\n <div class=\"models-toolbar\">\n <div class=\"models-toolbar__title\">\n <span class=\"font-mono\">{{ modelsStore.selectedSchema }}</span>\n <span class=\"text-muted\">({{ modelsStore.currentItems.length }} items)</span>\n <span\n v-if=\"modelsStore.isDirty\"\n class=\"models-toolbar__badge models-toolbar__badge--warning\"\n >\n Unsaved\n </span>\n </div>\n\n <div class=\"models-toolbar__actions\">\n <!-- Discard Button -->\n <button\n v-if=\"modelsStore.isDirty\"\n class=\"btn btn--ghost\"\n title=\"Discard changes\"\n @click=\"discardChanges\"\n >\n <X :size=\"16\" />\n <span>Discard</span>\n </button>\n\n <!-- Save Button -->\n <button\n :disabled=\"!modelsStore.isDirty || modelsStore.loading\"\n class=\"btn btn--primary\"\n title=\"Save changes\"\n @click=\"saveItems\"\n >\n <Save :size=\"16\" />\n <span>Save</span>\n </button>\n\n <!-- Clear Button -->\n <button\n class=\"btn btn--danger\"\n title=\"Clear all items\"\n @click=\"showClearConfirm = true\"\n >\n <Trash2 :size=\"16\" />\n <span>Clear</span>\n </button>\n\n <!-- Reseed Button -->\n <button\n :disabled=\"!connected\"\n class=\"btn btn--secondary\"\n title=\"Reseed all schemas with generated data\"\n @click=\"reseedAll\"\n >\n <RefreshCw :size=\"16\" />\n <span>Reseed All</span>\n </button>\n </div>\n </div>\n\n <!-- Error Display -->\n <div v-if=\"modelsStore.error\" class=\"models-error\">\n <span>⚠️ {{ modelsStore.error }}</span>\n </div>\n\n <!-- JSON Editor -->\n <div class=\"models-editor\">\n <JsonEditor\n ref=\"jsonEditorRef\"\n :model-value=\"modelsStore.currentItems\"\n :readonly=\"modelsStore.loading\"\n :min-height=\"400\"\n @update:model-value=\"onJsonEditorUpdate\"\n />\n </div>\n\n <!-- Loading Overlay -->\n <div v-if=\"modelsStore.loading\" class=\"models-loading-overlay\">\n <div class=\"spinner\" />\n <span>Loading...</span>\n </div>\n </template>\n\n <!-- Empty State or Error -->\n <div v-else class=\"empty-state\">\n <!-- Show error if present and no schema selected -->\n <div v-if=\"modelsStore.error\" class=\"models-error\">\n <span>⚠️ {{ modelsStore.error }}</span>\n </div>\n <template v-else>\n <Database :size=\"48\" class=\"empty-state__icon\" />\n <h3 class=\"empty-state__title\">Select a schema</h3>\n <p class=\"empty-state__description\">\n Choose a schema from the sidebar to view and edit its data.\n </p>\n </template>\n </div>\n </main>\n\n <!-- Clear Confirmation Modal -->\n <Teleport to=\"body\">\n <div v-if=\"showClearConfirm\" class=\"modal-overlay\" @click=\"showClearConfirm = false\">\n <div class=\"modal\" @click.stop>\n <div class=\"modal__header\">\n <h3>Clear Schema Data</h3>\n </div>\n <div class=\"modal__body\">\n <p>\n Are you sure you want to clear all items for\n <strong>{{ modelsStore.selectedSchema }}</strong>?\n </p>\n <p class=\"text-muted\">This action cannot be undone.</p>\n </div>\n <div class=\"modal__footer\">\n <button class=\"btn btn--ghost\" @click=\"showClearConfirm = false\">\n Cancel\n </button>\n <button class=\"btn btn--danger\" @click=\"clearSchema\">\n Clear Schema\n </button>\n </div>\n </div>\n </div>\n </Teleport>\n </div>\n</template>\n\n<style scoped>\n.models-page {\n display: grid;\n grid-template-columns: 240px 1fr;\n height: 100%;\n overflow: hidden;\n}\n\n/* Sidebar */\n.models-sidebar {\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-surface);\n border-right: 1px solid var(--devtools-border);\n overflow: hidden;\n}\n\n.models-sidebar__header {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n padding: var(--devtools-space-md);\n font-weight: var(--font-weight-6);\n font-size: var(--font-size-1);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.models-sidebar__badge {\n margin-left: auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 20px;\n height: 20px;\n padding: 0 var(--devtools-space-xs);\n background-color: var(--devtools-primary);\n color: white;\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-6);\n}\n\n.models-sidebar__loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xl);\n color: var(--devtools-text-muted);\n}\n\n.models-sidebar__list {\n flex: 1;\n overflow-y: auto;\n padding: var(--devtools-space-xs);\n}\n\n.models-sidebar__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n background: none;\n border: none;\n border-radius: var(--devtools-radius-sm);\n color: var(--devtools-text);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-1);\n cursor: pointer;\n transition: background-color var(--devtools-transition-fast);\n}\n\n.models-sidebar__item:hover {\n background-color: var(--devtools-surface-elevated);\n}\n\n.models-sidebar__item--active {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n color: var(--devtools-primary);\n}\n\n.models-sidebar__name {\n font-family: var(--devtools-font-mono);\n}\n\n.models-sidebar__count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 24px;\n height: 20px;\n padding: 0 var(--devtools-space-xs);\n background-color: var(--devtools-surface-elevated);\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.models-sidebar__footer {\n padding: var(--devtools-space-md);\n border-top: 1px solid var(--devtools-border);\n}\n\n.models-sidebar__stat {\n display: flex;\n justify-content: space-between;\n font-size: var(--font-size-0);\n}\n\n/* Content Area */\n.models-content {\n position: relative;\n display: flex;\n flex-direction: column;\n padding: var(--devtools-space-md);\n overflow: hidden;\n}\n\n/* Toolbar */\n.models-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--devtools-space-md);\n margin-bottom: var(--devtools-space-md);\n}\n\n.models-toolbar__title {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-6);\n}\n\n.models-toolbar__badge {\n display: inline-flex;\n align-items: center;\n padding: 2px 8px;\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n}\n\n.models-toolbar__badge--warning {\n background-color: color-mix(in srgb, #f59e0b 20%, transparent);\n color: #f59e0b;\n}\n\n.models-toolbar__actions {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n/* Error Display */\n.models-error {\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n margin-bottom: var(--devtools-space-md);\n background-color: color-mix(in srgb, var(--devtools-error) 10%, transparent);\n border: 1px solid var(--devtools-error);\n border-radius: var(--devtools-radius-sm);\n color: var(--devtools-error);\n font-size: var(--font-size-0);\n}\n\n/* Editor */\n.models-editor {\n flex: 1;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n/* Loading Overlay */\n.models-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-md);\n background-color: color-mix(in srgb, var(--devtools-bg) 80%, transparent);\n backdrop-filter: blur(2px);\n z-index: 10;\n}\n\n/* Modal */\n.modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 1000;\n}\n\n.modal {\n min-width: 400px;\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-md);\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\n}\n\n.modal__header {\n padding: var(--devtools-space-md);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.modal__header h3 {\n margin: 0;\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-6);\n}\n\n.modal__body {\n padding: var(--devtools-space-md);\n}\n\n.modal__body p {\n margin: 0 0 var(--devtools-space-sm) 0;\n}\n\n.modal__body p:last-child {\n margin-bottom: 0;\n}\n\n.modal__footer {\n display: flex;\n justify-content: flex-end;\n gap: var(--devtools-space-sm);\n padding: var(--devtools-space-md);\n border-top: 1px solid var(--devtools-border);\n}\n\n/* Spinner */\n.spinner {\n width: 24px;\n height: 24px;\n border: 3px solid var(--devtools-border);\n border-top-color: var(--devtools-primary);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n</style>\n"],"names":["CircleAlert","createLucideIcon","RefreshCw","Save","safeClone","value","toRaw","useModelsStore","defineStore","schemas","ref","selectedSchema","currentItems","originalItems","loading","error","currentSchema","computed","s","isDirtyFlag","isDirty","schemaCount","totalItems","sum","schema","fetchSchemas","response","data","err","selectSchemaByName","schemaName","fetchSchemaData","items","schemaIndex","updateItems","saveItems","errorData","result","clearSchema","discardChanges","refresh","reset","handleStoreUpdate","handleReseedComplete","props","__props","emit","__emit","text","validationError","isValid","lineCount","lineNumbers","_","i","initializeText","watch","currentParsed","handleInput","event","target","validateAndEmit","parsed","match","position","lines","line","column","formatJson","handleKeyDown","start","end","newText","__expose","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_Fragment","_renderList","lineNum","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","_unref","Check","_cache","_hoisted_8","AlertCircle","_hoisted_9","_hoisted_10","_toDisplayString","toasts","confirmDialog","reactive","timeouts","pendingResolve","toastIdCounter","generateToastId","addToast","type","message","duration","id","toast","timeoutId","removeToast","index","t","useNotifications","success","info","warning","confirm","options","resolve","closeConfirm","dismiss","clearAll","modelsStore","send","on","connected","useWebSocket","notifyError","jsonEditorRef","showClearConfirm","onMounted","payload","nextTick","selectSchema","errorMessage","reseedAll","onJsonEditorUpdate","Database","_hoisted_4","_normalizeClass","$event","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","X","Trash2","_hoisted_22","_hoisted_23","JsonEditor","_hoisted_24","_hoisted_25","_hoisted_26","_createBlock","_Teleport","_hoisted_27","_hoisted_28"],"mappings":"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","x_google_ignoreList":[0,1,2]}