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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SimulatorPage-CNh6VflM.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, watch } 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, connected } = 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// Data Fetching\n// ==========================================================================\n\n/**\n * Fetch current simulations from server via get:registry command\n * (server responds with simulation:active event containing current simulations)\n */\nfunction fetchSimulations(): void {\n  if (connected.value) {\n    simulationStore.setLoading(true);\n    send({ type: 'get:registry' });\n  }\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      simulationStore.setLoading(false);\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  // Fetch current simulations if already connected\n  if (connected.value) {\n    fetchSimulations();\n  }\n});\n\n// Cleanup on unmount to prevent memory leaks\nonUnmounted(() => {\n  for (const unsub of unsubscribers) {\n    unsub();\n  }\n});\n\n// Re-fetch simulations when connection is (re)established, clear loading on disconnect\nwatch(connected, (isConnected) => {\n  if (isConnected) {\n    fetchSimulations();\n  } else {\n    simulationStore.setLoading(false);\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","connected","useWebSocket","newSimulationPath","newSimulationMethod","selectedPresetId","selectedEndpointKey","httpMethods","unsubscribers","pendingClears","availableEndpoints","e","canAddSimulation","hasPath","hasPreset","sim","simulationCount","addSimulation","trimmedPath","pathWithMethod","removeSimulation","clearAllSimulations","handleEndpointSelect","endpoint","handleManualInput","fetchSimulations","onMounted","onUnmounted","unsub","watch","isConnected","_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/SimulatorPage-DGEq_rzM.css

@@ -0,0 +1 @@
+.simulator-page[data-v-3076fbb2]{display:flex;flex-direction:column;gap:var(--devtools-space-lg);height:100%;padding:var(--devtools-space-md);overflow-y:auto}.simulator-form[data-v-3076fbb2]{flex-shrink:0}.simulator-form__header[data-v-3076fbb2]{display:flex;align-items:center;gap:var(--devtools-space-sm);padding-bottom:var(--devtools-space-md);margin-bottom:var(--devtools-space-md);border-bottom:1px solid var(--devtools-border);font-weight:var(--font-weight-6);font-size:var(--font-size-1)}.simulator-form__body[data-v-3076fbb2]{display:flex;flex-direction:column;gap:var(--devtools-space-md)}.simulator-form__row[data-v-3076fbb2]{display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.simulator-form__row[data-v-3076fbb2]:has(.simulator-form__method){flex-direction:row;gap:var(--devtools-space-sm)}.simulator-form__label[data-v-3076fbb2]{font-size:var(--font-size-0);font-weight:var(--font-weight-5);color:var(--devtools-text)}.simulator-form__method[data-v-3076fbb2]{width:100px;flex-shrink:0}.simulator-form__path[data-v-3076fbb2]{flex:1}.simulator-presets[data-v-3076fbb2]{display:flex;flex-wrap:wrap;gap:var(--devtools-space-xs)}.simulator-preset[data-v-3076fbb2]{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-xs) var(--devtools-space-sm);background-color:var(--devtools-surface-elevated);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-0);cursor:pointer;transition:all var(--devtools-transition-fast)}.simulator-preset[data-v-3076fbb2]:hover{background-color:var(--devtools-border)}.simulator-preset--selected[data-v-3076fbb2]{border-color:var(--devtools-primary);background-color:color-mix(in srgb,var(--devtools-primary) 15%,transparent)}.simulator-preset--delay[data-v-3076fbb2]{color:var(--devtools-warning)}.simulator-preset--error[data-v-3076fbb2]{color:var(--devtools-error)}.simulator-preset--empty[data-v-3076fbb2]{color:var(--devtools-text-muted)}.simulator-preset__label[data-v-3076fbb2]{color:var(--devtools-text)}.simulator-active[data-v-3076fbb2]{flex:1;display:flex;flex-direction:column;min-height:0}.simulator-active__header[data-v-3076fbb2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--devtools-space-md)}.simulator-active__title[data-v-3076fbb2]{font-weight:var(--font-weight-6);font-size:var(--font-size-1)}.simulator-active__list[data-v-3076fbb2]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--devtools-space-xs)}.simulator-simulation[data-v-3076fbb2]{display:flex;align-items:center;gap:var(--devtools-space-md);padding:var(--devtools-space-sm) var(--devtools-space-md)}.simulator-simulation__info[data-v-3076fbb2]{display:flex;align-items:center;gap:var(--devtools-space-sm);flex:1}.simulator-simulation__path[data-v-3076fbb2]{font-size:var(--font-size-1);color:var(--devtools-text)}.simulator-simulation__preset[data-v-3076fbb2]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.text-warning[data-v-3076fbb2]{color:var(--devtools-warning)}.text-error[data-v-3076fbb2]{color:var(--devtools-error)}.text-muted[data-v-3076fbb2]{color:var(--devtools-text-muted)}

package/dist/spa/assets/{TimelinePage-C_LK2wKS.js → TimelinePage-2YaDXdDB.js}

@@ -1,2 +1,2 @@
-import{E as pe,c as v,r as T,d as ue,e as u,i as x,f as e,u as a,n as z,t as c,y as k,z as M,k as $,l as S,A as V,B as W,F as A,j,G as ce,s as o,o as he,C as ge,D as be}from"./vue-vendor-Bkktf9yg.js";import{g as _e,C as N,a as G,S as me,F as xe,b as ke}from"./format-r8dlo_ab.js";import{c as fe,C as P,Z as ve,_ as de,u as qe}from"./index-Dff2RvrN.js";import{C as oe}from"./check-B_DaLrgB.js";import{T as Ce}from"./triangle-alert-Dx8lMHrF.js";import{X as ye}from"./x-B6bG8oob.js";import{T as $e}from"./trash-2-6KJWHoOC.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 Z(){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:Z,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"],Ge={class:"text-muted"},Ze={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(G)),{size:16})),l[13]||(l[13]=e("span",null,"Query Parameters",-1)),e("span",Ge,"("+c(Object.keys(n.entry.request.query).length)+")",1)],8,We),V(e("div",Ze,[(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(G)),{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(G)),{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(G)),{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(G)),{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:Ce),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"},Gt=["onClick"],Zt={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}=qe(),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 Z(){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,Gt)),64))])]),e("div",Zt,[_[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:Z},[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:Z}," 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))])]))}}),bs=de(ms,[["__scopeId","data-v-a5c73778"]]);export{bs as default};
-//# sourceMappingURL=TimelinePage-C_LK2wKS.js.map
+import{E as pe,c as v,r as T,d as ue,e as u,i as x,f as e,u as a,n as z,t as c,y as k,z as M,k as $,l as S,A as V,B as W,F as A,j,G as ce,s as o,o as he,C as ge,D as be}from"./vue-vendor-Bkktf9yg.js";import{g as _e,C as N,a as G,S as me,F as xe,b as ke}from"./format-YtVMCGJx.js";import{c as fe,C as P,Z as ve,_ as de,u as qe}from"./index-sPgNGnaU.js";import{C as oe}from"./check-CLk5nWxQ.js";import{T as Ce}from"./triangle-alert-DD8Mz05K.js";import{X as ye}from"./x-5pbhNHo3.js";import{T as $e}from"./trash-2-DCsOAZPr.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 Z(){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:Z,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"],Ge={class:"text-muted"},Ze={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(G)),{size:16})),l[13]||(l[13]=e("span",null,"Query Parameters",-1)),e("span",Ge,"("+c(Object.keys(n.entry.request.query).length)+")",1)],8,We),V(e("div",Ze,[(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(G)),{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(G)),{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(G)),{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(G)),{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:Ce),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"},Gt=["onClick"],Zt={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}=qe(),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 Z(){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,Gt)),64))])]),e("div",Zt,[_[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:Z},[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:Z}," 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))])]))}}),bs=de(ms,[["__scopeId","data-v-a5c73778"]]);export{bs as default};
+//# sourceMappingURL=TimelinePage-2YaDXdDB.js.map