@websublime/vite-plugin-open-api-devtools 0.8.1 → 0.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/{ModelsPage-C1LQvwFk.js → ModelsPage-DtwVBgEq.js} +6 -6
  2. package/dist/{ModelsPage-C1LQvwFk.js.map → ModelsPage-DtwVBgEq.js.map} +1 -1
  3. package/dist/{RoutesPage-BHmWMFsq.js → RoutesPage-DVaFf1b6.js} +4 -4
  4. package/dist/{RoutesPage-BHmWMFsq.js.map → RoutesPage-DVaFf1b6.js.map} +1 -1
  5. package/dist/{SimulatorPage-Bx1k15hK.js → SimulatorPage-QuwXPwEn.js} +4 -4
  6. package/dist/{SimulatorPage-Bx1k15hK.js.map → SimulatorPage-QuwXPwEn.js.map} +1 -1
  7. package/dist/{TimelinePage-BNUW_r67.js → TimelinePage-CYGTXXoL.js} +7 -7
  8. package/dist/{TimelinePage-BNUW_r67.js.map → TimelinePage-CYGTXXoL.js.map} +1 -1
  9. package/dist/{check-Crwhzuxr.js → check-C8somSxy.js} +2 -2
  10. package/dist/{check-Crwhzuxr.js.map → check-C8somSxy.js.map} +1 -1
  11. package/dist/devtools.css +1 -1
  12. package/dist/devtools.js +1 -1
  13. package/dist/devtools.umd.cjs +2 -2
  14. package/dist/devtools.umd.cjs.map +1 -1
  15. package/dist/{format-BjZBWUrM.js → format-9UQBRrMl.js} +2 -2
  16. package/dist/{format-BjZBWUrM.js.map → format-9UQBRrMl.js.map} +1 -1
  17. package/dist/{main-ECCULvdl.js → main-B4KUU1eG.js} +6 -6
  18. package/dist/{main-ECCULvdl.js.map → main-B4KUU1eG.js.map} +1 -1
  19. package/dist/spa/assets/{ModelsPage-BslYlawu.css → ModelsPage-8J4ivXTd.css} +1 -1
  20. package/dist/spa/assets/{ModelsPage-DQt9z3J2.js → ModelsPage-CGAzOf6p.js} +3 -3
  21. package/dist/spa/assets/{ModelsPage-DQt9z3J2.js.map → ModelsPage-CGAzOf6p.js.map} +1 -1
  22. package/dist/spa/assets/{RoutesPage-BP6-uw-k.js → RoutesPage-DRs9ZFX4.js} +2 -2
  23. package/dist/spa/assets/{RoutesPage-BP6-uw-k.js.map → RoutesPage-DRs9ZFX4.js.map} +1 -1
  24. package/dist/spa/assets/{SimulatorPage-BH2KmZ_S.js → SimulatorPage-DFNoxcRv.js} +2 -2
  25. package/dist/spa/assets/{SimulatorPage-BH2KmZ_S.js.map → SimulatorPage-DFNoxcRv.js.map} +1 -1
  26. package/dist/spa/assets/{TimelinePage-BAbAB_--.js → TimelinePage-nthQiIag.js} +2 -2
  27. package/dist/spa/assets/{TimelinePage-BAbAB_--.js.map → TimelinePage-nthQiIag.js.map} +1 -1
  28. package/dist/spa/assets/check-DPkOzfFg.js +2 -0
  29. package/dist/spa/assets/{check-C0owz4na.js.map → check-DPkOzfFg.js.map} +1 -1
  30. package/dist/spa/assets/{format-C4BPxS33.js → format-BBKRcMH2.js} +2 -2
  31. package/dist/spa/assets/{format-C4BPxS33.js.map → format-BBKRcMH2.js.map} +1 -1
  32. package/dist/spa/assets/index-BSvrS_tt.css +1 -0
  33. package/dist/spa/assets/{index-rRRRtsjM.js → index-OjSRPocP.js} +3 -3
  34. package/dist/spa/assets/{index-rRRRtsjM.js.map → index-OjSRPocP.js.map} +1 -1
  35. package/dist/spa/assets/{trash-2-CR2SZgyU.js → trash-2-DVdyPNM4.js} +2 -2
  36. package/dist/spa/assets/{trash-2-CR2SZgyU.js.map → trash-2-DVdyPNM4.js.map} +1 -1
  37. package/dist/spa/assets/{triangle-alert-BMgTQ4dT.js → triangle-alert-COSegcUH.js} +2 -2
  38. package/dist/spa/assets/{triangle-alert-BMgTQ4dT.js.map → triangle-alert-COSegcUH.js.map} +1 -1
  39. package/dist/spa/assets/x-DC0rfJtM.js +2 -0
  40. package/dist/spa/assets/{x-qSQxHLmz.js.map → x-DC0rfJtM.js.map} +1 -1
  41. package/dist/spa/index.html +2 -2
  42. package/dist/{trash-2-DkjAUIEq.js → trash-2-BXKjlLnv.js} +2 -2
  43. package/dist/{trash-2-DkjAUIEq.js.map → trash-2-BXKjlLnv.js.map} +1 -1
  44. package/dist/{triangle-alert-BUAaw7Jx.js → triangle-alert-BmO71UYi.js} +2 -2
  45. package/dist/{triangle-alert-BUAaw7Jx.js.map → triangle-alert-BmO71UYi.js.map} +1 -1
  46. package/dist/{x-CMARYnCH.js → x-cjNeCV9f.js} +2 -2
  47. package/dist/{x-CMARYnCH.js.map → x-cjNeCV9f.js.map} +1 -1
  48. package/package.json +13 -13
  49. package/dist/spa/assets/check-C0owz4na.js +0 -2
  50. package/dist/spa/assets/index-CFIFFTBf.css +0 -1
  51. package/dist/spa/assets/x-qSQxHLmz.js +0 -2
@@ -1,9 +1,9 @@
1
1
  import { ref as w, computed as M, toRaw as te, defineComponent as q, createElementBlock as m, openBlock as f, createCommentVNode as N, createVNode as E, createElementVNode as s, unref as r, Fragment as J, renderList as A, normalizeClass as B, toDisplayString as C, watch as H, normalizeStyle as se, reactive as ne, onMounted as ae, nextTick as oe, createBlock as le, Teleport as re, withModifiers as ie, createTextVNode as G } from "vue";
2
- import { c as W, D as K, _ as X, u as ce } from "./main-ECCULvdl.js";
3
- import { C as de } from "./check-Crwhzuxr.js";
2
+ import { c as W, D as K, _ as X, u as ce } from "./main-B4KUU1eG.js";
3
+ import { C as de } from "./check-C8somSxy.js";
4
4
  import { defineStore as ue } from "pinia";
5
- import { X as fe } from "./x-CMARYnCH.js";
6
- import { T as me } from "./trash-2-DkjAUIEq.js";
5
+ import { X as fe } from "./x-cjNeCV9f.js";
6
+ import { T as me } from "./trash-2-BXKjlLnv.js";
7
7
  const ve = W("circle-alert", [
8
8
  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
9
9
  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
@@ -743,8 +743,8 @@ const qe = { class: "models-page" }, We = { class: "models-sidebar" }, Xe = { cl
743
743
  ]))
744
744
  ]));
745
745
  }
746
- }), jt = /* @__PURE__ */ X(kt, [["__scopeId", "data-v-353edfbc"]]);
746
+ }), jt = /* @__PURE__ */ X(kt, [["__scopeId", "data-v-96cf0ec0"]]);
747
747
  export {
748
748
  jt as default
749
749
  };
750
- //# sourceMappingURL=ModelsPage-C1LQvwFk.js.map
750
+ //# sourceMappingURL=ModelsPage-DtwVBgEq.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ModelsPage-C1LQvwFk.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/utils/data-table.ts","../src/components/DataTable.vue","../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 * Data Table Utilities\n *\n * What: Pure helper functions for the DataTable component\n * How: Provides column discovery, cell formatting, and row key logic\n * Why: Extracted from DataTable.vue for testability and reuse\n *\n * @module utils/data-table\n */\n\n/**\n * Truncate a string to maxLen characters, appending an ellipsis if truncated.\n */\nexport function truncate(str: string, maxLen: number): string {\n if (str.length <= maxLen) return str;\n return `${str.slice(0, maxLen)}…`;\n}\n\n/**\n * Format a cell value for display.\n * Returns a human-readable string representation suitable for table cells.\n */\nexport function formatCell(value: unknown): string {\n if (value === null || value === undefined) return '--';\n if (typeof value === 'string') return truncate(value, 50);\n if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n if (Array.isArray(value)) return truncate(JSON.stringify(value), 50);\n if (typeof value === 'object') return truncate(JSON.stringify(value), 50);\n return String(value);\n}\n\n/**\n * Get a cell value from an item by column name.\n * Returns undefined for non-object items.\n */\nexport function getCellValue(item: unknown, column: string): unknown {\n if (typeof item !== 'object' || item === null) return undefined;\n return (item as Record<string, unknown>)[column];\n}\n\n/**\n * Get a stable key for a row, using the item's ID field value if it is\n * a string or number. Falls back to the row index otherwise.\n */\nexport function getRowKey(item: unknown, idField: string, index: number): string | number {\n const id = getCellValue(item, idField);\n if (typeof id === 'string' || typeof id === 'number') return id;\n return index;\n}\n\n/**\n * Discover columns from all items' keys.\n * Iterates over every item to accumulate all unique keys,\n * then places idField first if present.\n */\nexport function discoverColumns(items: unknown[], idField: string): string[] {\n if (items.length === 0) return [];\n\n const keySet = new Set<string>();\n for (const item of items) {\n if (typeof item === 'object' && item !== null) {\n for (const key of Object.keys(item as Record<string, unknown>)) {\n keySet.add(key);\n }\n }\n }\n\n if (keySet.size === 0) return [];\n\n const keys = Array.from(keySet);\n\n // Put idField first if it exists\n if (keys.includes(idField)) {\n return [idField, ...keys.filter((k) => k !== idField)];\n }\n\n return keys;\n}\n","<!--\n DataTable.vue - Dynamic Data Table Component\n\n What: Displays an array of objects as a scrollable table with dynamic columns\n How: Discovers columns from all items' keys, places idField first, formats cells\n Why: Shows store data in tabular form alongside the JSON editor on the Models page\n-->\n\n<script setup lang=\"ts\">\nimport { Database } from 'lucide-vue-next';\nimport { computed } from 'vue';\nimport { discoverColumns, formatCell, getCellValue, getRowKey } from '@/utils/data-table';\n\n/**\n * Component props\n */\ninterface Props {\n /** Array of items to display */\n items: unknown[];\n /** Name of the ID field (placed first in columns) */\n idField: string;\n /** Index of the currently selected row (-1 for none) */\n selectedIndex?: number;\n}\n\n/**\n * Component emits\n */\ninterface Emits {\n (e: 'select', index: number): void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n selectedIndex: -1,\n});\n\nconst emit = defineEmits<Emits>();\n\n// ==========================================================================\n// Computed\n// ==========================================================================\n\n/**\n * Columns discovered from all items' keys, with idField placed first.\n */\nconst columns = computed<string[]>(() => discoverColumns(props.items, props.idField));\n\n// ==========================================================================\n// Methods\n// ==========================================================================\n\n/**\n * Handle row click\n */\nfunction onRowClick(index: number): void {\n emit('select', index);\n}\n\n/**\n * Get a stable key for a row, delegating to the utility function\n */\nfunction rowKey(item: unknown, index: number): string | number {\n return getRowKey(item, props.idField, index);\n}\n</script>\n\n<template>\n <div class=\"data-table\">\n <!-- Empty State -->\n <div v-if=\"items.length === 0\" class=\"data-table__empty\">\n <Database :size=\"32\" class=\"data-table__empty-icon\" />\n <span>No items</span>\n </div>\n\n <!-- Table -->\n <div v-else class=\"data-table__container\">\n <table class=\"data-table__table\">\n <thead>\n <tr>\n <th class=\"data-table__row-num\">#</th>\n <th\n v-for=\"col in columns\"\n :key=\"col\"\n :class=\"['data-table__header', { 'data-table__header--id': col === idField }]\"\n >\n {{ col }}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr\n v-for=\"(item, index) in items\"\n :key=\"rowKey(item, index)\"\n :class=\"['data-table__row', { 'data-table__row--selected': index === selectedIndex }]\"\n @click=\"onRowClick(index)\"\n >\n <td class=\"data-table__row-num\">{{ index + 1 }}</td>\n <td\n v-for=\"col in columns\"\n :key=\"col\"\n :class=\"['data-table__cell', { 'data-table__cell--id': col === idField }]\"\n >\n {{ formatCell(getCellValue(item, col)) }}\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Footer -->\n <div v-if=\"items.length > 0\" class=\"data-table__footer\">\n <span class=\"data-table__info\">{{ items.length }} items</span>\n <span class=\"data-table__info\">{{ columns.length }} columns</span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.data-table {\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 height: 100%;\n}\n\n/* Empty State */\n.data-table__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-sm);\n flex: 1;\n color: var(--devtools-text-muted);\n font-size: var(--font-size-1);\n}\n\n.data-table__empty-icon {\n opacity: 0.4;\n}\n\n/* Table Container */\n.data-table__container {\n flex: 1;\n overflow: auto;\n}\n\n.data-table__table {\n width: 100%;\n border-collapse: collapse;\n font-size: var(--font-size-0);\n font-family: var(--devtools-font-mono);\n}\n\n/* Header */\n.data-table__table thead {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.data-table__header {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n text-align: left;\n font-weight: var(--font-weight-6);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n background-color: var(--devtools-surface-elevated);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n color: var(--devtools-text);\n}\n\n.data-table__header--id {\n color: var(--devtools-primary);\n}\n\n/* Row Numbers */\n.data-table__row-num {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n text-align: right;\n color: var(--devtools-text-muted);\n font-size: var(--font-size-0);\n font-family: var(--devtools-font-mono);\n background-color: var(--devtools-surface-elevated);\n border-right: 1px solid var(--devtools-border);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n min-width: 2ch;\n user-select: none;\n}\n\n/* Rows */\n.data-table__row {\n cursor: pointer;\n transition: background-color var(--devtools-transition-fast);\n}\n\n.data-table__row:hover {\n background-color: var(--devtools-surface-elevated);\n}\n\n.data-table__row--selected {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n}\n\n/* Cells */\n.data-table__cell {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n max-width: 300px;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--devtools-text);\n}\n\n.data-table__cell--id {\n color: var(--devtools-primary);\n font-weight: var(--font-weight-5);\n}\n\n/* Footer */\n.data-table__footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\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.data-table__info {\n color: var(--devtools-text-muted);\n}\n</style>\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';\nimport DataTable from '@/components/DataTable.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/** Currently selected row index in the data table */\nconst selectedItemIndex = ref(-1);\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 selectedItemIndex.value = -1;\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 selectedItemIndex.value = -1;\n});\n\n// ==========================================================================\n// Watchers\n// ==========================================================================\n\n// Format JSON when schema changes\nwatch(\n () => modelsStore.selectedSchema,\n async () => {\n selectedItemIndex.value = -1;\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// Reset selection when items array changes and the selected item no longer matches\nwatch(\n () => modelsStore.currentItems,\n (newItems, oldItems) => {\n const idx = selectedItemIndex.value;\n if (idx < 0) return;\n\n // Out of range\n if (idx >= newItems.length) {\n selectedItemIndex.value = -1;\n return;\n }\n\n // Compare by ID field identity\n const idField = modelsStore.currentSchema?.idField ?? 'id';\n const oldItem = oldItems?.[idx];\n const newItem = newItems[idx];\n\n // Same object reference — keep selection\n if (oldItem === newItem) return;\n\n // Compare by ID value if both are objects\n if (\n typeof oldItem === 'object' &&\n oldItem !== null &&\n typeof newItem === 'object' &&\n newItem !== null\n ) {\n const oldId = (oldItem as Record<string, unknown>)[idField];\n const newId = (newItem as Record<string, unknown>)[idField];\n if (oldId !== undefined && oldId === newId) return;\n }\n\n selectedItemIndex.value = -1;\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\n/**\n * Handle data table row selection (toggle)\n */\nfunction onTableRowSelect(index: number): void {\n selectedItemIndex.value = selectedItemIndex.value === index ? -1 : index;\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 <!-- Split Panels: Editor + Data Table -->\n <div class=\"models-panels\">\n <div class=\"models-panel\">\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 <div class=\"models-panel\">\n <DataTable\n :items=\"modelsStore.currentItems\"\n :id-field=\"modelsStore.currentSchema?.idField ?? 'id'\"\n :selected-index=\"selectedItemIndex\"\n @select=\"onTableRowSelect\"\n />\n </div>\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/* Split Panels */\n.models-panels {\n display: flex;\n flex: 1;\n gap: 1px;\n overflow: hidden;\n background-color: var(--devtools-border);\n}\n\n.models-panel {\n flex: 1;\n min-width: 300px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-bg);\n}\n\n/* Responsive: stack panels vertically on narrow viewports */\n@media (max-width: 840px) {\n .models-panels {\n flex-direction: column;\n }\n\n .models-panel {\n min-width: 0;\n min-height: 200px;\n }\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","truncate","str","maxLen","formatCell","getCellValue","item","column","getRowKey","idField","index","id","discoverColumns","keySet","key","keys","k","props","__props","emit","__emit","columns","onRowClick","rowKey","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createVNode","_unref","Database","_cache","_createElementVNode","_hoisted_3","_hoisted_4","_Fragment","_renderList","col","_normalizeClass","$event","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","text","validationError","isValid","lineCount","lineNumbers","_","i","initializeText","watch","currentParsed","handleInput","event","target","validateAndEmit","parsed","match","position","lines","line","formatJson","handleKeyDown","start","end","newText","__expose","lineNum","_hoisted_5","Check","AlertCircle","_hoisted_10","toasts","confirmDialog","reactive","timeouts","pendingResolve","toastIdCounter","generateToastId","addToast","type","message","duration","toast","timeoutId","removeToast","t","useNotifications","success","info","warning","confirm","options","resolve","closeConfirm","dismiss","clearAll","modelsStore","send","on","connected","useWebSocket","notifyError","jsonEditorRef","showClearConfirm","selectedItemIndex","onMounted","payload","nextTick","newItems","oldItems","idx","oldItem","newItem","oldId","newId","selectSchema","errorMessage","reseedAll","onJsonEditorUpdate","onTableRowSelect","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","X","Trash2","_hoisted_22","_hoisted_23","_hoisted_24","JsonEditor","_hoisted_25","DataTable","_hoisted_26","_hoisted_27","_hoisted_28","_createBlock","_Teleport","_hoisted_29","_hoisted_30"],"mappings":"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","x_google_ignoreList":[0,1,2]}
1
+ {"version":3,"file":"ModelsPage-DtwVBgEq.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/utils/data-table.ts","../src/components/DataTable.vue","../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 * Data Table Utilities\n *\n * What: Pure helper functions for the DataTable component\n * How: Provides column discovery, cell formatting, and row key logic\n * Why: Extracted from DataTable.vue for testability and reuse\n *\n * @module utils/data-table\n */\n\n/**\n * Truncate a string to maxLen characters, appending an ellipsis if truncated.\n */\nexport function truncate(str: string, maxLen: number): string {\n if (str.length <= maxLen) return str;\n return `${str.slice(0, maxLen)}…`;\n}\n\n/**\n * Format a cell value for display.\n * Returns a human-readable string representation suitable for table cells.\n */\nexport function formatCell(value: unknown): string {\n if (value === null || value === undefined) return '--';\n if (typeof value === 'string') return truncate(value, 50);\n if (typeof value === 'number' || typeof value === 'boolean') return String(value);\n if (Array.isArray(value)) return truncate(JSON.stringify(value), 50);\n if (typeof value === 'object') return truncate(JSON.stringify(value), 50);\n return String(value);\n}\n\n/**\n * Get a cell value from an item by column name.\n * Returns undefined for non-object items.\n */\nexport function getCellValue(item: unknown, column: string): unknown {\n if (typeof item !== 'object' || item === null) return undefined;\n return (item as Record<string, unknown>)[column];\n}\n\n/**\n * Get a stable key for a row, using the item's ID field value if it is\n * a string or number. Falls back to the row index otherwise.\n */\nexport function getRowKey(item: unknown, idField: string, index: number): string | number {\n const id = getCellValue(item, idField);\n if (typeof id === 'string' || typeof id === 'number') return id;\n return index;\n}\n\n/**\n * Discover columns from all items' keys.\n * Iterates over every item to accumulate all unique keys,\n * then places idField first if present.\n */\nexport function discoverColumns(items: unknown[], idField: string): string[] {\n if (items.length === 0) return [];\n\n const keySet = new Set<string>();\n for (const item of items) {\n if (typeof item === 'object' && item !== null) {\n for (const key of Object.keys(item as Record<string, unknown>)) {\n keySet.add(key);\n }\n }\n }\n\n if (keySet.size === 0) return [];\n\n const keys = Array.from(keySet);\n\n // Put idField first if it exists\n if (keys.includes(idField)) {\n return [idField, ...keys.filter((k) => k !== idField)];\n }\n\n return keys;\n}\n","<!--\n DataTable.vue - Dynamic Data Table Component\n\n What: Displays an array of objects as a scrollable table with dynamic columns\n How: Discovers columns from all items' keys, places idField first, formats cells\n Why: Shows store data in tabular form alongside the JSON editor on the Models page\n-->\n\n<script setup lang=\"ts\">\nimport { Database } from 'lucide-vue-next';\nimport { computed } from 'vue';\nimport { discoverColumns, formatCell, getCellValue, getRowKey } from '@/utils/data-table';\n\n/**\n * Component props\n */\ninterface Props {\n /** Array of items to display */\n items: unknown[];\n /** Name of the ID field (placed first in columns) */\n idField: string;\n /** Index of the currently selected row (-1 for none) */\n selectedIndex?: number;\n}\n\n/**\n * Component emits\n */\ninterface Emits {\n (e: 'select', index: number): void;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n selectedIndex: -1,\n});\n\nconst emit = defineEmits<Emits>();\n\n// ==========================================================================\n// Computed\n// ==========================================================================\n\n/**\n * Columns discovered from all items' keys, with idField placed first.\n */\nconst columns = computed<string[]>(() => discoverColumns(props.items, props.idField));\n\n// ==========================================================================\n// Methods\n// ==========================================================================\n\n/**\n * Handle row click\n */\nfunction onRowClick(index: number): void {\n emit('select', index);\n}\n\n/**\n * Get a stable key for a row, delegating to the utility function\n */\nfunction rowKey(item: unknown, index: number): string | number {\n return getRowKey(item, props.idField, index);\n}\n</script>\n\n<template>\n <div class=\"data-table\">\n <!-- Empty State -->\n <div v-if=\"items.length === 0\" class=\"data-table__empty\">\n <Database :size=\"32\" class=\"data-table__empty-icon\" />\n <span>No items</span>\n </div>\n\n <!-- Table -->\n <div v-else class=\"data-table__container\">\n <table class=\"data-table__table\">\n <thead>\n <tr>\n <th class=\"data-table__row-num\">#</th>\n <th\n v-for=\"col in columns\"\n :key=\"col\"\n :class=\"['data-table__header', { 'data-table__header--id': col === idField }]\"\n >\n {{ col }}\n </th>\n </tr>\n </thead>\n <tbody>\n <tr\n v-for=\"(item, index) in items\"\n :key=\"rowKey(item, index)\"\n :class=\"['data-table__row', { 'data-table__row--selected': index === selectedIndex }]\"\n @click=\"onRowClick(index)\"\n >\n <td class=\"data-table__row-num\">{{ index + 1 }}</td>\n <td\n v-for=\"col in columns\"\n :key=\"col\"\n :class=\"['data-table__cell', { 'data-table__cell--id': col === idField }]\"\n >\n {{ formatCell(getCellValue(item, col)) }}\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n\n <!-- Footer -->\n <div v-if=\"items.length > 0\" class=\"data-table__footer\">\n <span class=\"data-table__info\">{{ items.length }} items</span>\n <span class=\"data-table__info\">{{ columns.length }} columns</span>\n </div>\n </div>\n</template>\n\n<style scoped>\n.data-table {\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 height: 100%;\n}\n\n/* Empty State */\n.data-table__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-sm);\n flex: 1;\n color: var(--devtools-text-muted);\n font-size: var(--font-size-1);\n}\n\n.data-table__empty-icon {\n opacity: 0.4;\n}\n\n/* Table Container */\n.data-table__container {\n flex: 1;\n overflow: auto;\n}\n\n.data-table__table {\n width: 100%;\n border-collapse: collapse;\n font-size: var(--font-size-0);\n font-family: var(--devtools-font-mono);\n}\n\n/* Header */\n.data-table__table thead {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.data-table__header {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n text-align: left;\n font-weight: var(--font-weight-6);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n background-color: var(--devtools-surface-elevated);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n color: var(--devtools-text);\n}\n\n.data-table__header--id {\n color: var(--devtools-primary);\n}\n\n/* Row Numbers */\n.data-table__row-num {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n text-align: right;\n color: var(--devtools-text-muted);\n font-size: var(--font-size-0);\n font-family: var(--devtools-font-mono);\n background-color: var(--devtools-surface-elevated);\n border-right: 1px solid var(--devtools-border);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n min-width: 2ch;\n user-select: none;\n}\n\n/* Rows */\n.data-table__row {\n cursor: pointer;\n transition: background-color var(--devtools-transition-fast);\n}\n\n.data-table__row:hover {\n background-color: var(--devtools-surface-elevated);\n}\n\n.data-table__row--selected {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n}\n\n/* Cells */\n.data-table__cell {\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n border-bottom: 1px solid var(--devtools-border);\n white-space: nowrap;\n max-width: 300px;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--devtools-text);\n}\n\n.data-table__cell--id {\n color: var(--devtools-primary);\n font-weight: var(--font-weight-5);\n}\n\n/* Footer */\n.data-table__footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\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.data-table__info {\n color: var(--devtools-text-muted);\n}\n</style>\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';\nimport DataTable from '@/components/DataTable.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/** Currently selected row index in the data table */\nconst selectedItemIndex = ref(-1);\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 selectedItemIndex.value = -1;\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 selectedItemIndex.value = -1;\n});\n\n// ==========================================================================\n// Watchers\n// ==========================================================================\n\n// Format JSON when schema changes\nwatch(\n () => modelsStore.selectedSchema,\n async () => {\n selectedItemIndex.value = -1;\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// Reset selection when items array changes and the selected item no longer matches\nwatch(\n () => modelsStore.currentItems,\n (newItems, oldItems) => {\n const idx = selectedItemIndex.value;\n if (idx < 0) return;\n\n // Out of range\n if (idx >= newItems.length) {\n selectedItemIndex.value = -1;\n return;\n }\n\n // Compare by ID field identity\n const idField = modelsStore.currentSchema?.idField ?? 'id';\n const oldItem = oldItems?.[idx];\n const newItem = newItems[idx];\n\n // Same object reference — keep selection\n if (oldItem === newItem) return;\n\n // Compare by ID value if both are objects\n if (\n typeof oldItem === 'object' &&\n oldItem !== null &&\n typeof newItem === 'object' &&\n newItem !== null\n ) {\n const oldId = (oldItem as Record<string, unknown>)[idField];\n const newId = (newItem as Record<string, unknown>)[idField];\n if (oldId !== undefined && oldId === newId) return;\n }\n\n selectedItemIndex.value = -1;\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\n/**\n * Handle data table row selection (toggle)\n */\nfunction onTableRowSelect(index: number): void {\n selectedItemIndex.value = selectedItemIndex.value === index ? -1 : index;\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 <!-- Split Panels: Editor + Data Table -->\n <div class=\"models-panels\">\n <div class=\"models-panel\">\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 <div class=\"models-panel\">\n <DataTable\n :items=\"modelsStore.currentItems\"\n :id-field=\"modelsStore.currentSchema?.idField ?? 'id'\"\n :selected-index=\"selectedItemIndex\"\n @select=\"onTableRowSelect\"\n />\n </div>\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) 0;\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 padding: 0 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: 0 var(--devtools-space-md) 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/* Split Panels */\n.models-panels {\n display: flex;\n flex: 1;\n gap: var(--devtools-space-md);\n overflow: hidden;\n}\n\n.models-panel {\n flex: 1;\n min-width: 300px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n background-color: var(--devtools-bg);\n}\n\n/* Responsive: stack panels vertically on narrow viewports */\n@media (max-width: 840px) {\n .models-panels {\n flex-direction: column;\n }\n\n .models-panel {\n min-width: 0;\n min-height: 200px;\n }\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","truncate","str","maxLen","formatCell","getCellValue","item","column","getRowKey","idField","index","id","discoverColumns","keySet","key","keys","k","props","__props","emit","__emit","columns","onRowClick","rowKey","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createVNode","_unref","Database","_cache","_createElementVNode","_hoisted_3","_hoisted_4","_Fragment","_renderList","col","_normalizeClass","$event","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","text","validationError","isValid","lineCount","lineNumbers","_","i","initializeText","watch","currentParsed","handleInput","event","target","validateAndEmit","parsed","match","position","lines","line","formatJson","handleKeyDown","start","end","newText","__expose","lineNum","_hoisted_5","Check","AlertCircle","_hoisted_10","toasts","confirmDialog","reactive","timeouts","pendingResolve","toastIdCounter","generateToastId","addToast","type","message","duration","toast","timeoutId","removeToast","t","useNotifications","success","info","warning","confirm","options","resolve","closeConfirm","dismiss","clearAll","modelsStore","send","on","connected","useWebSocket","notifyError","jsonEditorRef","showClearConfirm","selectedItemIndex","onMounted","payload","nextTick","newItems","oldItems","idx","oldItem","newItem","oldId","newId","selectSchema","errorMessage","reseedAll","onJsonEditorUpdate","onTableRowSelect","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","X","Trash2","_hoisted_22","_hoisted_23","_hoisted_24","JsonEditor","_hoisted_25","DataTable","_hoisted_26","_hoisted_27","_hoisted_28","_createBlock","_Teleport","_hoisted_29","_hoisted_30"],"mappings":"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","x_google_ignoreList":[0,1,2]}
@@ -1,8 +1,8 @@
1
1
  import { defineComponent as E, computed as H, createElementBlock as o, openBlock as n, createVNode as l, createElementVNode as t, unref as e, normalizeClass as f, toDisplayString as c, createCommentVNode as u, createTextVNode as x, Fragment as b, renderList as C, withDirectives as Z, createBlock as q, resolveDynamicComponent as G, vShow as Y, ref as T, onMounted as tt, onUnmounted as et, watch as st } from "vue";
2
- import { g as P, C as Q, a as nt, S as V, F as ot, b as it } from "./format-BjZBWUrM.js";
3
- import { c as $, _ as F, u as at, R as dt } from "./main-ECCULvdl.js";
2
+ import { g as P, C as Q, a as nt, S as V, F as ot, b as it } from "./format-9UQBRrMl.js";
3
+ import { c as $, _ as F, u as at, R as dt } from "./main-B4KUU1eG.js";
4
4
  import { u as lt } from "./registry-BQhccWMq.js";
5
- import { X as j } from "./x-CMARYnCH.js";
5
+ import { X as j } from "./x-cjNeCV9f.js";
6
6
  const R = $("code", [
7
7
  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
8
8
  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
@@ -517,4 +517,4 @@ const ut = $("tag", [
517
517
  export {
518
518
  Ie as default
519
519
  };
520
- //# sourceMappingURL=RoutesPage-BHmWMFsq.js.map
520
+ //# sourceMappingURL=RoutesPage-DVaFf1b6.js.map