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

package/dist/spa/assets/SimulatorPage-ROKoAmUT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimulatorPage-ROKoAmUT.js","sources":["../../../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/plus.js","../../../src/stores/simulation.ts","../../../src/pages/SimulatorPage.vue"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Plus = createLucideIcon(\"plus\", [\n  [\"path\", { d: \"M5 12h14\", key: \"1ays0h\" }],\n  [\"path\", { d: \"M12 5v14\", key: \"s699le\" }]\n]);\n\nexport { Plus as default };\n//# sourceMappingURL=plus.js.map\n","/**\n * Simulation Store\n *\n * What: Pinia store for managing error and delay simulations\n * How: Manages simulation state and communicates with server via WebSocket\n * Why: Enables developers to test error handling and loading states\n *\n * @module stores/simulation\n */\n\nimport { defineStore } from 'pinia';\nimport { computed, ref } from 'vue';\n\n/**\n * Simulation preset type\n */\nexport type SimulationPresetType = 'delay' | 'error' | 'empty';\n\n/**\n * Simulation preset definition\n */\nexport interface SimulationPreset {\n  id: string;\n  label: string;\n  description: string;\n  type: SimulationPresetType;\n  status: number;\n  delay?: number;\n  body?: unknown;\n}\n\n/**\n * Active simulation state\n */\nexport interface ActiveSimulation {\n  path: string;\n  operationId?: string;\n  status: number;\n  delay?: number;\n  body?: unknown;\n  presetId?: string;\n}\n\n/**\n * Preset definitions matching PRD FR-104 requirements\n */\nexport const SIMULATION_PRESETS: SimulationPreset[] = [\n  {\n    id: 'slow-network',\n    label: 'Slow Network',\n    description: '3000ms delay (3G simulation)',\n    type: 'delay',\n    status: 200,\n    delay: 3000,\n  },\n  {\n    id: 'server-error',\n    label: 'Server Error',\n    description: 'Returns HTTP 500',\n    type: 'error',\n    status: 500,\n    body: { error: 'Internal Server Error', message: 'Simulated server error' },\n  },\n  {\n    id: 'rate-limit',\n    label: 'Rate Limited',\n    description: 'Returns HTTP 429',\n    type: 'error',\n    status: 429,\n    body: { error: 'Too Many Requests', message: 'Rate limit exceeded' },\n  },\n  {\n    id: 'not-found',\n    label: 'Not Found',\n    description: 'Returns HTTP 404',\n    type: 'error',\n    status: 404,\n    body: { error: 'Not Found', message: 'Resource not found' },\n  },\n  {\n    id: 'request-timeout',\n    label: 'Request Timeout',\n    description: '30000ms delay (simulates timeout)',\n    type: 'delay',\n    status: 200,\n    delay: 30000,\n  },\n  {\n    id: 'empty-response',\n    label: 'Empty Response',\n    description: 'Returns HTTP 200 with empty body',\n    type: 'empty',\n    status: 200,\n    body: null,\n  },\n  {\n    id: 'unauthorized',\n    label: 'Unauthorized',\n    description: 'Returns HTTP 401',\n    type: 'error',\n    status: 401,\n    body: { error: 'Unauthorized', message: 'Authentication required' },\n  },\n];\n\n/**\n * Simulation store for managing endpoint simulations\n *\n * Provides:\n * - Active simulations storage and retrieval\n * - Preset definitions and lookup\n * - WebSocket command integration\n * - Simulation count and status tracking\n */\nexport const useSimulationStore = defineStore('simulation', () => {\n  // ==========================================================================\n  // State\n  // ==========================================================================\n\n  /**\n   * Active simulations keyed by path\n   * One simulation per path (enforced by Map)\n   */\n  const simulations = ref<Map<string, ActiveSimulation>>(new Map());\n\n  /**\n   * Previous simulation state for rollback on failure\n   * Keyed by path, stores the simulation before optimistic update\n   */\n  const previousSimulations = ref<Map<string, ActiveSimulation | null>>(new Map());\n\n  /**\n   * Loading state for async operations\n   */\n  const isLoading = ref(false);\n\n  /**\n   * Error state\n   */\n  const error = ref<string | null>(null);\n\n  // ==========================================================================\n  // Getters / Computed\n  // ==========================================================================\n\n  /**\n   * All active simulations as an array\n   */\n  const activeSimulations = computed(() => {\n    return Array.from(simulations.value.values());\n  });\n\n  /**\n   * Count of active simulations\n   */\n  const count = computed(() => simulations.value.size);\n\n  /**\n   * Available presets\n   */\n  const presets = computed(() => SIMULATION_PRESETS);\n\n  /**\n   * Check if any simulations are active\n   */\n  const hasActiveSimulations = computed(() => simulations.value.size > 0);\n\n  /**\n   * Get simulations grouped by type\n   */\n  const simulationsByType = computed(() => {\n    const grouped = {\n      delay: [] as ActiveSimulation[],\n      error: [] as ActiveSimulation[],\n      empty: [] as ActiveSimulation[],\n    };\n\n    for (const simulation of simulations.value.values()) {\n      const type = getSimulationType(simulation);\n      grouped[type].push(simulation);\n    }\n\n    return grouped;\n  });\n\n  /**\n   * Determine simulation type from simulation config\n   */\n  function getSimulationType(simulation: ActiveSimulation): SimulationPresetType {\n    const preset = simulation.presetId\n      ? SIMULATION_PRESETS.find((p) => p.id === simulation.presetId)\n      : null;\n\n    if (preset) {\n      return preset.type;\n    }\n\n    if (simulation.delay && simulation.delay > 0) {\n      return 'delay';\n    }\n\n    if (simulation.body === null) {\n      return 'empty';\n    }\n\n    return 'error';\n  }\n\n  // ==========================================================================\n  // Actions\n  // ==========================================================================\n\n  /**\n   * Set active simulations from server (e.g., on 'simulation:active' event)\n   */\n  function setSimulations(newSimulations: ActiveSimulation[]): void {\n    simulations.value.clear();\n    for (const simulation of newSimulations) {\n      simulations.value.set(simulation.path, simulation);\n    }\n    error.value = null;\n  }\n\n  /**\n   * Add a new simulation locally\n   * Note: This updates local state only. Use addSimulation() to sync with server.\n   * @param storeForRollback - If true, stores previous state for rollback\n   */\n  function addSimulationLocal(simulation: ActiveSimulation, storeForRollback = false): void {\n    if (storeForRollback) {\n      // Store previous state (null if didn't exist)\n      const previous = simulations.value.get(simulation.path) || null;\n      previousSimulations.value.set(simulation.path, previous);\n    }\n    simulations.value.set(simulation.path, simulation);\n  }\n\n  /**\n   * Remove a simulation locally by path\n   * Note: This updates local state only. Use removeSimulation() to sync with server.\n   * @param storeForRollback - If true, stores previous state for rollback\n   */\n  function removeSimulationLocal(path: string, storeForRollback = false): boolean {\n    if (storeForRollback) {\n      // Store previous state before removing\n      const previous = simulations.value.get(path) || null;\n      previousSimulations.value.set(path, previous);\n    }\n    return simulations.value.delete(path);\n  }\n\n  /**\n   * Clear all simulations locally\n   * Note: This updates local state only. Use clearSimulations() to sync with server.\n   */\n  function clearSimulationsLocal(): void {\n    simulations.value.clear();\n  }\n\n  /**\n   * Get a simulation by path\n   */\n  function getSimulation(path: string): ActiveSimulation | undefined {\n    return simulations.value.get(path);\n  }\n\n  /**\n   * Check if a simulation exists for a path\n   */\n  function hasSimulation(path: string): boolean {\n    return simulations.value.has(path);\n  }\n\n  /**\n   * Get a preset by ID\n   */\n  function getPreset(id: string): SimulationPreset | undefined {\n    return SIMULATION_PRESETS.find((p) => p.id === id);\n  }\n\n  /**\n   * Create a simulation from a preset\n   */\n  function createSimulationFromPreset(\n    path: string,\n    presetId: string,\n    operationId?: string,\n  ): ActiveSimulation | null {\n    const preset = getPreset(presetId);\n    if (!preset) {\n      error.value = `Preset not found: ${presetId}`;\n      return null;\n    }\n\n    return {\n      path,\n      operationId,\n      status: preset.status,\n      delay: preset.delay,\n      body: preset.body,\n      presetId: preset.id,\n    };\n  }\n\n  /**\n   * Set loading state\n   */\n  function setLoading(loading: boolean): void {\n    isLoading.value = loading;\n  }\n\n  /**\n   * Set error state\n   */\n  function setError(errorMessage: string): void {\n    error.value = errorMessage;\n    isLoading.value = false;\n  }\n\n  /**\n   * Clear error state\n   */\n  function clearError(): void {\n    error.value = null;\n  }\n\n  /**\n   * Rollback a simulation to its previous state\n   * @param path - The path of the simulation to rollback\n   */\n  function rollbackSimulation(path: string): void {\n    if (!previousSimulations.value.has(path)) {\n      return;\n    }\n\n    const previous = previousSimulations.value.get(path);\n    if (previous === null || previous === undefined) {\n      // Was added optimistically, remove it\n      simulations.value.delete(path);\n    } else {\n      // Restore previous state\n      simulations.value.set(path, previous);\n    }\n\n    // Clear rollback data\n    previousSimulations.value.delete(path);\n  }\n\n  /**\n   * Handle simulation:added event from server\n   */\n  function handleSimulationAdded(data: { path: string }): void {\n    // Server will send 'simulation:active' event with full state\n    // This event is just a notification\n    console.log('[Simulation] Added:', data.path);\n  }\n\n  /**\n   * Handle simulation:removed event from server\n   */\n  function handleSimulationRemoved(data: { path: string }): void {\n    removeSimulationLocal(data.path);\n    console.log('[Simulation] Removed:', data.path);\n  }\n\n  /**\n   * Handle simulations:cleared event from server\n   */\n  function handleSimulationsCleared(data: { count: number }): void {\n    clearSimulationsLocal();\n    console.log('[Simulation] Cleared all:', data.count);\n  }\n\n  /**\n   * Handle simulation:set response from server\n   */\n  function handleSimulationSet(data: { path: string; success: boolean }): void {\n    if (data.success) {\n      // Clear rollback data on success\n      previousSimulations.value.delete(data.path);\n      console.log('[Simulation] Set successfully:', data.path);\n    } else {\n      // Rollback optimistic update on failure\n      rollbackSimulation(data.path);\n      setError(`Failed to set simulation for ${data.path}`);\n    }\n    setLoading(false);\n  }\n\n  /**\n   * Handle simulation:cleared response from server\n   */\n  function handleSimulationCleared(data: { path: string; success: boolean }): void {\n    if (data.success) {\n      // Clear rollback data on success\n      previousSimulations.value.delete(data.path);\n      console.log('[Simulation] Cleared successfully:', data.path);\n    } else {\n      // Rollback optimistic removal on failure\n      rollbackSimulation(data.path);\n      setError(`Failed to clear simulation for ${data.path}`);\n    }\n    setLoading(false);\n  }\n\n  // ==========================================================================\n  // Return\n  // ==========================================================================\n\n  return {\n    // State\n    simulations,\n    isLoading,\n    error,\n\n    // Getters\n    activeSimulations,\n    count,\n    presets,\n    hasActiveSimulations,\n    simulationsByType,\n\n    // Actions\n    setSimulations,\n    addSimulationLocal,\n    removeSimulationLocal,\n    clearSimulationsLocal,\n    getSimulation,\n    hasSimulation,\n    getPreset,\n    createSimulationFromPreset,\n    setLoading,\n    setError,\n    clearError,\n    rollbackSimulation,\n\n    // Event handlers\n    handleSimulationAdded,\n    handleSimulationRemoved,\n    handleSimulationsCleared,\n    handleSimulationSet,\n    handleSimulationCleared,\n  };\n});\n","<!--\n  SimulatorPage.vue - Error Simulation Controls Page\n\n  What: Provides controls for simulating various API error conditions\n  How: Manages simulation state via simulation store and WebSocket commands\n  Why: Allows developers to test error handling without modifying backend code\n-->\n\n<script setup lang=\"ts\">\nimport { AlertTriangle, Clock, Plus, Trash2, Zap } from 'lucide-vue-next';\nimport { computed, onMounted, onUnmounted, ref } from 'vue';\nimport { useWebSocket } from '../composables/useWebSocket';\nimport { useRegistryStore } from '../stores/registry';\nimport type { ActiveSimulation } from '../stores/simulation';\nimport { useSimulationStore } from '../stores/simulation';\n\n// ==========================================================================\n// Types\n// ==========================================================================\n\ninterface SimulationActiveEvent {\n  simulations: ActiveSimulation[];\n}\n\ninterface SimulationPathEvent {\n  path: string;\n}\n\ninterface SimulationsClearedEvent {\n  count: number;\n}\n\ninterface SimulationSetEvent {\n  path: string;\n  success: boolean;\n}\n\ninterface SimulationClearedEvent {\n  path: string;\n  success: boolean;\n}\n\n// ==========================================================================\n// Composables\n// ==========================================================================\n\nconst simulationStore = useSimulationStore();\nconst registryStore = useRegistryStore();\nconst { send, on } = useWebSocket();\n\n// ==========================================================================\n// State\n// ==========================================================================\n\n/** Path input for new simulation */\nconst newSimulationPath = ref('');\n\n/** Method input for new simulation */\nconst newSimulationMethod = ref('GET');\n\n/** Selected preset ID */\nconst selectedPresetId = ref<string | null>(null);\n\n/** Selected endpoint key (for dropdown selection) */\nconst selectedEndpointKey = ref<string | null>(null);\n\n/** Available HTTP methods */\nconst httpMethods = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'OPTIONS', 'HEAD'];\n\n/** WebSocket event unsubscribe functions (populated in onMounted) */\nlet unsubscribers: Array<() => void> = [];\n\n/** Simulations pending clear (for rollback on partial failures) */\nconst pendingClears = ref<Set<string>>(new Set());\n\n// ==========================================================================\n// Computed\n// ==========================================================================\n\n/**\n * Available endpoints for selection\n */\nconst availableEndpoints = computed(() => {\n  return registryStore.endpoints.map((e) => ({\n    key: e.key,\n    label: `${e.method.toUpperCase()} ${e.path}`,\n    method: e.method.toUpperCase(),\n    path: e.path,\n    operationId: e.operationId,\n  }));\n});\n\n/**\n * Check if we can add a new simulation\n */\nconst canAddSimulation = computed(() => {\n  const hasPath = newSimulationPath.value.trim() !== '';\n  const hasPreset = selectedPresetId.value !== null;\n  return hasPath && hasPreset;\n});\n\n/**\n * Active simulations for display\n */\nconst activeSimulations = computed(() => {\n  return simulationStore.activeSimulations.map((sim) => {\n    const preset = sim.presetId ? simulationStore.getPreset(sim.presetId) : null;\n    return {\n      ...sim,\n      preset,\n    };\n  });\n});\n\n/**\n * Simulation count\n */\nconst simulationCount = computed(() => simulationStore.count);\n\n// ==========================================================================\n// Methods\n// ==========================================================================\n\n/**\n * Add a new simulation\n */\nfunction addSimulation(): void {\n  if (!canAddSimulation.value || !selectedPresetId.value) return;\n\n  const preset = simulationStore.getPreset(selectedPresetId.value);\n  if (!preset) return;\n\n  // Validate path input\n  const trimmedPath = newSimulationPath.value.trim();\n\n  // Path must start with /\n  if (!trimmedPath.startsWith('/')) {\n    simulationStore.setError('Path must start with /');\n    return;\n  }\n\n  // Path must not be too long (reasonable limit)\n  if (trimmedPath.length > 500) {\n    simulationStore.setError('Path is too long (max 500 characters)');\n    return;\n  }\n\n  // Path should only contain valid URL path characters\n  if (!/^\\/[\\w\\-/{}:.]*$/.test(trimmedPath)) {\n    simulationStore.setError('Path contains invalid characters');\n    return;\n  }\n\n  // Combine method and path to create endpoint key (e.g., \"get:/pets\")\n  const pathWithMethod = `${newSimulationMethod.value.toLowerCase()}:${trimmedPath}`;\n  const simulation = simulationStore.createSimulationFromPreset(\n    pathWithMethod,\n    selectedPresetId.value,\n    undefined,\n  );\n\n  if (!simulation) return;\n\n  // Optimistically add to local state (store previous state for rollback)\n  simulationStore.addSimulationLocal(simulation, true);\n  simulationStore.setLoading(true);\n\n  // Send command to server\n  send({\n    type: 'set:simulation',\n    data: {\n      path: simulation.path,\n      status: simulation.status,\n      delay: simulation.delay,\n      body: simulation.body,\n    },\n  });\n\n  // Reset form\n  newSimulationPath.value = '';\n  selectedPresetId.value = null;\n  selectedEndpointKey.value = null;\n}\n\n/**\n * Remove an active simulation\n */\nfunction removeSimulation(path: string): void {\n  // Optimistically remove from local state (store previous state for rollback)\n  simulationStore.removeSimulationLocal(path, true);\n  simulationStore.setLoading(true);\n\n  // Send command to server\n  send({\n    type: 'clear:simulation',\n    data: { path },\n  });\n}\n\n/**\n * Clear all simulations\n */\nfunction clearAllSimulations(): void {\n  if (simulationCount.value === 0) return;\n\n  // Mark each simulation as pending clear and store for rollback\n  for (const simulation of simulationStore.activeSimulations) {\n    pendingClears.value.add(simulation.path);\n\n    // Store previous state for rollback\n    simulationStore.removeSimulationLocal(simulation.path, true);\n\n    // Send clear command to server\n    send({\n      type: 'clear:simulation',\n      data: { path: simulation.path },\n    });\n  }\n\n  simulationStore.setLoading(true);\n\n  // Note: Individual simulations will be removed from local state\n  // only when we receive the corresponding \"simulation:cleared\" event\n  // with success: true. Failed clears will be rolled back automatically.\n}\n\n/**\n * Handle endpoint selection from dropdown\n */\nfunction handleEndpointSelect(): void {\n  if (!selectedEndpointKey.value) return;\n\n  const endpoint = registryStore.endpoints.find((e) => e.key === selectedEndpointKey.value);\n  if (!endpoint) return;\n\n  newSimulationMethod.value = endpoint.method.toUpperCase();\n  newSimulationPath.value = endpoint.path;\n}\n\n/**\n * Handle manual path/method input\n */\nfunction handleManualInput(): void {\n  // Clear endpoint selection when user types manually\n  selectedEndpointKey.value = null;\n}\n\n// ==========================================================================\n// Lifecycle\n// ==========================================================================\n\nonMounted(() => {\n  // Subscribe to simulation events and collect unsubscribe functions\n  unsubscribers = [\n    on('simulation:active', (data: SimulationActiveEvent) => {\n      simulationStore.setSimulations(data.simulations);\n    }),\n\n    on('simulation:added', (data: SimulationPathEvent) => {\n      simulationStore.handleSimulationAdded(data);\n    }),\n\n    on('simulation:removed', (data: SimulationPathEvent) => {\n      simulationStore.handleSimulationRemoved(data);\n    }),\n\n    on('simulations:cleared', (data: SimulationsClearedEvent) => {\n      simulationStore.handleSimulationsCleared(data);\n    }),\n\n    on('simulation:set', (data: SimulationSetEvent) => {\n      simulationStore.handleSimulationSet(data);\n    }),\n\n    on('simulation:cleared', (data: SimulationClearedEvent) => {\n      // Remove from pending clears if it was part of clearAll\n      if (pendingClears.value.has(data.path)) {\n        pendingClears.value.delete(data.path);\n      }\n\n      // Delegate to store handler (handles success/failure and rollback)\n      simulationStore.handleSimulationCleared(data);\n    }),\n  ];\n\n  // Request current simulations from server\n  send({ type: 'get:registry' });\n});\n\n// Cleanup on unmount to prevent memory leaks\nonUnmounted(() => {\n  for (const unsub of unsubscribers) {\n    unsub();\n  }\n});\n</script>\n\n<template>\n  <div class=\"simulator-page\">\n    <!-- Add Simulation Form -->\n    <div class=\"simulator-form card\">\n      <div class=\"simulator-form__header\">\n        <Zap :size=\"18\" />\n        <span>Add Simulation</span>\n      </div>\n\n      <div class=\"simulator-form__body\">\n        <!-- Endpoint Selector (optional) -->\n        <div v-if=\"availableEndpoints.length > 0\" class=\"simulator-form__row\">\n          <label class=\"simulator-form__label\">Select Endpoint (optional):</label>\n          <select\n            v-model=\"selectedEndpointKey\"\n            class=\"input\"\n            @change=\"handleEndpointSelect\"\n          >\n            <option :value=\"null\">Manual entry...</option>\n            <option\n              v-for=\"endpoint in availableEndpoints\"\n              :key=\"endpoint.key\"\n              :value=\"endpoint.key\"\n            >\n              {{ endpoint.label }}\n            </option>\n          </select>\n        </div>\n\n        <!-- Method and Path -->\n        <div class=\"simulator-form__row\">\n          <select\n            v-model=\"newSimulationMethod\"\n            class=\"simulator-form__method input\"\n            @change=\"handleManualInput\"\n          >\n            <option v-for=\"method in httpMethods\" :key=\"method\" :value=\"method\">\n              {{ method }}\n            </option>\n          </select>\n          <input\n            v-model=\"newSimulationPath\"\n            type=\"text\"\n            class=\"simulator-form__path input\"\n            placeholder=\"/api/path\"\n            @input=\"handleManualInput\"\n          />\n        </div>\n\n        <!-- Preset Selection -->\n        <div class=\"simulator-presets\">\n          <button\n            v-for=\"preset in simulationStore.presets\"\n            :key=\"preset.id\"\n            :class=\"[\n              'simulator-preset',\n              { 'simulator-preset--selected': selectedPresetId === preset.id },\n              `simulator-preset--${preset.type}`,\n            ]\"\n            :title=\"preset.description\"\n            @click=\"selectedPresetId = preset.id\"\n          >\n            <component\n              :is=\"preset.type === 'delay' ? Clock : AlertTriangle\"\n              :size=\"14\"\n            />\n            <span class=\"simulator-preset__label\">{{ preset.label }}</span>\n          </button>\n        </div>\n\n        <!-- Add Button -->\n        <button\n          class=\"btn btn--primary\"\n          :disabled=\"!canAddSimulation || simulationStore.isLoading\"\n          @click=\"addSimulation\"\n        >\n          <Plus :size=\"16\" />\n          <span>Add Simulation</span>\n        </button>\n      </div>\n    </div>\n\n    <!-- Active Simulations -->\n    <div class=\"simulator-active\">\n      <div class=\"simulator-active__header\">\n        <span class=\"simulator-active__title\">\n          Active Simulations ({{ simulationCount }})\n        </span>\n        <button\n          v-if=\"simulationCount > 0\"\n          class=\"btn btn--ghost\"\n          :disabled=\"simulationStore.isLoading\"\n          @click=\"clearAllSimulations\"\n        >\n          <Trash2 :size=\"14\" />\n          <span>Clear All</span>\n        </button>\n      </div>\n\n      <div class=\"simulator-active__list\">\n        <div\n          v-for=\"simulation in activeSimulations\"\n          :key=\"simulation.path\"\n          class=\"simulator-simulation card\"\n        >\n          <div class=\"simulator-simulation__info\">\n            <span class=\"simulator-simulation__path font-mono\">\n              {{ simulation.path }}\n            </span>\n          </div>\n          <div class=\"simulator-simulation__preset\">\n            <component\n              :is=\"simulation.preset?.type === 'delay' ? Clock : AlertTriangle\"\n              :size=\"14\"\n              :class=\"{\n                'text-warning': simulation.preset?.type === 'delay',\n                'text-error': simulation.preset?.type === 'error',\n                'text-muted': simulation.preset?.type === 'empty',\n              }\"\n            />\n            <span>\n              {{ simulation.preset?.label || `HTTP ${simulation.status}` }}\n            </span>\n            <span v-if=\"simulation.delay\" class=\"text-muted\">\n              ({{ simulation.delay }}ms)\n            </span>\n          </div>\n          <button\n            class=\"btn btn--ghost btn--icon\"\n            title=\"Remove simulation\"\n            :disabled=\"simulationStore.isLoading\"\n            @click=\"removeSimulation(simulation.path)\"\n          >\n            <Trash2 :size=\"14\" />\n          </button>\n        </div>\n\n        <!-- Empty State -->\n        <div v-if=\"simulationCount === 0\" class=\"empty-state\">\n          <Zap :size=\"48\" class=\"empty-state__icon\" />\n          <h3 class=\"empty-state__title\">No active simulations</h3>\n          <p class=\"empty-state__description\">\n            Add a simulation above to test error handling and slow responses.\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.simulator-page {\n  display: flex;\n  flex-direction: column;\n  gap: var(--devtools-space-lg);\n  height: 100%;\n  padding: var(--devtools-space-md);\n  overflow-y: auto;\n}\n\n/* Form */\n.simulator-form {\n  flex-shrink: 0;\n}\n\n.simulator-form__header {\n  display: flex;\n  align-items: center;\n  gap: var(--devtools-space-sm);\n  padding-bottom: var(--devtools-space-md);\n  margin-bottom: var(--devtools-space-md);\n  border-bottom: 1px solid var(--devtools-border);\n  font-weight: var(--font-weight-6);\n  font-size: var(--font-size-1);\n}\n\n.simulator-form__body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--devtools-space-md);\n}\n\n.simulator-form__row {\n  display: flex;\n  flex-direction: column;\n  gap: var(--devtools-space-xs);\n}\n\n.simulator-form__row:has(.simulator-form__method) {\n  flex-direction: row;\n  gap: var(--devtools-space-sm);\n}\n\n.simulator-form__label {\n  font-size: var(--font-size-0);\n  font-weight: var(--font-weight-5);\n  color: var(--devtools-text);\n}\n\n.simulator-form__method {\n  width: 100px;\n  flex-shrink: 0;\n}\n\n.simulator-form__path {\n  flex: 1;\n}\n\n/* Presets */\n.simulator-presets {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--devtools-space-xs);\n}\n\n.simulator-preset {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--devtools-space-xs);\n  padding: var(--devtools-space-xs) var(--devtools-space-sm);\n  background-color: var(--devtools-surface-elevated);\n  border: 1px solid var(--devtools-border);\n  border-radius: var(--devtools-radius-sm);\n  font-family: var(--devtools-font-sans);\n  font-size: var(--font-size-0);\n  cursor: pointer;\n  transition: all var(--devtools-transition-fast);\n}\n\n.simulator-preset:hover {\n  background-color: var(--devtools-border);\n}\n\n.simulator-preset--selected {\n  border-color: var(--devtools-primary);\n  background-color: color-mix(\n    in srgb,\n    var(--devtools-primary) 15%,\n    transparent\n  );\n}\n\n.simulator-preset--delay {\n  color: var(--devtools-warning);\n}\n\n.simulator-preset--error {\n  color: var(--devtools-error);\n}\n\n.simulator-preset--empty {\n  color: var(--devtools-text-muted);\n}\n\n.simulator-preset__label {\n  color: var(--devtools-text);\n}\n\n/* Active Simulations */\n.simulator-active {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n.simulator-active__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: var(--devtools-space-md);\n}\n\n.simulator-active__title {\n  font-weight: var(--font-weight-6);\n  font-size: var(--font-size-1);\n}\n\n.simulator-active__list {\n  flex: 1;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--devtools-space-xs);\n}\n\n/* Simulation Item */\n.simulator-simulation {\n  display: flex;\n  align-items: center;\n  gap: var(--devtools-space-md);\n  padding: var(--devtools-space-sm) var(--devtools-space-md);\n}\n\n.simulator-simulation__info {\n  display: flex;\n  align-items: center;\n  gap: var(--devtools-space-sm);\n  flex: 1;\n}\n\n.simulator-simulation__path {\n  font-size: var(--font-size-1);\n  color: var(--devtools-text);\n}\n\n.simulator-simulation__preset {\n  display: flex;\n  align-items: center;\n  gap: var(--devtools-space-xs);\n  font-size: var(--font-size-0);\n  color: var(--devtools-text-muted);\n}\n\n/* Color utilities */\n.text-warning {\n  color: var(--devtools-warning);\n}\n\n.text-error {\n  color: var(--devtools-error);\n}\n\n.text-muted {\n  color: var(--devtools-text-muted);\n}\n</style>\n"],"names":["Plus","createLucideIcon","SIMULATION_PRESETS","useSimulationStore","defineStore","simulations","ref","previousSimulations","isLoading","error","activeSimulations","computed","count","presets","hasActiveSimulations","simulationsByType","grouped","simulation","type","getSimulationType","preset","p","setSimulations","newSimulations","addSimulationLocal","storeForRollback","previous","removeSimulationLocal","path","clearSimulationsLocal","getSimulation","hasSimulation","getPreset","id","createSimulationFromPreset","presetId","operationId","setLoading","loading","setError","errorMessage","clearError","rollbackSimulation","handleSimulationAdded","data","handleSimulationRemoved","handleSimulationsCleared","handleSimulationSet","handleSimulationCleared","simulationStore","registryStore","useRegistryStore","send","on","useWebSocket","newSimulationPath","newSimulationMethod","selectedPresetId","selectedEndpointKey","httpMethods","unsubscribers","pendingClears","availableEndpoints","e","canAddSimulation","hasPath","hasPreset","sim","simulationCount","addSimulation","trimmedPath","pathWithMethod","removeSimulation","clearAllSimulations","handleEndpointSelect","endpoint","handleManualInput","onMounted","onUnmounted","unsub","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","_unref","Zap","_cache","_hoisted_4","_hoisted_5","$event","_Fragment","_renderList","_toDisplayString","_hoisted_6","_hoisted_7","method","_hoisted_8","_hoisted_9","_normalizeClass","_createBlock","_resolveDynamicComponent","Clock","AlertTriangle","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","Trash2","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_23"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/spa/assets/TimelinePage-BDyp8kvu.css

@@ -0,0 +1 @@
+.timeline-detail[data-v-b4bdd2d2]{display:flex;flex-direction:column;height:100%;overflow:hidden}.timeline-detail__empty[data-v-b4bdd2d2]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--devtools-space-xl);text-align:center}.timeline-detail__empty-icon[data-v-b4bdd2d2]{color:var(--devtools-text-muted);opacity:.5;margin-bottom:var(--devtools-space-md)}.timeline-detail__empty-title[data-v-b4bdd2d2]{font-size:var(--font-size-3);font-weight:var(--font-weight-6);color:var(--devtools-text);margin:0 0 var(--devtools-space-sm) 0}.timeline-detail__empty-description[data-v-b4bdd2d2]{font-size:var(--font-size-1);color:var(--devtools-text-muted);margin:0}.timeline-detail__content[data-v-b4bdd2d2]{display:flex;flex-direction:column;height:100%;overflow-y:auto}.timeline-detail__header[data-v-b4bdd2d2]{display:flex;flex-direction:column;gap:var(--devtools-space-sm);padding:var(--devtools-space-md);background-color:var(--devtools-surface);border-bottom:1px solid var(--devtools-border)}.timeline-detail__summary[data-v-b4bdd2d2]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.timeline-detail__path[data-v-b4bdd2d2]{font-size:var(--font-size-2);font-weight:var(--font-weight-5);color:var(--devtools-text);word-break:break-all}.timeline-detail__meta[data-v-b4bdd2d2]{display:flex;align-items:center;gap:var(--devtools-space-md)}.timeline-detail__duration[data-v-b4bdd2d2]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.timeline-detail__simulated[data-v-b4bdd2d2]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);color:var(--devtools-warning)}.timeline-detail__actions[data-v-b4bdd2d2]{display:flex;gap:var(--devtools-space-sm)}.timeline-detail__info[data-v-b4bdd2d2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--devtools-space-md);padding:var(--devtools-space-md);background-color:var(--devtools-surface-elevated);border-bottom:1px solid var(--devtools-border)}.timeline-detail__info-item[data-v-b4bdd2d2]{display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.timeline-detail__info-label[data-v-b4bdd2d2]{font-size:var(--font-size-0);font-weight:var(--font-weight-5);color:var(--devtools-text-muted);text-transform:uppercase;letter-spacing:.05em}.timeline-detail__info-value[data-v-b4bdd2d2]{font-size:var(--font-size-1);color:var(--devtools-text)}.timeline-detail__section[data-v-b4bdd2d2]{padding:var(--devtools-space-md);border-bottom:1px solid var(--devtools-border)}.timeline-detail__section[data-v-b4bdd2d2]:last-child{border-bottom:none}.timeline-detail__section-title[data-v-b4bdd2d2]{font-size:var(--font-size-1);font-weight:var(--font-weight-6);color:var(--devtools-text);margin:0 0 var(--devtools-space-md) 0;text-transform:uppercase;letter-spacing:.05em}.timeline-detail__subsection[data-v-b4bdd2d2]{margin-bottom:var(--devtools-space-sm)}.timeline-detail__subsection[data-v-b4bdd2d2]:last-child{margin-bottom:0}.timeline-detail__subsection-header[data-v-b4bdd2d2]{display:flex;align-items:center;gap:var(--devtools-space-xs);width:100%;padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm)}.timeline-detail__subsection-toggle[data-v-b4bdd2d2]{display:flex;align-items:center;gap:var(--devtools-space-xs);flex:1;padding:0;background:none;border:none;font-family:var(--devtools-font-sans);font-size:var(--font-size-1);font-weight:var(--font-weight-5);color:var(--devtools-text);text-align:left;cursor:pointer;transition:all var(--devtools-transition-fast)}.timeline-detail__subsection-toggle[data-v-b4bdd2d2]:hover{color:var(--devtools-text-hover)}.timeline-detail__subsection-content[data-v-b4bdd2d2]{margin-top:var(--devtools-space-xs);padding:var(--devtools-space-sm);background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm)}.timeline-detail__kv-row[data-v-b4bdd2d2]{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:var(--devtools-space-md);padding:var(--devtools-space-xs) 0;border-bottom:1px solid var(--devtools-border)}.timeline-detail__kv-row[data-v-b4bdd2d2]:last-child{border-bottom:none}.timeline-detail__kv-key[data-v-b4bdd2d2]{font-size:var(--font-size-0);font-weight:var(--font-weight-5);color:var(--devtools-text-muted);word-break:break-all}.timeline-detail__kv-value[data-v-b4bdd2d2]{font-size:var(--font-size-0);color:var(--devtools-text);word-break:break-all}.timeline-detail__json[data-v-b4bdd2d2]{margin:0;padding:var(--devtools-space-sm);background-color:var(--devtools-bg);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-mono);font-size:var(--font-size-0);color:var(--devtools-text);white-space:pre-wrap;word-break:break-all;overflow-x:auto}.status-badge[data-v-b4bdd2d2]{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);padding:2px var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);font-weight:var(--font-weight-5);font-family:var(--devtools-font-mono)}.status-badge--pending[data-v-b4bdd2d2]{background-color:color-mix(in srgb,var(--devtools-text-muted) 15%,transparent);color:var(--devtools-text-muted)}.status-badge--1xx[data-v-b4bdd2d2]{background-color:color-mix(in srgb,var(--devtools-info) 15%,transparent);color:var(--devtools-info)}.status-badge--2xx[data-v-b4bdd2d2]{background-color:color-mix(in srgb,var(--devtools-success) 15%,transparent);color:var(--devtools-success)}.status-badge--3xx[data-v-b4bdd2d2]{background-color:color-mix(in srgb,var(--devtools-info) 15%,transparent);color:var(--devtools-info)}.status-badge--4xx[data-v-b4bdd2d2]{background-color:color-mix(in srgb,var(--devtools-warning) 15%,transparent);color:var(--devtools-warning)}.status-badge--5xx[data-v-b4bdd2d2]{background-color:color-mix(in srgb,var(--devtools-error) 15%,transparent);color:var(--devtools-error)}.timeline-detail__pending[data-v-b4bdd2d2]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--devtools-space-sm);padding:var(--devtools-space-lg)}.timeline-detail__pending-icon[data-v-b4bdd2d2]{color:var(--devtools-text-muted);animation:pulse-b4bdd2d2 2s ease-in-out infinite}@keyframes pulse-b4bdd2d2{0%,to{opacity:1}50%{opacity:.5}}.timeline-entry[data-v-a073dbdf]{display:grid;grid-template-columns:100px 80px 1fr auto 80px auto;align-items:center;gap:var(--devtools-space-md);width:100%;padding:var(--devtools-space-sm) var(--devtools-space-md);background:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);text-align:left;cursor:pointer;transition:all var(--devtools-transition-fast)}.timeline-entry[data-v-a073dbdf]:hover{background-color:var(--devtools-surface-elevated);border-color:var(--devtools-border-hover)}.timeline-entry[data-v-a073dbdf]:focus{outline:none}.timeline-entry[data-v-a073dbdf]:focus-visible{outline:2px solid var(--devtools-primary);outline-offset:-2px}.timeline-entry--selected[data-v-a073dbdf]{background-color:color-mix(in srgb,var(--devtools-primary) 10%,transparent);border-color:var(--devtools-primary)}.timeline-entry--selected[data-v-a073dbdf]:hover{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent)}.timeline-entry--pending[data-v-a073dbdf]{opacity:.7}.timeline-entry--simulated[data-v-a073dbdf]{border-left:3px solid var(--devtools-warning)}.timeline-entry__time[data-v-a073dbdf]{font-size:var(--font-size-0)}.timeline-entry__path[data-v-a073dbdf]{font-size:var(--font-size-1);color:var(--devtools-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-entry__status[data-v-a073dbdf]{display:flex;align-items:center}.status-badge[data-v-a073dbdf]{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);padding:2px var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-size:var(--font-size-0);font-weight:var(--font-weight-5);font-family:var(--devtools-font-mono)}.status-badge--pending[data-v-a073dbdf]{background-color:color-mix(in srgb,var(--devtools-text-muted) 15%,transparent);color:var(--devtools-text-muted)}.status-badge--1xx[data-v-a073dbdf]{background-color:color-mix(in srgb,var(--devtools-info) 15%,transparent);color:var(--devtools-info)}.status-badge--2xx[data-v-a073dbdf]{background-color:color-mix(in srgb,var(--devtools-success) 15%,transparent);color:var(--devtools-success)}.status-badge--3xx[data-v-a073dbdf]{background-color:color-mix(in srgb,var(--devtools-info) 15%,transparent);color:var(--devtools-info)}.status-badge--4xx[data-v-a073dbdf]{background-color:color-mix(in srgb,var(--devtools-warning) 15%,transparent);color:var(--devtools-warning)}.status-badge--5xx[data-v-a073dbdf]{background-color:color-mix(in srgb,var(--devtools-error) 15%,transparent);color:var(--devtools-error)}.timeline-entry__duration[data-v-a073dbdf]{font-size:var(--font-size-0);text-align:right}.timeline-entry__simulated[data-v-a073dbdf]{display:flex;align-items:center;justify-content:center;color:var(--devtools-warning)}.timeline-page[data-v-a5c73778]{display:flex;flex-direction:column;height:100%;overflow:hidden}.timeline-toolbar[data-v-a5c73778]{display:flex;align-items:center;gap:var(--devtools-space-md);padding:var(--devtools-space-md);background-color:var(--devtools-surface);border-bottom:1px solid var(--devtools-border)}.timeline-search[data-v-a5c73778]{position:relative;flex:1;max-width:400px}.timeline-search__icon[data-v-a5c73778]{position:absolute;left:var(--devtools-space-sm);top:50%;transform:translateY(-50%);color:var(--devtools-text-muted);pointer-events:none}.timeline-search__input[data-v-a5c73778]{padding-left:calc(var(--devtools-space-sm) + 24px);padding-right:calc(var(--devtools-space-sm) + 24px)}.timeline-search__clear[data-v-a5c73778]{position:absolute;right:var(--devtools-space-xs);top:50%;transform:translateY(-50%);padding:var(--devtools-space-xs)}.timeline-filter-toggle[data-v-a5c73778]{flex-shrink:0}.timeline-filter-toggle--active[data-v-a5c73778]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent);border-color:var(--devtools-primary);color:var(--devtools-primary)}.timeline-filter-toggle__badge[data-v-a5c73778]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--devtools-space-xs);background-color:var(--devtools-primary);color:var(--devtools-text-inverted);border-radius:9px;font-size:var(--font-size-0);font-weight:var(--font-weight-6)}.timeline-stats[data-v-a5c73778]{display:flex;align-items:center;gap:var(--devtools-space-sm);margin-left:auto;font-size:var(--font-size-0);color:var(--devtools-text-muted)}.timeline-stats__separator[data-v-a5c73778]{opacity:.5}.timeline-filters[data-v-a5c73778]{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--devtools-space-lg);padding:var(--devtools-space-md);background-color:var(--devtools-surface-elevated);border-bottom:1px solid var(--devtools-border)}.timeline-filters__section[data-v-a5c73778]{display:flex;flex-direction:column;gap:var(--devtools-space-sm)}.timeline-filters__title[data-v-a5c73778]{font-size:var(--font-size-0);font-weight:var(--font-weight-6);color:var(--devtools-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.timeline-filters__methods[data-v-a5c73778]{display:flex;flex-wrap:wrap;gap:var(--devtools-space-xs)}.timeline-filters__methods .method-badge[data-v-a5c73778]{cursor:pointer;transition:all var(--devtools-transition-fast)}.timeline-filters__methods .method-badge--inactive[data-v-a5c73778]{opacity:.4}.timeline-filters__status[data-v-a5c73778],.timeline-filters__type[data-v-a5c73778]{display:flex;gap:var(--devtools-space-sm)}.timeline-filters__status-btn[data-v-a5c73778]{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-0);color:var(--devtools-text-muted);cursor:pointer;transition:all var(--devtools-transition-fast)}.timeline-filters__status-btn[data-v-a5c73778]:hover{background-color:var(--devtools-surface-elevated);color:var(--devtools-text)}.timeline-filters__status-btn--active[data-v-a5c73778]{background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent);border-color:var(--devtools-primary);color:var(--devtools-primary)}.timeline-filters__status-btn--2xx.timeline-filters__status-btn--active[data-v-a5c73778]{background-color:color-mix(in srgb,var(--devtools-success) 15%,transparent);border-color:var(--devtools-success);color:var(--devtools-success)}.timeline-filters__status-btn--3xx.timeline-filters__status-btn--active[data-v-a5c73778]{background-color:color-mix(in srgb,var(--devtools-info) 15%,transparent);border-color:var(--devtools-info);color:var(--devtools-info)}.timeline-filters__status-btn--4xx.timeline-filters__status-btn--active[data-v-a5c73778]{background-color:color-mix(in srgb,var(--devtools-warning) 15%,transparent);border-color:var(--devtools-warning);color:var(--devtools-warning)}.timeline-filters__status-btn--5xx.timeline-filters__status-btn--active[data-v-a5c73778]{background-color:color-mix(in srgb,var(--devtools-error) 15%,transparent);border-color:var(--devtools-error);color:var(--devtools-error)}.timeline-filters__status-count[data-v-a5c73778]{font-size:var(--font-size-00);opacity:.7}.timeline-filters__actions[data-v-a5c73778]{display:flex;align-items:flex-end;margin-left:auto}.timeline-content[data-v-a5c73778]{flex:1;display:flex;overflow:hidden}.timeline-loading[data-v-a5c73778]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:var(--devtools-space-md)}.timeline-loading__spinner[data-v-a5c73778]{width:32px;height:32px;border:3px solid var(--devtools-border);border-top-color:var(--devtools-primary);border-radius:50%;animation:spin-a5c73778 1s linear infinite}@keyframes spin-a5c73778{to{transform:rotate(360deg)}}.timeline-error[data-v-a5c73778]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:var(--devtools-space-md);padding:var(--devtools-space-xl)}.timeline-error__message[data-v-a5c73778]{color:var(--devtools-error);margin:0}.timeline-empty[data-v-a5c73778]{width:100%}.timeline-list-panel[data-v-a5c73778]{width:50%;min-width:300px;max-width:600px;border-right:1px solid var(--devtools-border);background-color:var(--devtools-bg);overflow:hidden;display:flex;flex-direction:column}.timeline-list[data-v-a5c73778]{flex:1;overflow-y:auto;padding:var(--devtools-space-sm);display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.timeline-detail-panel[data-v-a5c73778]{flex:1;overflow:hidden;background-color:var(--devtools-bg)}

package/dist/spa/assets/TimelinePage-CwR-Coxj.js

@@ -0,0 +1,2 @@
+import{D as pe,g as v,C as T,d as ue,b as u,f as x,e,u as a,n as z,t as c,s as k,v as M,i as $,j as S,x as V,y as W,F as A,r as j,E as ce,o,z as he,A as ge,B as be}from"./vue-vendor-CtA47il-.js";import{g as _e,C as N,a as Z,S as me,F as xe,b as ke}from"./format-B1udViy3.js";import{c as fe,C as P,Z as ve,_ as de}from"./index-GQ9qRqEi.js";import{C as oe}from"./check-DxJBRQqh.js";import{T as qe}from"./triangle-alert-CAGaIjAo.js";import{u as Ce}from"./useWebSocket-C2ttWF5T.js";import{X as ye}from"./x-zxrccEon.js";import{T as $e}from"./trash-2-CDyKV6GB.js";const Se=fe("circle-check-big",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);const re=fe("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["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"}]]),Te=pe("timeline",()=>{const n=T([]),s=T(!1),r=T(null),d=T({methods:[],statusCodes:[],searchQuery:"",simulatedOnly:null}),q=T(null),g=T(500),p=new Map;function R(t){return t<200?"1xx":t<300?"2xx":t<400?"3xx":t<500?"4xx":"5xx"}const H=v(()=>{let t=n.value;if(d.value.searchQuery.trim()){const i=d.value.searchQuery.toLowerCase().trim();t=t.filter(m=>m.request.path.toLowerCase().includes(i)||m.request.operationId.toLowerCase().includes(i))}return d.value.methods.length>0&&(t=t.filter(i=>d.value.methods.includes(i.request.method.toUpperCase()))),d.value.statusCodes.length>0&&(t=t.filter(i=>{if(i.status===null)return!1;const m=R(i.status);return d.value.statusCodes.includes(m)})),d.value.simulatedOnly!==null&&(t=t.filter(i=>i.simulated===d.value.simulatedOnly)),t}),B=v(()=>q.value?n.value.find(t=>t.id===q.value)??null:null),Q=v(()=>n.value.length),O=v(()=>n.value.filter(t=>t.response!==null).length),D=v(()=>n.value.filter(t=>t.response===null).length),w=v(()=>{const t={"1xx":0,"2xx":0,"3xx":0,"4xx":0,"5xx":0};for(const i of n.value)if(i.status!==null){const m=R(i.status);t[m]++}return t}),L=v(()=>{const t=n.value.filter(m=>m.duration!==null);if(t.length===0)return 0;const i=t.reduce((m,E)=>m+(E.duration??0),0);return Math.round(i/t.length)});function U(t){const i={id:t.id,request:t,response:null,status:null,duration:null,simulated:!1},m=p.get(t.id);m&&(l(i,m),p.delete(t.id)),n.value.unshift(i),n.value.length>g.value&&(n.value=n.value.slice(0,g.value))}function b(t){const i=n.value.find(m=>m.id===t.requestId);if(i)l(i,t),p.delete(t.requestId);else if(p.set(t.requestId,t),p.size>100){const m=f(t);n.value.unshift(m),p.delete(t.requestId),n.value.length>g.value&&(n.value=n.value.slice(0,g.value))}}function l(t,i){t.response=i,t.status=i.status,t.duration=i.duration,t.simulated=i.simulated}function f(t){const i={id:t.requestId,method:"UNKNOWN",path:"/unknown",operationId:"unknown",timestamp:Date.now(),headers:{},query:{},body:void 0};return{id:t.requestId,request:i,response:t,status:t.status,duration:t.duration,simulated:t.simulated}}function C(t){for(const[i,m]of p){const E=t.get(i);E?(l(E,m),p.delete(i)):(t.set(i,f(m)),p.delete(i))}}function se(t,i){for(const[m,E]of i){const I=t.get(m);I?l(I,E):p.set(m,E)}}function ne(t){for(const[i,m]of p)t.has(i)||(t.set(i,f(m)),p.delete(i))}function ie(t){const i=new Map,m=new Map;for(const I of t.entries)if(I.type==="request"){const F=I.data;i.set(F.id,{id:F.id,request:F,response:null,status:null,duration:null,simulated:!1})}else if(I.type==="response"){const F=I.data;m.set(F.requestId,F)}C(i),se(i,m),ne(i);const E=Array.from(i.values()).sort((I,F)=>F.request.timestamp-I.request.timestamp);n.value=E.slice(0,g.value),r.value=null}function G(){n.value=[],q.value=null,p.clear()}function le(t){s.value=t}function J(t){r.value=t,s.value=!1}function K(){r.value=null}function X(t){d.value.searchQuery=t}function Y(t){const i=d.value.methods.indexOf(t);i===-1?d.value.methods.push(t):d.value.methods.splice(i,1)}function ee(t){const i=d.value.statusCodes.indexOf(t);i===-1?d.value.statusCodes.push(t):d.value.statusCodes.splice(i,1)}function te(t){d.value.simulatedOnly=t}function y(){d.value={methods:[],statusCodes:[],searchQuery:"",simulatedOnly:null}}function _(){return d.value.searchQuery.trim()!==""||d.value.methods.length>0||d.value.statusCodes.length>0||d.value.simulatedOnly!==null}function h(t){q.value=t}function ae(t){const i=Math.max(1,t);g.value=i,n.value.length>i&&(n.value=n.value.slice(0,i))}return{entries:n,isLoading:s,error:r,filter:d,selectedEntryId:q,maxEntries:g,filteredEntries:H,selectedEntry:B,totalCount:Q,completedCount:O,pendingCount:D,statusCounts:w,averageDuration:L,addRequest:U,addResponse:b,setTimelineData:ie,clearTimeline:G,setLoading:le,setError:J,clearError:K,setSearchQuery:X,toggleMethodFilter:Y,toggleStatusFilter:ee,setSimulatedFilter:te,clearFilters:y,hasActiveFilters:_,selectEntry:h,setMaxEntries:ae}}),Be={class:"timeline-detail"},we={key:0,class:"timeline-detail__empty"},Ee={key:1,class:"timeline-detail__content"},Ie={class:"timeline-detail__header"},ze={class:"timeline-detail__summary"},Re={class:"timeline-detail__path font-mono"},Oe={class:"timeline-detail__meta"},De={key:1,class:"status-badge status-badge--pending"},Fe={class:"timeline-detail__duration"},He={key:2,class:"timeline-detail__simulated",title:"Simulated response"},Qe={class:"timeline-detail__actions"},Le={class:"timeline-detail__info"},Ae={class:"timeline-detail__info-item"},Me={class:"timeline-detail__info-value font-mono"},Ne={class:"timeline-detail__info-item"},je={class:"timeline-detail__info-value font-mono"},Pe={class:"timeline-detail__info-item"},Ue={class:"timeline-detail__info-value font-mono"},Je={class:"timeline-detail__section"},Ve={key:0,class:"timeline-detail__subsection"},We=["aria-expanded"],Ze={class:"text-muted"},Ge={id:"requestQuery-panel",class:"timeline-detail__subsection-content"},Ke={class:"timeline-detail__kv-key font-mono"},Xe={class:"timeline-detail__kv-value font-mono"},Ye={key:1,class:"timeline-detail__subsection"},et=["aria-expanded"],tt={class:"text-muted"},st={id:"requestHeaders-panel",class:"timeline-detail__subsection-content"},nt={class:"timeline-detail__kv-key font-mono"},it={class:"timeline-detail__kv-value font-mono"},lt={key:2,class:"timeline-detail__subsection"},at={class:"timeline-detail__subsection-header",role:"group"},ot=["aria-expanded"],rt={id:"requestBody-panel",class:"timeline-detail__subsection-content"},ut={class:"timeline-detail__json"},dt={key:0,class:"timeline-detail__section"},ct={key:0,class:"timeline-detail__subsection"},mt=["aria-expanded"],yt={class:"text-muted"},_t={id:"responseHeaders-panel",class:"timeline-detail__subsection-content"},ft={class:"timeline-detail__kv-key font-mono"},vt={class:"timeline-detail__kv-value font-mono"},pt={key:1,class:"timeline-detail__subsection"},ht={class:"timeline-detail__subsection-header",role:"group"},gt=["aria-expanded"],bt={id:"responseBody-panel",class:"timeline-detail__subsection-content"},xt={class:"timeline-detail__json"},kt={key:1,class:"timeline-detail__section timeline-detail__section--pending"},qt={class:"timeline-detail__pending"},Ct=ue({__name:"TimelineDetail",props:{entry:{}},setup(n){const s=n,r=T({requestHeaders:!0,requestQuery:!0,requestBody:!0,responseHeaders:!0,responseBody:!0}),d=T(null),q=v(()=>s.entry?new Date(s.entry.request.timestamp).toLocaleString("en-US",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",fractionalSecondDigits:3,hour12:!1}):""),g=v(()=>s.entry?.duration==null?"pending...":s.entry.duration<1e3?`${s.entry.duration}ms`:`${(s.entry.duration/1e3).toFixed(2)}s`),p=v(()=>s.entry?.status?s.entry.status<200?"status-badge--1xx":s.entry.status<300?"status-badge--2xx":s.entry.status<400?"status-badge--3xx":s.entry.status<500?"status-badge--4xx":"status-badge--5xx":"status-badge--pending"),R=v(()=>s.entry?.request.query?Object.keys(s.entry.request.query).length>0:!1),H=v(()=>s.entry?.request.headers?Object.keys(s.entry.request.headers).length>0:!1),B=v(()=>s.entry?.request.body!==void 0&&s.entry?.request.body!==null),Q=v(()=>s.entry?.response?.headers?Object.keys(s.entry.response.headers).length>0:!1),O=v(()=>s.entry?.response?.body!==void 0&&s.entry?.response?.body!==null);function D(b){try{return JSON.stringify(b,null,2)}catch{return String(b)}}function w(b){r.value[b]=!r.value[b]}async function L(b,l){try{await navigator.clipboard.writeText(b),d.value=l,setTimeout(()=>{d.value=null},2e3)}catch(f){console.error("Failed to copy:",f)}}async function U(){if(!s.entry)return;const b={request:s.entry.request,response:s.entry.response};await L(JSON.stringify(b,null,2),"full")}return(b,l)=>(o(),u("div",Be,[n.entry?(o(),u("div",Ee,[e("div",Ie,[e("div",ze,[e("span",{class:z(["method-badge",`method-badge--${n.entry.request.method.toLowerCase()}`])},c(a(_e)(n.entry.request.method)),3),e("span",Re,c(n.entry.request.path),1)]),e("div",Oe,[n.entry.status!==null?(o(),u("span",{key:0,class:z(["status-badge",p.value])},c(n.entry.status),3)):(o(),u("span",De,"pending")),e("span",Fe,[x(a(P),{size:14}),M(" "+c(g.value),1)]),n.entry.simulated?(o(),u("span",He,[x(a(ve),{size:14}),l[9]||(l[9]=M(" Simulated ",-1))])):k("",!0)]),e("div",Qe,[e("button",{type:"button",class:"btn btn--ghost btn--sm",title:"Copy as JSON",onClick:U},[(o(),$(S(d.value==="full"?a(oe):a(re)),{size:14})),M(" "+c(d.value==="full"?"Copied!":"Copy JSON"),1)])])]),e("div",Le,[e("div",Ae,[l[10]||(l[10]=e("span",{class:"timeline-detail__info-label"},"Timestamp",-1)),e("span",Me,c(q.value),1)]),e("div",Ne,[l[11]||(l[11]=e("span",{class:"timeline-detail__info-label"},"Operation ID",-1)),e("span",je,c(n.entry.request.operationId),1)]),e("div",Pe,[l[12]||(l[12]=e("span",{class:"timeline-detail__info-label"},"Request ID",-1)),e("span",Ue,c(n.entry.id),1)])]),e("div",Je,[l[16]||(l[16]=e("h3",{class:"timeline-detail__section-title"},"Request",-1)),R.value?(o(),u("div",Ve,[e("button",{type:"button",class:"timeline-detail__subsection-header","aria-expanded":r.value.requestQuery,"aria-controls":"requestQuery-panel",onClick:l[0]||(l[0]=f=>w("requestQuery"))},[(o(),$(S(r.value.requestQuery?a(N):a(Z)),{size:16})),l[13]||(l[13]=e("span",null,"Query Parameters",-1)),e("span",Ze,"("+c(Object.keys(n.entry.request.query).length)+")",1)],8,We),V(e("div",Ge,[(o(!0),u(A,null,j(n.entry.request.query,(f,C)=>(o(),u("div",{key:C,class:"timeline-detail__kv-row"},[e("span",Ke,c(C),1),e("span",Xe,c(Array.isArray(f)?f.join(", "):f),1)]))),128))],512),[[W,r.value.requestQuery]])])):k("",!0),H.value?(o(),u("div",Ye,[e("button",{type:"button",class:"timeline-detail__subsection-header","aria-expanded":r.value.requestHeaders,"aria-controls":"requestHeaders-panel",onClick:l[1]||(l[1]=f=>w("requestHeaders"))},[(o(),$(S(r.value.requestHeaders?a(N):a(Z)),{size:16})),l[14]||(l[14]=e("span",null,"Headers",-1)),e("span",tt,"("+c(Object.keys(n.entry.request.headers).length)+")",1)],8,et),V(e("div",st,[(o(!0),u(A,null,j(n.entry.request.headers,(f,C)=>(o(),u("div",{key:C,class:"timeline-detail__kv-row"},[e("span",nt,c(C),1),e("span",it,c(f),1)]))),128))],512),[[W,r.value.requestHeaders]])])):k("",!0),B.value?(o(),u("div",lt,[e("div",at,[e("button",{type:"button",class:"timeline-detail__subsection-toggle","aria-expanded":r.value.requestBody,"aria-controls":"requestBody-panel",onClick:l[2]||(l[2]=f=>w("requestBody"))},[(o(),$(S(r.value.requestBody?a(N):a(Z)),{size:16})),l[15]||(l[15]=e("span",null,"Body",-1))],8,ot),e("button",{type:"button",class:"btn btn--ghost btn--icon btn--sm",title:"Copy body",onClick:l[3]||(l[3]=ce(f=>L(D(n.entry.request.body),"reqBody"),["stop"]))},[(o(),$(S(d.value==="reqBody"?a(oe):a(re)),{size:12}))])]),V(e("div",rt,[e("pre",ut,c(D(n.entry.request.body)),1)],512),[[W,r.value.requestBody]])])):k("",!0)]),n.entry.response?(o(),u("div",dt,[l[19]||(l[19]=e("h3",{class:"timeline-detail__section-title"},"Response",-1)),Q.value?(o(),u("div",ct,[e("button",{type:"button",class:"timeline-detail__subsection-header","aria-expanded":r.value.responseHeaders,"aria-controls":"responseHeaders-panel",onClick:l[4]||(l[4]=f=>w("responseHeaders"))},[(o(),$(S(r.value.responseHeaders?a(N):a(Z)),{size:16})),l[17]||(l[17]=e("span",null,"Headers",-1)),e("span",yt,"("+c(Object.keys(n.entry.response.headers).length)+")",1)],8,mt),V(e("div",_t,[(o(!0),u(A,null,j(n.entry.response.headers,(f,C)=>(o(),u("div",{key:C,class:"timeline-detail__kv-row"},[e("span",ft,c(C),1),e("span",vt,c(f),1)]))),128))],512),[[W,r.value.responseHeaders]])])):k("",!0),O.value?(o(),u("div",pt,[e("div",ht,[e("button",{type:"button",class:"timeline-detail__subsection-toggle","aria-expanded":r.value.responseBody,"aria-controls":"responseBody-panel",onClick:l[5]||(l[5]=f=>w("responseBody"))},[(o(),$(S(r.value.responseBody?a(N):a(Z)),{size:16})),l[18]||(l[18]=e("span",null,"Body",-1))],8,gt),e("button",{type:"button",class:"btn btn--ghost btn--icon btn--sm",title:"Copy body",onClick:l[6]||(l[6]=ce(f=>L(D(n.entry.response.body),"resBody"),["stop"]))},[(o(),$(S(d.value==="resBody"?a(oe):a(re)),{size:12}))])]),V(e("div",bt,[e("pre",xt,c(D(n.entry.response.body)),1)],512),[[W,r.value.responseBody]])])):k("",!0)])):(o(),u("div",kt,[l[21]||(l[21]=e("h3",{class:"timeline-detail__section-title"},"Response",-1)),e("div",qt,[x(a(P),{size:24,class:"timeline-detail__pending-icon"}),l[20]||(l[20]=e("span",{class:"text-muted"},"Waiting for response...",-1))])]))])):(o(),u("div",we,[x(a(P),{size:48,class:"timeline-detail__empty-icon"}),l[7]||(l[7]=e("h3",{class:"timeline-detail__empty-title"},"Select an entry",-1)),l[8]||(l[8]=e("p",{class:"timeline-detail__empty-description"}," Click on a timeline entry to view its details. ",-1))]))]))}}),$t=de(Ct,[["__scopeId","data-v-b4bdd2d2"]]),St={class:"timeline-entry__time font-mono text-muted"},Tt={class:"timeline-entry__method"},Bt={class:"timeline-entry__path font-mono"},wt={class:"timeline-entry__status"},Et={key:1,class:"status-badge status-badge--pending"},It={class:"timeline-entry__duration font-mono text-muted"},zt={key:0,class:"timeline-entry__simulated",title:"Simulated response"},Rt=ue({__name:"TimelineEntry",props:{entry:{},isSelected:{type:Boolean,default:!1}},emits:["select"],setup(n,{emit:s}){const r=n,d=s,q=v(()=>new Date(r.entry.request.timestamp).toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit",fractionalSecondDigits:3})),g=v(()=>r.entry.duration===null?"pending...":r.entry.duration<1e3?`${r.entry.duration}ms`:`${(r.entry.duration/1e3).toFixed(2)}s`),p=v(()=>r.entry.status===null?"status-badge--pending":r.entry.status<200?"status-badge--1xx":r.entry.status<300?"status-badge--2xx":r.entry.status<400?"status-badge--3xx":r.entry.status<500?"status-badge--4xx":"status-badge--5xx"),R=v(()=>r.entry.status===null?P:r.entry.status<400?Se:qe),H=v(()=>r.entry.response===null);function B(){d("select",r.entry.id)}return(Q,O)=>(o(),u("button",{type:"button",class:z(["timeline-entry",{"timeline-entry--selected":n.isSelected},{"timeline-entry--pending":H.value},{"timeline-entry--simulated":n.entry.simulated}]),onClick:B},[e("div",St,c(q.value),1),e("div",Tt,[e("span",{class:z(["method-badge",`method-badge--${n.entry.request.method.toLowerCase()}`])},c(a(_e)(n.entry.request.method)),3)]),e("div",Bt,c(n.entry.request.path),1),e("div",wt,[n.entry.status!==null?(o(),u("span",{key:0,class:z(["status-badge",p.value])},[(o(),$(S(R.value),{size:12})),M(" "+c(n.entry.status),1)],2)):(o(),u("span",Et,[x(a(P),{size:12}),O[0]||(O[0]=M(" pending ",-1))]))]),e("div",It,c(g.value),1),n.entry.simulated?(o(),u("div",zt,[x(a(ve),{size:14})])):k("",!0)],2))}}),Ot=de(Rt,[["__scopeId","data-v-a073dbdf"]]),Dt={class:"timeline-page"},Ft={class:"timeline-toolbar"},Ht={class:"timeline-search"},Qt=["value"],Lt=["aria-expanded"],At={key:0,class:"timeline-filter-toggle__badge"},Mt={class:"timeline-stats"},Nt={class:"timeline-stats__item"},jt={key:0,class:"timeline-stats__separator"},Pt={key:1,class:"timeline-stats__item"},Ut=["disabled"],Jt={key:0,class:"timeline-filters"},Vt={class:"timeline-filters__section"},Wt={class:"timeline-filters__methods"},Zt=["onClick"],Gt={class:"timeline-filters__section"},Kt={class:"timeline-filters__status"},Xt=["onClick"],Yt={class:"timeline-filters__status-count"},es={class:"timeline-filters__section"},ts={class:"timeline-filters__type"},ss={key:0,class:"timeline-filters__actions"},ns={class:"timeline-content"},is={key:0,class:"timeline-loading"},ls={key:1,class:"timeline-error"},as={class:"timeline-error__message"},os={key:2,class:"timeline-empty empty-state"},rs={key:3,class:"timeline-empty empty-state"},us={class:"timeline-list-panel"},ds={class:"timeline-list"},cs={class:"timeline-detail-panel"},ms=ue({__name:"TimelinePage",setup(n){const s=Te(),{send:r,on:d,connected:q}=Ce(),g=T(!1),p=T(null),R=["GET","POST","PUT","PATCH","DELETE","OPTIONS","HEAD","TRACE"],H=["2xx","3xx","4xx","5xx"];function B(){q.value&&(s.setLoading(!0),r({type:"get:timeline"}))}function Q(y){s.setTimelineData(y),s.setLoading(!1)}function O(y){s.addRequest(y)}function D(y){s.addResponse(y)}function w(){s.clearTimeline()}function L(){r({type:"clear:timeline"}),s.clearTimeline()}function U(y){s.selectEntry(y)}function b(y){const _=y.target;s.setSearchQuery(_.value)}function l(){s.setSearchQuery(""),p.value?.focus()}function f(y){s.toggleMethodFilter(y)}function C(y){return s.filter.methods.includes(y)}function se(y){s.toggleStatusFilter(y)}function ne(y){return s.filter.statusCodes.includes(y)}function ie(){const y=s.filter.simulatedOnly;s.setSimulatedFilter(y===!0?null:!0)}function G(){s.clearFilters()}function le(){g.value=!g.value}const J=v(()=>s.hasActiveFilters()),K=v(()=>s.filter.methods.length+s.filter.statusCodes.length+(s.filter.simulatedOnly!==null?1:0));let X=null,Y=null,ee=null,te=null;return he(()=>{X=d("timeline",Q),Y=d("request",O),ee=d("response",D),te=d("timeline:cleared",w),q.value&&B()}),ge(()=>{X?.(),Y?.(),ee?.(),te?.()}),be(q,y=>{y&&B()}),(y,_)=>(o(),u("div",Dt,[e("div",Ft,[e("div",Ht,[x(a(me),{size:16,class:"timeline-search__icon"}),e("input",{ref_key:"searchInputRef",ref:p,type:"text",class:"timeline-search__input input",placeholder:"Search by path or operation...",value:a(s).filter.searchQuery,onInput:b},null,40,Qt),a(s).filter.searchQuery?(o(),u("button",{key:0,type:"button",class:"timeline-search__clear btn btn--ghost btn--icon",title:"Clear search",onClick:l},[x(a(ye),{size:14})])):k("",!0)]),e("button",{type:"button",class:z(["timeline-filter-toggle btn btn--secondary",{"timeline-filter-toggle--active":J.value}]),"aria-expanded":g.value,onClick:le},[x(a(xe),{size:16}),_[0]||(_[0]=e("span",null,"Filters",-1)),K.value>0?(o(),u("span",At,c(K.value),1)):k("",!0),(o(),$(S(g.value?a(ke):a(N)),{size:14}))],10,Lt),e("div",Mt,[e("span",Nt,c(a(s).filteredEntries.length)+" requests ",1),a(s).averageDuration>0?(o(),u("span",jt,"|")):k("",!0),a(s).averageDuration>0?(o(),u("span",Pt," avg "+c(a(s).averageDuration)+"ms ",1)):k("",!0)]),e("button",{type:"button",class:"btn btn--secondary btn--icon",title:"Clear timeline",disabled:a(s).entries.length===0,onClick:L},[x(a($e),{size:16})],8,Ut)]),g.value?(o(),u("div",Jt,[e("div",Vt,[_[1]||(_[1]=e("h4",{class:"timeline-filters__title"},"Methods",-1)),e("div",Wt,[(o(),u(A,null,j(R,h=>e("button",{key:h,type:"button",class:z(["method-badge",`method-badge--${h.toLowerCase()}`,{"method-badge--inactive":!C(h)&&a(s).filter.methods.length>0}]),onClick:ae=>f(h)},c(h),11,Zt)),64))])]),e("div",Gt,[_[2]||(_[2]=e("h4",{class:"timeline-filters__title"},"Status",-1)),e("div",Kt,[(o(),u(A,null,j(H,h=>e("button",{key:h,type:"button",class:z(["timeline-filters__status-btn",`timeline-filters__status-btn--${h}`,{"timeline-filters__status-btn--active":ne(h)}]),onClick:ae=>se(h)},[M(c(h)+" ",1),e("span",Yt," ("+c(a(s).statusCounts[h])+") ",1)],10,Xt)),64))])]),e("div",es,[_[3]||(_[3]=e("h4",{class:"timeline-filters__title"},"Type",-1)),e("div",ts,[e("button",{type:"button",class:z(["timeline-filters__status-btn",{"timeline-filters__status-btn--active":a(s).filter.simulatedOnly}]),onClick:ie}," Simulated only ",2)])]),J.value?(o(),u("div",ss,[e("button",{type:"button",class:"btn btn--ghost",onClick:G},[x(a(ye),{size:14}),_[4]||(_[4]=M(" Clear all filters ",-1))])])):k("",!0)])):k("",!0),e("div",ns,[a(s).isLoading?(o(),u("div",is,[..._[5]||(_[5]=[e("div",{class:"timeline-loading__spinner"},null,-1),e("span",{class:"text-muted"},"Loading timeline...",-1)])])):a(s).error?(o(),u("div",ls,[e("p",as,c(a(s).error),1),e("button",{type:"button",class:"btn btn--primary",onClick:B}," Retry ")])):a(s).entries.length===0?(o(),u("div",os,[x(a(P),{size:48,class:"empty-state__icon"}),_[6]||(_[6]=e("h3",{class:"empty-state__title"},"No requests yet",-1)),_[7]||(_[7]=e("p",{class:"empty-state__description"}," API requests will appear here in real-time as they are made. ",-1))])):a(s).filteredEntries.length===0?(o(),u("div",rs,[x(a(me),{size:48,class:"empty-state__icon"}),_[8]||(_[8]=e("h3",{class:"empty-state__title"},"No matching requests",-1)),_[9]||(_[9]=e("p",{class:"empty-state__description"}," Try adjusting your search or filters. ",-1)),J.value?(o(),u("button",{key:0,type:"button",class:"btn btn--secondary",onClick:G}," Clear filters ")):k("",!0)])):(o(),u(A,{key:4},[e("div",us,[e("div",ds,[(o(!0),u(A,null,j(a(s).filteredEntries,h=>(o(),$(Ot,{key:h.id,entry:h,"is-selected":a(s).selectedEntryId===h.id,onSelect:U},null,8,["entry","is-selected"]))),128))])]),e("div",cs,[x($t,{entry:a(s).selectedEntry},null,8,["entry"])])],64))])]))}}),xs=de(ms,[["__scopeId","data-v-a5c73778"]]);export{xs as default};
+//# sourceMappingURL=TimelinePage-CwR-Coxj.js.map

package/dist/spa/assets/TimelinePage-CwR-Coxj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelinePage-CwR-Coxj.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]}

package/dist/spa/assets/check-DxJBRQqh.js

@@ -0,0 +1,2 @@
+import{c}from"./index-GQ9qRqEi.js";const o=c("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);export{o as C};
+//# sourceMappingURL=check-DxJBRQqh.js.map

package/dist/spa/assets/check-DxJBRQqh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-DxJBRQqh.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]}

package/dist/spa/assets/format-B1udViy3.js

@@ -0,0 +1,2 @@
+import{c as e}from"./index-GQ9qRqEi.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};
+//# sourceMappingURL=format-B1udViy3.js.map

package/dist/spa/assets/format-B1udViy3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-B1udViy3.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]}

package/dist/spa/assets/index-9_6u4UTF.css

@@ -0,0 +1 @@
+.app[data-v-513332df]{display:flex;flex-direction:column;min-height:100vh;background-color:var(--devtools-bg)}.app-header[data-v-513332df]{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-513332df]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.app-header__logo[data-v-513332df]{color:var(--devtools-primary)}.app-header__title[data-v-513332df]{font-weight:var(--font-weight-6);font-size:var(--font-size-1);color:var(--devtools-text)}.app-header__status[data-v-513332df]{display:flex;align-items:center}.app-nav[data-v-513332df]{display:flex;align-items:center;gap:var(--devtools-space-xs);height:100%}.app-nav__tab[data-v-513332df]{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-513332df]:hover{color:var(--devtools-text);background-color:var(--devtools-surface-elevated)}.app-nav__tab[data-v-513332df]:focus{outline:none}.app-nav__tab[data-v-513332df]: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-513332df]:focus-visible{outline:3px solid CanvasText;outline-offset:2px}}.app-nav__tab--active[data-v-513332df]{color:var(--devtools-primary);border-bottom-color:var(--devtools-primary)}.app-nav__tab--active[data-v-513332df]:focus-visible{outline-color:var(--devtools-primary-hover)}.app-nav__icon[data-v-513332df]{flex-shrink:0}.app-nav__label[data-v-513332df]{white-space:nowrap}.connection-status[data-v-513332df]{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-513332df]{opacity:.7}.app-main[data-v-513332df]{flex:1;display:flex;flex-direction:column;overflow:hidden}.fade-enter-active[data-v-513332df],.fade-leave-active[data-v-513332df]{transition:opacity var(--devtools-transition-normal)}.fade-enter-from[data-v-513332df],.fade-leave-to[data-v-513332df]{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}