@websublime/vite-plugin-open-api-devtools 0.6.1 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ModelsPage-CSuUHUuV.js → ModelsPage-DEKnJYaY.js} +5 -5
- package/dist/{ModelsPage-CSuUHUuV.js.map → ModelsPage-DEKnJYaY.js.map} +1 -1
- package/dist/{RoutesPage-D3FSr2Y6.js → RoutesPage-DJQFqkO5.js} +4 -4
- package/dist/{RoutesPage-D3FSr2Y6.js.map → RoutesPage-DJQFqkO5.js.map} +1 -1
- package/dist/{SimulatorPage-CzJrwWzc.js → SimulatorPage-DAwHHeu0.js} +4 -4
- package/dist/{SimulatorPage-CzJrwWzc.js.map → SimulatorPage-DAwHHeu0.js.map} +1 -1
- package/dist/{TimelinePage-HGh13pF3.js → TimelinePage-DdznQBTd.js} +7 -7
- package/dist/{TimelinePage-HGh13pF3.js.map → TimelinePage-DdznQBTd.js.map} +1 -1
- package/dist/{check-BLIoatWd.js → check-CZ-YsL8n.js} +2 -2
- package/dist/{check-BLIoatWd.js.map → check-CZ-YsL8n.js.map} +1 -1
- package/dist/devtools.css +1 -1
- package/dist/devtools.js +1 -1
- package/dist/devtools.umd.cjs +2 -2
- package/dist/devtools.umd.cjs.map +1 -1
- package/dist/{format-lBEBG5Y6.js → format-xvYNYz8d.js} +2 -2
- package/dist/{format-lBEBG5Y6.js.map → format-xvYNYz8d.js.map} +1 -1
- package/dist/{main-DKt7pJsx.js → main-C-2gO_cM.js} +250 -250
- package/dist/main-C-2gO_cM.js.map +1 -0
- package/dist/spa/assets/ModelsPage-DQN_XP0u.css +1 -0
- package/dist/spa/assets/ModelsPage-Dlw4slrw.js +4 -0
- package/dist/spa/assets/ModelsPage-Dlw4slrw.js.map +1 -0
- package/dist/spa/assets/RoutesPage-BVXzvJ2S.css +1 -0
- package/dist/spa/assets/RoutesPage-DVkEOssu.js +2 -0
- package/dist/spa/assets/RoutesPage-DVkEOssu.js.map +1 -0
- package/dist/spa/assets/SimulatorPage-B1voZDRi.css +1 -0
- package/dist/spa/assets/SimulatorPage-C2EEtkx8.js +2 -0
- package/dist/spa/assets/SimulatorPage-C2EEtkx8.js.map +1 -0
- package/dist/spa/assets/TimelinePage-BDyp8kvu.css +1 -0
- package/dist/spa/assets/TimelinePage-C_LK2wKS.js +2 -0
- package/dist/spa/assets/TimelinePage-C_LK2wKS.js.map +1 -0
- package/dist/spa/assets/check-B_DaLrgB.js +2 -0
- package/dist/spa/assets/check-B_DaLrgB.js.map +1 -0
- package/dist/spa/assets/format-r8dlo_ab.js +2 -0
- package/dist/spa/assets/format-r8dlo_ab.js.map +1 -0
- package/dist/spa/assets/index-CFIFFTBf.css +1 -0
- package/dist/spa/assets/index-Dff2RvrN.js +3 -0
- package/dist/spa/assets/index-Dff2RvrN.js.map +1 -0
- package/dist/spa/assets/registry-DjJcdO1T.js +2 -0
- package/dist/spa/assets/registry-DjJcdO1T.js.map +1 -0
- package/dist/spa/assets/trash-2-6KJWHoOC.js +2 -0
- package/dist/spa/assets/trash-2-6KJWHoOC.js.map +1 -0
- package/dist/spa/assets/triangle-alert-Dx8lMHrF.js +2 -0
- package/dist/spa/assets/triangle-alert-Dx8lMHrF.js.map +1 -0
- package/dist/spa/assets/vue-vendor-Bkktf9yg.js +2 -0
- package/dist/spa/assets/vue-vendor-Bkktf9yg.js.map +1 -0
- package/dist/spa/assets/x-B6bG8oob.js +2 -0
- package/dist/spa/assets/x-B6bG8oob.js.map +1 -0
- package/dist/spa/index.html +16 -0
- package/dist/{trash-2-RxS9jzWT.js → trash-2-BiCAm7lq.js} +2 -2
- package/dist/{trash-2-RxS9jzWT.js.map → trash-2-BiCAm7lq.js.map} +1 -1
- package/dist/{triangle-alert-gLhIcFT5.js → triangle-alert-C8PD5_Zo.js} +2 -2
- package/dist/{triangle-alert-gLhIcFT5.js.map → triangle-alert-C8PD5_Zo.js.map} +1 -1
- package/dist/{x-UqfnjULc.js → x-Boe7tiDp.js} +2 -2
- package/dist/{x-UqfnjULc.js.map → x-Boe7tiDp.js.map} +1 -1
- package/package.json +14 -13
- package/dist/main-DKt7pJsx.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimelinePage-C_LK2wKS.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-check-big.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/copy.js","../../../src/stores/timeline.ts","../../../src/components/TimelineDetail.vue","../../../src/components/TimelineEntry.vue","../../../src/pages/TimelinePage.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 CircleCheckBig = createLucideIcon(\"circle-check-big\", [\n [\"path\", { d: \"M21.801 10A10 10 0 1 1 17 3.335\", key: \"yps3ct\" }],\n [\"path\", { d: \"m9 11 3 3L22 4\", key: \"1pflzl\" }]\n]);\n\nexport { CircleCheckBig as default };\n//# sourceMappingURL=circle-check-big.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 Copy = createLucideIcon(\"copy\", [\n [\"rect\", { width: \"14\", height: \"14\", x: \"8\", y: \"8\", rx: \"2\", ry: \"2\", key: \"17jyea\" }],\n [\"path\", { d: \"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\", key: \"zix9uf\" }]\n]);\n\nexport { Copy as default };\n//# sourceMappingURL=copy.js.map\n","/**\n * Timeline Store\n *\n * What: Pinia store for managing request/response timeline data\n * How: Receives and stores timeline events from the server via WebSocket\n * Why: Provides reactive access to timeline data for the Timeline Page\n *\n * @module stores/timeline\n */\n\nimport { defineStore } from 'pinia';\nimport { computed, ref } from 'vue';\n\n/**\n * HTTP method type for timeline entries\n */\nexport type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE' | 'OPTIONS' | 'HEAD' | 'TRACE';\n\n/**\n * Request log entry from the server\n */\nexport interface RequestLogEntry {\n id: string;\n method: string;\n path: string;\n operationId: string;\n timestamp: number;\n headers: Record<string, string>;\n query: Record<string, string | string[]>;\n body?: unknown;\n}\n\n/**\n * Response log entry from the server\n */\nexport interface ResponseLogEntry {\n id: string;\n requestId: string;\n status: number;\n duration: number;\n headers: Record<string, string>;\n body: unknown;\n simulated: boolean;\n}\n\n/**\n * Combined timeline entry with request and optional response\n */\nexport interface TimelineEntry {\n id: string;\n request: RequestLogEntry;\n response: ResponseLogEntry | null;\n status: number | null;\n duration: number | null;\n simulated: boolean;\n}\n\n/**\n * Timeline data from server\n */\nexport interface TimelineData {\n entries: Array<{ type: 'request' | 'response'; data: RequestLogEntry | ResponseLogEntry }>;\n count: number;\n total: number;\n}\n\n/**\n * Filter options for timeline entries\n */\nexport interface TimelineFilter {\n methods: HttpMethod[];\n statusCodes: ('1xx' | '2xx' | '3xx' | '4xx' | '5xx')[];\n searchQuery: string;\n simulatedOnly: boolean | null;\n}\n\n/**\n * Timeline store for request/response tracking\n *\n * Provides:\n * - Timeline entry storage and retrieval\n * - Real-time updates via WebSocket events\n * - Search and filter functionality\n * - Selected entry tracking for detail view\n * - Timeline limit management\n */\nexport const useTimelineStore = defineStore('timeline', () => {\n // ==========================================================================\n // State\n // ==========================================================================\n\n /** All timeline entries (request + response pairs) */\n const entries = ref<TimelineEntry[]>([]);\n\n /** Loading state */\n const isLoading = ref(false);\n\n /** Error state */\n const error = ref<string | null>(null);\n\n /** Active filters */\n const filter = ref<TimelineFilter>({\n methods: [],\n statusCodes: [],\n searchQuery: '',\n simulatedOnly: null,\n });\n\n /** Currently selected entry ID */\n const selectedEntryId = ref<string | null>(null);\n\n /** Maximum number of entries to keep */\n const maxEntries = ref(500);\n\n /** Buffer for responses that arrived before their requests */\n const responseBuffer = new Map<string, ResponseLogEntry>();\n\n // ==========================================================================\n // Getters / Computed\n // ==========================================================================\n\n /**\n * Get status category from status code\n */\n function getStatusCategory(status: number): '1xx' | '2xx' | '3xx' | '4xx' | '5xx' {\n if (status < 200) return '1xx';\n if (status < 300) return '2xx';\n if (status < 400) return '3xx';\n if (status < 500) return '4xx';\n return '5xx';\n }\n\n /**\n * Filtered entries based on search and filters\n */\n const filteredEntries = computed(() => {\n let result = entries.value;\n\n // Apply search query (matches path or operationId)\n if (filter.value.searchQuery.trim()) {\n const query = filter.value.searchQuery.toLowerCase().trim();\n result = result.filter((entry) => {\n return (\n entry.request.path.toLowerCase().includes(query) ||\n entry.request.operationId.toLowerCase().includes(query)\n );\n });\n }\n\n // Apply method filter\n if (filter.value.methods.length > 0) {\n result = result.filter((entry) =>\n filter.value.methods.includes(entry.request.method.toUpperCase() as HttpMethod),\n );\n }\n\n // Apply status code filter\n if (filter.value.statusCodes.length > 0) {\n result = result.filter((entry) => {\n if (entry.status === null) return false;\n const category = getStatusCategory(entry.status);\n return filter.value.statusCodes.includes(category);\n });\n }\n\n // Apply simulated filter\n if (filter.value.simulatedOnly !== null) {\n result = result.filter((entry) => entry.simulated === filter.value.simulatedOnly);\n }\n\n return result;\n });\n\n /**\n * Currently selected entry\n */\n const selectedEntry = computed(() => {\n if (!selectedEntryId.value) return null;\n return entries.value.find((e) => e.id === selectedEntryId.value) ?? null;\n });\n\n /**\n * Total number of entries (including pending responses)\n */\n const totalCount = computed(() => entries.value.length);\n\n /**\n * Count of entries with responses\n */\n const completedCount = computed(() => entries.value.filter((e) => e.response !== null).length);\n\n /**\n * Count of pending requests (no response yet)\n */\n const pendingCount = computed(() => entries.value.filter((e) => e.response === null).length);\n\n /**\n * Count of entries by status category\n */\n const statusCounts = computed(() => {\n const counts = {\n '1xx': 0,\n '2xx': 0,\n '3xx': 0,\n '4xx': 0,\n '5xx': 0,\n };\n\n for (const entry of entries.value) {\n if (entry.status !== null) {\n const category = getStatusCategory(entry.status);\n counts[category]++;\n }\n }\n\n return counts;\n });\n\n /**\n * Average response duration in milliseconds\n */\n const averageDuration = computed(() => {\n const completedEntries = entries.value.filter((e) => e.duration !== null);\n if (completedEntries.length === 0) return 0;\n\n const totalDuration = completedEntries.reduce((sum, e) => sum + (e.duration ?? 0), 0);\n return Math.round(totalDuration / completedEntries.length);\n });\n\n // ==========================================================================\n // Actions\n // ==========================================================================\n\n /**\n * Add a request to the timeline\n */\n function addRequest(request: RequestLogEntry): void {\n const entry: TimelineEntry = {\n id: request.id,\n request,\n response: null,\n status: null,\n duration: null,\n simulated: false,\n };\n\n // Check if there's a buffered response for this request\n const bufferedResponse = responseBuffer.get(request.id);\n if (bufferedResponse) {\n mergeResponse(entry, bufferedResponse);\n // Clear consumed buffered response\n responseBuffer.delete(request.id);\n }\n\n // Add to beginning of array (newest first)\n entries.value.unshift(entry);\n\n // Trim to max entries\n if (entries.value.length > maxEntries.value) {\n entries.value = entries.value.slice(0, maxEntries.value);\n }\n }\n\n /**\n * Add a response to an existing request\n */\n function addResponse(response: ResponseLogEntry): void {\n const entry = entries.value.find((e) => e.id === response.requestId);\n if (entry) {\n // Entry exists, merge immediately\n mergeResponse(entry, response);\n // Clear from buffer if it was buffered\n responseBuffer.delete(response.requestId);\n } else {\n // Entry doesn't exist yet, buffer the response\n responseBuffer.set(response.requestId, response);\n\n // Prevent unbounded buffer growth: create stub entry if buffer exceeds threshold\n // This ensures orphaned responses don't cause memory leaks in real-time scenarios\n if (responseBuffer.size > 100) {\n const stubEntry = createStubEntry(response);\n entries.value.unshift(stubEntry);\n responseBuffer.delete(response.requestId);\n\n // Trim to max entries\n if (entries.value.length > maxEntries.value) {\n entries.value = entries.value.slice(0, maxEntries.value);\n }\n }\n }\n }\n\n /**\n * Merge a response into an entry\n */\n function mergeResponse(entry: TimelineEntry, response: ResponseLogEntry): void {\n entry.response = response;\n entry.status = response.status;\n entry.duration = response.duration;\n entry.simulated = response.simulated;\n }\n\n /**\n * Create a stub entry for an orphaned response\n */\n function createStubEntry(response: ResponseLogEntry): TimelineEntry {\n // Create a minimal request stub for the orphaned response\n const stubRequest: RequestLogEntry = {\n id: response.requestId,\n method: 'UNKNOWN',\n path: '/unknown',\n operationId: 'unknown',\n timestamp: Date.now(), // Use current time as fallback\n headers: {},\n query: {},\n body: undefined,\n };\n\n return {\n id: response.requestId,\n request: stubRequest,\n response,\n status: response.status,\n duration: response.duration,\n simulated: response.simulated,\n };\n }\n\n /**\n * Process buffered responses and merge with existing entries or create stubs\n */\n function processBufferedResponses(requestMap: Map<string, TimelineEntry>): void {\n for (const [requestId, response] of responseBuffer) {\n const entry = requestMap.get(requestId);\n if (entry) {\n mergeResponse(entry, response);\n responseBuffer.delete(requestId);\n } else {\n // No matching request found, create stub entry\n requestMap.set(requestId, createStubEntry(response));\n responseBuffer.delete(requestId);\n }\n }\n }\n\n /**\n * Process incoming responses and merge, buffer, or create stub entries\n */\n function processIncomingResponses(\n requestMap: Map<string, TimelineEntry>,\n incomingResponses: Map<string, ResponseLogEntry>,\n ): void {\n for (const [requestId, response] of incomingResponses) {\n const entry = requestMap.get(requestId);\n if (entry) {\n mergeResponse(entry, response);\n } else {\n // Buffer the response for potential future request\n // Note: During initial load, we'll create stubs later\n responseBuffer.set(requestId, response);\n }\n }\n }\n\n /**\n * Create stub entries for any remaining buffered responses\n * This ensures no response is lost even if its request never arrives\n */\n function createStubsForOrphanedResponses(requestMap: Map<string, TimelineEntry>): void {\n for (const [requestId, response] of responseBuffer) {\n if (!requestMap.has(requestId)) {\n requestMap.set(requestId, createStubEntry(response));\n responseBuffer.delete(requestId);\n }\n }\n }\n\n /**\n * Set timeline data from server response\n * Used when fetching initial timeline data\n */\n function setTimelineData(data: TimelineData): void {\n const requestMap = new Map<string, TimelineEntry>();\n const incomingResponses = new Map<string, ResponseLogEntry>();\n\n // First pass: collect all requests and responses\n for (const item of data.entries) {\n if (item.type === 'request') {\n const request = item.data as RequestLogEntry;\n requestMap.set(request.id, {\n id: request.id,\n request,\n response: null,\n status: null,\n duration: null,\n simulated: false,\n });\n } else if (item.type === 'response') {\n const response = item.data as ResponseLogEntry;\n incomingResponses.set(response.requestId, response);\n }\n }\n\n // Second pass: merge responses with requests\n processBufferedResponses(requestMap);\n processIncomingResponses(requestMap, incomingResponses);\n\n // Third pass: create stub entries for any remaining orphaned responses\n // This ensures no response is lost even if its request never arrives\n createStubsForOrphanedResponses(requestMap);\n\n // Convert map to array and sort by timestamp (newest first)\n const sorted = Array.from(requestMap.values()).sort(\n (a, b) => b.request.timestamp - a.request.timestamp,\n );\n\n // Apply maxEntries limit\n entries.value = sorted.slice(0, maxEntries.value);\n\n error.value = null;\n }\n\n /**\n * Clear all timeline entries\n */\n function clearTimeline(): void {\n entries.value = [];\n selectedEntryId.value = null;\n responseBuffer.clear();\n }\n\n /**\n * Set loading state\n */\n function setLoading(loading: boolean): void {\n isLoading.value = loading;\n }\n\n /**\n * Set error state\n */\n function setError(errorMessage: string): void {\n error.value = errorMessage;\n isLoading.value = false;\n }\n\n /**\n * Clear error state\n */\n function clearError(): void {\n error.value = null;\n }\n\n /**\n * Set search query\n */\n function setSearchQuery(query: string): void {\n filter.value.searchQuery = query;\n }\n\n /**\n * Toggle method filter\n */\n function toggleMethodFilter(method: HttpMethod): void {\n const index = filter.value.methods.indexOf(method);\n if (index === -1) {\n filter.value.methods.push(method);\n } else {\n filter.value.methods.splice(index, 1);\n }\n }\n\n /**\n * Toggle status code filter\n */\n function toggleStatusFilter(status: '1xx' | '2xx' | '3xx' | '4xx' | '5xx'): void {\n const index = filter.value.statusCodes.indexOf(status);\n if (index === -1) {\n filter.value.statusCodes.push(status);\n } else {\n filter.value.statusCodes.splice(index, 1);\n }\n }\n\n /**\n * Set simulated filter\n */\n function setSimulatedFilter(simulated: boolean | null): void {\n filter.value.simulatedOnly = simulated;\n }\n\n /**\n * Clear all filters\n */\n function clearFilters(): void {\n filter.value = {\n methods: [],\n statusCodes: [],\n searchQuery: '',\n simulatedOnly: null,\n };\n }\n\n /**\n * Check if any filter is active\n */\n function hasActiveFilters(): boolean {\n return (\n filter.value.searchQuery.trim() !== '' ||\n filter.value.methods.length > 0 ||\n filter.value.statusCodes.length > 0 ||\n filter.value.simulatedOnly !== null\n );\n }\n\n /**\n * Select an entry by ID\n */\n function selectEntry(id: string | null): void {\n selectedEntryId.value = id;\n }\n\n /**\n * Set maximum entries limit\n */\n function setMaxEntries(limit: number): void {\n // Clamp limit to a safe minimum\n const clamped = Math.max(1, limit);\n maxEntries.value = clamped;\n\n // Trim if necessary\n if (entries.value.length > clamped) {\n entries.value = entries.value.slice(0, clamped);\n }\n }\n\n // ==========================================================================\n // Return\n // ==========================================================================\n\n return {\n // State\n entries,\n isLoading,\n error,\n filter,\n selectedEntryId,\n maxEntries,\n\n // Getters\n filteredEntries,\n selectedEntry,\n totalCount,\n completedCount,\n pendingCount,\n statusCounts,\n averageDuration,\n\n // Actions\n addRequest,\n addResponse,\n setTimelineData,\n clearTimeline,\n setLoading,\n setError,\n clearError,\n setSearchQuery,\n toggleMethodFilter,\n toggleStatusFilter,\n setSimulatedFilter,\n clearFilters,\n hasActiveFilters,\n selectEntry,\n setMaxEntries,\n };\n});\n","<!--\n TimelineDetail.vue - Timeline Entry Detail Panel\n\n What: Displays full request and response details for a selected timeline entry\n How: Shows headers, query params, body content in organized collapsible sections\n Why: Allows developers to inspect API traffic in detail for debugging\n-->\n\n<script setup lang=\"ts\">\nimport { Check, ChevronDown, ChevronRight, Clock, Copy, Zap } from 'lucide-vue-next';\n\nimport { computed, ref } from 'vue';\n\nimport type { TimelineEntry } from '@/stores/timeline';\n\nimport { getMethodLabel } from '@/utils/format';\n\n/**\n * Component props\n */\ninterface Props {\n /** The timeline entry to display */\n entry: TimelineEntry | null;\n}\n\nconst props = defineProps<Props>();\n\n/**\n * Section expansion state\n */\nconst expandedSections = ref({\n requestHeaders: true,\n requestQuery: true,\n requestBody: true,\n responseHeaders: true,\n responseBody: true,\n});\n\n/**\n * Copy feedback state\n */\nconst copiedField = ref<string | null>(null);\n\n/**\n * Format timestamp for display\n */\nconst formattedTimestamp = computed(() => {\n if (!props.entry) return '';\n const date = new Date(props.entry.request.timestamp);\n return date.toLocaleString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit',\n fractionalSecondDigits: 3,\n hour12: false,\n });\n});\n\n/**\n * Format duration for display\n */\nconst formattedDuration = computed(() => {\n if (props.entry?.duration == null) return 'pending...';\n if (props.entry.duration < 1000) {\n return `${props.entry.duration}ms`;\n }\n return `${(props.entry.duration / 1000).toFixed(2)}s`;\n});\n\n/**\n * Get status badge class based on status code\n */\nconst statusClass = computed(() => {\n if (!props.entry?.status) return 'status-badge--pending';\n if (props.entry.status < 200) return 'status-badge--1xx';\n if (props.entry.status < 300) return 'status-badge--2xx';\n if (props.entry.status < 400) return 'status-badge--3xx';\n if (props.entry.status < 500) return 'status-badge--4xx';\n return 'status-badge--5xx';\n});\n\n/**\n * Check if request has query parameters\n */\nconst hasQueryParams = computed(() => {\n if (!props.entry?.request.query) return false;\n return Object.keys(props.entry.request.query).length > 0;\n});\n\n/**\n * Check if request has headers\n */\nconst hasRequestHeaders = computed(() => {\n if (!props.entry?.request.headers) return false;\n return Object.keys(props.entry.request.headers).length > 0;\n});\n\n/**\n * Check if request has body\n */\nconst hasRequestBody = computed(() => {\n return props.entry?.request.body !== undefined && props.entry?.request.body !== null;\n});\n\n/**\n * Check if response has headers\n */\nconst hasResponseHeaders = computed(() => {\n if (!props.entry?.response?.headers) return false;\n return Object.keys(props.entry.response.headers).length > 0;\n});\n\n/**\n * Check if response has body\n */\nconst hasResponseBody = computed(() => {\n return props.entry?.response?.body !== undefined && props.entry?.response?.body !== null;\n});\n\n/**\n * Format JSON for display\n */\nfunction formatJson(value: unknown): string {\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return String(value);\n }\n}\n\n/**\n * Toggle section expansion\n */\nfunction toggleSection(section: keyof typeof expandedSections.value): void {\n expandedSections.value[section] = !expandedSections.value[section];\n}\n\n/**\n * Copy text to clipboard\n */\nasync function copyToClipboard(text: string, fieldId: string): Promise<void> {\n try {\n await navigator.clipboard.writeText(text);\n copiedField.value = fieldId;\n setTimeout(() => {\n copiedField.value = null;\n }, 2000);\n } catch (err) {\n console.error('Failed to copy:', err);\n }\n}\n\n/**\n * Copy full entry as JSON\n */\nasync function copyFullEntry(): Promise<void> {\n if (!props.entry) return;\n const data = {\n request: props.entry.request,\n response: props.entry.response,\n };\n await copyToClipboard(JSON.stringify(data, null, 2), 'full');\n}\n</script>\n\n<template>\n <div class=\"timeline-detail\">\n <!-- Empty state -->\n <div v-if=\"!entry\" class=\"timeline-detail__empty\">\n <Clock :size=\"48\" class=\"timeline-detail__empty-icon\" />\n <h3 class=\"timeline-detail__empty-title\">Select an entry</h3>\n <p class=\"timeline-detail__empty-description\">\n Click on a timeline entry to view its details.\n </p>\n </div>\n\n <!-- Entry details -->\n <div v-else class=\"timeline-detail__content\">\n <!-- Header with summary -->\n <div class=\"timeline-detail__header\">\n <div class=\"timeline-detail__summary\">\n <span :class=\"['method-badge', `method-badge--${entry.request.method.toLowerCase()}`]\">\n {{ getMethodLabel(entry.request.method) }}\n </span>\n <span class=\"timeline-detail__path font-mono\">{{ entry.request.path }}</span>\n </div>\n\n <div class=\"timeline-detail__meta\">\n <span v-if=\"entry.status !== null\" :class=\"['status-badge', statusClass]\">\n {{ entry.status }}\n </span>\n <span v-else class=\"status-badge status-badge--pending\">pending</span>\n\n <span class=\"timeline-detail__duration\">\n <Clock :size=\"14\" />\n {{ formattedDuration }}\n </span>\n\n <span v-if=\"entry.simulated\" class=\"timeline-detail__simulated\" title=\"Simulated response\">\n <Zap :size=\"14\" />\n Simulated\n </span>\n </div>\n\n <div class=\"timeline-detail__actions\">\n <button\n type=\"button\"\n class=\"btn btn--ghost btn--sm\"\n title=\"Copy as JSON\"\n @click=\"copyFullEntry\"\n >\n <component :is=\"copiedField === 'full' ? Check : Copy\" :size=\"14\" />\n {{ copiedField === 'full' ? 'Copied!' : 'Copy JSON' }}\n </button>\n </div>\n </div>\n\n <!-- Info section -->\n <div class=\"timeline-detail__info\">\n <div class=\"timeline-detail__info-item\">\n <span class=\"timeline-detail__info-label\">Timestamp</span>\n <span class=\"timeline-detail__info-value font-mono\">{{ formattedTimestamp }}</span>\n </div>\n <div class=\"timeline-detail__info-item\">\n <span class=\"timeline-detail__info-label\">Operation ID</span>\n <span class=\"timeline-detail__info-value font-mono\">{{ entry.request.operationId }}</span>\n </div>\n <div class=\"timeline-detail__info-item\">\n <span class=\"timeline-detail__info-label\">Request ID</span>\n <span class=\"timeline-detail__info-value font-mono\">{{ entry.id }}</span>\n </div>\n </div>\n\n <!-- Request section -->\n <div class=\"timeline-detail__section\">\n <h3 class=\"timeline-detail__section-title\">Request</h3>\n\n <!-- Query Parameters -->\n <div v-if=\"hasQueryParams\" class=\"timeline-detail__subsection\">\n <button\n type=\"button\"\n class=\"timeline-detail__subsection-header\"\n :aria-expanded=\"expandedSections.requestQuery\"\n aria-controls=\"requestQuery-panel\"\n @click=\"toggleSection('requestQuery')\"\n >\n <component\n :is=\"expandedSections.requestQuery ? ChevronDown : ChevronRight\"\n :size=\"16\"\n />\n <span>Query Parameters</span>\n <span class=\"text-muted\">({{ Object.keys(entry.request.query).length }})</span>\n </button>\n <div\n id=\"requestQuery-panel\"\n v-show=\"expandedSections.requestQuery\"\n class=\"timeline-detail__subsection-content\"\n >\n <div\n v-for=\"(value, key) in entry.request.query\"\n :key=\"key\"\n class=\"timeline-detail__kv-row\"\n >\n <span class=\"timeline-detail__kv-key font-mono\">{{ key }}</span>\n <span class=\"timeline-detail__kv-value font-mono\">\n {{ Array.isArray(value) ? value.join(', ') : value }}\n </span>\n </div>\n </div>\n </div>\n\n <!-- Request Headers -->\n <div v-if=\"hasRequestHeaders\" class=\"timeline-detail__subsection\">\n <button\n type=\"button\"\n class=\"timeline-detail__subsection-header\"\n :aria-expanded=\"expandedSections.requestHeaders\"\n aria-controls=\"requestHeaders-panel\"\n @click=\"toggleSection('requestHeaders')\"\n >\n <component\n :is=\"expandedSections.requestHeaders ? ChevronDown : ChevronRight\"\n :size=\"16\"\n />\n <span>Headers</span>\n <span class=\"text-muted\">({{ Object.keys(entry.request.headers).length }})</span>\n </button>\n <div\n id=\"requestHeaders-panel\"\n v-show=\"expandedSections.requestHeaders\"\n class=\"timeline-detail__subsection-content\"\n >\n <div\n v-for=\"(value, key) in entry.request.headers\"\n :key=\"key\"\n class=\"timeline-detail__kv-row\"\n >\n <span class=\"timeline-detail__kv-key font-mono\">{{ key }}</span>\n <span class=\"timeline-detail__kv-value font-mono\">{{ value }}</span>\n </div>\n </div>\n </div>\n\n <!-- Request Body -->\n <div v-if=\"hasRequestBody\" class=\"timeline-detail__subsection\">\n <div class=\"timeline-detail__subsection-header\" role=\"group\">\n <button\n type=\"button\"\n class=\"timeline-detail__subsection-toggle\"\n :aria-expanded=\"expandedSections.requestBody\"\n aria-controls=\"requestBody-panel\"\n @click=\"toggleSection('requestBody')\"\n >\n <component\n :is=\"expandedSections.requestBody ? ChevronDown : ChevronRight\"\n :size=\"16\"\n />\n <span>Body</span>\n </button>\n <button\n type=\"button\"\n class=\"btn btn--ghost btn--icon btn--sm\"\n title=\"Copy body\"\n @click.stop=\"copyToClipboard(formatJson(entry.request.body), 'reqBody')\"\n >\n <component :is=\"copiedField === 'reqBody' ? Check : Copy\" :size=\"12\" />\n </button>\n </div>\n <div\n id=\"requestBody-panel\"\n v-show=\"expandedSections.requestBody\"\n class=\"timeline-detail__subsection-content\"\n >\n <pre class=\"timeline-detail__json\">{{ formatJson(entry.request.body) }}</pre>\n </div>\n </div>\n </div>\n\n <!-- Response section -->\n <div v-if=\"entry.response\" class=\"timeline-detail__section\">\n <h3 class=\"timeline-detail__section-title\">Response</h3>\n\n <!-- Response Headers -->\n <div v-if=\"hasResponseHeaders\" class=\"timeline-detail__subsection\">\n <button\n type=\"button\"\n class=\"timeline-detail__subsection-header\"\n :aria-expanded=\"expandedSections.responseHeaders\"\n aria-controls=\"responseHeaders-panel\"\n @click=\"toggleSection('responseHeaders')\"\n >\n <component\n :is=\"expandedSections.responseHeaders ? ChevronDown : ChevronRight\"\n :size=\"16\"\n />\n <span>Headers</span>\n <span class=\"text-muted\">({{ Object.keys(entry.response.headers).length }})</span>\n </button>\n <div\n id=\"responseHeaders-panel\"\n v-show=\"expandedSections.responseHeaders\"\n class=\"timeline-detail__subsection-content\"\n >\n <div\n v-for=\"(value, key) in entry.response.headers\"\n :key=\"key\"\n class=\"timeline-detail__kv-row\"\n >\n <span class=\"timeline-detail__kv-key font-mono\">{{ key }}</span>\n <span class=\"timeline-detail__kv-value font-mono\">{{ value }}</span>\n </div>\n </div>\n </div>\n\n <!-- Response Body -->\n <div v-if=\"hasResponseBody\" class=\"timeline-detail__subsection\">\n <div class=\"timeline-detail__subsection-header\" role=\"group\">\n <button\n type=\"button\"\n class=\"timeline-detail__subsection-toggle\"\n :aria-expanded=\"expandedSections.responseBody\"\n aria-controls=\"responseBody-panel\"\n @click=\"toggleSection('responseBody')\"\n >\n <component\n :is=\"expandedSections.responseBody ? ChevronDown : ChevronRight\"\n :size=\"16\"\n />\n <span>Body</span>\n </button>\n <button\n type=\"button\"\n class=\"btn btn--ghost btn--icon btn--sm\"\n title=\"Copy body\"\n @click.stop=\"copyToClipboard(formatJson(entry.response.body), 'resBody')\"\n >\n <component :is=\"copiedField === 'resBody' ? Check : Copy\" :size=\"12\" />\n </button>\n </div>\n <div\n id=\"responseBody-panel\"\n v-show=\"expandedSections.responseBody\"\n class=\"timeline-detail__subsection-content\"\n >\n <pre class=\"timeline-detail__json\">{{ formatJson(entry.response.body) }}</pre>\n </div>\n </div>\n </div>\n\n <!-- Pending response state -->\n <div v-else class=\"timeline-detail__section timeline-detail__section--pending\">\n <h3 class=\"timeline-detail__section-title\">Response</h3>\n <div class=\"timeline-detail__pending\">\n <Clock :size=\"24\" class=\"timeline-detail__pending-icon\" />\n <span class=\"text-muted\">Waiting for response...</span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.timeline-detail {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n\n/* Empty state */\n.timeline-detail__empty {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: var(--devtools-space-xl);\n text-align: center;\n}\n\n.timeline-detail__empty-icon {\n color: var(--devtools-text-muted);\n opacity: 0.5;\n margin-bottom: var(--devtools-space-md);\n}\n\n.timeline-detail__empty-title {\n font-size: var(--font-size-3);\n font-weight: var(--font-weight-6);\n color: var(--devtools-text);\n margin: 0 0 var(--devtools-space-sm) 0;\n}\n\n.timeline-detail__empty-description {\n font-size: var(--font-size-1);\n color: var(--devtools-text-muted);\n margin: 0;\n}\n\n/* Content */\n.timeline-detail__content {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow-y: auto;\n}\n\n/* Header */\n.timeline-detail__header {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-sm);\n padding: var(--devtools-space-md);\n background-color: var(--devtools-surface);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.timeline-detail__summary {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n.timeline-detail__path {\n font-size: var(--font-size-2);\n font-weight: var(--font-weight-5);\n color: var(--devtools-text);\n word-break: break-all;\n}\n\n.timeline-detail__meta {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-md);\n}\n\n.timeline-detail__duration {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.timeline-detail__simulated {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n font-size: var(--font-size-0);\n color: var(--devtools-warning);\n}\n\n.timeline-detail__actions {\n display: flex;\n gap: var(--devtools-space-sm);\n}\n\n/* Info section */\n.timeline-detail__info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-md);\n background-color: var(--devtools-surface-elevated);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.timeline-detail__info-item {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-xs);\n}\n\n.timeline-detail__info-label {\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n color: var(--devtools-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.timeline-detail__info-value {\n font-size: var(--font-size-1);\n color: var(--devtools-text);\n}\n\n/* Section */\n.timeline-detail__section {\n padding: var(--devtools-space-md);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.timeline-detail__section:last-child {\n border-bottom: none;\n}\n\n.timeline-detail__section-title {\n font-size: var(--font-size-1);\n font-weight: var(--font-weight-6);\n color: var(--devtools-text);\n margin: 0 0 var(--devtools-space-md) 0;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n/* Subsection */\n.timeline-detail__subsection {\n margin-bottom: var(--devtools-space-sm);\n}\n\n.timeline-detail__subsection:last-child {\n margin-bottom: 0;\n}\n\n.timeline-detail__subsection-header {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n width: 100%;\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-sm);\n}\n\n.timeline-detail__subsection-toggle {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n flex: 1;\n padding: 0;\n background: none;\n border: none;\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-1);\n font-weight: var(--font-weight-5);\n color: var(--devtools-text);\n text-align: left;\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.timeline-detail__subsection-toggle:hover {\n color: var(--devtools-text-hover);\n}\n\n.timeline-detail__subsection-content {\n margin-top: var(--devtools-space-xs);\n padding: var(--devtools-space-sm);\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-sm);\n}\n\n/* Key-value rows */\n.timeline-detail__kv-row {\n display: grid;\n grid-template-columns: minmax(120px, auto) 1fr;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xs) 0;\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.timeline-detail__kv-row:last-child {\n border-bottom: none;\n}\n\n.timeline-detail__kv-key {\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n color: var(--devtools-text-muted);\n word-break: break-all;\n}\n\n.timeline-detail__kv-value {\n font-size: var(--font-size-0);\n color: var(--devtools-text);\n word-break: break-all;\n}\n\n/* JSON display */\n.timeline-detail__json {\n margin: 0;\n padding: var(--devtools-space-sm);\n background-color: var(--devtools-bg);\n border-radius: var(--devtools-radius-sm);\n font-family: var(--devtools-font-mono);\n font-size: var(--font-size-0);\n color: var(--devtools-text);\n white-space: pre-wrap;\n word-break: break-all;\n overflow-x: auto;\n}\n\n/* Status badges */\n.status-badge {\n display: inline-flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n padding: 2px var(--devtools-space-sm);\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n font-family: var(--devtools-font-mono);\n}\n\n.status-badge--pending {\n background-color: color-mix(in srgb, var(--devtools-text-muted) 15%, transparent);\n color: var(--devtools-text-muted);\n}\n\n.status-badge--1xx {\n background-color: color-mix(in srgb, var(--devtools-info) 15%, transparent);\n color: var(--devtools-info);\n}\n\n.status-badge--2xx {\n background-color: color-mix(in srgb, var(--devtools-success) 15%, transparent);\n color: var(--devtools-success);\n}\n\n.status-badge--3xx {\n background-color: color-mix(in srgb, var(--devtools-info) 15%, transparent);\n color: var(--devtools-info);\n}\n\n.status-badge--4xx {\n background-color: color-mix(in srgb, var(--devtools-warning) 15%, transparent);\n color: var(--devtools-warning);\n}\n\n.status-badge--5xx {\n background-color: color-mix(in srgb, var(--devtools-error) 15%, transparent);\n color: var(--devtools-error);\n}\n\n/* Pending response */\n.timeline-detail__pending {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--devtools-space-sm);\n padding: var(--devtools-space-lg);\n}\n\n.timeline-detail__pending-icon {\n color: var(--devtools-text-muted);\n animation: pulse 2s ease-in-out infinite;\n}\n\n@keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n}\n</style>\n","<!--\n TimelineEntry.vue - Timeline Entry Component\n\n What: Displays a single request/response entry in the timeline\n How: Shows method, path, status, duration with color-coded badges\n Why: Provides consistent visualization of API traffic in the timeline list\n-->\n\n<script setup lang=\"ts\">\nimport { AlertTriangle, CheckCircle, Clock, Zap } from 'lucide-vue-next';\nimport { computed } from 'vue';\n\nimport type { TimelineEntry } from '@/stores/timeline';\n\nimport { getMethodLabel } from '@/utils/format';\n\n/**\n * Component props\n */\ninterface Props {\n /** The timeline entry to display */\n entry: TimelineEntry;\n /** Whether this entry is currently selected */\n isSelected?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n isSelected: false,\n});\n\n/**\n * Component events\n */\nconst emit = defineEmits<{\n /** Emitted when the entry is clicked */\n (e: 'select', id: string): void;\n}>();\n\n/**\n * Format timestamp for display\n */\nconst formattedTime = computed(() => {\n const date = new Date(props.entry.request.timestamp);\n return date.toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit',\n fractionalSecondDigits: 3,\n });\n});\n\n/**\n * Format duration for display\n */\nconst formattedDuration = computed(() => {\n if (props.entry.duration === null) {\n return 'pending...';\n }\n if (props.entry.duration < 1000) {\n return `${props.entry.duration}ms`;\n }\n return `${(props.entry.duration / 1000).toFixed(2)}s`;\n});\n\n/**\n * Get status badge class based on status code\n */\nconst statusClass = computed(() => {\n if (props.entry.status === null) return 'status-badge--pending';\n if (props.entry.status < 200) return 'status-badge--1xx';\n if (props.entry.status < 300) return 'status-badge--2xx';\n if (props.entry.status < 400) return 'status-badge--3xx';\n if (props.entry.status < 500) return 'status-badge--4xx';\n return 'status-badge--5xx';\n});\n\n/**\n * Status icon component based on status code\n */\nconst statusIcon = computed(() => {\n if (props.entry.status === null) return Clock;\n if (props.entry.status < 400) return CheckCircle;\n return AlertTriangle;\n});\n\n/**\n * Whether the response is pending\n */\nconst isPending = computed(() => props.entry.response === null);\n\n/**\n * Handle entry click\n */\nfunction handleClick(): void {\n emit('select', props.entry.id);\n}\n</script>\n\n<template>\n <button\n type=\"button\"\n :class=\"[\n 'timeline-entry',\n { 'timeline-entry--selected': isSelected },\n { 'timeline-entry--pending': isPending },\n { 'timeline-entry--simulated': entry.simulated }\n ]\"\n @click=\"handleClick\"\n >\n <!-- Timestamp -->\n <div class=\"timeline-entry__time font-mono text-muted\">\n {{ formattedTime }}\n </div>\n\n <!-- Method badge -->\n <div class=\"timeline-entry__method\">\n <span :class=\"['method-badge', `method-badge--${entry.request.method.toLowerCase()}`]\">\n {{ getMethodLabel(entry.request.method) }}\n </span>\n </div>\n\n <!-- Path -->\n <div class=\"timeline-entry__path font-mono\">\n {{ entry.request.path }}\n </div>\n\n <!-- Status badge -->\n <div class=\"timeline-entry__status\">\n <span v-if=\"entry.status !== null\" :class=\"['status-badge', statusClass]\">\n <component :is=\"statusIcon\" :size=\"12\" />\n {{ entry.status }}\n </span>\n <span v-else class=\"status-badge status-badge--pending\">\n <Clock :size=\"12\" />\n pending\n </span>\n </div>\n\n <!-- Duration -->\n <div class=\"timeline-entry__duration font-mono text-muted\">\n {{ formattedDuration }}\n </div>\n\n <!-- Simulated indicator -->\n <div v-if=\"entry.simulated\" class=\"timeline-entry__simulated\" title=\"Simulated response\">\n <Zap :size=\"14\" />\n </div>\n </button>\n</template>\n\n<style scoped>\n.timeline-entry {\n display: grid;\n grid-template-columns: 100px 80px 1fr auto 80px auto;\n align-items: center;\n gap: var(--devtools-space-md);\n width: 100%;\n padding: var(--devtools-space-sm) var(--devtools-space-md);\n background: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-sm);\n font-family: var(--devtools-font-sans);\n text-align: left;\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.timeline-entry:hover {\n background-color: var(--devtools-surface-elevated);\n border-color: var(--devtools-border-hover);\n}\n\n.timeline-entry:focus {\n outline: none;\n}\n\n.timeline-entry:focus-visible {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n}\n\n.timeline-entry--selected {\n background-color: color-mix(in srgb, var(--devtools-primary) 10%, transparent);\n border-color: var(--devtools-primary);\n}\n\n.timeline-entry--selected:hover {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n}\n\n.timeline-entry--pending {\n opacity: 0.7;\n}\n\n.timeline-entry--simulated {\n border-left: 3px solid var(--devtools-warning);\n}\n\n/* Time column */\n.timeline-entry__time {\n font-size: var(--font-size-0);\n}\n\n/* Path column */\n.timeline-entry__path {\n font-size: var(--font-size-1);\n color: var(--devtools-text);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* Status column */\n.timeline-entry__status {\n display: flex;\n align-items: center;\n}\n\n.status-badge {\n display: inline-flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n padding: 2px var(--devtools-space-sm);\n border-radius: var(--devtools-radius-sm);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n font-family: var(--devtools-font-mono);\n}\n\n.status-badge--pending {\n background-color: color-mix(in srgb, var(--devtools-text-muted) 15%, transparent);\n color: var(--devtools-text-muted);\n}\n\n.status-badge--1xx {\n background-color: color-mix(in srgb, var(--devtools-info) 15%, transparent);\n color: var(--devtools-info);\n}\n\n.status-badge--2xx {\n background-color: color-mix(in srgb, var(--devtools-success) 15%, transparent);\n color: var(--devtools-success);\n}\n\n.status-badge--3xx {\n background-color: color-mix(in srgb, var(--devtools-info) 15%, transparent);\n color: var(--devtools-info);\n}\n\n.status-badge--4xx {\n background-color: color-mix(in srgb, var(--devtools-warning) 15%, transparent);\n color: var(--devtools-warning);\n}\n\n.status-badge--5xx {\n background-color: color-mix(in srgb, var(--devtools-error) 15%, transparent);\n color: var(--devtools-error);\n}\n\n/* Duration column */\n.timeline-entry__duration {\n font-size: var(--font-size-0);\n text-align: right;\n}\n\n/* Simulated indicator */\n.timeline-entry__simulated {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--devtools-warning);\n}\n</style>\n","<!--\n TimelinePage.vue - Request/Response Timeline Page\n\n What: Displays a real-time timeline of API requests and responses\n How: Subscribes to WebSocket events and displays request/response logs with filtering\n Why: Allows developers to monitor and debug API traffic in real-time\n-->\n\n<script setup lang=\"ts\">\nimport { ChevronDown, ChevronUp, Clock, Filter, Search, Trash2, X } from 'lucide-vue-next';\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue';\n\nimport TimelineDetail from '@/components/TimelineDetail.vue';\nimport TimelineEntryComponent from '@/components/TimelineEntry.vue';\nimport { useWebSocket } from '@/composables/useWebSocket';\nimport {\n type HttpMethod,\n type RequestLogEntry,\n type ResponseLogEntry,\n type TimelineData,\n useTimelineStore,\n} from '@/stores/timeline';\n\n// Store and WebSocket\nconst timelineStore = useTimelineStore();\nconst { send, on, connected } = useWebSocket();\n\n// Local UI state\nconst showFilters = ref(false);\nconst searchInputRef = ref<HTMLInputElement | null>(null);\n\n// HTTP methods for filter\nconst httpMethods: HttpMethod[] = [\n 'GET',\n 'POST',\n 'PUT',\n 'PATCH',\n 'DELETE',\n 'OPTIONS',\n 'HEAD',\n 'TRACE',\n];\n\n// Status categories for filter\nconst statusCategories = ['2xx', '3xx', '4xx', '5xx'] as const;\n\n/**\n * Fetch timeline data when connected\n */\nfunction fetchTimeline(): void {\n if (connected.value) {\n timelineStore.setLoading(true);\n send({ type: 'get:timeline' });\n }\n}\n\n/**\n * Handle timeline data from server\n */\nfunction handleTimelineData(data: TimelineData): void {\n timelineStore.setTimelineData(data);\n timelineStore.setLoading(false);\n}\n\n/**\n * Handle incoming request event\n */\nfunction handleRequest(data: RequestLogEntry): void {\n timelineStore.addRequest(data);\n}\n\n/**\n * Handle incoming response event\n */\nfunction handleResponse(data: ResponseLogEntry): void {\n timelineStore.addResponse(data);\n}\n\n/**\n * Handle timeline cleared event\n */\nfunction handleTimelineCleared(): void {\n timelineStore.clearTimeline();\n}\n\n/**\n * Clear timeline on server and locally\n */\nfunction clearTimeline(): void {\n send({ type: 'clear:timeline' });\n timelineStore.clearTimeline();\n}\n\n/**\n * Handle entry selection\n */\nfunction handleSelectEntry(id: string): void {\n timelineStore.selectEntry(id);\n}\n\n/**\n * Handle search input\n */\nfunction handleSearchInput(event: Event): void {\n const target = event.target as HTMLInputElement;\n timelineStore.setSearchQuery(target.value);\n}\n\n/**\n * Clear search\n */\nfunction clearSearch(): void {\n timelineStore.setSearchQuery('');\n searchInputRef.value?.focus();\n}\n\n/**\n * Toggle method filter\n */\nfunction toggleMethod(method: HttpMethod): void {\n timelineStore.toggleMethodFilter(method);\n}\n\n/**\n * Check if method is active in filter\n */\nfunction isMethodActive(method: HttpMethod): boolean {\n return timelineStore.filter.methods.includes(method);\n}\n\n/**\n * Toggle status filter\n */\nfunction toggleStatus(status: '1xx' | '2xx' | '3xx' | '4xx' | '5xx'): void {\n timelineStore.toggleStatusFilter(status);\n}\n\n/**\n * Check if status is active in filter\n */\nfunction isStatusActive(status: '1xx' | '2xx' | '3xx' | '4xx' | '5xx'): boolean {\n return timelineStore.filter.statusCodes.includes(status);\n}\n\n/**\n * Toggle simulated filter\n */\nfunction toggleSimulatedFilter(): void {\n const current = timelineStore.filter.simulatedOnly;\n timelineStore.setSimulatedFilter(current === true ? null : true);\n}\n\n/**\n * Clear all filters\n */\nfunction clearAllFilters(): void {\n timelineStore.clearFilters();\n}\n\n/**\n * Toggle filter panel visibility\n */\nfunction toggleFilters(): void {\n showFilters.value = !showFilters.value;\n}\n\n/**\n * Computed: Has active filters\n */\nconst hasActiveFilters = computed(() => timelineStore.hasActiveFilters());\n\n/**\n * Computed: Filter badge count\n */\nconst filterBadgeCount = computed(() => {\n return (\n timelineStore.filter.methods.length +\n timelineStore.filter.statusCodes.length +\n (timelineStore.filter.simulatedOnly !== null ? 1 : 0)\n );\n});\n\n// Event cleanup functions for WebSocket subscriptions\nlet unsubTimeline: (() => void) | null = null;\nlet unsubRequest: (() => void) | null = null;\nlet unsubResponse: (() => void) | null = null;\nlet unsubCleared: (() => void) | null = null;\n\n// Subscribe to timeline events and setup cleanup\nonMounted(() => {\n // Subscribe to WebSocket events\n unsubTimeline = on<TimelineData>('timeline', handleTimelineData);\n unsubRequest = on<RequestLogEntry>('request', handleRequest);\n unsubResponse = on<ResponseLogEntry>('response', handleResponse);\n unsubCleared = on('timeline:cleared', handleTimelineCleared);\n\n // Fetch timeline when already connected\n if (connected.value) {\n fetchTimeline();\n }\n});\n\n// Cleanup event subscriptions on unmount\nonUnmounted(() => {\n unsubTimeline?.();\n unsubRequest?.();\n unsubResponse?.();\n unsubCleared?.();\n});\n\n// Re-fetch when connection is established\nwatch(connected, (isConnected) => {\n if (isConnected) {\n fetchTimeline();\n }\n});\n</script>\n\n<template>\n <div class=\"timeline-page\">\n <!-- Toolbar -->\n <div class=\"timeline-toolbar\">\n <!-- Search -->\n <div class=\"timeline-search\">\n <Search :size=\"16\" class=\"timeline-search__icon\" />\n <input\n ref=\"searchInputRef\"\n type=\"text\"\n class=\"timeline-search__input input\"\n placeholder=\"Search by path or operation...\"\n :value=\"timelineStore.filter.searchQuery\"\n @input=\"handleSearchInput\"\n />\n <button\n v-if=\"timelineStore.filter.searchQuery\"\n type=\"button\"\n class=\"timeline-search__clear btn btn--ghost btn--icon\"\n title=\"Clear search\"\n @click=\"clearSearch\"\n >\n <X :size=\"14\" />\n </button>\n </div>\n\n <!-- Filter toggle -->\n <button\n type=\"button\"\n :class=\"[\n 'timeline-filter-toggle btn btn--secondary',\n { 'timeline-filter-toggle--active': hasActiveFilters }\n ]\"\n :aria-expanded=\"showFilters\"\n @click=\"toggleFilters\"\n >\n <Filter :size=\"16\" />\n <span>Filters</span>\n <span v-if=\"filterBadgeCount > 0\" class=\"timeline-filter-toggle__badge\">\n {{ filterBadgeCount }}\n </span>\n <component :is=\"showFilters ? ChevronUp : ChevronDown\" :size=\"14\" />\n </button>\n\n <!-- Stats -->\n <div class=\"timeline-stats\">\n <span class=\"timeline-stats__item\">\n {{ timelineStore.filteredEntries.length }} requests\n </span>\n <span v-if=\"timelineStore.averageDuration > 0\" class=\"timeline-stats__separator\">|</span>\n <span v-if=\"timelineStore.averageDuration > 0\" class=\"timeline-stats__item\">\n avg {{ timelineStore.averageDuration }}ms\n </span>\n </div>\n\n <!-- Clear button -->\n <button\n type=\"button\"\n class=\"btn btn--secondary btn--icon\"\n title=\"Clear timeline\"\n :disabled=\"timelineStore.entries.length === 0\"\n @click=\"clearTimeline\"\n >\n <Trash2 :size=\"16\" />\n </button>\n </div>\n\n <!-- Filter panel -->\n <div v-if=\"showFilters\" class=\"timeline-filters\">\n <!-- Method filters -->\n <div class=\"timeline-filters__section\">\n <h4 class=\"timeline-filters__title\">Methods</h4>\n <div class=\"timeline-filters__methods\">\n <button\n v-for=\"method in httpMethods\"\n :key=\"method\"\n type=\"button\"\n :class=\"[\n 'method-badge',\n `method-badge--${method.toLowerCase()}`,\n { 'method-badge--inactive': !isMethodActive(method) && timelineStore.filter.methods.length > 0 }\n ]\"\n @click=\"toggleMethod(method)\"\n >\n {{ method }}\n </button>\n </div>\n </div>\n\n <!-- Status filters -->\n <div class=\"timeline-filters__section\">\n <h4 class=\"timeline-filters__title\">Status</h4>\n <div class=\"timeline-filters__status\">\n <button\n v-for=\"status in statusCategories\"\n :key=\"status\"\n type=\"button\"\n :class=\"[\n 'timeline-filters__status-btn',\n `timeline-filters__status-btn--${status}`,\n { 'timeline-filters__status-btn--active': isStatusActive(status) }\n ]\"\n @click=\"toggleStatus(status)\"\n >\n {{ status }}\n <span class=\"timeline-filters__status-count\">\n ({{ timelineStore.statusCounts[status] }})\n </span>\n </button>\n </div>\n </div>\n\n <!-- Simulated filter -->\n <div class=\"timeline-filters__section\">\n <h4 class=\"timeline-filters__title\">Type</h4>\n <div class=\"timeline-filters__type\">\n <button\n type=\"button\"\n :class=\"[\n 'timeline-filters__status-btn',\n { 'timeline-filters__status-btn--active': timelineStore.filter.simulatedOnly }\n ]\"\n @click=\"toggleSimulatedFilter\"\n >\n Simulated only\n </button>\n </div>\n </div>\n\n <!-- Clear filters -->\n <div v-if=\"hasActiveFilters\" class=\"timeline-filters__actions\">\n <button\n type=\"button\"\n class=\"btn btn--ghost\"\n @click=\"clearAllFilters\"\n >\n <X :size=\"14\" />\n Clear all filters\n </button>\n </div>\n </div>\n\n <!-- Main content -->\n <div class=\"timeline-content\">\n <!-- Loading state -->\n <div v-if=\"timelineStore.isLoading\" class=\"timeline-loading\">\n <div class=\"timeline-loading__spinner\" />\n <span class=\"text-muted\">Loading timeline...</span>\n </div>\n\n <!-- Error state -->\n <div v-else-if=\"timelineStore.error\" class=\"timeline-error\">\n <p class=\"timeline-error__message\">{{ timelineStore.error }}</p>\n <button type=\"button\" class=\"btn btn--primary\" @click=\"fetchTimeline\">\n Retry\n </button>\n </div>\n\n <!-- Empty state -->\n <div v-else-if=\"timelineStore.entries.length === 0\" class=\"timeline-empty empty-state\">\n <Clock :size=\"48\" class=\"empty-state__icon\" />\n <h3 class=\"empty-state__title\">No requests yet</h3>\n <p class=\"empty-state__description\">\n API requests will appear here in real-time as they are made.\n </p>\n </div>\n\n <!-- No results state -->\n <div v-else-if=\"timelineStore.filteredEntries.length === 0\" class=\"timeline-empty empty-state\">\n <Search :size=\"48\" class=\"empty-state__icon\" />\n <h3 class=\"empty-state__title\">No matching requests</h3>\n <p class=\"empty-state__description\">\n Try adjusting your search or filters.\n </p>\n <button\n v-if=\"hasActiveFilters\"\n type=\"button\"\n class=\"btn btn--secondary\"\n @click=\"clearAllFilters\"\n >\n Clear filters\n </button>\n </div>\n\n <!-- Split panel layout -->\n <template v-else>\n <!-- Timeline list panel -->\n <div class=\"timeline-list-panel\">\n <div class=\"timeline-list\">\n <TimelineEntryComponent\n v-for=\"entry in timelineStore.filteredEntries\"\n :key=\"entry.id\"\n :entry=\"entry\"\n :is-selected=\"timelineStore.selectedEntryId === entry.id\"\n @select=\"handleSelectEntry\"\n />\n </div>\n </div>\n\n <!-- Timeline detail panel -->\n <div class=\"timeline-detail-panel\">\n <TimelineDetail :entry=\"timelineStore.selectedEntry\" />\n </div>\n </template>\n </div>\n </div>\n</template>\n\n<style scoped>\n.timeline-page {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n}\n\n/* Toolbar */\n.timeline-toolbar {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-md);\n background-color: var(--devtools-surface);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.timeline-search {\n position: relative;\n flex: 1;\n max-width: 400px;\n}\n\n.timeline-search__icon {\n position: absolute;\n left: var(--devtools-space-sm);\n top: 50%;\n transform: translateY(-50%);\n color: var(--devtools-text-muted);\n pointer-events: none;\n}\n\n.timeline-search__input {\n padding-left: calc(var(--devtools-space-sm) + 24px);\n padding-right: calc(var(--devtools-space-sm) + 24px);\n}\n\n.timeline-search__clear {\n position: absolute;\n right: var(--devtools-space-xs);\n top: 50%;\n transform: translateY(-50%);\n padding: var(--devtools-space-xs);\n}\n\n.timeline-filter-toggle {\n flex-shrink: 0;\n}\n\n.timeline-filter-toggle--active {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n border-color: var(--devtools-primary);\n color: var(--devtools-primary);\n}\n\n.timeline-filter-toggle__badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 var(--devtools-space-xs);\n background-color: var(--devtools-primary);\n color: var(--devtools-text-inverted);\n border-radius: 9px;\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-6);\n}\n\n.timeline-stats {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n margin-left: auto;\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.timeline-stats__separator {\n opacity: 0.5;\n}\n\n/* Filter panel */\n.timeline-filters {\n display: flex;\n flex-wrap: wrap;\n align-items: flex-start;\n gap: var(--devtools-space-lg);\n padding: var(--devtools-space-md);\n background-color: var(--devtools-surface-elevated);\n border-bottom: 1px solid var(--devtools-border);\n}\n\n.timeline-filters__section {\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-sm);\n}\n\n.timeline-filters__title {\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-6);\n color: var(--devtools-text-muted);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin: 0;\n}\n\n.timeline-filters__methods {\n display: flex;\n flex-wrap: wrap;\n gap: var(--devtools-space-xs);\n}\n\n.timeline-filters__methods .method-badge {\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.timeline-filters__methods .method-badge--inactive {\n opacity: 0.4;\n}\n\n.timeline-filters__status {\n display: flex;\n gap: var(--devtools-space-sm);\n}\n\n.timeline-filters__type {\n display: flex;\n gap: var(--devtools-space-sm);\n}\n\n.timeline-filters__status-btn {\n display: inline-flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n padding: var(--devtools-space-xs) var(--devtools-space-sm);\n background-color: var(--devtools-surface);\n border: 1px solid var(--devtools-border);\n border-radius: var(--devtools-radius-sm);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.timeline-filters__status-btn:hover {\n background-color: var(--devtools-surface-elevated);\n color: var(--devtools-text);\n}\n\n.timeline-filters__status-btn--active {\n background-color: color-mix(in srgb, var(--devtools-primary) 15%, transparent);\n border-color: var(--devtools-primary);\n color: var(--devtools-primary);\n}\n\n.timeline-filters__status-btn--2xx.timeline-filters__status-btn--active {\n background-color: color-mix(in srgb, var(--devtools-success) 15%, transparent);\n border-color: var(--devtools-success);\n color: var(--devtools-success);\n}\n\n.timeline-filters__status-btn--3xx.timeline-filters__status-btn--active {\n background-color: color-mix(in srgb, var(--devtools-info) 15%, transparent);\n border-color: var(--devtools-info);\n color: var(--devtools-info);\n}\n\n.timeline-filters__status-btn--4xx.timeline-filters__status-btn--active {\n background-color: color-mix(in srgb, var(--devtools-warning) 15%, transparent);\n border-color: var(--devtools-warning);\n color: var(--devtools-warning);\n}\n\n.timeline-filters__status-btn--5xx.timeline-filters__status-btn--active {\n background-color: color-mix(in srgb, var(--devtools-error) 15%, transparent);\n border-color: var(--devtools-error);\n color: var(--devtools-error);\n}\n\n.timeline-filters__status-count {\n font-size: var(--font-size-00);\n opacity: 0.7;\n}\n\n.timeline-filters__actions {\n display: flex;\n align-items: flex-end;\n margin-left: auto;\n}\n\n/* Main content */\n.timeline-content {\n flex: 1;\n display: flex;\n overflow: hidden;\n}\n\n/* Loading state */\n.timeline-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: var(--devtools-space-md);\n}\n\n.timeline-loading__spinner {\n width: 32px;\n height: 32px;\n border: 3px solid var(--devtools-border);\n border-top-color: var(--devtools-primary);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Error state */\n.timeline-error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 100%;\n gap: var(--devtools-space-md);\n padding: var(--devtools-space-xl);\n}\n\n.timeline-error__message {\n color: var(--devtools-error);\n margin: 0;\n}\n\n/* Empty state */\n.timeline-empty {\n width: 100%;\n}\n\n/* Split panels */\n.timeline-list-panel {\n width: 50%;\n min-width: 300px;\n max-width: 600px;\n border-right: 1px solid var(--devtools-border);\n background-color: var(--devtools-bg);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.timeline-list {\n flex: 1;\n overflow-y: auto;\n padding: var(--devtools-space-sm);\n display: flex;\n flex-direction: column;\n gap: var(--devtools-space-xs);\n}\n\n.timeline-detail-panel {\n flex: 1;\n overflow: hidden;\n background-color: var(--devtools-bg);\n}\n</style>\n"],"names":["CircleCheckBig","createLucideIcon","Copy","useTimelineStore","defineStore","entries","ref","isLoading","error","filter","selectedEntryId","maxEntries","responseBuffer","getStatusCategory","status","filteredEntries","computed","result","query","entry","category","selectedEntry","e","totalCount","completedCount","pendingCount","statusCounts","counts","averageDuration","completedEntries","totalDuration","sum","addRequest","request","bufferedResponse","mergeResponse","addResponse","response","stubEntry","createStubEntry","stubRequest","processBufferedResponses","requestMap","requestId","processIncomingResponses","incomingResponses","createStubsForOrphanedResponses","setTimelineData","data","item","sorted","a","b","clearTimeline","setLoading","loading","setError","errorMessage","clearError","setSearchQuery","toggleMethodFilter","method","index","toggleStatusFilter","setSimulatedFilter","simulated","clearFilters","hasActiveFilters","selectEntry","id","setMaxEntries","limit","clamped","props","__props","expandedSections","copiedField","formattedTimestamp","formattedDuration","statusClass","hasQueryParams","hasRequestHeaders","hasRequestBody","hasResponseHeaders","hasResponseBody","formatJson","value","toggleSection","section","copyToClipboard","text","fieldId","err","copyFullEntry","_openBlock","_createElementBlock","_hoisted_1","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_toDisplayString","_unref","getMethodLabel","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_createVNode","Clock","_createTextVNode","_hoisted_10","Zap","_hoisted_11","_createBlock","_resolveDynamicComponent","Check","_hoisted_12","_hoisted_13","_cache","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","ChevronDown","ChevronRight","_hoisted_22","_withDirectives","_hoisted_23","_Fragment","_renderList","key","_hoisted_24","_hoisted_25","_vShow","_hoisted_26","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_withModifiers","$event","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_47","_hoisted_48","_hoisted_49","_hoisted_50","_hoisted_2","emit","__emit","formattedTime","statusIcon","CheckCircle","AlertTriangle","isPending","handleClick","_normalizeClass","timelineStore","send","on","connected","useWebSocket","showFilters","searchInputRef","httpMethods","statusCategories","fetchTimeline","handleTimelineData","handleRequest","handleResponse","handleTimelineCleared","handleSelectEntry","handleSearchInput","event","target","clearSearch","toggleMethod","isMethodActive","toggleStatus","isStatusActive","toggleSimulatedFilter","current","clearAllFilters","toggleFilters","filterBadgeCount","unsubTimeline","unsubRequest","unsubResponse","unsubCleared","onMounted","onUnmounted","watch","isConnected","Search","X","Filter","ChevronUp","Trash2","_hoisted_21","_hoisted_27","TimelineEntryComponent","TimelineDetail"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"check-B_DaLrgB.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/check.js"],"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 Check = createLucideIcon(\"check\", [[\"path\", { d: \"M20 6 9 17l-5-5\", key: \"1gmf2c\" }]]);\n\nexport { Check as default };\n//# sourceMappingURL=check.js.map\n"],"names":["Check","createLucideIcon"],"mappings":"mCASK,MAACA,EAAQC,EAAiB,QAAS,CAAC,CAAC,OAAQ,CAAE,EAAG,kBAAmB,IAAK,QAAQ,CAAE,CAAC,CAAC","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{c as e}from"./index-Dff2RvrN.js";const t=e("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]);const c=e("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);const o=e("chevron-up",[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]]);const r=e("funnel",[["path",{d:"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",key:"sc7q7i"}]]);const h=e("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]);function s(n){return n.toUpperCase()}export{t as C,r as F,h as S,c as a,o as b,s as g};
|
|
2
|
+
//# sourceMappingURL=format-r8dlo_ab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format-r8dlo_ab.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/chevron-down.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/chevron-right.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/chevron-up.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/funnel.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/search.js","../../../src/utils/format.ts"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronDown = createLucideIcon(\"chevron-down\", [\n [\"path\", { d: \"m6 9 6 6 6-6\", key: \"qrunsl\" }]\n]);\n\nexport { ChevronDown as default };\n//# sourceMappingURL=chevron-down.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 ChevronRight = createLucideIcon(\"chevron-right\", [\n [\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]\n]);\n\nexport { ChevronRight as default };\n//# sourceMappingURL=chevron-right.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 ChevronUp = createLucideIcon(\"chevron-up\", [\n [\"path\", { d: \"m18 15-6-6-6 6\", key: \"153udz\" }]\n]);\n\nexport { ChevronUp as default };\n//# sourceMappingURL=chevron-up.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 Funnel = createLucideIcon(\"funnel\", [\n [\n \"path\",\n {\n d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n key: \"sc7q7i\"\n }\n ]\n]);\n\nexport { Funnel as default };\n//# sourceMappingURL=funnel.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 Search = createLucideIcon(\"search\", [\n [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n]);\n\nexport { Search as default };\n//# sourceMappingURL=search.js.map\n","/**\n * Format Utilities\n *\n * What: Shared formatting functions for display purposes\n * How: Provides consistent formatting across components\n * Why: Centralizes common formatting logic to avoid duplication (DRY)\n *\n * @module utils/format\n */\n\n/**\n * Get display label for HTTP method\n *\n * Converts an HTTP method to its uppercase display format.\n *\n * @param method - The HTTP method string (e.g., 'get', 'post')\n * @returns The uppercase method label (e.g., 'GET', 'POST')\n *\n * @example\n * getMethodLabel('get') // Returns 'GET'\n * getMethodLabel('post') // Returns 'POST'\n */\nexport function getMethodLabel(method: string): string {\n return method.toUpperCase();\n}\n"],"names":["ChevronDown","createLucideIcon","ChevronRight","ChevronUp","Funnel","Search","getMethodLabel","method"],"mappings":"wCASK,MAACA,EAAcC,EAAiB,eAAgB,CACnD,CAAC,OAAQ,CAAE,EAAG,eAAgB,IAAK,QAAQ,CAAE,CAC/C,CAAC,ECFI,MAACC,EAAeD,EAAiB,gBAAiB,CACrD,CAAC,OAAQ,CAAE,EAAG,gBAAiB,IAAK,QAAQ,CAAE,CAChD,CAAC,ECFI,MAACE,EAAYF,EAAiB,aAAc,CAC/C,CAAC,OAAQ,CAAE,EAAG,iBAAkB,IAAK,QAAQ,CAAE,CACjD,CAAC,ECFI,MAACG,EAASH,EAAiB,SAAU,CACxC,CACE,OACA,CACE,EAAG,qJACH,IAAK,QACX,CACA,CACA,CAAC,ECRI,MAACI,EAASJ,EAAiB,SAAU,CACxC,CAAC,OAAQ,CAAE,EAAG,mBAAoB,IAAK,QAAQ,CAAE,EACjD,CAAC,SAAU,CAAE,GAAI,KAAM,GAAI,KAAM,EAAG,IAAK,IAAK,QAAQ,CAAE,CAC1D,CAAC,ECUM,SAASK,EAAeC,EAAwB,CACrD,OAAOA,EAAO,YAAA,CAChB","x_google_ignoreList":[0,1,2,3,4]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.app[data-v-3e2d3900]{display:flex;flex-direction:column;min-height:100vh;background-color:var(--devtools-bg)}.app-header[data-v-3e2d3900]{display:flex;align-items:center;justify-content:space-between;height:var(--devtools-header-height);padding:0 var(--devtools-space-md);background-color:var(--devtools-surface);border-bottom:1px solid var(--devtools-border);position:sticky;top:0;z-index:100}.app-header__brand[data-v-3e2d3900]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.app-header__logo[data-v-3e2d3900]{color:var(--devtools-primary)}.app-header__title[data-v-3e2d3900]{font-weight:var(--font-weight-6);font-size:var(--font-size-1);color:var(--devtools-text)}.app-header__status[data-v-3e2d3900]{display:flex;align-items:center}.app-nav[data-v-3e2d3900]{display:flex;align-items:center;gap:var(--devtools-space-xs);height:100%}.app-nav__tab[data-v-3e2d3900]{display:flex;align-items:center;gap:var(--devtools-space-xs);height:100%;padding:0 var(--devtools-space-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--devtools-text-muted);font-family:var(--devtools-font-sans);font-size:var(--font-size-0);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--devtools-transition-fast)}.app-nav__tab[data-v-3e2d3900]:hover{color:var(--devtools-text);background-color:var(--devtools-surface-elevated)}.app-nav__tab[data-v-3e2d3900]:focus{outline:none}.app-nav__tab[data-v-3e2d3900]:focus-visible{outline:2px solid var(--devtools-primary);outline-offset:-2px;background-color:var(--devtools-surface-elevated)}@media(forced-colors:active){.app-nav__tab[data-v-3e2d3900]:focus-visible{outline:3px solid CanvasText;outline-offset:2px}}.app-nav__tab--active[data-v-3e2d3900]{color:var(--devtools-primary);border-bottom-color:var(--devtools-primary)}.app-nav__tab--active[data-v-3e2d3900]:focus-visible{outline-color:var(--devtools-primary-hover)}.app-nav__icon[data-v-3e2d3900]{flex-shrink:0}.app-nav__label[data-v-3e2d3900]{white-space:nowrap}.connection-status[data-v-3e2d3900]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.connection-status__icon[data-v-3e2d3900]{opacity:.7}.app-main[data-v-3e2d3900]{flex:1;display:flex;flex-direction:column;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity var(--devtools-transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}:where(html){--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-1:linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right,#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--gradient-7:linear-gradient(to bottom right,#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--gradient-18:linear-gradient(0deg,rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg,rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg,rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg,rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg,rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg,rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right,#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left,#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-6))}@media(prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media(prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media(prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}:where(:root){color-scheme:light;--palette-hue:270;--palette-hue-rotate-by:-5;--palette-chroma:.1;--link:oklch(50% 100% var(--palette-hue));--link-visited:oklch(50% 100% calc(var(--palette-hue)*1.2));--surface-1:white;--surface-2:var(--color-1);--surface-3:var(--color-3);--surface-document:var(--color-4);--well-1:var(--color-5);--well-2:var(--color-6);--text-1:var(--color-16);--text-2:var(--color-12);--scrollthumb-color:var(--text-2)}:where(:root) :where(dialog){background-color:var(--surface-1)}:where(:root) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(:root) :where(button,.btn) :where([type=reset]){--_text:var(--red-6,#fa5252);--_border:var(--red-3,#ffa8a8)}:where(:root) :where(button,.btn,input:is([type=button],[type=submit],[type=reset]))[disabled]{box-shadow:none}:where(:root) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media(prefers-color-scheme:dark){:where(:root){color-scheme:dark;--link:oklch(90% 80% var(--palette-hue));--link-visited:oklch(90% 80% calc(var(--palette-hue)*1.2));--surface-1:var(--color-11);--surface-2:var(--color-12);--surface-3:var(--color-13);--surface-document:var(--color-14);--well-1:var(--color-15);--well-2:var(--color-16);--text-1:var(--color-1);--text-2:var(--color-5);--scrollthumb-color:var(--text-2)}}:where(:root){scrollbar-color:var(--scrollthumb-color)transparent;accent-color:var(--brand,var(--link));caret-color:var(--brand,var(--link));color:var(--text-1);background-color:var(--surface-document)}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:before,:after{box-sizing:border-box}:where(:root){--transition-focus:outline-offset .145s var(--ease-2)}@supports (transition-timing-function:linear(0,1)){:where(:root){--transition-focus:outline-offset .145s var(--ease-spring-3)}}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}:where(html){font-family:var(--font-sans);-webkit-text-size-adjust:none;block-size:100%;line-height:1.5}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media(prefers-reduced-motion:no-preference){:where(:focus-visible){transition:var(--transition-focus)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){line-height:1.25;font-weight:var(--font-weight-9);text-wrap:balance}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports ((-moz-appearance:none)){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"])){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(a):where([href]){-webkit-text-decoration-color:var(--link);text-decoration-color:var(--link)}:where(a):where([href]):where(:visited){-webkit-text-decoration-color:var(--link-visited);text-decoration-color:var(--link-visited)}:where(a):where(:not(:hover)){-webkit-text-decoration:inherit;text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select){font:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}:where(input[type=file])::-webkit-file-upload-button{font:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}::placeholder{color:var(--color-8);opacity:.75}:where(input:not([type=range]),textarea){padding-inline:var(--size-2);padding-block:var(--size-1)}:where(select){padding-inline:var(--size-4)0;padding-block:var(--size-2);field-sizing:content}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--well-1);border-radius:var(--radius-2)}:where(textarea){resize:block;field-sizing:content;min-block-size:3rlh;min-inline-size:var(--size-content-1);max-inline-size:var(--size-content-2);min-block-size:3lh;max-block-size:80svh}:where(input[type=checkbox],input[type=radio]){background-color:var(--well-1);block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){white-space:pre;writing-mode:lr;direction:ltr;min-inline-size:0;max-inline-size:max-content}:where(:not(pre)>code){padding:var(--size-1)var(--size-2);background:var(--surface-2);border-radius:var(--radius-2);writing-mode:lr}:where(kbd,var){padding:var(--size-1)var(--size-2);border-width:var(--border-size-1);border-color:var(--surface-4);border-radius:var(--radius-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3);text-wrap:pretty}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){margin-block:var(--size-fluid-5);height:var(--border-size-2);background-color:var(--surface-3)}:where(figure){gap:var(--size-2);place-items:center;display:grid}:where(figure)>:where(figcaption){font-size:var(--font-size-1);text-wrap:balance}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){gap:var(--size-3);padding-block:var(--size-3);padding-inline:var(--size-4);max-inline-size:var(--size-content-2);display:grid}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);padding:var(--size-2)var(--size-3);margin:calc(var(--size-2)*-1)calc(var(--size-3)*-1);border-radius:var(--radius-2)}:where(details){padding-inline:var(--size-3);padding-block:var(--size-2);background:var(--surface-2);border-radius:var(--radius-2)}:where(details[open]>summary){margin-bottom:var(--size-2);border-end-end-radius:0;border-end-start-radius:0}:where(fieldset){border-radius:var(--radius-2);border:var(--border-size-1)solid var(--surface-4)}:where(del){background:var(--red-9,#c92a2a);color:var(--red-2,#ffc9c9)}:where(ins){background:var(--green-9,#2b8a3e);color:var(--green-1,#d3f9d8)}:where(abbr){-webkit-text-decoration-color:var(--blue-5,#339af0);text-decoration-color:var(--blue-5,#339af0)}:where(dialog){background-color:var(--surface-1);color:inherit;border-radius:var(--radius-3);box-shadow:var(--shadow-6)}:where(dialog)::backdrop{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}:where(html:has(dialog[open])){overflow:hidden}:where(menu){gap:var(--size-3);padding-inline-start:0;display:flex}:where(sup){font-size:.5em}:where(table){border:1px solid var(--surface-2);background:var(--surface-2);border-radius:var(--radius-3);--nice-inner-radius:calc(var(--radius-3) - 2px);width:-moz-fit-content;width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-bottom-left-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-bottom-right-radius:var(--nice-inner-radius)}:where(table thead th:first-child){border-top-left-radius:var(--nice-inner-radius)}:where(table thead th:last-child){border-top-right-radius:var(--nice-inner-radius)}:where(tfoot th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){color:var(--text-1);background-color:var(--surface-2)}:where(table :is(a,button,[contenteditable]):focus-visible){outline-offset:-2px}:where(td){background:var(--surface-1);max-inline-size:var(--size-content-2);text-wrap:pretty}:where(td,th){text-align:left;padding:var(--size-2)}:where(:is(td,th):not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--color-10)}@media(prefers-color-scheme:light){:is(:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td)){background-color:#fff}}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media(prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}:where(html){--shadow-strength:10%;--shadow-color:220 40% 2%}::placeholder{color:var(--color-6)}}:root{--devtools-primary: var(--blue-6);--devtools-primary-hover: var(--blue-7);--devtools-primary-active: var(--blue-8);--devtools-success: var(--green-6);--devtools-warning: var(--yellow-6);--devtools-error: var(--red-6);--devtools-info: var(--cyan-6);--devtools-bg: var(--gray-0);--devtools-surface: var(--gray-1);--devtools-surface-elevated: var(--gray-2);--devtools-border: var(--gray-4);--devtools-text: var(--gray-9);--devtools-text-muted: var(--gray-6);--devtools-text-inverted: var(--gray-0);--method-get: var(--green-6);--method-post: var(--blue-6);--method-put: var(--orange-6);--method-patch: var(--yellow-6);--method-delete: var(--red-6);--method-options: var(--gray-6);--method-head: var(--cyan-6);--status-1xx: var(--gray-6);--status-2xx: var(--green-6);--status-3xx: var(--blue-6);--status-4xx: var(--orange-6);--status-5xx: var(--red-6);--devtools-space-xs: var(--size-1);--devtools-space-sm: var(--size-2);--devtools-space-md: var(--size-3);--devtools-space-lg: var(--size-4);--devtools-space-xl: var(--size-5);--devtools-font-mono: var(--font-mono);--devtools-font-sans: var(--font-sans);--devtools-radius-sm: var(--radius-2);--devtools-radius-md: var(--radius-3);--devtools-radius-lg: var(--radius-4);--devtools-shadow-sm: var(--shadow-2);--devtools-shadow-md: var(--shadow-3);--devtools-shadow-lg: var(--shadow-4);--devtools-transition-fast: .15s var(--ease-3);--devtools-transition-normal: .2s var(--ease-3);--devtools-transition-slow: .3s var(--ease-3);--devtools-header-height: 48px;--devtools-sidebar-width: 280px}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){--devtools-bg: var(--gray-9);--devtools-surface: var(--gray-8);--devtools-surface-elevated: var(--gray-7);--devtools-border: var(--gray-6);--devtools-text: var(--gray-1);--devtools-text-muted: var(--gray-4);--devtools-text-inverted: var(--gray-9)}}.light{--devtools-bg: var(--gray-0);--devtools-surface: var(--gray-1);--devtools-surface-elevated: var(--gray-2);--devtools-border: var(--gray-4);--devtools-text: var(--gray-9);--devtools-text-muted: var(--gray-6);--devtools-text-inverted: var(--gray-0)}.dark{--devtools-bg: var(--gray-9);--devtools-surface: var(--gray-8);--devtools-surface-elevated: var(--gray-7);--devtools-border: var(--gray-6);--devtools-text: var(--gray-1);--devtools-text-muted: var(--gray-4);--devtools-text-inverted: var(--gray-9)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--devtools-font-sans);background-color:var(--devtools-bg);color:var(--devtools-text)}#app{min-height:100vh;display:flex;flex-direction:column}.font-mono{font-family:var(--devtools-font-mono)}.text-muted{color:var(--devtools-text-muted)}.method-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--devtools-space-xs) var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-mono);font-size:var(--font-size-0);font-weight:var(--font-weight-6);text-transform:uppercase;min-width:60px}.method-badge--get{background-color:color-mix(in srgb,var(--method-get) 15%,transparent);color:var(--method-get)}.method-badge--post{background-color:color-mix(in srgb,var(--method-post) 15%,transparent);color:var(--method-post)}.method-badge--put{background-color:color-mix(in srgb,var(--method-put) 15%,transparent);color:var(--method-put)}.method-badge--patch{background-color:color-mix(in srgb,var(--method-patch) 15%,transparent);color:var(--method-patch)}.method-badge--delete{background-color:color-mix(in srgb,var(--method-delete) 15%,transparent);color:var(--method-delete)}.method-badge--options{background-color:color-mix(in srgb,var(--method-options) 15%,transparent);color:var(--method-options)}.method-badge--head{background-color:color-mix(in srgb,var(--method-head) 15%,transparent);color:var(--method-head)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--devtools-space-xs) var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-mono);font-size:var(--font-size-0);font-weight:var(--font-weight-5);min-width:40px}.status-badge--1xx{background-color:color-mix(in srgb,var(--status-1xx) 15%,transparent);color:var(--status-1xx)}.status-badge--2xx{background-color:color-mix(in srgb,var(--status-2xx) 15%,transparent);color:var(--status-2xx)}.status-badge--3xx{background-color:color-mix(in srgb,var(--status-3xx) 15%,transparent);color:var(--status-3xx)}.status-badge--4xx{background-color:color-mix(in srgb,var(--status-4xx) 15%,transparent);color:var(--status-4xx)}.status-badge--5xx{background-color:color-mix(in srgb,var(--status-5xx) 15%,transparent);color:var(--status-5xx)}.connection-status{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0)}.connection-status__dot{width:8px;height:8px;border-radius:50%}.connection-status__dot--connected{background-color:var(--devtools-success);box-shadow:0 0 6px var(--devtools-success)}.connection-status__dot--disconnected{background-color:var(--devtools-error)}.connection-status__dot--connecting{background-color:var(--devtools-warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card{background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-md);padding:var(--devtools-space-md)}.card--elevated{background-color:var(--devtools-surface-elevated);box-shadow:var(--devtools-shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-sm) var(--devtools-space-md);border:none;border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-1);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--devtools-transition-fast)}.btn--primary{background-color:var(--devtools-primary);color:var(--devtools-text-inverted)}.btn--primary:hover{background-color:var(--devtools-primary-hover)}.btn--primary:active{background-color:var(--devtools-primary-active)}.btn--secondary{background-color:var(--devtools-surface-elevated);color:var(--devtools-text);border:1px solid var(--devtools-border)}.btn--secondary:hover{background-color:var(--devtools-border)}.btn--ghost{background-color:transparent;color:var(--devtools-text)}.btn--ghost:hover{background-color:var(--devtools-surface)}.btn--icon{padding:var(--devtools-space-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{display:block;width:100%;padding:var(--devtools-space-sm) var(--devtools-space-md);background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-1);color:var(--devtools-text);transition:border-color var(--devtools-transition-fast)}.input:focus{outline:2px solid transparent;outline-color:var(--devtools-primary);border-color:var(--devtools-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--devtools-primary) 25%,transparent)}.input::placeholder{color:var(--devtools-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--devtools-surface)}::-webkit-scrollbar-thumb{background:var(--devtools-border);border-radius:var(--devtools-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--devtools-text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--devtools-space-xs)}.gap-sm{gap:var(--devtools-space-sm)}.gap-md{gap:var(--devtools-space-md)}.gap-lg{gap:var(--devtools-space-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--devtools-space-xl);color:var(--devtools-text-muted);text-align:center}.empty-state__icon{width:48px;height:48px;margin-bottom:var(--devtools-space-md);opacity:.5}.empty-state__title{font-size:var(--font-size-3);font-weight:var(--font-weight-5);margin:0 0 var(--devtools-space-sm)}.empty-state__description{font-size:var(--font-size-1);margin:0}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RoutesPage-DVkEOssu.js","assets/format-r8dlo_ab.js","assets/vue-vendor-Bkktf9yg.js","assets/registry-DjJcdO1T.js","assets/x-B6bG8oob.js","assets/RoutesPage-BVXzvJ2S.css","assets/TimelinePage-C_LK2wKS.js","assets/check-B_DaLrgB.js","assets/triangle-alert-Dx8lMHrF.js","assets/trash-2-6KJWHoOC.js","assets/TimelinePage-BDyp8kvu.css","assets/ModelsPage-Dlw4slrw.js","assets/ModelsPage-DQN_XP0u.css","assets/SimulatorPage-C2EEtkx8.js","assets/SimulatorPage-B1voZDRi.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{h as P,c as v,r as D,o as ee,g as te,a as ne,b as oe,d as re,e as T,f,i as O,u as y,F as ae,j as se,k as A,n as $,t as V,l as N,w as B,m as ce,p as ie,q as le,s as k,T as ue,v as de,x as pe}from"./vue-vendor-Bkktf9yg.js";(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))r(o);new MutationObserver(o=>{for(const s of o)if(s.type==="childList")for(const l of s.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&r(l)}).observe(document,{childList:!0,subtree:!0});function n(o){const s={};return o.integrity&&(s.integrity=o.integrity),o.referrerPolicy&&(s.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?s.credentials="include":o.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function r(o){if(o.ep)return;o.ep=!0;const s=n(o);fetch(o.href,s)}})();const j=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),fe=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,n,r)=>r?r.toUpperCase():n.toLowerCase()),me=e=>{const t=fe(e);return t.charAt(0).toUpperCase()+t.slice(1)},he=(...e)=>e.filter((t,n,r)=>!!t&&t.trim()!==""&&r.indexOf(t)===n).join(" ").trim();var S={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};const _e=({size:e,strokeWidth:t=2,absoluteStrokeWidth:n,color:r,iconNode:o,name:s,class:l,...u},{slots:h})=>P("svg",{...S,width:e||S.width,height:e||S.height,stroke:r||S.stroke,"stroke-width":n?Number(t)*24/Number(e):t,class:he("lucide",...s?[`lucide-${j(me(s))}-icon`,`lucide-${j(s)}`]:["lucide-icon"]),...u},[...o.map(a=>P(...a)),...h.default?[h.default()]:[]]);const w=(e,t)=>(n,{slots:r})=>P(_e,{...n,iconNode:t,name:e},r);const ve=w("clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);const ye=w("database",[["ellipse",{cx:"12",cy:"5",rx:"9",ry:"3",key:"msslwz"}],["path",{d:"M3 5V19A9 3 0 0 0 21 19V5",key:"1wlel7"}],["path",{d:"M3 12A9 3 0 0 0 21 12",key:"mv7ke4"}]]);const F=w("route",[["circle",{cx:"6",cy:"19",r:"3",key:"1kj8tv"}],["path",{d:"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15",key:"1d8sl"}],["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}]]);const ke=w("wifi-off",[["path",{d:"M12 20h.01",key:"zekei9"}],["path",{d:"M8.5 16.429a5 5 0 0 1 7 0",key:"1bycff"}],["path",{d:"M5 12.859a10 10 0 0 1 5.17-2.69",key:"1dl1wf"}],["path",{d:"M19 12.859a10 10 0 0 0-2.007-1.523",key:"4k23kn"}],["path",{d:"M2 8.82a15 15 0 0 1 4.177-2.643",key:"1grhjp"}],["path",{d:"M22 8.82a15 15 0 0 0-11.288-3.764",key:"z3jwby"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);const ge=w("wifi",[["path",{d:"M12 20h.01",key:"zekei9"}],["path",{d:"M2 8.82a15 15 0 0 1 20 0",key:"dnpr2z"}],["path",{d:"M5 12.859a10 10 0 0 1 14 0",key:"1x1e6c"}],["path",{d:"M8.5 16.429a5 5 0 0 1 7 0",key:"1bycff"}]]);const H=w("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]),x={path:"/_ws",reconnectDelay:2e3,maxReconnectAttempts:Number.POSITIVE_INFINITY,autoConnect:!0},d=D("disconnected"),W=D(null),b=D(0);let c=null,E=null,g={...x},I=!1;const m=new Map;function G(){return typeof window<"u"&&typeof WebSocket<"u"}function we(){return te()!==null}function be(e){return G()?`${window.location.protocol==="https:"?"wss:":"ws:"}//${window.location.host}${e}`:`ws://localhost${e}`}function J(){E!==null&&(clearTimeout(E),E=null)}function Se(e,t){const n=m.get(e);if(n)for(const o of n)try{o(t)}catch(s){console.error(`[DevTools WebSocket] Error in event handler for '${e}':`,s)}const r=m.get("*");if(r)for(const o of r)try{o({type:e,data:t})}catch(s){console.error("[DevTools WebSocket] Error in wildcard event handler:",s)}}function Ce(){d.value="connected",b.value=0,J()}function Ee(e){try{const t=JSON.parse(e.data);if(t.type==="connected"){const n=t.data;W.value=n.serverVersion}Se(t.type,t.data)}catch(t){console.error("[DevTools WebSocket] Failed to parse message:",t)}}function Te(){d.value,d.value="disconnected",c=null,b.value<g.maxReconnectAttempts&&(d.value="reconnecting",b.value++,E=setTimeout(()=>{M()},g.reconnectDelay))}function Oe(e){console.error("[DevTools WebSocket] Error:",e)}function M(){if(!G()||d.value==="connecting"||d.value==="connected"||c&&(c.readyState===WebSocket.CONNECTING||c.readyState===WebSocket.OPEN))return;K(),d.value="connecting";const e=be(g.path);try{c=new WebSocket(e),c.onopen=Ce,c.onmessage=Ee,c.onclose=Te,c.onerror=Oe}catch(t){console.error("[DevTools WebSocket] Failed to create WebSocket:",t),d.value="disconnected"}}function K(){c&&(c.onopen=null,c.onmessage=null,c.onclose=null,c.onerror=null,(c.readyState===WebSocket.OPEN||c.readyState===WebSocket.CONNECTING)&&c.close(),c=null)}function Y(){J(),K(),d.value="disconnected",b.value=0}function Ae(e){if(!c||c.readyState!==WebSocket.OPEN)return!1;try{return c.send(JSON.stringify(e)),!0}catch(t){return console.error("[DevTools WebSocket] Failed to send command:",t),!1}}function L(e,t){m.has(e)||m.set(e,new Set);const n=m.get(e);return n&&n.add(t),()=>{const r=m.get(e);r&&(r.delete(t),r.size===0&&m.delete(e))}}function R(e,t){const n=m.get(e);n&&(n.delete(t),n.size===0&&m.delete(e))}function Ne(e,t){const n=r=>{R(e,n),t(r)};return L(e,n)}function Pe(e,t){const n=r=>{t(r)===!0&&R(e,n)};return L(e,n)}function Ie(){Y(),W.value=null,m.clear(),g={...x},I=!1}function Me(e={}){(!I||d.value==="disconnected")&&(g={...x,...e},I=!0);const t=v(()=>d.value==="connected"),n=v(()=>d.value==="reconnecting");return we()&&ee(()=>{g.autoConnect&&M()}),{connectionState:v(()=>d.value),connected:t,isReconnecting:n,serverVersion:v(()=>W.value),reconnectAttempts:v(()=>b.value),connect:M,disconnect:Y,send:Ae,on:L,off:R,once:Ne,onUntil:Pe,resetState:Ie}}const De="modulepreload",xe=function(e){return"/_devtools/"+e},U={},C=function(t,n,r){let o=Promise.resolve();if(n&&n.length>0){let h=function(a){return Promise.all(a.map(p=>Promise.resolve(p).then(_=>({status:"fulfilled",value:_}),_=>({status:"rejected",reason:_}))))};document.getElementsByTagName("link");const l=document.querySelector("meta[property=csp-nonce]"),u=l?.nonce||l?.getAttribute("nonce");o=h(n.map(a=>{if(a=xe(a),a in U)return;U[a]=!0;const p=a.endsWith(".css"),_=p?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${a}"]${_}`))return;const i=document.createElement("link");if(i.rel=p?"stylesheet":De,p||(i.as="script"),i.crossOrigin="",i.href=a,u&&i.setAttribute("nonce",u),document.head.appendChild(i),p)return new Promise((z,X)=>{i.addEventListener("load",z),i.addEventListener("error",()=>X(new Error(`Unable to preload CSS for ${a}`)))})}))}function s(l){const u=new Event("vite:preloadError",{cancelable:!0});if(u.payload=l,window.dispatchEvent(u),!u.defaultPrevented)throw l}return o.then(l=>{for(const u of l||[])u.status==="rejected"&&s(u.reason);return t().catch(s)})},Q=[{path:"/",redirect:"/routes"},{path:"/routes",name:"routes",component:()=>C(()=>import("./RoutesPage-DVkEOssu.js"),__vite__mapDeps([0,1,2,3,4,5])),meta:{title:"Routes",icon:"route"}},{path:"/timeline",name:"timeline",component:()=>C(()=>import("./TimelinePage-C_LK2wKS.js"),__vite__mapDeps([6,2,1,7,8,4,9,10])),meta:{title:"Timeline",icon:"clock"}},{path:"/models",name:"models",component:()=>C(()=>import("./ModelsPage-Dlw4slrw.js"),__vite__mapDeps([11,2,7,4,9,12])),meta:{title:"Models",icon:"database"}},{path:"/simulator",name:"simulator",component:()=>C(()=>import("./SimulatorPage-C2EEtkx8.js"),__vite__mapDeps([13,2,3,8,9,14])),meta:{title:"Simulator",icon:"zap"}},{path:"/:pathMatch(.*)*",name:"not-found",redirect:"/routes"}],We=ne({history:oe(),routes:Q}),Le={class:"app"},Re={class:"app-header"},ze={class:"app-header__brand"},$e={class:"app-nav",role:"tablist","aria-label":"DevTools navigation"},Ve=["aria-selected","aria-current","aria-controls","onClick"],Be={class:"app-nav__label"},je={class:"app-header__status"},Fe={class:"connection-status"},He={class:"connection-status__text"},Ue={class:"app-main"},qe=re({__name:"App",setup(e){const t=ie(),n=le(),r=v(()=>Q.filter(a=>a.name&&a.meta?.title).map(a=>({name:a.name,path:a.path,title:a.meta?.title,icon:a.meta?.icon}))),o=v(()=>t.name);function s(a){n.push(a)}const l={route:F,clock:ve,database:ye,zap:H};function u(a){return l[a]??F}const{connected:h}=Me();return(a,p)=>{const _=ce("router-view");return k(),T("div",Le,[f("header",Re,[f("div",ze,[O(y(H),{class:"app-header__logo",size:20}),p[0]||(p[0]=f("span",{class:"app-header__title"},"OpenAPI DevTools",-1))]),f("nav",$e,[(k(!0),T(ae,null,se(r.value,i=>(k(),T("button",{key:i.name,role:"tab","aria-selected":o.value===i.name,"aria-current":o.value===i.name?"true":void 0,"aria-controls":`panel-${i.name}`,tabindex:0,class:$(["app-nav__tab",{"app-nav__tab--active":o.value===i.name}]),onClick:z=>s(i.path)},[(k(),A(N(u(i.icon)),{size:16,class:"app-nav__icon"})),f("span",Be,V(i.title),1)],10,Ve))),128))]),f("div",je,[f("div",Fe,[f("span",{class:$(["connection-status__dot",y(h)?"connection-status__dot--connected":"connection-status__dot--disconnected"])},null,2),f("span",He,V(y(h)?"Connected":"Disconnected"),1),(k(),A(N(y(h)?y(ge):y(ke)),{size:14,class:"connection-status__icon"}))])])]),f("main",Ue,[O(_,null,{default:B(({Component:i})=>[O(ue,{name:"fade",mode:"out-in"},{default:B(()=>[(k(),A(N(i)))]),_:2},1024)]),_:1})])])}}}),Ze=(e,t)=>{const n=e.__vccOpts||e;for(const[r,o]of t)n[r]=o;return n},Ge=Ze(qe,[["__scopeId","data-v-3e2d3900"]]);let q=!1,Z=null;function Je(){if(q)return Z;const e=de(Ge),t=pe();return e.use(t),e.use(We),e.mount("#app"),q=!0,Z=e,e}typeof window<"u"&&document.getElementById("app")&&Je();export{ve as C,ye as D,F as R,H as Z,Ze as _,w as c,Me as u};
|
|
3
|
+
//# sourceMappingURL=index-Dff2RvrN.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"mappings":";06BAOA,MAAMA,EAAeC,GAAWA,EAAO,QAAQ,qBAAsB,OAAO,EAAE,YAAW,EACnFC,GAAeD,GAAWA,EAAO,QACrC,wBACA,CAACE,EAAOC,EAAIC,IAAOA,EAAKA,EAAG,YAAW,EAAKD,EAAG,YAAW,CAC3D,EACME,GAAgBL,GAAW,CAC/B,MAAMM,EAAYL,GAAYD,CAAM,EACpC,OAAOM,EAAU,OAAO,CAAC,EAAE,YAAW,EAAKA,EAAU,MAAM,CAAC,CAC9D,EACMC,GAAe,IAAIC,IAAYA,EAAQ,OAAO,CAACC,EAAWC,EAAOC,IAC9D,EAAQF,GAAcA,EAAU,KAAI,IAAO,IAAME,EAAM,QAAQF,CAAS,IAAMC,CACtF,EAAE,KAAK,GAAG,EAAE,KAAI,ECXjB,IAAIE,EAAoB,CACtB,MAAO,6BACP,MAAO,GACP,OAAQ,GACR,QAAS,YACT,KAAM,OACN,OAAQ,eACR,eAAgB,EAChB,iBAAkB,QAClB,kBAAmB,OACrB,ECNA,MAAMC,GAAO,CAAC,CAAE,KAAAC,EAAM,YAAAC,EAAc,EAAG,oBAAAC,EAAqB,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,MAAOX,EAAS,GAAGY,CAAK,EAAI,CAAE,MAAAC,KACxGC,EACL,MACA,CACE,GAAGV,EACH,MAAOE,GAAQF,EAAkB,MACjC,OAAQE,GAAQF,EAAkB,OAClC,OAAQK,GAASL,EAAkB,OACnC,eAAgBI,EAAsB,OAAOD,CAAW,EAAI,GAAK,OAAOD,CAAI,EAAIC,EAChF,MAAOR,GACL,SACA,GAAGY,EAAO,CAAC,UAAUpB,EAAYM,GAAac,CAAI,CAAC,CAAC,QAAS,UAAUpB,EAAYoB,CAAI,CAAC,EAAE,EAAI,CAAC,aAAa,CACpH,EACM,GAAGC,CACT,EACI,CAAC,GAAGF,EAAS,IAAKK,GAAUD,EAAE,GAAGC,CAAK,CAAC,EAAG,GAAGF,EAAM,QAAU,CAACA,EAAM,QAAO,CAAE,EAAI,EAAE,CACvF,ECjBK,MAACG,EAAmB,CAACC,EAAUP,IAAa,CAACE,EAAO,CAAE,MAAAC,CAAK,IAAOC,EACrET,GACA,CACE,GAAGO,EACH,SAAAF,EACA,KAAMO,CACV,EACEJ,CACF,ECTK,MAACK,GAAQF,EAAiB,QAAS,CACtC,CAAC,SAAU,CAAE,GAAI,KAAM,GAAI,KAAM,EAAG,KAAM,IAAK,SAAU,EACzD,CAAC,WAAY,CAAE,OAAQ,mBAAoB,IAAK,QAAQ,CAAE,CAC5D,CAAC,ECHI,MAACG,GAAWH,EAAiB,WAAY,CAC5C,CAAC,UAAW,CAAE,GAAI,KAAM,GAAI,IAAK,GAAI,IAAK,GAAI,IAAK,IAAK,QAAQ,CAAE,EAClE,CAAC,OAAQ,CAAE,EAAG,4BAA6B,IAAK,QAAQ,CAAE,EAC1D,CAAC,OAAQ,CAAE,EAAG,wBAAyB,IAAK,QAAQ,CAAE,CACxD,CAAC,ECJI,MAACI,EAAQJ,EAAiB,QAAS,CACtC,CAAC,SAAU,CAAE,GAAI,IAAK,GAAI,KAAM,EAAG,IAAK,IAAK,SAAU,EACvD,CAAC,OAAQ,CAAE,EAAG,uDAAwD,IAAK,OAAO,CAAE,EACpF,CAAC,SAAU,CAAE,GAAI,KAAM,GAAI,IAAK,EAAG,IAAK,IAAK,QAAQ,CAAE,CACzD,CAAC,ECJD,MAAMK,GAAUL,EAAiB,WAAY,CAC3C,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,EAC3C,CAAC,OAAQ,CAAE,EAAG,4BAA6B,IAAK,QAAQ,CAAE,EAC1D,CAAC,OAAQ,CAAE,EAAG,kCAAmC,IAAK,QAAQ,CAAE,EAChE,CAAC,OAAQ,CAAE,EAAG,qCAAsC,IAAK,QAAQ,CAAE,EACnE,CAAC,OAAQ,CAAE,EAAG,kCAAmC,IAAK,QAAQ,CAAE,EAChE,CAAC,OAAQ,CAAE,EAAG,oCAAqC,IAAK,QAAQ,CAAE,EAClE,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,CAC7C,CAAC,ECRD,MAAMM,GAAON,EAAiB,OAAQ,CACpC,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,EAC3C,CAAC,OAAQ,CAAE,EAAG,2BAA4B,IAAK,QAAQ,CAAE,EACzD,CAAC,OAAQ,CAAE,EAAG,6BAA8B,IAAK,QAAQ,CAAE,EAC3D,CAAC,OAAQ,CAAE,EAAG,4BAA6B,IAAK,QAAQ,CAAE,CAC5D,CAAC,ECLI,MAACO,EAAMP,EAAiB,MAAO,CAClC,CACE,OACA,CACE,EAAG,8JACH,IAAK,QACX,CACA,CACA,CAAC,EC8IKQ,EAAiD,CACrD,KAAM,OACN,eAAgB,IAChB,qBAAsB,OAAO,kBAC7B,YAAa,EACf,EAKMC,EAAkBC,EAAqB,cAAc,EACrDC,EAAgBD,EAAmB,IAAI,EACvCE,EAAoBF,EAAI,CAAC,EAK/B,IAAIG,EAAuB,KACvBC,EAAuD,KACvDC,EAAgD,CAAE,GAAGP,CAAA,EAMrDQ,EAAqB,GAKzB,MAAMC,MAAoB,IAK1B,SAASC,GAAqB,CAC5B,OAAO,OAAO,OAAW,KAAe,OAAO,UAAc,GAC/D,CAKA,SAASC,IAA+B,CACtC,OAAOC,OAAyB,IAClC,CAKA,SAASC,GAAkBC,EAAsB,CAC/C,OAAKJ,IAKE,GADU,OAAO,SAAS,WAAa,SAAW,OAAS,KAChD,KAAK,OAAO,SAAS,IAAI,GAAGI,CAAI,GAJzC,iBAAiBA,CAAI,EAKhC,CAKA,SAASC,GAA4B,CAC/BT,IAAmB,OACrB,aAAaA,CAAc,EAC3BA,EAAiB,KAErB,CAKA,SAASU,GAAcC,EAAcC,EAAqB,CACxD,MAAMC,EAAWV,EAAc,IAAIQ,CAAI,EACvC,GAAIE,EACF,UAAWC,KAAWD,EACpB,GAAI,CACFC,EAAQF,CAAI,CACd,OAASG,EAAO,CACd,QAAQ,MAAM,oDAAoDJ,CAAI,KAAMI,CAAK,CACnF,CAKJ,MAAMC,EAAmBb,EAAc,IAAI,GAAG,EAC9C,GAAIa,EACF,UAAWF,KAAWE,EACpB,GAAI,CACFF,EAAQ,CAAE,KAAAH,EAAM,KAAAC,EAAM,CACxB,OAASG,EAAO,CACd,QAAQ,MAAM,wDAAyDA,CAAK,CAC9E,CAGN,CAKA,SAASE,IAAmB,CAC1BtB,EAAgB,MAAQ,YACxBG,EAAkB,MAAQ,EAC1BW,EAAA,CAKF,CAKA,SAASS,GAAcC,EAA2B,CAChD,GAAI,CACF,MAAMC,EAAU,KAAK,MAAMD,EAAM,IAAI,EAGrC,GAAIC,EAAQ,OAAS,YAAa,CAChC,MAAMC,EAAgBD,EAAQ,KAC9BvB,EAAc,MAAQwB,EAAc,aAKtC,CAGAX,GAAcU,EAAQ,KAAMA,EAAQ,IAAI,CAC1C,OAASL,EAAO,CACd,QAAQ,MAAM,gDAAiDA,CAAK,CACtE,CACF,CAKA,SAASO,IAAoB,CACN3B,EAAgB,MACrCA,EAAgB,MAAQ,eACxBI,EAAK,KAODD,EAAkB,MAAQG,EAAe,uBAC3CN,EAAgB,MAAQ,eACxBG,EAAkB,QAQlBE,EAAiB,WAAW,IAAM,CAChCuB,EAAA,CACF,EAAGtB,EAAe,cAAc,EAIpC,CAKA,SAASuB,GAAYL,EAAoB,CACvC,QAAQ,MAAM,8BAA+BA,CAAK,CACpD,CAKA,SAASI,GAAgB,CAUvB,GATI,CAACnB,KAUHT,EAAgB,QAAU,cAC1BA,EAAgB,QAAU,aACzBI,IAAOA,EAAG,aAAe,UAAU,YAAcA,EAAG,aAAe,UAAU,MAE9E,OAIF0B,EAAA,EAEA9B,EAAgB,MAAQ,aACxB,MAAM+B,EAAMnB,GAAkBN,EAAe,IAAI,EAEjD,GAAI,CACFF,EAAK,IAAI,UAAU2B,CAAG,EACtB3B,EAAG,OAASkB,GACZlB,EAAG,UAAYmB,GACfnB,EAAG,QAAUuB,GACbvB,EAAG,QAAUyB,EACf,OAAST,EAAO,CACd,QAAQ,MAAM,mDAAoDA,CAAK,EACvEpB,EAAgB,MAAQ,cAC1B,CACF,CAMA,SAAS8B,GAA0B,CAC7B1B,IAEFA,EAAG,OAAS,KACZA,EAAG,UAAY,KACfA,EAAG,QAAU,KACbA,EAAG,QAAU,MAETA,EAAG,aAAe,UAAU,MAAQA,EAAG,aAAe,UAAU,aAClEA,EAAG,QAGLA,EAAK,KAET,CAKA,SAAS4B,GAAmB,CAC1BlB,EAAA,EACAgB,EAAA,EAEA9B,EAAgB,MAAQ,eACxBG,EAAkB,MAAQ,CAC5B,CAQA,SAAS8B,GAAkBC,EAAoC,CAC7D,GAAI,CAAC9B,GAAMA,EAAG,aAAe,UAAU,KAIrC,MAAO,GAGT,GAAI,CACF,OAAAA,EAAG,KAAK,KAAK,UAAU8B,CAAO,CAAC,EACxB,EACT,OAASd,EAAO,CACd,eAAQ,MAAM,+CAAgDA,CAAK,EAC5D,EACT,CACF,CASA,SAASe,EAAgBX,EAA8BL,EAAsC,CACtFX,EAAc,IAAIgB,CAAK,GAC1BhB,EAAc,IAAIgB,EAAO,IAAI,GAAK,EAGpC,MAAMN,EAAWV,EAAc,IAAIgB,CAAK,EACxC,OAAIN,GACFA,EAAS,IAAIC,CAAuB,EAI/B,IAAM,CACX,MAAMiB,EAAkB5B,EAAc,IAAIgB,CAAK,EAC3CY,IACFA,EAAgB,OAAOjB,CAAuB,EAC1CiB,EAAgB,OAAS,GAC3B5B,EAAc,OAAOgB,CAAK,EAGhC,CACF,CAQA,SAASa,EAAiBb,EAA8BL,EAAgC,CACtF,MAAMD,EAAWV,EAAc,IAAIgB,CAAK,EACpCN,IACFA,EAAS,OAAOC,CAAuB,EACnCD,EAAS,OAAS,GACpBV,EAAc,OAAOgB,CAAK,EAGhC,CAkBA,SAASc,GAAkBd,EAA8BL,EAAsC,CAC7F,MAAMoB,EAAmCtB,GAAS,CAChDoB,EAAIb,EAAOe,CAAc,EACzBpB,EAAQF,CAAI,CACd,EAEA,OAAOkB,EAAGX,EAAOe,CAAc,CACjC,CAsBA,SAASC,GACPhB,EACAL,EACY,CACZ,MAAMoB,EAAmCtB,GAAS,CACjCE,EAAQF,CAAI,IACZ,IACboB,EAAIb,EAAOe,CAAc,CAE7B,EAEA,OAAOJ,EAAGX,EAAOe,CAAc,CACjC,CAKA,SAASE,IAAmB,CAC1BT,EAAA,EACA9B,EAAc,MAAQ,KACtBM,EAAc,QACdF,EAAiB,CAAE,GAAGP,CAAA,EACtBQ,EAAqB,EACvB,CAcO,SAASmC,GAAaC,EAA+B,GAAwB,EAG9E,CAACpC,GAAsBP,EAAgB,QAAU,kBACnDM,EAAiB,CAAE,GAAGP,EAAiB,GAAG4C,CAAA,EAC1CpC,EAAqB,IAMvB,MAAMqC,EAAYC,EAAS,IAAM7C,EAAgB,QAAU,WAAW,EAKhE8C,EAAiBD,EAAS,IAAM7C,EAAgB,QAAU,cAAc,EAO9E,OAAIU,MACFqC,GAAU,IAAM,CACVzC,EAAe,aACjBsB,EAAA,CAEJ,CAAC,EAGI,CAIL,gBAAiBiB,EAAS,IAAM7C,EAAgB,KAAK,EAKrD,UAAA4C,EAKA,eAAAE,EAKA,cAAeD,EAAS,IAAM3C,EAAc,KAAK,EAKjD,kBAAmB2C,EAAS,IAAM1C,EAAkB,KAAK,EAKzD,QAAAyB,EAKA,WAAAI,EAKA,KAAAC,GAKA,GAAAE,EAKA,IAAAE,EAKA,KAAAC,GAKA,QAAAE,GAKA,WAAAC,EAAA,CAEJ,qlCCpnBMO,EAA2B,CAC/B,CACE,KAAM,IACN,SAAU,WAEZ,CACE,KAAM,UACN,KAAM,SACN,UAAW,UAAM,OAAO,0BAAwB,kCAChD,KAAM,CACJ,MAAO,SACP,KAAM,QACR,EAEF,CACE,KAAM,YACN,KAAM,WACN,UAAW,UAAM,OAAO,4BAA0B,uCAClD,KAAM,CACJ,MAAO,WACP,KAAM,QACR,EAEF,CACE,KAAM,UACN,KAAM,SACN,UAAW,UAAM,OAAO,0BAAwB,oCAChD,KAAM,CACJ,MAAO,SACP,KAAM,WACR,EAEF,CACE,KAAM,aACN,KAAM,YACN,UAAW,UAAM,OAAO,6BAA2B,oCACnD,KAAM,CACJ,MAAO,YACP,KAAM,MACR,EAGF,CACE,KAAM,mBACN,KAAM,YACN,SAAU,UAEd,EAQMC,GAASC,GAAa,CAC1B,QAASC,GAAA,EACT,OAAAH,CACF,CAAC,kYC9DD,MAAMI,EAAQC,GAAA,EACRJ,EAASK,GAAA,EAGTC,EAAOV,EAAS,IACpBG,EACG,OAAQQ,GAAMA,EAAE,MAAQA,EAAE,MAAM,KAAK,EACrC,IAAKA,IAAO,CACX,KAAMA,EAAE,KACR,KAAMA,EAAE,KACR,MAAOA,EAAE,MAAM,MACf,KAAMA,EAAE,MAAM,MACd,GAIAC,EAAYZ,EAAS,IAAMO,EAAM,IAAc,EAGrD,SAASM,EAAW7C,EAAoB,CACtCoC,EAAO,KAAKpC,CAAI,CAClB,CAGA,MAAM8C,EAAwC,CAC5C,MAAOhE,EACP,MAAOF,GACP,SAAUC,GACV,IAAKI,CAAA,EAIP,SAAS8D,EAAQpE,EAAgC,CAK/C,OAJamE,EAAQnE,CAAQ,GAIdG,CACjB,CAGA,KAAM,CAAE,UAAWkE,CAAA,EAAgBnB,GAAA,0CAIjC,OAAAoB,EAAA,EAAAC,EAgEM,MAhENC,GAgEM,CA9DJC,EAoDS,SApDTC,GAoDS,CAnDPD,EAGM,MAHNE,GAGM,CAFJC,EAA2CC,EAAAvE,CAAA,GAAtC,MAAM,mBAAoB,KAAM,KACrCwE,EAAA,KAAAA,EAAA,GAAAL,EAAuD,QAAjD,MAAM,qBAAoB,mBAAgB,OAIlDA,EAsBM,MAtBNM,GAsBM,QArBJR,EAoBSS,GAAA,KAAAC,GAnBOlB,EAAA,MAAPmB,QADTX,EAoBS,UAlBN,IAAKW,EAAI,KACV,KAAK,MACJ,gBAAejB,EAAA,QAAciB,EAAI,KACjC,eAAcjB,EAAA,QAAciB,EAAI,YAAgB,OAChD,gBAAa,SAAWA,EAAI,IAAI,GAChC,SAAU,EACV,MAAKC,EAAA,wCAAsElB,EAAA,QAAciB,EAAI,KAAI,GAIjG,QAAKE,GAAElB,EAAWgB,EAAI,IAAI,KAE3BZ,EAAA,EAAAe,EAIEC,EAHKlB,EAAQc,EAAI,IAAI,IACpB,KAAM,GACP,MAAM,mBAERT,EAAmD,OAAnDc,GAAmDC,EAAnBN,EAAI,KAAK,uBAK7CT,EAmBM,MAnBNgB,GAmBM,CAlBJhB,EAiBM,MAjBNiB,GAiBM,CAhBJjB,EAOE,QANC,MAAKU,EAAA,0BAA0DN,EAAAR,CAAA,wFAOlEI,EAEO,OAFPkB,GAEOH,EADFX,EAAAR,CAAA,EAAW,gCAEhBC,IAAAe,EAIEC,EAHKT,EAAAR,CAAA,EAAcQ,EAAAxE,EAAA,EAAOwE,EAAAzE,EAAA,CAAO,GAChC,KAAM,GACP,MAAM,mCAOdqE,EAMO,OANPmB,GAMO,CALLhB,EAIciB,EAAA,MAHZ,QAAAC,EAAA,CAEa,CAHQ,UAAAC,KAAS,CAC9BnB,EAEaoB,GAAA,CAFD,KAAK,OAAO,KAAK,qBAC3B,IAA6B,EAA7B1B,IAAAe,EAA6BC,EAAbS,CAAS,mJClGnC,IAAIE,EAAiB,GACjBC,EAA0B,KAS9B,SAASC,IAAwB,CAE/B,GAAIF,EAIF,OAAOC,EAIT,MAAME,EAAMC,GAAUC,EAAY,EAG5BC,EAAQC,GAAA,EAGd,OAAAJ,EAAI,IAAIG,CAAK,EACbH,EAAI,IAAI3C,EAAM,EAMd2C,EAAI,MAAM,MAAM,EAGhBH,EAAiB,GACjBC,EAAcE,EAOPA,CACT,CAII,OAAO,OAAW,KAAe,SAAS,eAAe,KAAK,GAChED,GAAA","names":["toKebabCase","string","toCamelCase","match","p1","p2","toPascalCase","camelCase","mergeClasses","classes","className","index","array","defaultAttributes","Icon","size","strokeWidth","absoluteStrokeWidth","color","iconNode","name","props","slots","h","child","createLucideIcon","iconName","Clock","Database","Route","WifiOff","Wifi","Zap","DEFAULT_OPTIONS","connectionState","ref","serverVersion","reconnectAttempts","ws","reconnectTimer","currentOptions","optionsInitialized","eventHandlers","isBrowser","hasComponentContext","getCurrentInstance","buildWebSocketUrl","path","clearReconnectTimer","dispatchEvent","type","data","handlers","handler","error","wildcardHandlers","handleOpen","handleMessage","event","message","connectedData","handleClose","connect","handleError","cleanupConnection","url","disconnect","send","command","on","currentHandlers","off","once","wrappedHandler","onUntil","resetState","useWebSocket","options","connected","computed","isReconnecting","onMounted","routes","router","createRouter","createWebHashHistory","route","useRoute","useRouter","tabs","r","activeTab","navigateTo","iconMap","getIcon","isConnected","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","_unref","_cache","_hoisted_4","_Fragment","_renderList","tab","_normalizeClass","$event","_createBlock","_resolveDynamicComponent","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_component_router_view","_withCtx","Component","_Transition","isBootstrapped","appInstance","bootstrap","app","createApp","AppComponent","pinia","createPinia"],"ignoreList":[0,1,2,3,4,5,6,7,8,9],"sources":["../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/shared/src/utils.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/defaultAttributes.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/Icon.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/createLucideIcon.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/clock.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/database.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/route.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/wifi-off.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/wifi.js","../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/zap.js","../../../src/composables/useWebSocket.ts","../../../src/router.ts","../../../src/App.vue","../../../src/main.ts"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-width\": 2,\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { h } from 'vue';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport defaultAttributes from './defaultAttributes.js';\n\nconst Icon = ({ size, strokeWidth = 2, absoluteStrokeWidth, color, iconNode, name, class: classes, ...props }, { slots }) => {\n return h(\n \"svg\",\n {\n ...defaultAttributes,\n width: size || defaultAttributes.width,\n height: size || defaultAttributes.height,\n stroke: color || defaultAttributes.stroke,\n \"stroke-width\": absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n class: mergeClasses(\n \"lucide\",\n ...name ? [`lucide-${toKebabCase(toPascalCase(name))}-icon`, `lucide-${toKebabCase(name)}`] : [\"lucide-icon\"]\n ),\n ...props\n },\n [...iconNode.map((child) => h(...child)), ...slots.default ? [slots.default()] : []]\n );\n};\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport { h } from 'vue';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => (props, { slots }) => h(\n Icon,\n {\n ...props,\n iconNode,\n name: iconName\n },\n slots\n);\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Clock = createLucideIcon(\"clock\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"polyline\", { points: \"12 6 12 12 16 14\", key: \"68esgv\" }]\n]);\n\nexport { Clock as default };\n//# sourceMappingURL=clock.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Database = createLucideIcon(\"database\", [\n [\"ellipse\", { cx: \"12\", cy: \"5\", rx: \"9\", ry: \"3\", key: \"msslwz\" }],\n [\"path\", { d: \"M3 5V19A9 3 0 0 0 21 19V5\", key: \"1wlel7\" }],\n [\"path\", { d: \"M3 12A9 3 0 0 0 21 12\", key: \"mv7ke4\" }]\n]);\n\nexport { Database as default };\n//# sourceMappingURL=database.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Route = createLucideIcon(\"route\", [\n [\"circle\", { cx: \"6\", cy: \"19\", r: \"3\", key: \"1kj8tv\" }],\n [\"path\", { d: \"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15\", key: \"1d8sl\" }],\n [\"circle\", { cx: \"18\", cy: \"5\", r: \"3\", key: \"gq8acd\" }]\n]);\n\nexport { Route as default };\n//# sourceMappingURL=route.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst WifiOff = createLucideIcon(\"wifi-off\", [\n [\"path\", { d: \"M12 20h.01\", key: \"zekei9\" }],\n [\"path\", { d: \"M8.5 16.429a5 5 0 0 1 7 0\", key: \"1bycff\" }],\n [\"path\", { d: \"M5 12.859a10 10 0 0 1 5.17-2.69\", key: \"1dl1wf\" }],\n [\"path\", { d: \"M19 12.859a10 10 0 0 0-2.007-1.523\", key: \"4k23kn\" }],\n [\"path\", { d: \"M2 8.82a15 15 0 0 1 4.177-2.643\", key: \"1grhjp\" }],\n [\"path\", { d: \"M22 8.82a15 15 0 0 0-11.288-3.764\", key: \"z3jwby\" }],\n [\"path\", { d: \"m2 2 20 20\", key: \"1ooewy\" }]\n]);\n\nexport { WifiOff as default };\n//# sourceMappingURL=wifi-off.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Wifi = createLucideIcon(\"wifi\", [\n [\"path\", { d: \"M12 20h.01\", key: \"zekei9\" }],\n [\"path\", { d: \"M2 8.82a15 15 0 0 1 20 0\", key: \"dnpr2z\" }],\n [\"path\", { d: \"M5 12.859a10 10 0 0 1 14 0\", key: \"1x1e6c\" }],\n [\"path\", { d: \"M8.5 16.429a5 5 0 0 1 7 0\", key: \"1bycff\" }]\n]);\n\nexport { Wifi as default };\n//# sourceMappingURL=wifi.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Zap = createLucideIcon(\"zap\", [\n [\n \"path\",\n {\n d: \"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\",\n key: \"1xq2db\"\n }\n ]\n]);\n\nexport { Zap as default };\n//# sourceMappingURL=zap.js.map\n","/**\n * useWebSocket Composable\n *\n * What: Provides reactive WebSocket connection management for the DevTools SPA\n * How: Manages WebSocket lifecycle with auto-reconnect and event subscription\n * Why: Enables real-time communication between DevTools and the mock server\n *\n * @module composables/useWebSocket\n */\n\nimport type { ComputedRef } from 'vue';\nimport { computed, getCurrentInstance, onMounted, ref } from 'vue';\n\n/**\n * Server event types that can be received from the server\n * These match the ServerEvent types defined in @websublime/vite-plugin-open-api-core\n */\nexport type ServerEventType =\n | 'connected'\n | 'request'\n | 'response'\n | 'timeline:cleared'\n | 'store:updated'\n | 'handler:reloaded'\n | 'handlers:updated'\n | 'seed:reloaded'\n | 'seeds:updated'\n | 'simulation:active'\n | 'simulation:added'\n | 'simulation:removed'\n | 'simulations:cleared'\n | 'registry'\n | 'timeline'\n | 'store'\n | 'store:set'\n | 'store:cleared'\n | 'simulation:set'\n | 'simulation:cleared'\n | 'reseeded'\n | 'error';\n\n/**\n * Server event structure\n */\nexport interface ServerEvent<T = unknown> {\n type: ServerEventType;\n data: T;\n}\n\n/**\n * Connected event data\n */\nexport interface ConnectedEventData {\n serverVersion: string;\n}\n\n/**\n * Client command types that can be sent to the server\n */\nexport type ClientCommandType =\n | 'get:registry'\n | 'get:timeline'\n | 'get:store'\n | 'set:store'\n | 'clear:store'\n | 'set:simulation'\n | 'clear:simulation'\n | 'clear:timeline'\n | 'reseed';\n\n/**\n * Client command structure\n */\nexport interface ClientCommand<T = unknown> {\n type: ClientCommandType;\n data?: T;\n}\n\n/**\n * WebSocket connection state\n */\nexport type ConnectionState = 'disconnected' | 'connecting' | 'connected' | 'reconnecting';\n\n/**\n * Event handler function type\n */\nexport type EventHandler<T = unknown> = (data: T) => void;\n\n/**\n * Configuration options for useWebSocket\n */\nexport interface UseWebSocketOptions {\n /**\n * WebSocket URL path (default: '/_ws')\n */\n path?: string;\n\n /**\n * Reconnection delay in milliseconds (default: 2000)\n */\n reconnectDelay?: number;\n\n /**\n * Maximum reconnection attempts (default: Infinity)\n */\n maxReconnectAttempts?: number;\n\n /**\n * Whether to auto-connect on mount (default: true)\n */\n autoConnect?: boolean;\n}\n\n/**\n * Return type for useWebSocket composable\n *\n * Provides explicit typing for the composable return value as required by CLAUDE.md\n */\nexport interface UseWebSocketReturn {\n /** Current connection state */\n connectionState: ComputedRef<ConnectionState>;\n /** Whether the WebSocket is connected */\n connected: ComputedRef<boolean>;\n /** Whether the WebSocket is attempting to reconnect */\n isReconnecting: ComputedRef<boolean>;\n /** Server version received on connection */\n serverVersion: ComputedRef<string | null>;\n /** Number of reconnection attempts made */\n reconnectAttempts: ComputedRef<number>;\n /** Connect to the WebSocket server */\n connect: () => void;\n /** Disconnect from the WebSocket server */\n disconnect: () => void;\n /** Send a command to the server */\n send: <T = unknown>(command: ClientCommand<T>) => boolean;\n /** Subscribe to a server event */\n on: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => () => void;\n /** Unsubscribe from a server event */\n off: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => void;\n /**\n * Subscribe to an event and automatically unsubscribe after the first invocation.\n * This is a standard one-shot subscription.\n */\n once: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => () => void;\n /**\n * Subscribe to an event and unsubscribe when the handler returns true.\n * Useful for conditional one-time events where you need to wait for specific data.\n */\n onUntil: <T = unknown>(\n event: ServerEventType | '*',\n handler: (data: T) => boolean | undefined,\n ) => () => void;\n /** Reset the composable state (useful for testing) */\n resetState: () => void;\n}\n\n/**\n * Default options\n */\nconst DEFAULT_OPTIONS: Required<UseWebSocketOptions> = {\n path: '/_ws',\n reconnectDelay: 2000,\n maxReconnectAttempts: Number.POSITIVE_INFINITY,\n autoConnect: true,\n};\n\n/**\n * Singleton state for WebSocket - shared across all component instances\n */\nconst connectionState = ref<ConnectionState>('disconnected');\nconst serverVersion = ref<string | null>(null);\nconst reconnectAttempts = ref(0);\n\n/**\n * Store the WebSocket instance and configuration\n */\nlet ws: WebSocket | null = null;\nlet reconnectTimer: ReturnType<typeof setTimeout> | null = null;\nlet currentOptions: Required<UseWebSocketOptions> = { ...DEFAULT_OPTIONS };\n\n/**\n * Flag to track if options have been initialized\n * Options are only set on the first call to useWebSocket or when disconnected\n */\nlet optionsInitialized = false;\n\n/**\n * Event handlers map - stores handlers for each event type\n */\nconst eventHandlers = new Map<string, Set<EventHandler>>();\n\n/**\n * Check if we're running in a browser environment\n */\nfunction isBrowser(): boolean {\n return typeof window !== 'undefined' && typeof WebSocket !== 'undefined';\n}\n\n/**\n * Check if we're inside a Vue component context\n */\nfunction hasComponentContext(): boolean {\n return getCurrentInstance() !== null;\n}\n\n/**\n * Build the WebSocket URL based on current location\n */\nfunction buildWebSocketUrl(path: string): string {\n if (!isBrowser()) {\n return `ws://localhost${path}`;\n }\n\n const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';\n return `${protocol}//${window.location.host}${path}`;\n}\n\n/**\n * Clear the reconnect timer if active\n */\nfunction clearReconnectTimer(): void {\n if (reconnectTimer !== null) {\n clearTimeout(reconnectTimer);\n reconnectTimer = null;\n }\n}\n\n/**\n * Dispatch an event to all registered handlers\n */\nfunction dispatchEvent(type: string, data: unknown): void {\n const handlers = eventHandlers.get(type);\n if (handlers) {\n for (const handler of handlers) {\n try {\n handler(data);\n } catch (error) {\n console.error(`[DevTools WebSocket] Error in event handler for '${type}':`, error);\n }\n }\n }\n\n // Also dispatch to wildcard handlers\n const wildcardHandlers = eventHandlers.get('*');\n if (wildcardHandlers) {\n for (const handler of wildcardHandlers) {\n try {\n handler({ type, data });\n } catch (error) {\n console.error('[DevTools WebSocket] Error in wildcard event handler:', error);\n }\n }\n }\n}\n\n/**\n * Handle WebSocket open event\n */\nfunction handleOpen(): void {\n connectionState.value = 'connected';\n reconnectAttempts.value = 0;\n clearReconnectTimer();\n\n if (import.meta.env.DEV) {\n console.log('[DevTools WebSocket] Connected');\n }\n}\n\n/**\n * Handle WebSocket message event\n */\nfunction handleMessage(event: MessageEvent): void {\n try {\n const message = JSON.parse(event.data) as ServerEvent;\n\n // Handle connected event specially to extract server version\n if (message.type === 'connected') {\n const connectedData = message.data as ConnectedEventData;\n serverVersion.value = connectedData.serverVersion;\n\n if (import.meta.env.DEV) {\n console.log(`[DevTools WebSocket] Server version: ${connectedData.serverVersion}`);\n }\n }\n\n // Dispatch to registered handlers\n dispatchEvent(message.type, message.data);\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to parse message:', error);\n }\n}\n\n/**\n * Handle WebSocket close event\n */\nfunction handleClose(): void {\n const wasConnected = connectionState.value === 'connected';\n connectionState.value = 'disconnected';\n ws = null;\n\n if (wasConnected && import.meta.env.DEV) {\n console.log('[DevTools WebSocket] Disconnected');\n }\n\n // Attempt to reconnect if within limits\n if (reconnectAttempts.value < currentOptions.maxReconnectAttempts) {\n connectionState.value = 'reconnecting';\n reconnectAttempts.value++;\n\n if (import.meta.env.DEV) {\n console.log(\n `[DevTools WebSocket] Reconnecting in ${currentOptions.reconnectDelay}ms (attempt ${reconnectAttempts.value})`,\n );\n }\n\n reconnectTimer = setTimeout(() => {\n connect();\n }, currentOptions.reconnectDelay);\n } else if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Max reconnection attempts reached');\n }\n}\n\n/**\n * Handle WebSocket error event\n */\nfunction handleError(event: Event): void {\n console.error('[DevTools WebSocket] Error:', event);\n}\n\n/**\n * Connect to the WebSocket server\n */\nfunction connect(): void {\n if (!isBrowser()) {\n if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Cannot connect outside browser environment');\n }\n return;\n }\n\n // Don't connect if already connected or connecting\n // Check connectionState first to prevent race condition when connect() is called rapidly\n if (\n connectionState.value === 'connecting' ||\n connectionState.value === 'connected' ||\n (ws && (ws.readyState === WebSocket.CONNECTING || ws.readyState === WebSocket.OPEN))\n ) {\n return;\n }\n\n // Clean up existing connection without resetting reconnect state\n cleanupConnection();\n\n connectionState.value = 'connecting';\n const url = buildWebSocketUrl(currentOptions.path);\n\n try {\n ws = new WebSocket(url);\n ws.onopen = handleOpen;\n ws.onmessage = handleMessage;\n ws.onclose = handleClose;\n ws.onerror = handleError;\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to create WebSocket:', error);\n connectionState.value = 'disconnected';\n }\n}\n\n/**\n * Clean up WebSocket connection without resetting reconnect state.\n * Used internally when reconnecting.\n */\nfunction cleanupConnection(): void {\n if (ws) {\n // Remove event handlers to prevent close handler from triggering reconnect\n ws.onopen = null;\n ws.onmessage = null;\n ws.onclose = null;\n ws.onerror = null;\n\n if (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING) {\n ws.close();\n }\n\n ws = null;\n }\n}\n\n/**\n * Disconnect from the WebSocket server\n */\nfunction disconnect(): void {\n clearReconnectTimer();\n cleanupConnection();\n\n connectionState.value = 'disconnected';\n reconnectAttempts.value = 0;\n}\n\n/**\n * Send a command to the server\n *\n * @param command - The command to send\n * @returns true if the command was sent, false otherwise\n */\nfunction send<T = unknown>(command: ClientCommand<T>): boolean {\n if (!ws || ws.readyState !== WebSocket.OPEN) {\n if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Cannot send command - not connected');\n }\n return false;\n }\n\n try {\n ws.send(JSON.stringify(command));\n return true;\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to send command:', error);\n return false;\n }\n}\n\n/**\n * Subscribe to a server event\n *\n * @param event - The event type to subscribe to (or '*' for all events)\n * @param handler - The handler function to call when the event is received\n * @returns An unsubscribe function\n */\nfunction on<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): () => void {\n if (!eventHandlers.has(event)) {\n eventHandlers.set(event, new Set());\n }\n\n const handlers = eventHandlers.get(event);\n if (handlers) {\n handlers.add(handler as EventHandler);\n }\n\n // Return unsubscribe function\n return () => {\n const currentHandlers = eventHandlers.get(event);\n if (currentHandlers) {\n currentHandlers.delete(handler as EventHandler);\n if (currentHandlers.size === 0) {\n eventHandlers.delete(event);\n }\n }\n };\n}\n\n/**\n * Unsubscribe from a server event\n *\n * @param event - The event type to unsubscribe from\n * @param handler - The handler function to remove\n */\nfunction off<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): void {\n const handlers = eventHandlers.get(event);\n if (handlers) {\n handlers.delete(handler as EventHandler);\n if (handlers.size === 0) {\n eventHandlers.delete(event);\n }\n }\n}\n\n/**\n * Subscribe to an event and automatically unsubscribe after the first invocation.\n * This is a standard one-shot subscription - the handler is called exactly once.\n *\n * @param event - The event type to subscribe to\n * @param handler - The handler function to call once\n * @returns An unsubscribe function (can be used to cancel before the event fires)\n *\n * @example\n * ```typescript\n * // Wait for the first 'connected' event\n * once('connected', (data) => {\n * console.log('Connected with version:', data.serverVersion);\n * });\n * ```\n */\nfunction once<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): () => void {\n const wrappedHandler: EventHandler<T> = (data) => {\n off(event, wrappedHandler);\n handler(data);\n };\n\n return on(event, wrappedHandler);\n}\n\n/**\n * Subscribe to an event and unsubscribe when the handler returns true.\n * Useful for conditional one-time events where you need to wait for specific data.\n *\n * @param event - The event type to subscribe to\n * @param handler - The handler function that returns true to unsubscribe\n * @returns An unsubscribe function\n *\n * @example\n * ```typescript\n * // Wait until we receive a response with status 200\n * onUntil('response', (data) => {\n * if (data.status === 200) {\n * console.log('Success response received');\n * return true; // Unsubscribe\n * }\n * return false; // Keep listening\n * });\n * ```\n */\nfunction onUntil<T = unknown>(\n event: ServerEventType | '*',\n handler: (data: T) => boolean | undefined,\n): () => void {\n const wrappedHandler: EventHandler<T> = (data) => {\n const result = handler(data);\n if (result === true) {\n off(event, wrappedHandler);\n }\n };\n\n return on(event, wrappedHandler);\n}\n\n/**\n * Reset the composable state (useful for testing)\n */\nfunction resetState(): void {\n disconnect();\n serverVersion.value = null;\n eventHandlers.clear();\n currentOptions = { ...DEFAULT_OPTIONS };\n optionsInitialized = false;\n}\n\n/**\n * useWebSocket composable\n *\n * Provides WebSocket connection management functionality including:\n * - Reactive connection state\n * - Auto-reconnect with configurable delay\n * - Event subscription system\n * - Command sending\n *\n * @param options - Configuration options\n * @returns WebSocket management utilities\n */\nexport function useWebSocket(options: UseWebSocketOptions = {}): UseWebSocketReturn {\n // Only merge options when not connected and not initialized, or when disconnected\n // This prevents race conditions when multiple components pass different options\n if (!optionsInitialized || connectionState.value === 'disconnected') {\n currentOptions = { ...DEFAULT_OPTIONS, ...options };\n optionsInitialized = true;\n }\n\n /**\n * Computed property indicating if the WebSocket is connected\n */\n const connected = computed(() => connectionState.value === 'connected');\n\n /**\n * Computed property indicating if the WebSocket is attempting to reconnect\n */\n const isReconnecting = computed(() => connectionState.value === 'reconnecting');\n\n // Note: We don't disconnect on component unmount because this is singleton state\n // and other components may still be using the connection.\n // The connection will be cleaned up when the page unloads.\n\n // Only register lifecycle hooks when inside a Vue component context\n if (hasComponentContext()) {\n onMounted(() => {\n if (currentOptions.autoConnect) {\n connect();\n }\n });\n }\n\n return {\n /**\n * Current connection state\n */\n connectionState: computed(() => connectionState.value),\n\n /**\n * Whether the WebSocket is connected\n */\n connected,\n\n /**\n * Whether the WebSocket is attempting to reconnect\n */\n isReconnecting,\n\n /**\n * Server version received on connection\n */\n serverVersion: computed(() => serverVersion.value),\n\n /**\n * Number of reconnection attempts made\n */\n reconnectAttempts: computed(() => reconnectAttempts.value),\n\n /**\n * Connect to the WebSocket server\n */\n connect,\n\n /**\n * Disconnect from the WebSocket server\n */\n disconnect,\n\n /**\n * Send a command to the server\n */\n send,\n\n /**\n * Subscribe to a server event\n */\n on,\n\n /**\n * Unsubscribe from a server event\n */\n off,\n\n /**\n * Subscribe to an event once (one-shot, auto-unsubscribes after first call)\n */\n once,\n\n /**\n * Subscribe to an event until handler returns true\n */\n onUntil,\n\n /**\n * Reset the composable state (useful for testing)\n */\n resetState,\n };\n}\n","/**\n * Vue Router Configuration\n *\n * What: Defines routing configuration for the DevTools SPA\n * How: Creates routes for each main page/tab in the application\n * Why: Enables navigation between different DevTools features\n */\n\nimport { createRouter, createWebHashHistory, type RouteRecordRaw } from 'vue-router';\n\n/**\n * Route definitions for the DevTools SPA\n *\n * Each route corresponds to a tab in the DevTools interface:\n * - Routes: Endpoint listing and details\n * - Timeline: Request/response log with real-time updates\n * - Models: Store data editor for viewing/modifying mock data\n * - Simulator: Error simulation controls\n */\nconst routes: RouteRecordRaw[] = [\n {\n path: '/',\n redirect: '/routes',\n },\n {\n path: '/routes',\n name: 'routes',\n component: () => import('@/pages/RoutesPage.vue'),\n meta: {\n title: 'Routes',\n icon: 'route',\n },\n },\n {\n path: '/timeline',\n name: 'timeline',\n component: () => import('@/pages/TimelinePage.vue'),\n meta: {\n title: 'Timeline',\n icon: 'clock',\n },\n },\n {\n path: '/models',\n name: 'models',\n component: () => import('@/pages/ModelsPage.vue'),\n meta: {\n title: 'Models',\n icon: 'database',\n },\n },\n {\n path: '/simulator',\n name: 'simulator',\n component: () => import('@/pages/SimulatorPage.vue'),\n meta: {\n title: 'Simulator',\n icon: 'zap',\n },\n },\n // Catch-all route for undefined paths - redirects to routes page\n {\n path: '/:pathMatch(.*)*',\n name: 'not-found',\n redirect: '/routes',\n },\n];\n\n/**\n * Create the router instance\n *\n * Uses hash history mode for compatibility when embedded in iframes\n * or served from arbitrary paths in the dev server\n */\nconst router = createRouter({\n history: createWebHashHistory(),\n routes,\n});\n\nexport { routes };\nexport default router;\n","<!--\n App.vue - Main Application Component\n\n What: Root component for the DevTools SPA\n How: Provides the main layout with header, tab navigation, and router view\n Why: Acts as the entry point for the Vue application and defines the overall structure\n-->\n\n<script setup lang=\"ts\">\nimport { Clock, Database, Route, Wifi, WifiOff, Zap } from 'lucide-vue-next';\nimport { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useWebSocket } from '@/composables/useWebSocket';\nimport { routes } from '@/router';\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Navigation tabs derived from routes\nconst tabs = computed(() =>\n routes\n .filter((r) => r.name && r.meta?.title)\n .map((r) => ({\n name: r.name as string,\n path: r.path,\n title: r.meta?.title as string,\n icon: r.meta?.icon as string,\n })),\n);\n\n// Current active tab\nconst activeTab = computed(() => route.name as string);\n\n// Navigate to a tab\nfunction navigateTo(path: string): void {\n router.push(path);\n}\n\n// Icon component map\nconst iconMap: Record<string, typeof Route> = {\n route: Route,\n clock: Clock,\n database: Database,\n zap: Zap,\n};\n\n// Get icon with fallback for unknown icon names\nfunction getIcon(iconName: string): typeof Route {\n const icon = iconMap[iconName];\n if (!icon && import.meta.env.DEV) {\n console.warn(`[DevTools] Unknown icon name: \"${iconName}\". Using fallback.`);\n }\n return icon ?? Route;\n}\n\n// Connection status from WebSocket composable\nconst { connected: isConnected } = useWebSocket();\n</script>\n\n<template>\n <div class=\"app\">\n <!-- Header with branding and connection status -->\n <header class=\"app-header\">\n <div class=\"app-header__brand\">\n <Zap class=\"app-header__logo\" :size=\"20\" />\n <span class=\"app-header__title\">OpenAPI DevTools</span>\n </div>\n\n <!-- Tab Navigation -->\n <nav class=\"app-nav\" role=\"tablist\" aria-label=\"DevTools navigation\">\n <button\n v-for=\"tab in tabs\"\n :key=\"tab.name\"\n role=\"tab\"\n :aria-selected=\"activeTab === tab.name\"\n :aria-current=\"activeTab === tab.name ? 'true' : undefined\"\n :aria-controls=\"`panel-${tab.name}`\"\n :tabindex=\"0\"\n :class=\"[\n 'app-nav__tab',\n { 'app-nav__tab--active': activeTab === tab.name },\n ]\"\n @click=\"navigateTo(tab.path)\"\n >\n <component\n :is=\"getIcon(tab.icon)\"\n :size=\"16\"\n class=\"app-nav__icon\"\n />\n <span class=\"app-nav__label\">{{ tab.title }}</span>\n </button>\n </nav>\n\n <!-- Connection Status -->\n <div class=\"app-header__status\">\n <div class=\"connection-status\">\n <span\n :class=\"[\n 'connection-status__dot',\n isConnected\n ? 'connection-status__dot--connected'\n : 'connection-status__dot--disconnected',\n ]\"\n />\n <span class=\"connection-status__text\">\n {{ isConnected ? 'Connected' : 'Disconnected' }}\n </span>\n <component\n :is=\"isConnected ? Wifi : WifiOff\"\n :size=\"14\"\n class=\"connection-status__icon\"\n />\n </div>\n </div>\n </header>\n\n <!-- Main Content Area -->\n <main class=\"app-main\">\n <router-view v-slot=\"{ Component }\">\n <transition name=\"fade\" mode=\"out-in\">\n <component :is=\"Component\" />\n </transition>\n </router-view>\n </main>\n </div>\n</template>\n\n<style scoped>\n.app {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background-color: var(--devtools-bg);\n}\n\n/* Header styles */\n.app-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: var(--devtools-header-height);\n padding: 0 var(--devtools-space-md);\n background-color: var(--devtools-surface);\n border-bottom: 1px solid var(--devtools-border);\n position: sticky;\n top: 0;\n z-index: 100;\n}\n\n.app-header__brand {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n.app-header__logo {\n color: var(--devtools-primary);\n}\n\n.app-header__title {\n font-weight: var(--font-weight-6);\n font-size: var(--font-size-1);\n color: var(--devtools-text);\n}\n\n.app-header__status {\n display: flex;\n align-items: center;\n}\n\n/* Navigation styles */\n.app-nav {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n height: 100%;\n}\n\n.app-nav__tab {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n height: 100%;\n padding: 0 var(--devtools-space-md);\n background: none;\n border: none;\n border-bottom: 2px solid transparent;\n color: var(--devtools-text-muted);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.app-nav__tab:hover {\n color: var(--devtools-text);\n background-color: var(--devtools-surface-elevated);\n}\n\n.app-nav__tab:focus {\n outline: none;\n}\n\n.app-nav__tab:focus-visible {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n background-color: var(--devtools-surface-elevated);\n}\n\n/* High contrast mode support */\n@media (forced-colors: active) {\n .app-nav__tab:focus-visible {\n outline: 3px solid CanvasText;\n outline-offset: 2px;\n }\n}\n\n.app-nav__tab--active {\n color: var(--devtools-primary);\n border-bottom-color: var(--devtools-primary);\n}\n\n.app-nav__tab--active:focus-visible {\n outline-color: var(--devtools-primary-hover);\n}\n\n.app-nav__icon {\n flex-shrink: 0;\n}\n\n.app-nav__label {\n white-space: nowrap;\n}\n\n/* Connection status styles */\n.connection-status {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.connection-status__icon {\n opacity: 0.7;\n}\n\n/* Main content styles */\n.app-main {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n</style>\n\n<style>\n/* Page transition - must be unscoped to apply to router-view children */\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity var(--devtools-transition-normal);\n}\n\n.fade-enter-from,\n.fade-leave-to {\n opacity: 0;\n}\n</style>\n","/**\n * Main Entry Point for DevTools SPA\n *\n * What: Initializes and mounts the Vue application\n * How: Creates Vue app instance with Pinia and Vue Router\n * Why: Required entry point for the DevTools SPA\n */\n\nimport { createPinia } from 'pinia';\nimport type { App } from 'vue';\nimport { createApp } from 'vue';\n\nimport AppComponent from '@/App.vue';\nimport router from '@/router';\nimport { initializeStores } from '@/stores';\n\n// Import global styles\nimport '@/assets/main.css';\n\n/**\n * Module-scoped guard to ensure bootstrap only runs once\n */\nlet isBootstrapped = false;\nlet appInstance: App | null = null;\n\n/**\n * Create and configure the Vue application\n * This function is idempotent - calling it multiple times has no effect\n * after the first successful call.\n *\n * @returns The Vue app instance, or null if already bootstrapped\n */\nfunction bootstrap(): App | null {\n // Guard against multiple bootstrap calls\n if (isBootstrapped) {\n if (import.meta.env.DEV) {\n console.warn('[OpenAPI DevTools] Application already initialized, skipping bootstrap');\n }\n return appInstance;\n }\n\n // Create Vue app instance\n const app = createApp(AppComponent);\n\n // Create Pinia store instance\n const pinia = createPinia();\n\n // Install plugins\n app.use(pinia);\n app.use(router);\n\n // Initialize stores after Pinia is installed\n initializeStores();\n\n // Mount the app to the DOM\n app.mount('#app');\n\n // Mark as bootstrapped and store the instance\n isBootstrapped = true;\n appInstance = app;\n\n // Log startup info in development\n if (import.meta.env.DEV) {\n console.log('[OpenAPI DevTools] Application initialized');\n }\n\n return app;\n}\n\n// Only auto-bootstrap when running as standalone app (index.html entry)\n// When imported as a library, consumers should call bootstrap() manually\nif (typeof window !== 'undefined' && document.getElementById('app')) {\n bootstrap();\n}\n\n/**\n * Export the bootstrap function for library consumers\n * who may want to manually initialize the DevTools\n */\nexport { bootstrap };\n\nexport type {\n ClientCommand,\n ClientCommandType,\n ConnectedEventData,\n ConnectionState,\n EventHandler,\n ServerEvent,\n ServerEventType,\n ThemeMode,\n UseWebSocketOptions,\n UseWebSocketReturn,\n} from '@/composables';\n// Re-export composables for library consumers\nexport { useTheme, useWebSocket } from '@/composables';\n"],"file":"index-Dff2RvrN.js"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{E as D,c as r,r as o}from"./vue-vendor-Bkktf9yg.js";const j=D("registry",()=>{const a=o([]),h=o({totalEndpoints:0,withCustomHandler:0,totalSchemas:0,withCustomSeed:0,autoGenerated:0}),f=o(!1),i=o(null),u=o(""),n=o({methods:[],hasHandler:null,hasSeed:null,tags:[]}),d=o(null),l=o(new Set),g=r(()=>{const e=new Set;for(const t of a.value)for(const s of t.tags)e.add(s);return Array.from(e).sort()}),m=r(()=>{const e=new Set;for(const t of a.value)t.responseSchema&&e.add(t.responseSchema);return Array.from(e).sort()}),v=r(()=>{let e=a.value;if(u.value.trim()){const t=u.value.toLowerCase().trim();e=e.filter(s=>s.path.toLowerCase().includes(t)||s.operationId.toLowerCase().includes(t)||s.summary?.toLowerCase().includes(t)||s.tags.some(c=>c.toLowerCase().includes(t)))}return n.value.methods.length>0&&(e=e.filter(t=>n.value.methods.includes(t.method))),n.value.hasHandler!==null&&(e=e.filter(t=>t.hasHandler===n.value.hasHandler)),n.value.hasSeed!==null&&(e=e.filter(t=>t.hasSeed===n.value.hasSeed)),n.value.tags.length>0&&(e=e.filter(t=>t.tags.some(s=>n.value.tags.includes(s)))),e}),p=r(()=>{const e=new Map;for(const t of v.value){let s;t.tags.length>0?s=t.tags[0]:t.responseSchema?s=t.responseSchema:s=t.path.split("/").filter(Boolean)[0]||"Other",e.has(s)||e.set(s,[]),e.get(s)?.push(t)}return Array.from(e.entries()).map(([t,s])=>({tag:t,endpoints:s.sort((c,B)=>c.path.localeCompare(B.path)),isExpanded:l.value.has(t)})).sort((t,s)=>t.tag.localeCompare(s.tag))}),S=r(()=>d.value?a.value.find(e=>e.key===d.value)??null:null),w=r(()=>a.value.filter(e=>e.hasHandler).length),y=r(()=>a.value.filter(e=>e.hasSeed).length);function H(e){a.value=e.endpoints,h.value=e.stats,i.value=null;for(const t of e.endpoints)t.tags.length>0&&l.value.add(t.tags[0])}function C(e){f.value=e}function E(e){i.value=e,f.value=!1}function x(){i.value=null}function L(e){u.value=e}function A(e){const t=n.value.methods.indexOf(e);t===-1?n.value.methods.push(e):n.value.methods.splice(t,1)}function F(e){n.value.hasHandler=e}function G(e){n.value.hasSeed=e}function O(e){const t=n.value.tags.indexOf(e);t===-1?n.value.tags.push(e):n.value.tags.splice(t,1)}function T(){n.value={methods:[],hasHandler:null,hasSeed:null,tags:[]},u.value=""}function I(){return u.value.trim()!==""||n.value.methods.length>0||n.value.hasHandler!==null||n.value.hasSeed!==null||n.value.tags.length>0}function K(e){d.value=e}function M(e){l.value.has(e)?l.value.delete(e):l.value.add(e)}function Q(){for(const e of p.value)l.value.add(e.tag)}function R(){l.value.clear()}function k(e){const t=new Set(e);for(const s of a.value)s.hasHandler=t.has(s.operationId)}function q(e){const t=new Set(e);for(const s of a.value)s.hasSeed=s.responseSchema?t.has(s.responseSchema):!1}return{endpoints:a,stats:h,isLoading:f,error:i,searchQuery:u,filter:n,selectedEndpointKey:d,expandedTags:l,allTags:g,allSchemas:m,filteredEndpoints:v,groupedEndpoints:p,selectedEndpoint:S,handlerCount:w,seedCount:y,setRegistryData:H,setLoading:C,setError:E,clearError:x,setSearchQuery:L,toggleMethodFilter:A,setHandlerFilter:F,setSeedFilter:G,toggleTagFilter:O,clearFilters:T,hasActiveFilters:I,selectEndpoint:K,toggleGroup:M,expandAllGroups:Q,collapseAllGroups:R,updateHandlerStatus:k,updateSeedStatus:q}});export{j as u};
|
|
2
|
+
//# sourceMappingURL=registry-DjJcdO1T.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registry-DjJcdO1T.js","sources":["../../../src/stores/registry.ts"],"sourcesContent":["/**\n * Registry Store\n *\n * What: Pinia store for managing endpoint registry data\n * How: Fetches and caches endpoint data from the server via WebSocket\n * Why: Provides reactive access to endpoint data for the Routes Page\n *\n * @module stores/registry\n */\n\nimport { defineStore } from 'pinia';\nimport { computed, ref } from 'vue';\n\n/**\n * HTTP method type\n */\nexport type HttpMethod = 'get' | 'post' | 'put' | 'patch' | 'delete' | 'options' | 'head' | 'trace';\n\n/**\n * Security requirement from OpenAPI spec\n */\nexport interface SecurityRequirement {\n name: string;\n scopes: string[];\n}\n\n/**\n * Endpoint entry from the server\n */\nexport interface EndpointEntry {\n key: string;\n operationId: string;\n method: HttpMethod;\n path: string;\n summary?: string;\n description?: string;\n tags: string[];\n responseSchema?: string;\n hasHandler: boolean;\n hasSeed: boolean;\n security: SecurityRequirement[];\n}\n\n/**\n * Registry statistics\n */\nexport interface RegistryStats {\n totalEndpoints: number;\n withCustomHandler: number;\n totalSchemas: number;\n withCustomSeed: number;\n autoGenerated: number;\n}\n\n/**\n * Registry data from server\n */\nexport interface RegistryData {\n endpoints: EndpointEntry[];\n stats: RegistryStats;\n}\n\n/**\n * Grouped endpoints by tag\n */\nexport interface EndpointGroup {\n tag: string;\n endpoints: EndpointEntry[];\n isExpanded: boolean;\n}\n\n/**\n * Filter options for endpoints\n */\nexport interface EndpointFilter {\n methods: HttpMethod[];\n hasHandler: boolean | null;\n hasSeed: boolean | null;\n tags: string[];\n}\n\n/**\n * Registry store for endpoint data management\n *\n * Provides:\n * - Endpoint data storage and retrieval\n * - Grouping by tags\n * - Search and filter functionality\n * - Selected endpoint tracking\n */\nexport const useRegistryStore = defineStore('registry', () => {\n // ==========================================================================\n // State\n // ==========================================================================\n\n /** All endpoints from the server */\n const endpoints = ref<EndpointEntry[]>([]);\n\n /** Registry statistics */\n const stats = ref<RegistryStats>({\n totalEndpoints: 0,\n withCustomHandler: 0,\n totalSchemas: 0,\n withCustomSeed: 0,\n autoGenerated: 0,\n });\n\n /** Loading state */\n const isLoading = ref(false);\n\n /** Error state */\n const error = ref<string | null>(null);\n\n /** Search query */\n const searchQuery = ref('');\n\n /** Active filters */\n const filter = ref<EndpointFilter>({\n methods: [],\n hasHandler: null,\n hasSeed: null,\n tags: [],\n });\n\n /** Currently selected endpoint key */\n const selectedEndpointKey = ref<string | null>(null);\n\n /** Expanded tag groups */\n const expandedTags = ref<Set<string>>(new Set());\n\n // ==========================================================================\n // Getters / Computed\n // ==========================================================================\n\n /**\n * All unique tags from endpoints\n */\n const allTags = computed(() => {\n const tagSet = new Set<string>();\n for (const endpoint of endpoints.value) {\n for (const tag of endpoint.tags) {\n tagSet.add(tag);\n }\n }\n return Array.from(tagSet).sort();\n });\n\n /**\n * All unique response schemas\n */\n const allSchemas = computed(() => {\n const schemaSet = new Set<string>();\n for (const endpoint of endpoints.value) {\n if (endpoint.responseSchema) {\n schemaSet.add(endpoint.responseSchema);\n }\n }\n return Array.from(schemaSet).sort();\n });\n\n /**\n * Filtered endpoints based on search and filters\n */\n const filteredEndpoints = computed(() => {\n let result = endpoints.value;\n\n // Apply search query\n if (searchQuery.value.trim()) {\n const query = searchQuery.value.toLowerCase().trim();\n result = result.filter((endpoint) => {\n return (\n endpoint.path.toLowerCase().includes(query) ||\n endpoint.operationId.toLowerCase().includes(query) ||\n endpoint.summary?.toLowerCase().includes(query) ||\n endpoint.tags.some((tag) => tag.toLowerCase().includes(query))\n );\n });\n }\n\n // Apply method filter\n if (filter.value.methods.length > 0) {\n result = result.filter((endpoint) => filter.value.methods.includes(endpoint.method));\n }\n\n // Apply handler filter\n if (filter.value.hasHandler !== null) {\n result = result.filter((endpoint) => endpoint.hasHandler === filter.value.hasHandler);\n }\n\n // Apply seed filter\n if (filter.value.hasSeed !== null) {\n result = result.filter((endpoint) => endpoint.hasSeed === filter.value.hasSeed);\n }\n\n // Apply tag filter\n if (filter.value.tags.length > 0) {\n result = result.filter((endpoint) =>\n endpoint.tags.some((tag) => filter.value.tags.includes(tag)),\n );\n }\n\n return result;\n });\n\n /**\n * Endpoints grouped by tag\n *\n * Grouping logic (from PRD):\n * 1. By tags (if they exist in spec)\n * 2. Fallback: By response schema\n * 3. Final fallback: By first path segment\n */\n const groupedEndpoints = computed((): EndpointGroup[] => {\n const groups = new Map<string, EndpointEntry[]>();\n\n for (const endpoint of filteredEndpoints.value) {\n // Determine group key\n let groupKey: string;\n\n if (endpoint.tags.length > 0) {\n // Use first tag as group\n groupKey = endpoint.tags[0];\n } else if (endpoint.responseSchema) {\n // Fallback to response schema\n groupKey = endpoint.responseSchema;\n } else {\n // Final fallback: first path segment\n const segments = endpoint.path.split('/').filter(Boolean);\n groupKey = segments[0] || 'Other';\n }\n\n if (!groups.has(groupKey)) {\n groups.set(groupKey, []);\n }\n groups.get(groupKey)?.push(endpoint);\n }\n\n // Convert to array and sort\n return Array.from(groups.entries())\n .map(([tag, eps]) => ({\n tag,\n endpoints: eps.sort((a, b) => a.path.localeCompare(b.path)),\n isExpanded: expandedTags.value.has(tag),\n }))\n .sort((a, b) => a.tag.localeCompare(b.tag));\n });\n\n /**\n * Currently selected endpoint\n */\n const selectedEndpoint = computed(() => {\n if (!selectedEndpointKey.value) return null;\n return endpoints.value.find((e) => e.key === selectedEndpointKey.value) ?? null;\n });\n\n /**\n * Count of endpoints with custom handlers\n */\n const handlerCount = computed(() => endpoints.value.filter((e) => e.hasHandler).length);\n\n /**\n * Count of endpoints with seed data\n */\n const seedCount = computed(() => endpoints.value.filter((e) => e.hasSeed).length);\n\n // ==========================================================================\n // Actions\n // ==========================================================================\n\n /**\n * Set registry data from server response\n */\n function setRegistryData(data: RegistryData): void {\n endpoints.value = data.endpoints;\n stats.value = data.stats;\n error.value = null;\n\n // Auto-expand all groups initially\n for (const endpoint of data.endpoints) {\n if (endpoint.tags.length > 0) {\n expandedTags.value.add(endpoint.tags[0]);\n }\n }\n }\n\n /**\n * Set loading state\n */\n function setLoading(loading: boolean): void {\n isLoading.value = loading;\n }\n\n /**\n * Set error state\n */\n function setError(errorMessage: string): void {\n error.value = errorMessage;\n isLoading.value = false;\n }\n\n /**\n * Clear error state\n */\n function clearError(): void {\n error.value = null;\n }\n\n /**\n * Set search query\n */\n function setSearchQuery(query: string): void {\n searchQuery.value = query;\n }\n\n /**\n * Toggle method filter\n */\n function toggleMethodFilter(method: HttpMethod): void {\n const index = filter.value.methods.indexOf(method);\n if (index === -1) {\n filter.value.methods.push(method);\n } else {\n filter.value.methods.splice(index, 1);\n }\n }\n\n /**\n * Set handler filter\n */\n function setHandlerFilter(hasHandler: boolean | null): void {\n filter.value.hasHandler = hasHandler;\n }\n\n /**\n * Set seed filter\n */\n function setSeedFilter(hasSeed: boolean | null): void {\n filter.value.hasSeed = hasSeed;\n }\n\n /**\n * Toggle tag filter\n */\n function toggleTagFilter(tag: string): void {\n const index = filter.value.tags.indexOf(tag);\n if (index === -1) {\n filter.value.tags.push(tag);\n } else {\n filter.value.tags.splice(index, 1);\n }\n }\n\n /**\n * Clear all filters\n */\n function clearFilters(): void {\n filter.value = {\n methods: [],\n hasHandler: null,\n hasSeed: null,\n tags: [],\n };\n searchQuery.value = '';\n }\n\n /**\n * Check if any filter is active\n */\n function hasActiveFilters(): boolean {\n return (\n searchQuery.value.trim() !== '' ||\n filter.value.methods.length > 0 ||\n filter.value.hasHandler !== null ||\n filter.value.hasSeed !== null ||\n filter.value.tags.length > 0\n );\n }\n\n /**\n * Select an endpoint by key\n */\n function selectEndpoint(key: string | null): void {\n selectedEndpointKey.value = key;\n }\n\n /**\n * Toggle group expansion\n */\n function toggleGroup(tag: string): void {\n if (expandedTags.value.has(tag)) {\n expandedTags.value.delete(tag);\n } else {\n expandedTags.value.add(tag);\n }\n }\n\n /**\n * Expand all groups\n */\n function expandAllGroups(): void {\n for (const group of groupedEndpoints.value) {\n expandedTags.value.add(group.tag);\n }\n }\n\n /**\n * Collapse all groups\n */\n function collapseAllGroups(): void {\n expandedTags.value.clear();\n }\n\n /**\n * Update handler status for endpoints\n * Called when handlers are reloaded\n */\n function updateHandlerStatus(handlerOperationIds: string[]): void {\n const handlerSet = new Set(handlerOperationIds);\n for (const endpoint of endpoints.value) {\n endpoint.hasHandler = handlerSet.has(endpoint.operationId);\n }\n }\n\n /**\n * Update seed status for endpoints\n * Called when seeds are reloaded\n */\n function updateSeedStatus(seedSchemas: string[]): void {\n const seedSet = new Set(seedSchemas);\n for (const endpoint of endpoints.value) {\n endpoint.hasSeed = endpoint.responseSchema ? seedSet.has(endpoint.responseSchema) : false;\n }\n }\n\n // ==========================================================================\n // Return\n // ==========================================================================\n\n return {\n // State\n endpoints,\n stats,\n isLoading,\n error,\n searchQuery,\n filter,\n selectedEndpointKey,\n expandedTags,\n\n // Getters\n allTags,\n allSchemas,\n filteredEndpoints,\n groupedEndpoints,\n selectedEndpoint,\n handlerCount,\n seedCount,\n\n // Actions\n setRegistryData,\n setLoading,\n setError,\n clearError,\n setSearchQuery,\n toggleMethodFilter,\n setHandlerFilter,\n setSeedFilter,\n toggleTagFilter,\n clearFilters,\n hasActiveFilters,\n selectEndpoint,\n toggleGroup,\n expandAllGroups,\n collapseAllGroups,\n updateHandlerStatus,\n updateSeedStatus,\n };\n});\n"],"names":["useRegistryStore","defineStore","endpoints","ref","stats","isLoading","error","searchQuery","filter","selectedEndpointKey","expandedTags","allTags","computed","tagSet","endpoint","tag","allSchemas","schemaSet","filteredEndpoints","result","query","groupedEndpoints","groups","groupKey","eps","a","b","selectedEndpoint","handlerCount","seedCount","setRegistryData","data","setLoading","loading","setError","errorMessage","clearError","setSearchQuery","toggleMethodFilter","method","index","setHandlerFilter","hasHandler","setSeedFilter","hasSeed","toggleTagFilter","clearFilters","hasActiveFilters","selectEndpoint","key","toggleGroup","expandAllGroups","group","collapseAllGroups","updateHandlerStatus","handlerOperationIds","handlerSet","updateSeedStatus","seedSchemas","seedSet"],"mappings":"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"}
|