@websublime/vite-plugin-open-api-devtools 0.8.0 → 0.8.2
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.
- package/dist/ModelsPage-DgFhUiBH.js +750 -0
- package/dist/ModelsPage-DgFhUiBH.js.map +1 -0
- package/dist/{RoutesPage-DJQFqkO5.js → RoutesPage-DpasQCnt.js} +4 -4
- package/dist/{RoutesPage-DJQFqkO5.js.map → RoutesPage-DpasQCnt.js.map} +1 -1
- package/dist/{SimulatorPage-DAwHHeu0.js → SimulatorPage-CDTgl8ax.js} +154 -149
- package/dist/SimulatorPage-CDTgl8ax.js.map +1 -0
- package/dist/{TimelinePage-DdznQBTd.js → TimelinePage-CLlD6uZ8.js} +7 -7
- package/dist/{TimelinePage-DdznQBTd.js.map → TimelinePage-CLlD6uZ8.js.map} +1 -1
- package/dist/{check-CZ-YsL8n.js → check-D8w72KaI.js} +2 -2
- package/dist/{check-CZ-YsL8n.js.map → check-D8w72KaI.js.map} +1 -1
- package/dist/devtools.css +1 -1
- package/dist/devtools.js +1 -1
- package/dist/devtools.umd.cjs +3 -3
- package/dist/devtools.umd.cjs.map +1 -1
- package/dist/{format-xvYNYz8d.js → format-Bs9S93C7.js} +2 -2
- package/dist/{format-xvYNYz8d.js.map → format-Bs9S93C7.js.map} +1 -1
- package/dist/{main-C-2gO_cM.js → main-DUNgny3E.js} +6 -6
- package/dist/{main-C-2gO_cM.js.map → main-DUNgny3E.js.map} +1 -1
- package/dist/spa/assets/ModelsPage-BslYlawu.css +1 -0
- package/dist/spa/assets/ModelsPage-Ef8Z_K5t.js +4 -0
- package/dist/spa/assets/ModelsPage-Ef8Z_K5t.js.map +1 -0
- package/dist/spa/assets/{RoutesPage-DVkEOssu.js → RoutesPage-Rs-CBlOu.js} +2 -2
- package/dist/spa/assets/{RoutesPage-DVkEOssu.js.map → RoutesPage-Rs-CBlOu.js.map} +1 -1
- package/dist/spa/assets/SimulatorPage-CNh6VflM.js +2 -0
- package/dist/spa/assets/SimulatorPage-CNh6VflM.js.map +1 -0
- package/dist/spa/assets/SimulatorPage-DGEq_rzM.css +1 -0
- package/dist/spa/assets/{TimelinePage-C_LK2wKS.js → TimelinePage-2YaDXdDB.js} +2 -2
- package/dist/spa/assets/{TimelinePage-C_LK2wKS.js.map → TimelinePage-2YaDXdDB.js.map} +1 -1
- package/dist/spa/assets/check-CLk5nWxQ.js +2 -0
- package/dist/spa/assets/{check-B_DaLrgB.js.map → check-CLk5nWxQ.js.map} +1 -1
- package/dist/spa/assets/{format-r8dlo_ab.js → format-YtVMCGJx.js} +2 -2
- package/dist/spa/assets/{format-r8dlo_ab.js.map → format-YtVMCGJx.js.map} +1 -1
- package/dist/spa/assets/index-BSvrS_tt.css +1 -0
- package/dist/spa/assets/{index-Dff2RvrN.js → index-sPgNGnaU.js} +3 -3
- package/dist/spa/assets/{index-Dff2RvrN.js.map → index-sPgNGnaU.js.map} +1 -1
- package/dist/spa/assets/{trash-2-6KJWHoOC.js → trash-2-DCsOAZPr.js} +2 -2
- package/dist/spa/assets/{trash-2-6KJWHoOC.js.map → trash-2-DCsOAZPr.js.map} +1 -1
- package/dist/spa/assets/{triangle-alert-Dx8lMHrF.js → triangle-alert-DD8Mz05K.js} +2 -2
- package/dist/spa/assets/{triangle-alert-Dx8lMHrF.js.map → triangle-alert-DD8Mz05K.js.map} +1 -1
- package/dist/spa/assets/x-5pbhNHo3.js +2 -0
- package/dist/spa/assets/{x-B6bG8oob.js.map → x-5pbhNHo3.js.map} +1 -1
- package/dist/spa/index.html +2 -2
- package/dist/{trash-2-BiCAm7lq.js → trash-2-BaiQpXqE.js} +2 -2
- package/dist/{trash-2-BiCAm7lq.js.map → trash-2-BaiQpXqE.js.map} +1 -1
- package/dist/{triangle-alert-C8PD5_Zo.js → triangle-alert-CIaC9iQP.js} +2 -2
- package/dist/{triangle-alert-C8PD5_Zo.js.map → triangle-alert-CIaC9iQP.js.map} +1 -1
- package/dist/{x-Boe7tiDp.js → x-BI73Bc0z.js} +2 -2
- package/dist/{x-Boe7tiDp.js.map → x-BI73Bc0z.js.map} +1 -1
- package/package.json +14 -14
- package/dist/ModelsPage-DEKnJYaY.js +0 -629
- package/dist/ModelsPage-DEKnJYaY.js.map +0 -1
- package/dist/SimulatorPage-DAwHHeu0.js.map +0 -1
- package/dist/spa/assets/ModelsPage-DQN_XP0u.css +0 -1
- package/dist/spa/assets/ModelsPage-Dlw4slrw.js +0 -4
- package/dist/spa/assets/ModelsPage-Dlw4slrw.js.map +0 -1
- package/dist/spa/assets/SimulatorPage-B1voZDRi.css +0 -1
- package/dist/spa/assets/SimulatorPage-C2EEtkx8.js +0 -2
- package/dist/spa/assets/SimulatorPage-C2EEtkx8.js.map +0 -1
- package/dist/spa/assets/check-B_DaLrgB.js +0 -2
- package/dist/spa/assets/index-CFIFFTBf.css +0 -1
- package/dist/spa/assets/x-B6bG8oob.js +0 -2
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModelsPage-DEKnJYaY.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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SimulatorPage-DAwHHeu0.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/plus.js","../src/stores/simulation.ts","../src/pages/SimulatorPage.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 Plus = createLucideIcon(\"plus\", [\n [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n [\"path\", { d: \"M12 5v14\", key: \"s699le\" }]\n]);\n\nexport { Plus as default };\n//# sourceMappingURL=plus.js.map\n","/**\n * Simulation Store\n *\n * What: Pinia store for managing error and delay simulations\n * How: Manages simulation state and communicates with server via WebSocket\n * Why: Enables developers to test error handling and loading states\n *\n * @module stores/simulation\n */\n\nimport { defineStore } from 'pinia';\nimport { computed, ref } from 'vue';\n\n/**\n * Simulation preset type\n */\nexport type SimulationPresetType = 'delay' | 'error' | 'empty';\n\n/**\n * Simulation preset definition\n */\nexport interface SimulationPreset {\n id: string;\n label: string;\n description: string;\n type: SimulationPresetType;\n status: number;\n delay?: number;\n body?: unknown;\n}\n\n/**\n * Active simulation state\n */\nexport interface ActiveSimulation {\n path: string;\n operationId?: string;\n status: number;\n delay?: number;\n body?: unknown;\n presetId?: string;\n}\n\n/**\n * Preset definitions matching PRD FR-104 requirements\n */\nexport const SIMULATION_PRESETS: SimulationPreset[] = [\n {\n id: 'slow-network',\n label: 'Slow Network',\n description: '3000ms delay (3G simulation)',\n type: 'delay',\n status: 200,\n delay: 3000,\n },\n {\n id: 'server-error',\n label: 'Server Error',\n description: 'Returns HTTP 500',\n type: 'error',\n status: 500,\n body: { error: 'Internal Server Error', message: 'Simulated server error' },\n },\n {\n id: 'rate-limit',\n label: 'Rate Limited',\n description: 'Returns HTTP 429',\n type: 'error',\n status: 429,\n body: { error: 'Too Many Requests', message: 'Rate limit exceeded' },\n },\n {\n id: 'not-found',\n label: 'Not Found',\n description: 'Returns HTTP 404',\n type: 'error',\n status: 404,\n body: { error: 'Not Found', message: 'Resource not found' },\n },\n {\n id: 'request-timeout',\n label: 'Request Timeout',\n description: '30000ms delay (simulates timeout)',\n type: 'delay',\n status: 200,\n delay: 30000,\n },\n {\n id: 'empty-response',\n label: 'Empty Response',\n description: 'Returns HTTP 200 with empty body',\n type: 'empty',\n status: 200,\n body: null,\n },\n {\n id: 'unauthorized',\n label: 'Unauthorized',\n description: 'Returns HTTP 401',\n type: 'error',\n status: 401,\n body: { error: 'Unauthorized', message: 'Authentication required' },\n },\n];\n\n/**\n * Simulation store for managing endpoint simulations\n *\n * Provides:\n * - Active simulations storage and retrieval\n * - Preset definitions and lookup\n * - WebSocket command integration\n * - Simulation count and status tracking\n */\nexport const useSimulationStore = defineStore('simulation', () => {\n // ==========================================================================\n // State\n // ==========================================================================\n\n /**\n * Active simulations keyed by path\n * One simulation per path (enforced by Map)\n */\n const simulations = ref<Map<string, ActiveSimulation>>(new Map());\n\n /**\n * Previous simulation state for rollback on failure\n * Keyed by path, stores the simulation before optimistic update\n */\n const previousSimulations = ref<Map<string, ActiveSimulation | null>>(new Map());\n\n /**\n * Loading state for async operations\n */\n const isLoading = ref(false);\n\n /**\n * Error state\n */\n const error = ref<string | null>(null);\n\n // ==========================================================================\n // Getters / Computed\n // ==========================================================================\n\n /**\n * All active simulations as an array\n */\n const activeSimulations = computed(() => {\n return Array.from(simulations.value.values());\n });\n\n /**\n * Count of active simulations\n */\n const count = computed(() => simulations.value.size);\n\n /**\n * Available presets\n */\n const presets = computed(() => SIMULATION_PRESETS);\n\n /**\n * Check if any simulations are active\n */\n const hasActiveSimulations = computed(() => simulations.value.size > 0);\n\n /**\n * Get simulations grouped by type\n */\n const simulationsByType = computed(() => {\n const grouped = {\n delay: [] as ActiveSimulation[],\n error: [] as ActiveSimulation[],\n empty: [] as ActiveSimulation[],\n };\n\n for (const simulation of simulations.value.values()) {\n const type = getSimulationType(simulation);\n grouped[type].push(simulation);\n }\n\n return grouped;\n });\n\n /**\n * Determine simulation type from simulation config\n */\n function getSimulationType(simulation: ActiveSimulation): SimulationPresetType {\n const preset = simulation.presetId\n ? SIMULATION_PRESETS.find((p) => p.id === simulation.presetId)\n : null;\n\n if (preset) {\n return preset.type;\n }\n\n if (simulation.delay && simulation.delay > 0) {\n return 'delay';\n }\n\n if (simulation.body === null) {\n return 'empty';\n }\n\n return 'error';\n }\n\n // ==========================================================================\n // Actions\n // ==========================================================================\n\n /**\n * Set active simulations from server (e.g., on 'simulation:active' event)\n */\n function setSimulations(newSimulations: ActiveSimulation[]): void {\n simulations.value.clear();\n for (const simulation of newSimulations) {\n simulations.value.set(simulation.path, simulation);\n }\n error.value = null;\n }\n\n /**\n * Add a new simulation locally\n * Note: This updates local state only. Use addSimulation() to sync with server.\n * @param storeForRollback - If true, stores previous state for rollback\n */\n function addSimulationLocal(simulation: ActiveSimulation, storeForRollback = false): void {\n if (storeForRollback) {\n // Store previous state (null if didn't exist)\n const previous = simulations.value.get(simulation.path) || null;\n previousSimulations.value.set(simulation.path, previous);\n }\n simulations.value.set(simulation.path, simulation);\n }\n\n /**\n * Remove a simulation locally by path\n * Note: This updates local state only. Use removeSimulation() to sync with server.\n * @param storeForRollback - If true, stores previous state for rollback\n */\n function removeSimulationLocal(path: string, storeForRollback = false): boolean {\n if (storeForRollback) {\n // Store previous state before removing\n const previous = simulations.value.get(path) || null;\n previousSimulations.value.set(path, previous);\n }\n return simulations.value.delete(path);\n }\n\n /**\n * Clear all simulations locally\n * Note: This updates local state only. Use clearSimulations() to sync with server.\n */\n function clearSimulationsLocal(): void {\n simulations.value.clear();\n }\n\n /**\n * Get a simulation by path\n */\n function getSimulation(path: string): ActiveSimulation | undefined {\n return simulations.value.get(path);\n }\n\n /**\n * Check if a simulation exists for a path\n */\n function hasSimulation(path: string): boolean {\n return simulations.value.has(path);\n }\n\n /**\n * Get a preset by ID\n */\n function getPreset(id: string): SimulationPreset | undefined {\n return SIMULATION_PRESETS.find((p) => p.id === id);\n }\n\n /**\n * Create a simulation from a preset\n */\n function createSimulationFromPreset(\n path: string,\n presetId: string,\n operationId?: string,\n ): ActiveSimulation | null {\n const preset = getPreset(presetId);\n if (!preset) {\n error.value = `Preset not found: ${presetId}`;\n return null;\n }\n\n return {\n path,\n operationId,\n status: preset.status,\n delay: preset.delay,\n body: preset.body,\n presetId: preset.id,\n };\n }\n\n /**\n * Set loading state\n */\n function setLoading(loading: boolean): void {\n isLoading.value = loading;\n }\n\n /**\n * Set error state\n */\n function setError(errorMessage: string): void {\n error.value = errorMessage;\n isLoading.value = false;\n }\n\n /**\n * Clear error state\n */\n function clearError(): void {\n error.value = null;\n }\n\n /**\n * Rollback a simulation to its previous state\n * @param path - The path of the simulation to rollback\n */\n function rollbackSimulation(path: string): void {\n if (!previousSimulations.value.has(path)) {\n return;\n }\n\n const previous = previousSimulations.value.get(path);\n if (previous === null || previous === undefined) {\n // Was added optimistically, remove it\n simulations.value.delete(path);\n } else {\n // Restore previous state\n simulations.value.set(path, previous);\n }\n\n // Clear rollback data\n previousSimulations.value.delete(path);\n }\n\n /**\n * Handle simulation:added event from server\n */\n function handleSimulationAdded(data: { path: string }): void {\n // Server will send 'simulation:active' event with full state\n // This event is just a notification\n console.log('[Simulation] Added:', data.path);\n }\n\n /**\n * Handle simulation:removed event from server\n */\n function handleSimulationRemoved(data: { path: string }): void {\n removeSimulationLocal(data.path);\n console.log('[Simulation] Removed:', data.path);\n }\n\n /**\n * Handle simulations:cleared event from server\n */\n function handleSimulationsCleared(data: { count: number }): void {\n clearSimulationsLocal();\n console.log('[Simulation] Cleared all:', data.count);\n }\n\n /**\n * Handle simulation:set response from server\n */\n function handleSimulationSet(data: { path: string; success: boolean }): void {\n if (data.success) {\n // Clear rollback data on success\n previousSimulations.value.delete(data.path);\n console.log('[Simulation] Set successfully:', data.path);\n } else {\n // Rollback optimistic update on failure\n rollbackSimulation(data.path);\n setError(`Failed to set simulation for ${data.path}`);\n }\n setLoading(false);\n }\n\n /**\n * Handle simulation:cleared response from server\n */\n function handleSimulationCleared(data: { path: string; success: boolean }): void {\n if (data.success) {\n // Clear rollback data on success\n previousSimulations.value.delete(data.path);\n console.log('[Simulation] Cleared successfully:', data.path);\n } else {\n // Rollback optimistic removal on failure\n rollbackSimulation(data.path);\n setError(`Failed to clear simulation for ${data.path}`);\n }\n setLoading(false);\n }\n\n // ==========================================================================\n // Return\n // ==========================================================================\n\n return {\n // State\n simulations,\n isLoading,\n error,\n\n // Getters\n activeSimulations,\n count,\n presets,\n hasActiveSimulations,\n simulationsByType,\n\n // Actions\n setSimulations,\n addSimulationLocal,\n removeSimulationLocal,\n clearSimulationsLocal,\n getSimulation,\n hasSimulation,\n getPreset,\n createSimulationFromPreset,\n setLoading,\n setError,\n clearError,\n rollbackSimulation,\n\n // Event handlers\n handleSimulationAdded,\n handleSimulationRemoved,\n handleSimulationsCleared,\n handleSimulationSet,\n handleSimulationCleared,\n };\n});\n","<!--\n SimulatorPage.vue - Error Simulation Controls Page\n\n What: Provides controls for simulating various API error conditions\n How: Manages simulation state via simulation store and WebSocket commands\n Why: Allows developers to test error handling without modifying backend code\n-->\n\n<script setup lang=\"ts\">\nimport { AlertTriangle, Clock, Plus, Trash2, Zap } from 'lucide-vue-next';\nimport { computed, onMounted, onUnmounted, ref } from 'vue';\nimport { useWebSocket } from '../composables/useWebSocket';\nimport { useRegistryStore } from '../stores/registry';\nimport type { ActiveSimulation } from '../stores/simulation';\nimport { useSimulationStore } from '../stores/simulation';\n\n// ==========================================================================\n// Types\n// ==========================================================================\n\ninterface SimulationActiveEvent {\n simulations: ActiveSimulation[];\n}\n\ninterface SimulationPathEvent {\n path: string;\n}\n\ninterface SimulationsClearedEvent {\n count: number;\n}\n\ninterface SimulationSetEvent {\n path: string;\n success: boolean;\n}\n\ninterface SimulationClearedEvent {\n path: string;\n success: boolean;\n}\n\n// ==========================================================================\n// Composables\n// ==========================================================================\n\nconst simulationStore = useSimulationStore();\nconst registryStore = useRegistryStore();\nconst { send, on } = useWebSocket();\n\n// ==========================================================================\n// State\n// ==========================================================================\n\n/** Path input for new simulation */\nconst newSimulationPath = ref('');\n\n/** Method input for new simulation */\nconst newSimulationMethod = ref('GET');\n\n/** Selected preset ID */\nconst selectedPresetId = ref<string | null>(null);\n\n/** Selected endpoint key (for dropdown selection) */\nconst selectedEndpointKey = ref<string | null>(null);\n\n/** Available HTTP methods */\nconst httpMethods = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'OPTIONS', 'HEAD'];\n\n/** WebSocket event unsubscribe functions (populated in onMounted) */\nlet unsubscribers: Array<() => void> = [];\n\n/** Simulations pending clear (for rollback on partial failures) */\nconst pendingClears = ref<Set<string>>(new Set());\n\n// ==========================================================================\n// Computed\n// ==========================================================================\n\n/**\n * Available endpoints for selection\n */\nconst availableEndpoints = computed(() => {\n return registryStore.endpoints.map((e) => ({\n key: e.key,\n label: `${e.method.toUpperCase()} ${e.path}`,\n method: e.method.toUpperCase(),\n path: e.path,\n operationId: e.operationId,\n }));\n});\n\n/**\n * Check if we can add a new simulation\n */\nconst canAddSimulation = computed(() => {\n const hasPath = newSimulationPath.value.trim() !== '';\n const hasPreset = selectedPresetId.value !== null;\n return hasPath && hasPreset;\n});\n\n/**\n * Active simulations for display\n */\nconst activeSimulations = computed(() => {\n return simulationStore.activeSimulations.map((sim) => {\n const preset = sim.presetId ? simulationStore.getPreset(sim.presetId) : null;\n return {\n ...sim,\n preset,\n };\n });\n});\n\n/**\n * Simulation count\n */\nconst simulationCount = computed(() => simulationStore.count);\n\n// ==========================================================================\n// Methods\n// ==========================================================================\n\n/**\n * Add a new simulation\n */\nfunction addSimulation(): void {\n if (!canAddSimulation.value || !selectedPresetId.value) return;\n\n const preset = simulationStore.getPreset(selectedPresetId.value);\n if (!preset) return;\n\n // Validate path input\n const trimmedPath = newSimulationPath.value.trim();\n\n // Path must start with /\n if (!trimmedPath.startsWith('/')) {\n simulationStore.setError('Path must start with /');\n return;\n }\n\n // Path must not be too long (reasonable limit)\n if (trimmedPath.length > 500) {\n simulationStore.setError('Path is too long (max 500 characters)');\n return;\n }\n\n // Path should only contain valid URL path characters\n if (!/^\\/[\\w\\-/{}:.]*$/.test(trimmedPath)) {\n simulationStore.setError('Path contains invalid characters');\n return;\n }\n\n // Combine method and path to create endpoint key (e.g., \"get:/pets\")\n const pathWithMethod = `${newSimulationMethod.value.toLowerCase()}:${trimmedPath}`;\n const simulation = simulationStore.createSimulationFromPreset(\n pathWithMethod,\n selectedPresetId.value,\n undefined,\n );\n\n if (!simulation) return;\n\n // Optimistically add to local state (store previous state for rollback)\n simulationStore.addSimulationLocal(simulation, true);\n simulationStore.setLoading(true);\n\n // Send command to server\n send({\n type: 'set:simulation',\n data: {\n path: simulation.path,\n status: simulation.status,\n delay: simulation.delay,\n body: simulation.body,\n },\n });\n\n // Reset form\n newSimulationPath.value = '';\n selectedPresetId.value = null;\n selectedEndpointKey.value = null;\n}\n\n/**\n * Remove an active simulation\n */\nfunction removeSimulation(path: string): void {\n // Optimistically remove from local state (store previous state for rollback)\n simulationStore.removeSimulationLocal(path, true);\n simulationStore.setLoading(true);\n\n // Send command to server\n send({\n type: 'clear:simulation',\n data: { path },\n });\n}\n\n/**\n * Clear all simulations\n */\nfunction clearAllSimulations(): void {\n if (simulationCount.value === 0) return;\n\n // Mark each simulation as pending clear and store for rollback\n for (const simulation of simulationStore.activeSimulations) {\n pendingClears.value.add(simulation.path);\n\n // Store previous state for rollback\n simulationStore.removeSimulationLocal(simulation.path, true);\n\n // Send clear command to server\n send({\n type: 'clear:simulation',\n data: { path: simulation.path },\n });\n }\n\n simulationStore.setLoading(true);\n\n // Note: Individual simulations will be removed from local state\n // only when we receive the corresponding \"simulation:cleared\" event\n // with success: true. Failed clears will be rolled back automatically.\n}\n\n/**\n * Handle endpoint selection from dropdown\n */\nfunction handleEndpointSelect(): void {\n if (!selectedEndpointKey.value) return;\n\n const endpoint = registryStore.endpoints.find((e) => e.key === selectedEndpointKey.value);\n if (!endpoint) return;\n\n newSimulationMethod.value = endpoint.method.toUpperCase();\n newSimulationPath.value = endpoint.path;\n}\n\n/**\n * Handle manual path/method input\n */\nfunction handleManualInput(): void {\n // Clear endpoint selection when user types manually\n selectedEndpointKey.value = null;\n}\n\n// ==========================================================================\n// Lifecycle\n// ==========================================================================\n\nonMounted(() => {\n // Subscribe to simulation events and collect unsubscribe functions\n unsubscribers = [\n on('simulation:active', (data: SimulationActiveEvent) => {\n simulationStore.setSimulations(data.simulations);\n }),\n\n on('simulation:added', (data: SimulationPathEvent) => {\n simulationStore.handleSimulationAdded(data);\n }),\n\n on('simulation:removed', (data: SimulationPathEvent) => {\n simulationStore.handleSimulationRemoved(data);\n }),\n\n on('simulations:cleared', (data: SimulationsClearedEvent) => {\n simulationStore.handleSimulationsCleared(data);\n }),\n\n on('simulation:set', (data: SimulationSetEvent) => {\n simulationStore.handleSimulationSet(data);\n }),\n\n on('simulation:cleared', (data: SimulationClearedEvent) => {\n // Remove from pending clears if it was part of clearAll\n if (pendingClears.value.has(data.path)) {\n pendingClears.value.delete(data.path);\n }\n\n // Delegate to store handler (handles success/failure and rollback)\n simulationStore.handleSimulationCleared(data);\n }),\n ];\n\n // Request current simulations from server\n send({ type: 'get:registry' });\n});\n\n// Cleanup on unmount to prevent memory leaks\nonUnmounted(() => {\n for (const unsub of unsubscribers) {\n unsub();\n }\n});\n</script>\n\n<template>\n <div class=\"simulator-page\">\n <!-- Add Simulation Form -->\n <div class=\"simulator-form card\">\n <div class=\"simulator-form__header\">\n <Zap :size=\"18\" />\n <span>Add Simulation</span>\n </div>\n\n <div class=\"simulator-form__body\">\n <!-- Endpoint Selector (optional) -->\n <div v-if=\"availableEndpoints.length > 0\" class=\"simulator-form__row\">\n <label class=\"simulator-form__label\">Select Endpoint (optional):</label>\n <select\n v-model=\"selectedEndpointKey\"\n class=\"input\"\n @change=\"handleEndpointSelect\"\n >\n <option :value=\"null\">Manual entry...</option>\n <option\n v-for=\"endpoint in availableEndpoints\"\n :key=\"endpoint.key\"\n :value=\"endpoint.key\"\n >\n {{ endpoint.label }}\n </option>\n </select>\n </div>\n\n <!-- Method and Path -->\n <div class=\"simulator-form__row\">\n <select\n v-model=\"newSimulationMethod\"\n class=\"simulator-form__method input\"\n @change=\"handleManualInput\"\n >\n <option v-for=\"method in httpMethods\" :key=\"method\" :value=\"method\">\n {{ method }}\n </option>\n </select>\n <input\n v-model=\"newSimulationPath\"\n type=\"text\"\n class=\"simulator-form__path input\"\n placeholder=\"/api/path\"\n @input=\"handleManualInput\"\n />\n </div>\n\n <!-- Preset Selection -->\n <div class=\"simulator-presets\">\n <button\n v-for=\"preset in simulationStore.presets\"\n :key=\"preset.id\"\n :class=\"[\n 'simulator-preset',\n { 'simulator-preset--selected': selectedPresetId === preset.id },\n `simulator-preset--${preset.type}`,\n ]\"\n :title=\"preset.description\"\n @click=\"selectedPresetId = preset.id\"\n >\n <component\n :is=\"preset.type === 'delay' ? Clock : AlertTriangle\"\n :size=\"14\"\n />\n <span class=\"simulator-preset__label\">{{ preset.label }}</span>\n </button>\n </div>\n\n <!-- Add Button -->\n <button\n class=\"btn btn--primary\"\n :disabled=\"!canAddSimulation || simulationStore.isLoading\"\n @click=\"addSimulation\"\n >\n <Plus :size=\"16\" />\n <span>Add Simulation</span>\n </button>\n </div>\n </div>\n\n <!-- Active Simulations -->\n <div class=\"simulator-active\">\n <div class=\"simulator-active__header\">\n <span class=\"simulator-active__title\">\n Active Simulations ({{ simulationCount }})\n </span>\n <button\n v-if=\"simulationCount > 0\"\n class=\"btn btn--ghost\"\n :disabled=\"simulationStore.isLoading\"\n @click=\"clearAllSimulations\"\n >\n <Trash2 :size=\"14\" />\n <span>Clear All</span>\n </button>\n </div>\n\n <div class=\"simulator-active__list\">\n <div\n v-for=\"simulation in activeSimulations\"\n :key=\"simulation.path\"\n class=\"simulator-simulation card\"\n >\n <div class=\"simulator-simulation__info\">\n <span class=\"simulator-simulation__path font-mono\">\n {{ simulation.path }}\n </span>\n </div>\n <div class=\"simulator-simulation__preset\">\n <component\n :is=\"simulation.preset?.type === 'delay' ? Clock : AlertTriangle\"\n :size=\"14\"\n :class=\"{\n 'text-warning': simulation.preset?.type === 'delay',\n 'text-error': simulation.preset?.type === 'error',\n 'text-muted': simulation.preset?.type === 'empty',\n }\"\n />\n <span>\n {{ simulation.preset?.label || `HTTP ${simulation.status}` }}\n </span>\n <span v-if=\"simulation.delay\" class=\"text-muted\">\n ({{ simulation.delay }}ms)\n </span>\n </div>\n <button\n class=\"btn btn--ghost btn--icon\"\n title=\"Remove simulation\"\n :disabled=\"simulationStore.isLoading\"\n @click=\"removeSimulation(simulation.path)\"\n >\n <Trash2 :size=\"14\" />\n </button>\n </div>\n\n <!-- Empty State -->\n <div v-if=\"simulationCount === 0\" class=\"empty-state\">\n <Zap :size=\"48\" class=\"empty-state__icon\" />\n <h3 class=\"empty-state__title\">No active simulations</h3>\n <p class=\"empty-state__description\">\n Add a simulation above to test error handling and slow responses.\n </p>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.simulator-page {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-lg);\n height: 100%;\n padding: var(--devtools-space-md);\n overflow-y: auto;\n}\n\n/* Form */\n.simulator-form {\n flex-shrink: 0;\n}\n\n.simulator-form__header {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n padding-bottom: var(--devtools-space-md);\n margin-bottom: var(--devtools-space-md);\n border-bottom: 1px solid var(--devtools-border);\n font-weight: var(--font-weight-6);\n font-size: var(--font-size-1);\n}\n\n.simulator-form__body {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-md);\n}\n\n.simulator-form__row {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-xs);\n}\n\n.simulator-form__row:has(.simulator-form__method) {\n flex-direction: row;\n gap: var(--devtools-space-sm);\n}\n\n.simulator-form__label {\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n color: var(--devtools-text);\n}\n\n.simulator-form__method {\n width: 100px;\n flex-shrink: 0;\n}\n\n.simulator-form__path {\n flex: 1;\n}\n\n/* Presets */\n.simulator-presets {\n display: flex;\n flex-wrap: wrap;\n gap: var(--devtools-space-xs);\n}\n\n.simulator-preset {\n display: inline-flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background-color: var(--devtools-surface-elevated);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-sm);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.simulator-preset:hover {\n background-color: var(--devtools-border);\n}\n\n.simulator-preset--selected {\n border-color: var(--devtools-primary);\n background-color: color-mix(\n in srgb,\n var(--devtools-primary) 15%,\n transparent\n );\n}\n\n.simulator-preset--delay {\n color: var(--devtools-warning);\n}\n\n.simulator-preset--error {\n color: var(--devtools-error);\n}\n\n.simulator-preset--empty {\n color: var(--devtools-text-muted);\n}\n\n.simulator-preset__label {\n color: var(--devtools-text);\n}\n\n/* Active Simulations */\n.simulator-active {\n flex: 1;\n display: flex;\n flex-direction: column;\n min-height: 0;\n}\n\n.simulator-active__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--devtools-space-md);\n}\n\n.simulator-active__title {\n font-weight: var(--font-weight-6);\n font-size: var(--font-size-1);\n}\n\n.simulator-active__list {\n flex: 1;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-xs);\n}\n\n/* Simulation Item */\n.simulator-simulation {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n}\n\n.simulator-simulation__info {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n flex: 1;\n}\n\n.simulator-simulation__path {\n font-size: var(--font-size-1);\n color: var(--devtools-text);\n}\n\n.simulator-simulation__preset {\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/* Color utilities */\n.text-warning {\n color: var(--devtools-warning);\n}\n\n.text-error {\n color: var(--devtools-error);\n}\n\n.text-muted {\n color: var(--devtools-text-muted);\n}\n</style>\n"],"names":["Plus","createLucideIcon","SIMULATION_PRESETS","useSimulationStore","defineStore","simulations","ref","previousSimulations","isLoading","error","activeSimulations","computed","count","presets","hasActiveSimulations","simulationsByType","grouped","simulation","type","getSimulationType","preset","p","setSimulations","newSimulations","addSimulationLocal","storeForRollback","previous","removeSimulationLocal","path","clearSimulationsLocal","getSimulation","hasSimulation","getPreset","id","createSimulationFromPreset","presetId","operationId","setLoading","loading","setError","errorMessage","clearError","rollbackSimulation","handleSimulationAdded","data","handleSimulationRemoved","handleSimulationsCleared","handleSimulationSet","handleSimulationCleared","simulationStore","registryStore","useRegistryStore","send","on","useWebSocket","newSimulationPath","newSimulationMethod","selectedPresetId","selectedEndpointKey","httpMethods","unsubscribers","pendingClears","availableEndpoints","e","canAddSimulation","hasPath","hasPreset","sim","simulationCount","addSimulation","trimmedPath","pathWithMethod","removeSimulation","clearAllSimulations","handleEndpointSelect","endpoint","handleManualInput","onMounted","onUnmounted","unsub","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","_unref","Zap","_cache","_hoisted_4","_hoisted_5","$event","_Fragment","_renderList","_toDisplayString","_hoisted_6","_hoisted_7","method","_hoisted_8","_hoisted_9","_normalizeClass","_createBlock","_resolveDynamicComponent","Clock","AlertTriangle","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","Trash2","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_23"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.json-editor[data-v-dbd5ce20]{display:flex;flex-direction:column;background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-md);overflow:hidden}.json-editor__container[data-v-dbd5ce20]{display:flex;overflow:auto;flex:1}.json-editor__lines[data-v-dbd5ce20]{display:flex;flex-direction:column;padding:var(--devtools-space-sm) var(--devtools-space-xs);background-color:var(--devtools-surface-elevated);border-right:1px solid var(--devtools-border);-webkit-user-select:none;user-select:none;flex-shrink:0}.json-editor__line-number[data-v-dbd5ce20]{height:1.5em;line-height:1.5;text-align:right;font-family:var(--devtools-font-mono);font-size:var(--font-size-0);color:var(--devtools-text-muted);min-width:2ch;padding-right:var(--devtools-space-xs)}.json-editor__textarea[data-v-dbd5ce20]{flex:1;padding:var(--devtools-space-sm);background-color:var(--devtools-surface);color:var(--devtools-text);border:none;outline:none;resize:vertical;font-family:var(--devtools-font-mono);font-size:var(--font-size-0);line-height:1.5;tab-size:2;white-space:pre;overflow-wrap:normal;overflow-x:auto}.json-editor__textarea[data-v-dbd5ce20]::placeholder{color:var(--devtools-text-muted);opacity:.6}.json-editor__textarea[data-v-dbd5ce20]:focus{outline:2px solid var(--devtools-primary);outline-offset:-2px}.json-editor__textarea[readonly][data-v-dbd5ce20]{background-color:var(--devtools-surface-elevated);cursor:not-allowed;opacity:.7}.json-editor__status[data-v-dbd5ce20]{display:flex;align-items:center;justify-content:space-between;gap:var(--devtools-space-md);padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface-elevated);border-top:1px solid var(--devtools-border);font-size:var(--font-size-0)}.json-editor__status-left[data-v-dbd5ce20],.json-editor__status-right[data-v-dbd5ce20]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.json-editor__valid[data-v-dbd5ce20]{display:flex;align-items:center;gap:var(--devtools-space-xs);color:var(--devtools-success)}.json-editor__error[data-v-dbd5ce20]{display:flex;align-items:center;gap:var(--devtools-space-xs);color:var(--devtools-error)}.json-editor__info[data-v-dbd5ce20]{color:var(--devtools-text-muted)}@media(prefers-color-scheme:dark){.json-editor__textarea[data-v-dbd5ce20]{color:#e2e8f0}.json-editor__textarea[data-v-dbd5ce20]::placeholder{color:#64748b}}.models-page[data-v-b06706f4]{display:grid;grid-template-columns:240px 1fr;height:100%;overflow:hidden}.models-sidebar[data-v-b06706f4]{display:flex;flex-direction:column;background-color:var(--devtools-surface);border-right:1px solid var(--devtools-border);overflow:hidden}.models-sidebar__header[data-v-b06706f4]{display:flex;align-items:center;gap:var(--devtools-space-sm);padding:var(--devtools-space-md);font-weight:var(--font-weight-6);font-size:var(--font-size-1);border-bottom:1px solid var(--devtools-border)}.models-sidebar__badge[data-v-b06706f4]{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--devtools-space-xs);background-color:var(--devtools-primary);color:#fff;border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);font-weight:var(--font-weight-6)}.models-sidebar__loading[data-v-b06706f4]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--devtools-space-md);padding:var(--devtools-space-xl);color:var(--devtools-text-muted)}.models-sidebar__list[data-v-b06706f4]{flex:1;overflow-y:auto;padding:var(--devtools-space-xs)}.models-sidebar__item[data-v-b06706f4]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--devtools-space-sm) var(--devtools-space-md);background:none;border:none;border-radius:var(--devtools-radius-sm);color:var(--devtools-text);font-family:var(--devtools-font-sans);font-size:var(--font-size-1);cursor:pointer;transition:background-color var(--devtools-transition-fast)}.models-sidebar__item[data-v-b06706f4]:hover{background-color:var(--devtools-surface-elevated)}.models-sidebar__item--active[data-v-b06706f4]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent);color:var(--devtools-primary)}.models-sidebar__name[data-v-b06706f4]{font-family:var(--devtools-font-mono)}.models-sidebar__count[data-v-b06706f4]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 var(--devtools-space-xs);background-color:var(--devtools-surface-elevated);border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.models-sidebar__footer[data-v-b06706f4]{padding:var(--devtools-space-md);border-top:1px solid var(--devtools-border)}.models-sidebar__stat[data-v-b06706f4]{display:flex;justify-content:space-between;font-size:var(--font-size-0)}.models-content[data-v-b06706f4]{position:relative;display:flex;flex-direction:column;padding:var(--devtools-space-md);overflow:hidden}.models-toolbar[data-v-b06706f4]{display:flex;align-items:center;justify-content:space-between;gap:var(--devtools-space-md);margin-bottom:var(--devtools-space-md)}.models-toolbar__title[data-v-b06706f4]{display:flex;align-items:center;gap:var(--devtools-space-sm);font-size:var(--font-size-2);font-weight:var(--font-weight-6)}.models-toolbar__badge[data-v-b06706f4]{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);font-weight:var(--font-weight-5)}.models-toolbar__badge--warning[data-v-b06706f4]{background-color:color-mix(in srgb,#f59e0b 20%,transparent);color:#f59e0b}.models-toolbar__actions[data-v-b06706f4]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.models-error[data-v-b06706f4]{padding:var(--devtools-space-sm) var(--devtools-space-md);margin-bottom:var(--devtools-space-md);background-color:color-mix(in srgb,var(--devtools-error) 10%,transparent);border:1px solid var(--devtools-error);border-radius:var(--devtools-radius-sm);color:var(--devtools-error);font-size:var(--font-size-0)}.models-editor[data-v-b06706f4]{flex:1;overflow:hidden;display:flex;flex-direction:column}.models-loading-overlay[data-v-b06706f4]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--devtools-space-md);background-color:color-mix(in srgb,var(--devtools-bg) 80%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10}.modal-overlay[data-v-b06706f4]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:1000}.modal[data-v-b06706f4]{min-width:400px;background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-md);box-shadow:0 10px 40px #0000004d}.modal__header[data-v-b06706f4]{padding:var(--devtools-space-md);border-bottom:1px solid var(--devtools-border)}.modal__header h3[data-v-b06706f4]{margin:0;font-size:var(--font-size-2);font-weight:var(--font-weight-6)}.modal__body[data-v-b06706f4]{padding:var(--devtools-space-md)}.modal__body p[data-v-b06706f4]{margin:0 0 var(--devtools-space-sm) 0}.modal__body p[data-v-b06706f4]:last-child{margin-bottom:0}.modal__footer[data-v-b06706f4]{display:flex;justify-content:flex-end;gap:var(--devtools-space-sm);padding:var(--devtools-space-md);border-top:1px solid var(--devtools-border)}.spinner[data-v-b06706f4]{width:24px;height:24px;border:3px solid var(--devtools-border);border-top-color:var(--devtools-primary);border-radius:50%;animation:spin-b06706f4 .8s linear infinite}@keyframes spin-b06706f4{to{transform:rotate(360deg)}}
|
|
@@ -1,4 +0,0 @@
|
|
|
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
|
-
`).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"},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 +0,0 @@
|
|
|
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]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.simulator-page[data-v-e5fd28b0]{display:flex;flex-direction:column;gap:var(--devtools-space-lg);height:100%;padding:var(--devtools-space-md);overflow-y:auto}.simulator-form[data-v-e5fd28b0]{flex-shrink:0}.simulator-form__header[data-v-e5fd28b0]{display:flex;align-items:center;gap:var(--devtools-space-sm);padding-bottom:var(--devtools-space-md);margin-bottom:var(--devtools-space-md);border-bottom:1px solid var(--devtools-border);font-weight:var(--font-weight-6);font-size:var(--font-size-1)}.simulator-form__body[data-v-e5fd28b0]{display:flex;flex-direction:column;gap:var(--devtools-space-md)}.simulator-form__row[data-v-e5fd28b0]{display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.simulator-form__row[data-v-e5fd28b0]:has(.simulator-form__method){flex-direction:row;gap:var(--devtools-space-sm)}.simulator-form__label[data-v-e5fd28b0]{font-size:var(--font-size-0);font-weight:var(--font-weight-5);color:var(--devtools-text)}.simulator-form__method[data-v-e5fd28b0]{width:100px;flex-shrink:0}.simulator-form__path[data-v-e5fd28b0]{flex:1}.simulator-presets[data-v-e5fd28b0]{display:flex;flex-wrap:wrap;gap:var(--devtools-space-xs)}.simulator-preset[data-v-e5fd28b0]{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface-elevated);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-0);cursor:pointer;transition:all var(--devtools-transition-fast)}.simulator-preset[data-v-e5fd28b0]:hover{background-color:var(--devtools-border)}.simulator-preset--selected[data-v-e5fd28b0]{border-color:var(--devtools-primary);background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent)}.simulator-preset--delay[data-v-e5fd28b0]{color:var(--devtools-warning)}.simulator-preset--error[data-v-e5fd28b0]{color:var(--devtools-error)}.simulator-preset--empty[data-v-e5fd28b0]{color:var(--devtools-text-muted)}.simulator-preset__label[data-v-e5fd28b0]{color:var(--devtools-text)}.simulator-active[data-v-e5fd28b0]{flex:1;display:flex;flex-direction:column;min-height:0}.simulator-active__header[data-v-e5fd28b0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--devtools-space-md)}.simulator-active__title[data-v-e5fd28b0]{font-weight:var(--font-weight-6);font-size:var(--font-size-1)}.simulator-active__list[data-v-e5fd28b0]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.simulator-simulation[data-v-e5fd28b0]{display:flex;align-items:center;gap:var(--devtools-space-md);padding:var(--devtools-space-sm) var(--devtools-space-md)}.simulator-simulation__info[data-v-e5fd28b0]{display:flex;align-items:center;gap:var(--devtools-space-sm);flex:1}.simulator-simulation__path[data-v-e5fd28b0]{font-size:var(--font-size-1);color:var(--devtools-text)}.simulator-simulation__preset[data-v-e5fd28b0]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.text-warning[data-v-e5fd28b0]{color:var(--devtools-warning)}.text-error[data-v-e5fd28b0]{color:var(--devtools-error)}.text-muted[data-v-e5fd28b0]{color:var(--devtools-text-muted)}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{E as X,c as y,r as f,d as Y,o as ee,C as te,e as d,f as l,i as R,u,y as $,A as V,M as D,F as x,j as U,t as b,N as se,n as q,k as O,l as G,s as r}from"./vue-vendor-Bkktf9yg.js";import{c as oe,u as ae,Z as W,C as Z,_ as le}from"./index-Dff2RvrN.js";import{u as ne}from"./registry-DjJcdO1T.js";import{T as j}from"./triangle-alert-Dx8lMHrF.js";import{T as K}from"./trash-2-6KJWHoOC.js";const ie=oe("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]),B=[{id:"slow-network",label:"Slow Network",description:"3000ms delay (3G simulation)",type:"delay",status:200,delay:3e3},{id:"server-error",label:"Server Error",description:"Returns HTTP 500",type:"error",status:500,body:{error:"Internal Server Error",message:"Simulated server error"}},{id:"rate-limit",label:"Rate Limited",description:"Returns HTTP 429",type:"error",status:429,body:{error:"Too Many Requests",message:"Rate limit exceeded"}},{id:"not-found",label:"Not Found",description:"Returns HTTP 404",type:"error",status:404,body:{error:"Not Found",message:"Resource not found"}},{id:"request-timeout",label:"Request Timeout",description:"30000ms delay (simulates timeout)",type:"delay",status:200,delay:3e4},{id:"empty-response",label:"Empty Response",description:"Returns HTTP 200 with empty body",type:"empty",status:200,body:null},{id:"unauthorized",label:"Unauthorized",description:"Returns HTTP 401",type:"error",status:401,body:{error:"Unauthorized",message:"Authentication required"}}],re=X("simulation",()=>{const i=f(new Map),o=f(new Map),g=f(!1),c=f(null),h=y(()=>Array.from(i.value.values())),_=y(()=>i.value.size),k=y(()=>B),p=y(()=>i.value.size>0),S=y(()=>{const e={delay:[],error:[],empty:[]};for(const n of i.value.values()){const v=N(n);e[v].push(n)}return e});function N(e){const n=e.presetId?B.find(v=>v.id===e.presetId):null;return n?n.type:e.delay&&e.delay>0?"delay":e.body===null?"empty":"error"}function I(e){i.value.clear();for(const n of e)i.value.set(n.path,n);c.value=null}function C(e,n=!1){if(n){const v=i.value.get(e.path)||null;o.value.set(e.path,v)}i.value.set(e.path,e)}function P(e,n=!1){if(n){const v=i.value.get(e)||null;o.value.set(e,v)}return i.value.delete(e)}function E(){i.value.clear()}function F(e){return i.value.get(e)}function T(e){return i.value.has(e)}function M(e){return B.find(n=>n.id===e)}function H(e,n,v){const A=M(n);return A?{path:e,operationId:v,status:A.status,delay:A.delay,body:A.body,presetId:A.id}:(c.value=`Preset not found: ${n}`,null)}function L(e){g.value=e}function w(e){c.value=e,g.value=!1}function z(){c.value=null}function t(e){if(!o.value.has(e))return;const n=o.value.get(e);n==null?i.value.delete(e):i.value.set(e,n),o.value.delete(e)}function a(e){console.log("[Simulation] Added:",e.path)}function s(e){P(e.path),console.log("[Simulation] Removed:",e.path)}function m(e){E(),console.log("[Simulation] Cleared all:",e.count)}function J(e){e.success?(o.value.delete(e.path),console.log("[Simulation] Set successfully:",e.path)):(t(e.path),w(`Failed to set simulation for ${e.path}`)),L(!1)}function Q(e){e.success?(o.value.delete(e.path),console.log("[Simulation] Cleared successfully:",e.path)):(t(e.path),w(`Failed to clear simulation for ${e.path}`)),L(!1)}return{simulations:i,isLoading:g,error:c,activeSimulations:h,count:_,presets:k,hasActiveSimulations:p,simulationsByType:S,setSimulations:I,addSimulationLocal:C,removeSimulationLocal:P,clearSimulationsLocal:E,getSimulation:F,hasSimulation:T,getPreset:M,createSimulationFromPreset:H,setLoading:L,setError:w,clearError:z,rollbackSimulation:t,handleSimulationAdded:a,handleSimulationRemoved:s,handleSimulationsCleared:m,handleSimulationSet:J,handleSimulationCleared:Q}}),ue={class:"simulator-page"},de={class:"simulator-form card"},ce={class:"simulator-form__header"},me={class:"simulator-form__body"},pe={key:0,class:"simulator-form__row"},ve=["value"],ye={class:"simulator-form__row"},fe=["value"],he={class:"simulator-presets"},_e=["title","onClick"],Se={class:"simulator-preset__label"},be=["disabled"],ge={class:"simulator-active"},ke={class:"simulator-active__header"},Te={class:"simulator-active__title"},Ce=["disabled"],Pe={class:"simulator-active__list"},Ee={class:"simulator-simulation__info"},Le={class:"simulator-simulation__path font-mono"},we={class:"simulator-simulation__preset"},Ae={key:0,class:"text-muted"},Re=["disabled","onClick"],Ie={key:0,class:"empty-state"},Me=Y({__name:"SimulatorPage",setup(i){const o=re(),g=ne(),{send:c,on:h}=ae(),_=f(""),k=f("GET"),p=f(null),S=f(null),N=["GET","POST","PUT","PATCH","DELETE","OPTIONS","HEAD"];let I=[];const C=f(new Set),P=y(()=>g.endpoints.map(t=>({key:t.key,label:`${t.method.toUpperCase()} ${t.path}`,method:t.method.toUpperCase(),path:t.path,operationId:t.operationId}))),E=y(()=>{const t=_.value.trim()!=="",a=p.value!==null;return t&&a}),F=y(()=>o.activeSimulations.map(t=>{const a=t.presetId?o.getPreset(t.presetId):null;return{...t,preset:a}})),T=y(()=>o.count);function M(){if(!E.value||!p.value||!o.getPreset(p.value))return;const a=_.value.trim();if(!a.startsWith("/")){o.setError("Path must start with /");return}if(a.length>500){o.setError("Path is too long (max 500 characters)");return}if(!/^\/[\w\-/{}:.]*$/.test(a)){o.setError("Path contains invalid characters");return}const s=`${k.value.toLowerCase()}:${a}`,m=o.createSimulationFromPreset(s,p.value,void 0);m&&(o.addSimulationLocal(m,!0),o.setLoading(!0),c({type:"set:simulation",data:{path:m.path,status:m.status,delay:m.delay,body:m.body}}),_.value="",p.value=null,S.value=null)}function H(t){o.removeSimulationLocal(t,!0),o.setLoading(!0),c({type:"clear:simulation",data:{path:t}})}function L(){if(T.value!==0){for(const t of o.activeSimulations)C.value.add(t.path),o.removeSimulationLocal(t.path,!0),c({type:"clear:simulation",data:{path:t.path}});o.setLoading(!0)}}function w(){if(!S.value)return;const t=g.endpoints.find(a=>a.key===S.value);t&&(k.value=t.method.toUpperCase(),_.value=t.path)}function z(){S.value=null}return ee(()=>{I=[h("simulation:active",t=>{o.setSimulations(t.simulations)}),h("simulation:added",t=>{o.handleSimulationAdded(t)}),h("simulation:removed",t=>{o.handleSimulationRemoved(t)}),h("simulations:cleared",t=>{o.handleSimulationsCleared(t)}),h("simulation:set",t=>{o.handleSimulationSet(t)}),h("simulation:cleared",t=>{C.value.has(t.path)&&C.value.delete(t.path),o.handleSimulationCleared(t)})],c({type:"get:registry"})}),te(()=>{for(const t of I)t()}),(t,a)=>(r(),d("div",ue,[l("div",de,[l("div",ce,[R(u(W),{size:18}),a[3]||(a[3]=l("span",null,"Add Simulation",-1))]),l("div",me,[P.value.length>0?(r(),d("div",pe,[a[5]||(a[5]=l("label",{class:"simulator-form__label"},"Select Endpoint (optional):",-1)),V(l("select",{"onUpdate:modelValue":a[0]||(a[0]=s=>S.value=s),class:"input",onChange:w},[a[4]||(a[4]=l("option",{value:null},"Manual entry...",-1)),(r(!0),d(x,null,U(P.value,s=>(r(),d("option",{key:s.key,value:s.key},b(s.label),9,ve))),128))],544),[[D,S.value]])])):$("",!0),l("div",ye,[V(l("select",{"onUpdate:modelValue":a[1]||(a[1]=s=>k.value=s),class:"simulator-form__method input",onChange:z},[(r(),d(x,null,U(N,s=>l("option",{key:s,value:s},b(s),9,fe)),64))],544),[[D,k.value]]),V(l("input",{"onUpdate:modelValue":a[2]||(a[2]=s=>_.value=s),type:"text",class:"simulator-form__path input",placeholder:"/api/path",onInput:z},null,544),[[se,_.value]])]),l("div",he,[(r(!0),d(x,null,U(u(o).presets,s=>(r(),d("button",{key:s.id,class:q(["simulator-preset",{"simulator-preset--selected":p.value===s.id},`simulator-preset--${s.type}`]),title:s.description,onClick:m=>p.value=s.id},[(r(),O(G(s.type==="delay"?u(Z):u(j)),{size:14})),l("span",Se,b(s.label),1)],10,_e))),128))]),l("button",{class:"btn btn--primary",disabled:!E.value||u(o).isLoading,onClick:M},[R(u(ie),{size:16}),a[6]||(a[6]=l("span",null,"Add Simulation",-1))],8,be)])]),l("div",ge,[l("div",ke,[l("span",Te," Active Simulations ("+b(T.value)+") ",1),T.value>0?(r(),d("button",{key:0,class:"btn btn--ghost",disabled:u(o).isLoading,onClick:L},[R(u(K),{size:14}),a[7]||(a[7]=l("span",null,"Clear All",-1))],8,Ce)):$("",!0)]),l("div",Pe,[(r(!0),d(x,null,U(F.value,s=>(r(),d("div",{key:s.path,class:"simulator-simulation card"},[l("div",Ee,[l("span",Le,b(s.path),1)]),l("div",we,[(r(),O(G(s.preset?.type==="delay"?u(Z):u(j)),{size:14,class:q({"text-warning":s.preset?.type==="delay","text-error":s.preset?.type==="error","text-muted":s.preset?.type==="empty"})},null,8,["class"])),l("span",null,b(s.preset?.label||`HTTP ${s.status}`),1),s.delay?(r(),d("span",Ae," ("+b(s.delay)+"ms) ",1)):$("",!0)]),l("button",{class:"btn btn--ghost btn--icon",title:"Remove simulation",disabled:u(o).isLoading,onClick:m=>H(s.path)},[R(u(K),{size:14})],8,Re)]))),128)),T.value===0?(r(),d("div",Ie,[R(u(W),{size:48,class:"empty-state__icon"}),a[8]||(a[8]=l("h3",{class:"empty-state__title"},"No active simulations",-1)),a[9]||(a[9]=l("p",{class:"empty-state__description"}," Add a simulation above to test error handling and slow responses. ",-1))])):$("",!0)])])]))}}),Fe=le(Me,[["__scopeId","data-v-e5fd28b0"]]);export{Fe as default};
|
|
2
|
-
//# sourceMappingURL=SimulatorPage-C2EEtkx8.js.map
|