@djangocfg/ui-tools 2.1.275 → 2.1.276

package/dist/index.mjs

@@ -4,8 +4,8 @@ import './chunk-JWB2EWQO.mjs';
 export { ImageViewer } from './chunk-GGKGH5PM.mjs';
 export { generateContentKey, useAudioCache, useBlobUrlCleanup, useImageCache, useMediaCacheStore, useVideoCache, useVideoPlayerSettings } from './chunk-5LBDYFWH.mjs';
 export { CronSchedulerProvider, CustomInput, DayChips, MonthDayGrid, SchedulePreview, ScheduleTypeSelector, TimeSelector, buildCron, humanizeCron, isValidCron, parseCron, useCronCustom, useCronMonthDays, useCronPreview, useCronScheduler, useCronSchedulerContext, useCronTime, useCronType, useCronWeekDays } from './chunk-PZKAH7WQ.mjs';
-import { PlaygroundProvider, PrettyCode_default } from './chunk-QZ55LYK2.mjs';
-export { PrettyCode_default as PrettyCode } from './chunk-QZ55LYK2.mjs';
+import { PlaygroundProvider, PrettyCode_default } from './chunk-BKWDHJKF.mjs';
+export { PrettyCode_default as PrettyCode } from './chunk-BKWDHJKF.mjs';
 export { JsonTree_default as JsonTree } from './chunk-LFWQ36LJ.mjs';
 import './chunk-SSUOENAZ.mjs';
 export { ArrayFieldItemTemplate, ArrayFieldTemplate, BaseInputTemplate, CheckboxWidget, ColorWidget, ErrorListTemplate, FieldTemplate, JsonSchemaForm, NumberWidget, ObjectFieldTemplate, SelectWidget, SliderWidget, SwitchWidget, TextWidget, getRequiredFields, hasRequiredFields, mergeDefaults, normalizeFormData, safeJsonParse, safeJsonStringify, validateRequiredFields, validateSchema } from './chunk-JUGQNNDC.mjs';
@@ -708,7 +708,7 @@ function OpenapiLoadingFallback() {
 }
 __name(OpenapiLoadingFallback, "OpenapiLoadingFallback");
 var LazyPlaygroundLayout = createLazyComponent(
-  () => import('./PlaygroundLayout-G325I6HM.mjs').then((mod) => ({ default: mod.PlaygroundLayout })),
+  () => import('./PlaygroundLayout-NONWOVQR.mjs').then((mod) => ({ default: mod.PlaygroundLayout })),
   {
     displayName: "LazyPlaygroundLayout",
     fallback: /* @__PURE__ */ jsx(OpenapiLoadingFallback, {})
@@ -863,7 +863,7 @@ function LottiePlayer(props) {
 }
 __name(LottiePlayer, "LottiePlayer");
 var PlaygroundLayout = lazy(
-  () => import('./PlaygroundLayout-G325I6HM.mjs').then((mod) => ({ default: mod.PlaygroundLayout }))
+  () => import('./PlaygroundLayout-NONWOVQR.mjs').then((mod) => ({ default: mod.PlaygroundLayout }))
 );
 var LoadingFallback9 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: "Loading API Playground..." }) }), "LoadingFallback");
 var Playground = /* @__PURE__ */ __name(({ config }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.275",
+  "version": "2.1.276",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -90,8 +90,8 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.275",
-    "@djangocfg/ui-core": "^2.1.275",
+    "@djangocfg/i18n": "^2.1.276",
+    "@djangocfg/ui-core": "^2.1.276",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
     "react": "^19.1.0",
@@ -133,10 +133,10 @@
     "@maplibre/maplibre-gl-geocoder": "^1.7.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.275",
+    "@djangocfg/i18n": "^2.1.276",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.275",
-    "@djangocfg/ui-core": "^2.1.275",
+    "@djangocfg/typescript-config": "^2.1.276",
+    "@djangocfg/ui-core": "^2.1.276",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",

package/src/tools/OpenapiViewer/components/PlaygroundLayout/RequestPanel.tsx

@@ -5,6 +5,8 @@ import React, { useMemo } from 'react';
 
 import {
     Button,
+    Combobox,
+    type ComboboxOption,
     CopyButton,
     Input,
     Textarea,
@@ -70,8 +72,33 @@ function ParamFields({ label, params }: { label: string; params: Param[] }) {
 // ─── RequestPanel ─────────────────────────────────────────────────────────────
 
 export function RequestPanel() {
-    const { state, apiKeys, setRequestBody, setRequestHeaders, setManualApiToken, sendRequest } =
-        usePlaygroundContext();
+    const {
+        state,
+        apiKeys,
+        apiKeysLoading,
+        setRequestBody,
+        setRequestHeaders,
+        setSelectedApiKey,
+        setManualApiToken,
+        sendRequest,
+    } = usePlaygroundContext();
+
+    // Pre-compute every per-key view-model so the JSX stays a flat
+    // render — no boolean math in the markup.
+    const apiKeyOptions: ComboboxOption[] = useMemo(
+        () =>
+            apiKeys.map((k) => ({
+                value: k.id,
+                label: k.name || 'Unnamed key',
+                // Surface the first 8 chars of the secret so the user
+                // can tell two similarly-named keys apart at a glance.
+                description: k.secret
+                    ? `${k.secret.slice(0, 8)}…`
+                    : undefined,
+            })),
+        [apiKeys],
+    );
+    const hasApiKeys = apiKeyOptions.length > 0;
 
     const ep = state.selectedEndpoint;
 
@@ -82,7 +109,10 @@ export function RequestPanel() {
         if (!state.requestUrl) return '';
         const apiKey = state.selectedApiKey ? findApiKeyById(apiKeys, state.selectedApiKey) : null;
         const hdrs = parseRequestHeaders(state.requestHeaders);
-        if (apiKey) hdrs['X-API-Key'] = apiKey.id;
+        // Use ``secret`` (the raw key) for the cURL header — matches
+        // what the playground sends over the wire. Fall back to
+        // ``id`` for legacy callers still on the old ApiKey shape.
+        if (apiKey) hdrs['X-API-Key'] = apiKey.secret || apiKey.id;
         let cmd = `curl -X ${state.requestMethod} "${state.requestUrl}"`;
         Object.entries(hdrs).forEach(([k, v]) => { cmd += ` \\\n  -H "${k}: ${v}"`; });
         if (state.requestBody && state.requestMethod !== 'GET' && isJsonValid) {
@@ -198,6 +228,29 @@ export function RequestPanel() {
                     }
                 >
                     <div className="space-y-3 pt-2">
+                        <div className="space-y-1.5">
+                            <SectionLabel>API Key</SectionLabel>
+                            <Combobox
+                                options={apiKeyOptions}
+                                value={state.selectedApiKey ?? ''}
+                                onValueChange={(v) => setSelectedApiKey(v || null)}
+                                placeholder={
+                                    apiKeysLoading
+                                        ? 'Loading keys…'
+                                        : hasApiKeys
+                                            ? 'Select an API key'
+                                            : 'No API keys yet'
+                                }
+                                searchPlaceholder="Search keys…"
+                                emptyText="No matching key"
+                                disabled={apiKeysLoading || !hasApiKeys}
+                                className="h-8"
+                            />
+                            <p className="text-[10px] text-muted-foreground">
+                                Picks are sent via the{' '}
+                                <span className="font-mono">X-API-Key</span> header.
+                            </p>
+                        </div>
                         <div className="space-y-1.5">
                             <SectionLabel>Bearer Token</SectionLabel>
                             <Input

package/src/tools/OpenapiViewer/components/PlaygroundLayout/ui.tsx

@@ -97,9 +97,22 @@ export function PanelHeader({ title }: { title: string }) {
     );
 }
 
-export function EmptyState({ icon: Icon, text }: { icon: React.ElementType; text: string }) {
+export function EmptyState({
+    icon: Icon,
+    text,
+    className,
+}: {
+    icon: React.ElementType;
+    text: string;
+    className?: string;
+}) {
     return (
-        <div className="flex flex-col items-center justify-center h-full gap-3 px-6 text-center">
+        <div
+            className={cn(
+                'flex flex-col items-center justify-center h-full gap-3 px-6 text-center',
+                className,
+            )}
+        >
             <Icon className="h-7 w-7 text-muted-foreground/25" />
             <p className="text-xs text-muted-foreground">{text}</p>
         </div>

package/src/tools/OpenapiViewer/context/PlaygroundContext.tsx

@@ -147,8 +147,14 @@ export const PlaygroundProvider: React.FC<PlaygroundProviderProps> = ({ children
   const [state, dispatch] = useReducer(reducer, undefined, createInitialState);
   const abortControllerRef = useRef<AbortController | null>(null);
 
-  const apiKeys = React.useMemo(() => [], []);
-  const isLoadingApiKeys = false;
+  // API keys come from the caller via ``config.apiKeys``. Empty
+  // fallback keeps the playground working when the caller hasn't
+  // wired any keys yet (public docs / unauthenticated demo).
+  const apiKeys = React.useMemo(
+    () => config.apiKeys ?? [],
+    [config.apiKeys],
+  );
+  const isLoadingApiKeys = config.apiKeysLoading ?? false;
 
   // Auto-select first API key
   useEffect(() => {
@@ -168,8 +174,12 @@ export const PlaygroundProvider: React.FC<PlaygroundProviderProps> = ({ children
           dispatch({ type: 'CLEAR_API_KEY_SELECTION' });
           return;
         }
-        if (headers['X-API-Key'] !== apiKey.id) {
-          headers['X-API-Key'] = apiKey.id;
+        // Header carries the raw ``secret`` (not the row id) — that's
+        // what the server validates. Falls back to ``id`` for legacy
+        // callers still on the old ApiKey shape.
+        const keyValue = apiKey.secret || apiKey.id;
+        if (headers['X-API-Key'] !== keyValue) {
+          headers['X-API-Key'] = keyValue;
           dispatch({ type: 'SYNC_API_KEY_HEADER', headers: JSON.stringify(headers, null, 2) });
         }
       } else if (headers['X-API-Key']) {

package/src/tools/OpenapiViewer/types.ts

@@ -1,7 +1,15 @@
-// API Key type for playground
+// API Key type for playground.
+//
+// ``id`` is the row id (used to track selection). ``secret`` is the
+// raw key value sent in the ``X-API-Key`` header. The two are
+// usually distinct on the server (``id`` is a UUID, ``secret`` is
+// something like ``car_xxx``) — keeping them as separate fields
+// lets callers wire either model honestly.
 export interface ApiKey {
   id: string;
   name: string;
+  /** Raw key value sent in the ``X-API-Key`` request header. */
+  secret: string;
   created_at?: string;
   last_used_at?: string | null;
 }
@@ -57,6 +65,13 @@ export interface SchemaSource {
 export interface PlaygroundConfig {
   schemas: SchemaSource[]; // Array of schema URLs (full URLs from API)
   defaultSchemaId?: string; // Default schema to select
+  /** Optional API keys the user can pick from in the request panel.
+   *  When provided, the playground auto-selects the first one and
+   *  syncs the ``X-API-Key`` header from ``ApiKey.secret``. Pass
+   *  the loading flag if your source is async — the picker shows
+   *  a spinner instead of "no keys yet". */
+  apiKeys?: ApiKey[];
+  apiKeysLoading?: boolean;
 }
 
 // Playground state types

package/src/tools/OpenapiViewer/utils/apiKeyManager.ts

@@ -24,7 +24,10 @@ export function addApiKeyToHeaders(headers: HeadersWithApiKey, apiKey: ApiKey |
     return headers;
   }
 
-  const keyValue = typeof apiKey === 'string' ? apiKey : (apiKey.id || '');
+  // ``secret`` is the raw key that goes in the X-API-Key header.
+  // Falls back to ``id`` for backwards compatibility — older callers
+  // only had ``id`` and used it as both selector and secret.
+  const keyValue = typeof apiKey === 'string' ? apiKey : (apiKey.secret || apiKey.id || '');
 
   return {
     ...headers,
@@ -136,7 +139,7 @@ export function mergeHeadersWithApiKey(baseHeaders: HeadersWithApiKey, additiona
  * @param success - Whether the request was successful
  */
 export function logApiKeyUsage(apiKey: ApiKey | string, endpoint: string, success: boolean): void {
-  const keyValue = typeof apiKey === 'string' ? apiKey : (apiKey.id || '');
+  const keyValue = typeof apiKey === 'string' ? apiKey : (apiKey.secret || apiKey.id || '');
   const keyName = typeof apiKey === 'string' ? 'Unknown' : apiKey.name;
 
   console.log(`API Key Usage:`, {

package/dist/PlaygroundLayout-G325I6HM.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tools/OpenapiViewer/hooks/useMobile.ts","../src/tools/OpenapiViewer/hooks/useOpenApiSchema.ts","../src/tools/OpenapiViewer/components/PlaygroundLayout/ui.tsx","../src/tools/OpenapiViewer/components/PlaygroundLayout/EndpointList.tsx","../src/tools/OpenapiViewer/components/PlaygroundLayout/RequestPanel.tsx","../src/tools/OpenapiViewer/components/PlaygroundLayout/ResponsePanel.tsx","../src/tools/OpenapiViewer/components/PlaygroundLayout/index.tsx"],"names":["React","cn","jsxs","jsx","ChevronRight","useState","useEffect","useMemo","Input","Fragment","Loader2","Terminal","Send","CopyButton"],"mappings":"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","file":"PlaygroundLayout-G325I6HM.mjs","sourcesContent":["import { useIsMobile } from '@djangocfg/ui-core/hooks';\n\nexport const useMobile = () => {\n  const isMobile = useIsMobile();\n\n  return {\n    isMobile,\n    isDesktop: !isMobile,\n  };\n}; ","'use client';\n\nimport consola from 'consola';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { ApiEndpoint, OpenApiSchema, SchemaSource, UseOpenApiSchemaReturn } from '../types';\n\n// HTTP methods to extract from OpenAPI schema\nconst HTTP_METHODS = ['get', 'post', 'put', 'patch', 'delete'] as const;\n\n// Extract endpoints from OpenAPI schema (all methods)\nconst extractEndpoints = (schema: OpenApiSchema): ApiEndpoint[] => {\n  const endpoints: ApiEndpoint[] = [];\n\n  if (!schema.paths) return [];\n\n  // Get base URL from servers\n  const baseUrl = schema.servers && schema.servers.length > 0 ? schema.servers[0].url : '';\n\n  for (const [path, methods] of Object.entries(schema.paths)) {\n    for (const method of HTTP_METHODS) {\n      const op = (methods as any)[method];\n      if (!op) continue;\n\n      const methodUpper = method.toUpperCase();\n      const description = op.description || op.summary || `${methodUpper} ${path}`;\n      const category = op.tags?.[0] || 'Other';\n\n      const parameters: Array<{\n        name: string;\n        type: string;\n        required: boolean;\n        description?: string;\n      }> = [];\n\n      // Collect parameters (path-level + operation-level)\n      const allParams = [...((methods as any).parameters || []), ...(op.parameters || [])];\n      for (const param of allParams) {\n        parameters.push({\n          name: param.name,\n          type: param.schema?.type || 'string',\n          required: param.required || false,\n          description: param.description,\n        });\n      }\n\n      // Collect responses\n      const responses: Array<{\n        code: string;\n        description: string;\n      }> = [];\n\n      if (op.responses) {\n        for (const [code, response] of Object.entries(op.responses)) {\n          responses.push({\n            code,\n            description: (response as any).description || `Response ${code}`,\n          });\n        }\n      }\n\n      // Extract request body info\n      let requestBody: { type: string; description?: string } | undefined;\n      if (op.requestBody) {\n        const content = op.requestBody.content;\n        const mediaType = content?.['application/json'] || content?.[Object.keys(content || {})[0]];\n        requestBody = {\n          type: mediaType?.schema?.type || 'object',\n          description: op.requestBody.description,\n        };\n      }\n\n      const endpoint: ApiEndpoint = {\n        name: path.split('/').pop() || path,\n        method: methodUpper,\n        path: baseUrl + path,\n        description,\n        category,\n        parameters: parameters.length > 0 ? parameters : undefined,\n        requestBody,\n        responses: responses.length > 0 ? responses : undefined,\n      };\n\n      endpoints.push(endpoint);\n    }\n  }\n\n  return endpoints;\n};\n\n// Get unique categories from endpoints\nconst getCategories = (endpoints: ApiEndpoint[]): string[] => {\n  const categories = new Set<string>();\n  endpoints.forEach((endpoint) => categories.add(endpoint.category));\n  return Array.from(categories).sort();\n};\n\n// Fetch schema from URL\nconst fetchSchema = async (url: string): Promise<OpenApiSchema> => {\n  const response = await fetch(url, {\n    headers: {\n      'Accept': 'application/json',\n    },\n  });\n  if (!response.ok) {\n    throw new Error(`Failed to fetch schema: ${response.statusText}`);\n  }\n  return response.json();\n};\n\ninterface UseOpenApiSchemaProps {\n  schemas: SchemaSource[];\n  defaultSchemaId?: string;\n}\n\nexport default function useOpenApiSchema({\n  schemas,\n  defaultSchemaId,\n}: UseOpenApiSchemaProps): UseOpenApiSchemaReturn {\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [currentSchemaId, setCurrentSchemaId] = useState<string>(\n    defaultSchemaId || schemas[0]?.id\n  );\n  const [loadedSchemas, setLoadedSchemas] = useState<Map<string, OpenApiSchema>>(\n    new Map()\n  );\n\n  const currentSchema = useMemo(\n    () => schemas.find((s) => s.id === currentSchemaId) || null,\n    [schemas, currentSchemaId]\n  );\n\n  const currentOpenApiSchema = useMemo(\n    () => (currentSchemaId ? loadedSchemas.get(currentSchemaId) : null),\n    [loadedSchemas, currentSchemaId]\n  );\n\n  const endpoints = useMemo(\n    () => (currentOpenApiSchema ? extractEndpoints(currentOpenApiSchema) : []),\n    [currentOpenApiSchema]\n  );\n\n  const categories = useMemo(() => getCategories(endpoints), [endpoints]);\n\n  // Load schema when current schema changes\n  useEffect(() => {\n    if (!currentSchema) return;\n\n    // Skip if already loaded\n    if (loadedSchemas.has(currentSchema.id)) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    fetchSchema(currentSchema.url)\n      .then((schema) => {\n        setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, schema));\n        consola.success(`Schema loaded: ${currentSchema.name}`);\n        setLoading(false);\n      })\n      .catch((err) => {\n        consola.error(`Error loading schema from ${currentSchema.url}:`, err);\n        setError(err instanceof Error ? err.message : 'Failed to load schema');\n        setLoading(false);\n      });\n  }, [currentSchema, loadedSchemas]);\n\n  const setCurrentSchema = useCallback((schemaId: string) => {\n    setCurrentSchemaId(schemaId);\n  }, []);\n\n  const refresh = useCallback(() => {\n    if (!currentSchema) return;\n\n    setLoading(true);\n    setError(null);\n\n    // Remove from cache to force reload\n    setLoadedSchemas((prev) => {\n      const next = new Map(prev);\n      next.delete(currentSchema.id);\n      return next;\n    });\n\n    fetchSchema(currentSchema.url)\n      .then((schema) => {\n        setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, schema));\n        consola.success(`Schema refreshed: ${currentSchema.name}`);\n        setLoading(false);\n      })\n      .catch((err) => {\n        consola.error(`Error refreshing schema from ${currentSchema.url}:`, err);\n        setError(err instanceof Error ? err.message : 'Failed to refresh schema');\n        setLoading(false);\n      });\n  }, [currentSchema]);\n\n  return {\n    loading,\n    error,\n    endpoints,\n    categories,\n    schemas,\n    currentSchema,\n    setCurrentSchema,\n    refresh,\n  };\n}\n","'use client';\n\n/**\n * Shared primitive UI components used across all PlaygroundLayout panels.\n * Keep this file free of any business logic or context reads.\n */\n\nimport { ChevronRight } from 'lucide-react';\nimport React from 'react';\n\nimport { cn } from '@djangocfg/ui-core/lib';\n\n// ─── Style helpers ────────────────────────────────────────────────────────────\n\nconst METHOD_STYLES: Record<string, string> = {\n    GET:    'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/25',\n    POST:   'bg-blue-500/10    text-blue-600    dark:text-blue-400    border-blue-500/25',\n    PUT:    'bg-amber-500/10   text-amber-600   dark:text-amber-400   border-amber-500/25',\n    PATCH:  'bg-orange-500/10  text-orange-600  dark:text-orange-400  border-orange-500/25',\n    DELETE: 'bg-red-500/10     text-red-600     dark:text-red-400     border-red-500/25',\n} as const;\n\nconst METHOD_FALLBACK = 'bg-muted text-muted-foreground border-border';\n\nexport function getMethodStyle(method: string): string {\n    return METHOD_STYLES[method.toUpperCase()] ?? METHOD_FALLBACK;\n}\n\nexport function getStatusStyle(status: number): string {\n    if (status >= 500) return 'bg-red-500/10 text-red-500 dark:text-red-400 border-red-500/25';\n    if (status >= 400) return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/25';\n    if (status >= 300) return 'bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/25';\n    return 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/25';\n}\n\nexport function relativePath(full: string): string {\n    try { return new URL(full).pathname; } catch { return full; }\n}\n\n// ─── Atoms ────────────────────────────────────────────────────────────────────\n\nexport function MethodBadge({ method }: { method: string }) {\n    return (\n        <span className={cn(\n            'inline-flex shrink-0 items-center rounded border px-1.5 py-px',\n            'font-mono text-[10px] font-bold uppercase tracking-wider leading-none',\n            getMethodStyle(method),\n        )}>\n            {method}\n        </span>\n    );\n}\n\nexport function StatusBadge({ status }: { status: number }) {\n    return (\n        <span className={cn(\n            'inline-flex items-center rounded border px-1.5 py-px',\n            'font-mono text-[11px] font-bold leading-none',\n            getStatusStyle(status),\n        )}>\n            {status}\n        </span>\n    );\n}\n\nexport function SectionLabel({ children }: { children: React.ReactNode }) {\n    return (\n        <p className=\"text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60 select-none\">\n            {children}\n        </p>\n    );\n}\n\nexport function Panel({ children, className }: { children: React.ReactNode; className?: string }) {\n    return (\n        <div className={cn('flex flex-col min-h-0 overflow-hidden', className)}>\n            {children}\n        </div>\n    );\n}\n\nexport function ScrollArea({ children, className }: { children: React.ReactNode; className?: string }) {\n    return (\n        <div className={cn('flex-1 overflow-y-auto min-h-0', className)}>\n            {children}\n        </div>\n    );\n}\n\nexport function PanelHeader({ title }: { title: string }) {\n    return (\n        <div className=\"shrink-0 border-b px-4 h-10 flex items-center\">\n            <span className=\"text-[11px] font-semibold uppercase tracking-widest text-muted-foreground/50\">\n                {title}\n            </span>\n        </div>\n    );\n}\n\nexport function EmptyState({ icon: Icon, text }: { icon: React.ElementType; text: string }) {\n    return (\n        <div className=\"flex flex-col items-center justify-center h-full gap-3 px-6 text-center\">\n            <Icon className=\"h-7 w-7 text-muted-foreground/25\" />\n            <p className=\"text-xs text-muted-foreground\">{text}</p>\n        </div>\n    );\n}\n\nexport function CollapsibleSection({\n    label,\n    action,\n    children,\n    defaultOpen = false,\n}: {\n    label: React.ReactNode;\n    action?: React.ReactNode;\n    children: React.ReactNode;\n    defaultOpen?: boolean;\n}) {\n    const [open, setOpen] = React.useState(defaultOpen);\n    return (\n        <div className=\"space-y-0\">\n            <div className=\"flex items-center justify-between\">\n                <button\n                    type=\"button\"\n                    onClick={() => setOpen((v) => !v)}\n                    className=\"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60 hover:text-muted-foreground transition-colors py-1\"\n                >\n                    <ChevronRight className={cn('h-3 w-3 transition-transform', open && 'rotate-90')} />\n                    {label}\n                </button>\n                {action && <div className=\"shrink-0\">{action}</div>}\n            </div>\n            {open && <div>{children}</div>}\n        </div>\n    );\n}\n","'use client';\n\nimport { ChevronRight, Filter, Search } from 'lucide-react';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport {\n    Combobox,\n    DownloadButton,\n    DropdownMenu,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuTrigger,\n    Input,\n    Skeleton,\n} from '@djangocfg/ui-core/components';\nimport { cn } from '@djangocfg/ui-core/lib';\n\nimport { usePlaygroundContext } from '../../context/PlaygroundContext';\nimport useOpenApiSchema from '../../hooks/useOpenApiSchema';\nimport { deduplicateEndpoints } from '../../utils/versionManager';\nimport { MethodBadge, ScrollArea, relativePath } from './ui';\n\n// ─── Endpoint row ─────────────────────────────────────────────────────────────\n\nfunction EndpointRow({\n    method,\n    path,\n    description,\n    isActive,\n    onClick,\n}: {\n    method: string;\n    path: string;\n    description: string;\n    isActive: boolean;\n    onClick: () => void;\n}) {\n    const displayPath = relativePath(path);\n    const rowCls = cn(\n        'group w-full text-left flex items-start gap-2.5 px-3 py-2.5 transition-colors hover:bg-muted/40',\n        isActive && 'bg-primary/[0.06] hover:bg-primary/[0.09]',\n    );\n    const arrowCls = cn(\n        'h-3.5 w-3.5 shrink-0 mt-px transition-opacity',\n        isActive ? 'text-primary opacity-100' : 'opacity-0 group-hover:opacity-30',\n    );\n\n    return (\n        <button className={rowCls} onClick={onClick}>\n            <MethodBadge method={method} />\n            <div className=\"flex-1 min-w-0\">\n                <p className=\"font-mono text-[11px] text-foreground/75 truncate leading-tight\">\n                    {displayPath}\n                </p>\n                {description && (\n                    <p className=\"text-[10px] text-muted-foreground/60 truncate leading-tight mt-0.5\">\n                        {description}\n                    </p>\n                )}\n            </div>\n            <ChevronRight className={arrowCls} />\n        </button>\n    );\n}\n\n// ─── EndpointList ─────────────────────────────────────────────────────────────\n\nexport function EndpointList() {\n    const { state, config, setSelectedEndpoint, setSelectedCategory, setSearchTerm } =\n        usePlaygroundContext();\n    const { endpoints, categories, loading, error, schemas, currentSchema, setCurrentSchema } =\n        useOpenApiSchema({ schemas: config.schemas, defaultSchemaId: config.defaultSchemaId });\n\n    // ── Debounced search ──────────────────────────────────────────────────────\n    const [debouncedSearch, setDebouncedSearch] = useState(state.searchTerm);\n    useEffect(() => {\n        const id = setTimeout(() => setDebouncedSearch(state.searchTerm), 150);\n        return () => clearTimeout(id);\n    }, [state.searchTerm]);\n\n    // ── Data ──────────────────────────────────────────────────────────────────\n    const schemaOptions = useMemo(\n        () => schemas.map((s) => ({ value: s.id, label: s.name })),\n        [schemas],\n    );\n\n    const filtered = useMemo(() => {\n        let list = deduplicateEndpoints(endpoints, state.selectedVersion);\n        if (state.selectedCategory !== 'All') {\n            list = list.filter((e) => e.category === state.selectedCategory);\n        }\n        if (debouncedSearch) {\n            const q = debouncedSearch.toLowerCase();\n            list = list.filter((e) =>\n                e.name.toLowerCase().includes(q) ||\n                e.description.toLowerCase().includes(q) ||\n                e.path.toLowerCase().includes(q),\n            );\n        }\n        return list;\n    }, [endpoints, state.selectedCategory, debouncedSearch, state.selectedVersion]);\n\n    // ── Derived ───────────────────────────────────────────────────────────────\n    const isFiltered = state.selectedCategory !== 'All';\n    const hasCategories = categories.length > 0;\n    const hasMultipleSchemas = schemas.length > 1;\n    const endpointLabel = `${filtered.length} endpoint${filtered.length !== 1 ? 's' : ''}`;\n    const downloadFilename = currentSchema ? `${currentSchema.id}-openapi.json` : 'openapi.json';\n\n    // ── Early returns ─────────────────────────────────────────────────────────\n    if (loading) {\n        return (\n            <div className=\"p-3 space-y-1.5\">\n                {Array.from({ length: 12 }).map((_, i) => (\n                    <Skeleton key={i} className=\"h-10 w-full rounded\" />\n                ))}\n            </div>\n        );\n    }\n\n    if (error) {\n        return (\n            <div className=\"p-4\">\n                <p className=\"text-xs text-destructive\">Failed to load schema: {error}</p>\n            </div>\n        );\n    }\n\n    // ── Render ────────────────────────────────────────────────────────────────\n    return (\n        <>\n            {/* Toolbar */}\n            <div className=\"shrink-0 border-b px-2.5 py-2 space-y-2\">\n                {hasMultipleSchemas && (\n                    <Combobox\n                        options={schemaOptions}\n                        value={currentSchema?.id ?? ''}\n                        onValueChange={(id) => id && setCurrentSchema(id)}\n                        placeholder=\"Select API\"\n                        searchPlaceholder=\"Search APIs…\"\n                        emptyText=\"No APIs found\"\n                        className=\"w-full h-8 text-xs\"\n                    />\n                )}\n\n                <div className=\"flex gap-1.5\">\n                    <div className=\"relative flex-1 min-w-0\">\n                        <Search className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/50 pointer-events-none\" />\n                        <Input\n                            placeholder=\"Search endpoints…\"\n                            value={state.searchTerm}\n                            onChange={(e: React.ChangeEvent<HTMLInputElement>) => setSearchTerm(e.target.value)}\n                            className=\"pl-8 h-8 text-xs\"\n                        />\n                    </div>\n\n                    {hasCategories && (\n                        <DropdownMenu>\n                            <DropdownMenuTrigger asChild>\n                                <button className={cn(\n                                    'relative shrink-0 flex items-center justify-center h-8 w-8 rounded-md border transition-colors',\n                                    isFiltered\n                                        ? 'border-primary bg-primary/10 text-primary'\n                                        : 'border-input bg-background text-muted-foreground hover:text-foreground hover:bg-muted/50',\n                                )}>\n                                    <Filter className=\"h-3.5 w-3.5\" />\n                                    {isFiltered && (\n                                        <span className=\"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-primary\" />\n                                    )}\n                                </button>\n                            </DropdownMenuTrigger>\n                            <DropdownMenuContent align=\"end\" className=\"min-w-[160px] max-h-72 overflow-y-auto\">\n                                {['All', ...categories].map((c) => (\n                                    <DropdownMenuItem\n                                        key={c}\n                                        onClick={() => setSelectedCategory(c)}\n                                        className={cn('text-xs', state.selectedCategory === c && 'bg-accent font-medium')}\n                                    >\n                                        {c}\n                                    </DropdownMenuItem>\n                                ))}\n                            </DropdownMenuContent>\n                        </DropdownMenu>\n                    )}\n                </div>\n            </div>\n\n            {/* Meta row */}\n            <div className=\"shrink-0 flex items-center justify-between px-3 py-1 border-b bg-muted/20\">\n                <span className=\"text-[10px] text-muted-foreground/50 tabular-nums\">{endpointLabel}</span>\n                {currentSchema && (\n                    <DownloadButton\n                        url={currentSchema.url}\n                        filename={downloadFilename}\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"h-6 px-2 text-[10px] text-muted-foreground/50 hover:text-foreground\"\n                    >\n                        JSON\n                    </DownloadButton>\n                )}\n            </div>\n\n            {/* List */}\n            <ScrollArea>\n                {filtered.length === 0 ? (\n                    <div className=\"py-10 text-center text-xs text-muted-foreground\">No endpoints found</div>\n                ) : (\n                    <div className=\"divide-y divide-border/40\">\n                        {filtered.map((ep) => (\n                            <EndpointRow\n                                key={`${ep.method}-${ep.path}`}\n                                method={ep.method}\n                                path={ep.path}\n                                description={ep.description}\n                                isActive={\n                                    state.selectedEndpoint?.path === ep.path &&\n                                    state.selectedEndpoint?.method === ep.method\n                                }\n                                onClick={() => setSelectedEndpoint(ep)}\n                            />\n                        ))}\n                    </div>\n                )}\n            </ScrollArea>\n        </>\n    );\n}\n","'use client';\n\nimport { Key, Loader2, Send, Sparkles, Terminal } from 'lucide-react';\nimport React, { useMemo } from 'react';\n\nimport {\n    Button,\n    CopyButton,\n    Input,\n    Textarea,\n} from '@djangocfg/ui-core/components';\nimport { cn } from '@djangocfg/ui-core/lib';\n\nimport PrettyCode from '../../../PrettyCode';\nimport { usePlaygroundContext } from '../../context/PlaygroundContext';\nimport { findApiKeyById, isValidJson, parseRequestHeaders } from '../../utils';\nimport {\n    CollapsibleSection,\n    EmptyState,\n    MethodBadge,\n    ScrollArea,\n    SectionLabel,\n    StatusBadge,\n    relativePath,\n} from './ui';\n\n// ─── Param fields ─────────────────────────────────────────────────────────────\n\ntype Param = { name: string; type: string; required: boolean; description?: string };\n\nfunction ParamFields({ label, params }: { label: string; params: Param[] }) {\n    const { state, setParameters } = usePlaygroundContext();\n\n    function handleChange(name: string, value: string) {\n        setParameters({ ...state.parameters, [name]: value });\n    }\n\n    return (\n        <div className=\"space-y-2\">\n            <SectionLabel>{label}</SectionLabel>\n            <div className=\"space-y-2\">\n                {params.map((p) => {\n                    const value = state.parameters[p.name] ?? '';\n                    const placeholder = p.description || p.name;\n                    return (\n                        <div key={p.name} className=\"space-y-1\">\n                            <div className=\"flex items-center gap-1.5\">\n                                <span className=\"font-mono text-[11px] text-foreground/80\">{p.name}</span>\n                                {p.required && (\n                                    <span className=\"text-[9px] text-destructive font-bold leading-none\">*</span>\n                                )}\n                                <span className=\"font-mono text-[10px] text-muted-foreground/50\">{p.type}</span>\n                            </div>\n                            <Input\n                                value={value}\n                                onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                                    handleChange(p.name, e.target.value)\n                                }\n                                placeholder={placeholder}\n                                className=\"h-8 text-xs font-mono\"\n                            />\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n\n// ─── RequestPanel ─────────────────────────────────────────────────────────────\n\nexport function RequestPanel() {\n    const { state, apiKeys, setRequestBody, setRequestHeaders, setManualApiToken, sendRequest } =\n        usePlaygroundContext();\n\n    const ep = state.selectedEndpoint;\n\n    // ── Data (hooks must not be conditional) ─────────────────────────────────\n    const isJsonValid = state.requestBody ? isValidJson(state.requestBody) : true;\n\n    const curlCommand = useMemo(() => {\n        if (!state.requestUrl) return '';\n        const apiKey = state.selectedApiKey ? findApiKeyById(apiKeys, state.selectedApiKey) : null;\n        const hdrs = parseRequestHeaders(state.requestHeaders);\n        if (apiKey) hdrs['X-API-Key'] = apiKey.id;\n        let cmd = `curl -X ${state.requestMethod} \"${state.requestUrl}\"`;\n        Object.entries(hdrs).forEach(([k, v]) => { cmd += ` \\\\\\n  -H \"${k}: ${v}\"`; });\n        if (state.requestBody && state.requestMethod !== 'GET' && isJsonValid) {\n            cmd += ` \\\\\\n  -d '${state.requestBody}'`;\n        }\n        return cmd;\n    }, [state, apiKeys, isJsonValid]);\n\n    const pathParams = useMemo(\n        () => ep?.parameters?.filter((p) => ep.path.includes(`{${p.name}}`)) ?? [],\n        [ep],\n    );\n    const queryParams = useMemo(\n        () => ep?.parameters?.filter((p) => !ep.path.includes(`{${p.name}}`)) ?? [],\n        [ep],\n    );\n\n    // ── Derived ───────────────────────────────────────────────────────────────\n    const isSendDisabled = state.loading || !state.requestUrl || !isJsonValid;\n    const displayUrl     = state.requestUrl || ep?.path || '';\n    const hasBody        = ep?.method !== 'GET';\n    const bodyType       = ep?.requestBody?.type ?? '';\n    const hasPathParams  = pathParams.length > 0;\n    const hasQueryParams = queryParams.length > 0;\n    const hasCurl        = Boolean(curlCommand);\n    const epPath         = ep ? relativePath(ep.path) : '';\n    const urlChanged     = displayUrl !== epPath;\n\n    // ── Early return ──────────────────────────────────────────────────────────\n    if (!ep) {\n        return <EmptyState icon={Send} text=\"Select an endpoint to build a request\" />;\n    }\n\n    // ── Render ────────────────────────────────────────────────────────────────\n    return (\n        <>\n            {/* Endpoint header */}\n            <div className=\"shrink-0 border-b px-4 py-3 bg-muted/20 space-y-1.5\">\n                <div className=\"flex items-center gap-2\">\n                    <MethodBadge method={ep.method} />\n                    <span className=\"font-mono text-xs text-foreground/70 truncate min-w-0 flex-1\">{epPath}</span>\n                    <Button\n                        onClick={sendRequest}\n                        disabled={isSendDisabled}\n                        size=\"sm\"\n                        className=\"shrink-0 gap-1.5 h-7 text-xs px-3\"\n                    >\n                        {state.loading\n                            ? <><Loader2 className=\"h-3 w-3 animate-spin\" /> Sending…</>\n                            : <><Send className=\"h-3 w-3\" /> Send</>\n                        }\n                    </Button>\n                </div>\n                {urlChanged && (\n                    <div className=\"font-mono text-[10px] text-muted-foreground/50 break-all leading-snug pl-0.5\">\n                        {displayUrl}\n                    </div>\n                )}\n            </div>\n\n            {/* Scrollable fields */}\n            <ScrollArea className=\"px-4 py-3 space-y-3\">\n\n                {hasPathParams  && <ParamFields label=\"Path Parameters\"  params={pathParams} />}\n                {hasQueryParams && <ParamFields label=\"Query Parameters\" params={queryParams} />}\n\n                {/* Body */}\n                {hasBody && (\n                    <div className=\"space-y-1.5\">\n                        <div className=\"flex items-center justify-between gap-2\">\n                            <div className=\"flex items-baseline gap-2\">\n                                <SectionLabel>Body</SectionLabel>\n                                {bodyType && (\n                                    <span className=\"text-[10px] text-muted-foreground/40 font-mono\">{bodyType}</span>\n                                )}\n                            </div>\n                            {isJsonValid && state.requestBody && (\n                                <button\n                                    type=\"button\"\n                                    onClick={() => {\n                                        try {\n                                            setRequestBody(JSON.stringify(JSON.parse(state.requestBody), null, 2));\n                                        } catch {}\n                                    }}\n                                    className=\"inline-flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground transition-colors\"\n                                >\n                                    <Sparkles className=\"h-2.5 w-2.5\" />\n                                    Format\n                                </button>\n                            )}\n                        </div>\n                        <Textarea\n                            placeholder={'{\\n  \"key\": \"value\"\\n}'}\n                            value={state.requestBody}\n                            onChange={(e) => setRequestBody(e.target.value)}\n                            className={cn(\n                                'font-mono text-[11px] min-h-[90px] resize-y',\n                                !isJsonValid && 'border-destructive focus-visible:ring-destructive/30',\n                            )}\n                            rows={4}\n                        />\n                        {!isJsonValid && <p className=\"text-[10px] text-destructive\">Invalid JSON</p>}\n                    </div>\n                )}\n\n                {/* Auth & Headers — collapsed by default */}\n                <CollapsibleSection\n                    label={\n                        <span className=\"inline-flex items-center gap-1\">\n                            <Key className=\"h-2.5 w-2.5\" />\n                            Auth &amp; Headers\n                        </span>\n                    }\n                >\n                    <div className=\"space-y-3 pt-2\">\n                        <div className=\"space-y-1.5\">\n                            <SectionLabel>Bearer Token</SectionLabel>\n                            <Input\n                                type=\"password\"\n                                placeholder=\"Leave empty to use JWT from localStorage\"\n                                value={state.manualApiToken}\n                                onChange={(e) => setManualApiToken(e.target.value)}\n                                className=\"font-mono text-xs h-8\"\n                            />\n                        </div>\n                        <div className=\"space-y-1.5\">\n                            <SectionLabel>Headers</SectionLabel>\n                            <Textarea\n                                value={state.requestHeaders}\n                                onChange={(e) => setRequestHeaders(e.target.value)}\n                                className=\"font-mono text-[11px] min-h-[60px] resize-y\"\n                                rows={3}\n                            />\n                        </div>\n                    </div>\n                </CollapsibleSection>\n\n                {/* cURL — collapsed by default */}\n                {hasCurl && (\n                    <CollapsibleSection\n                        label={\n                            <span className=\"inline-flex items-center gap-1\">\n                                <Terminal className=\"h-2.5 w-2.5\" />\n                                cURL\n                            </span>\n                        }\n                        action={\n                            <CopyButton value={curlCommand} variant=\"ghost\" size=\"sm\" className=\"h-5 px-2 text-[10px] text-muted-foreground\">\n                                Copy\n                            </CopyButton>\n                        }\n                    >\n                        <div className=\"rounded-md overflow-hidden mt-2\">\n                            <PrettyCode data={curlCommand} language=\"bash\" isCompact />\n                        </div>\n                    </CollapsibleSection>\n                )}\n\n                <div className=\"h-1\" />\n            </ScrollArea>\n\n            {/* Send footer */}\n            <div className=\"shrink-0 border-t px-4 py-3 bg-background/95 backdrop-blur-sm\">\n                <Button onClick={sendRequest} disabled={isSendDisabled} size=\"sm\" className=\"w-full gap-2 h-9\">\n                    {state.loading\n                        ? <><Loader2 className=\"h-3.5 w-3.5 animate-spin\" /> Sending…</>\n                        : <><Send className=\"h-3.5 w-3.5\" /> Send Request</>\n                    }\n                </Button>\n            </div>\n        </>\n    );\n}\n","'use client';\n\nimport { Loader2, Send, Terminal, WifiOff } from 'lucide-react';\nimport { useMemo } from 'react';\n\nimport { CopyButton } from '@djangocfg/ui-core/components';\n\nimport JsonTree from '../../../JsonTree';\nimport { usePlaygroundContext } from '../../context/PlaygroundContext';\nimport { EmptyState, ScrollArea, StatusBadge } from './ui';\n\n// ─── JsonTree config (static, no re-creation on render) ──────────────────────\n\nconst JSON_TREE_CONFIG = {\n    maxAutoExpandDepth: 2,\n    maxAutoExpandArrayItems: 10,\n    maxAutoExpandObjectKeys: 5,\n    maxStringLength: 200,\n    collectionLimit: 50,\n    showCollectionInfo: true,\n    showExpandControls: true,\n    showActionButtons: false,\n    preserveKeyOrder: true,\n    className: 'border-0 rounded-none',\n} as const;\n\n// ─── ResponsePanel ────────────────────────────────────────────────────────────\n\nexport function ResponsePanel() {\n    const { state } = usePlaygroundContext();\n    const { response, loading, selectedEndpoint } = state;\n\n    // ── Normalise response data ───────────────────────────────────────────────\n    // Always try to parse as JSON first so JsonTree gets an object, not a string.\n    // Falls back to raw text for non-JSON responses (HTML errors, plain text, etc.)\n    const { treeData, rawText } = useMemo(() => {\n        const d = response?.data;\n        if (d == null) return { treeData: null, rawText: '' };\n\n        if (typeof d === 'string') {\n            try {\n                return { treeData: JSON.parse(d), rawText: d };\n            } catch {\n                return { treeData: null, rawText: d };\n            }\n        }\n\n        return { treeData: d, rawText: JSON.stringify(d, null, 2) };\n    }, [response?.data]);\n\n    // ── Derived ───────────────────────────────────────────────────────────────\n    const sizeKb     = rawText ? `${(rawText.length / 1024).toFixed(1)} KB` : '';\n    const duration   = response?.duration != null ? `${response.duration}ms` : '';\n    const hasError   = Boolean(response?.error);\n    const hasStatus  = response?.status != null;\n    const hasCopy    = Boolean(rawText);\n\n    // ── Early returns ─────────────────────────────────────────────────────────\n    if (loading) {\n        return (\n            <div className=\"flex items-center justify-center h-full gap-2\">\n                <Loader2 className=\"h-4 w-4 animate-spin text-muted-foreground\" />\n                <span className=\"text-xs text-muted-foreground\">Sending…</span>\n            </div>\n        );\n    }\n\n    if (!selectedEndpoint) return <EmptyState icon={Terminal} text=\"Response will appear here\" />;\n    if (!response)         return <EmptyState icon={Send} text='Press \"Send Request\" to see the response' />;\n\n    // Pure network error (no HTTP response at all — CORS, offline, timeout)\n    if (hasError && !hasStatus) {\n        return (\n            <EmptyState\n                icon={WifiOff}\n                text={response.error!}\n                className=\"text-destructive [&_svg]:text-destructive\"\n            />\n        );\n    }\n\n    // ── Render ────────────────────────────────────────────────────────────────\n    return (\n        <>\n            {/* Status bar */}\n            <div className=\"shrink-0 border-b px-4 py-2 flex items-center justify-between gap-3 bg-muted/20\">\n                <div className=\"flex items-center gap-2 min-w-0\">\n                    {hasStatus && <StatusBadge status={response.status!} />}\n                    {response.statusText && (\n                        <span className=\"text-xs text-muted-foreground truncate\">{response.statusText}</span>\n                    )}\n                    {sizeKb && (\n                        <span className=\"text-[10px] text-muted-foreground/50 tabular-nums shrink-0\">{sizeKb}</span>\n                    )}\n                    {duration && (\n                        <span className=\"text-[10px] text-muted-foreground/50 tabular-nums shrink-0\">{duration}</span>\n                    )}\n                </div>\n                {hasCopy && (\n                    <CopyButton value={rawText} variant=\"ghost\" size=\"sm\" className=\"h-6 px-2 text-[10px] text-muted-foreground shrink-0\">\n                        Copy\n                    </CopyButton>\n                )}\n            </div>\n\n            {/* HTTP-level error body (4xx/5xx — has status but also error flag) */}\n            {hasError && (\n                <div className=\"shrink-0 mx-4 mt-3 rounded border border-destructive/20 bg-destructive/5 px-3 py-2\">\n                    <p className=\"text-xs text-destructive\">{response.error}</p>\n                </div>\n            )}\n\n            {/* Body */}\n            <ScrollArea>\n                {treeData != null ? (\n                    <JsonTree title=\"Response Body\" data={treeData} config={JSON_TREE_CONFIG} />\n                ) : rawText ? (\n                    <pre className=\"p-4 text-[11px] font-mono text-foreground/70 whitespace-pre-wrap break-all leading-relaxed\">\n                        {rawText}\n                    </pre>\n                ) : (\n                    <div className=\"py-10 text-center text-xs text-muted-foreground\">Empty response body</div>\n                )}\n            </ScrollArea>\n        </>\n    );\n}\n","'use client';\n\nimport React from 'react';\n\nimport { cn } from '@djangocfg/ui-core/lib';\n\nimport { useMobile } from '../../hooks/useMobile';\nimport { usePlaygroundContext } from '../../context/PlaygroundContext';\nimport { EndpointList } from './EndpointList';\nimport { RequestPanel } from './RequestPanel';\nimport { ResponsePanel } from './ResponsePanel';\nimport { Panel, PanelHeader } from './ui';\n\n// ─── Mobile tab layout ────────────────────────────────────────────────────────\n\ntype MobileTab = 'endpoints' | 'request' | 'response';\n\nconst MOBILE_TABS: { id: MobileTab; label: string }[] = [\n    { id: 'endpoints', label: 'Endpoints' },\n    { id: 'request',   label: 'Request' },\n    { id: 'response',  label: 'Response' },\n];\n\nfunction MobileView() {\n    const { state } = usePlaygroundContext();\n    const [tab, setTab] = React.useState<MobileTab>('endpoints');\n\n    React.useEffect(() => {\n        if (state.selectedEndpoint) setTab('request');\n    }, [state.selectedEndpoint?.path, state.selectedEndpoint?.method]);\n\n    React.useEffect(() => {\n        if (state.response && !state.loading) setTab('response');\n    }, [state.response, state.loading]);\n\n    const hasResponse = Boolean(state.response) && !state.loading;\n\n    return (\n        <Panel className=\"h-full\">\n            <div className=\"shrink-0 flex border-b\">\n                {MOBILE_TABS.map((t) => {\n                    const isActive  = tab === t.id;\n                    const showDot   = t.id === 'response' && hasResponse;\n                    return (\n                        <button\n                            key={t.id}\n                            onClick={() => setTab(t.id)}\n                            className={cn(\n                                'flex-1 py-2.5 text-xs font-medium transition-colors border-b-2 -mb-px relative',\n                                isActive\n                                    ? 'border-primary text-foreground'\n                                    : 'border-transparent text-muted-foreground hover:text-foreground',\n                            )}\n                        >\n                            {t.label}\n                            {showDot && (\n                                <span className=\"absolute top-2 right-[calc(50%-16px)] h-1.5 w-1.5 rounded-full bg-primary\" />\n                            )}\n                        </button>\n                    );\n                })}\n            </div>\n\n            <Panel className=\"flex-1\">\n                {tab === 'endpoints' && <EndpointList />}\n                {tab === 'request'   && <RequestPanel />}\n                {tab === 'response'  && <ResponsePanel />}\n            </Panel>\n        </Panel>\n    );\n}\n\n// ─── Desktop 3-column layout ─────────────────────────────────────────────────\n\nfunction DesktopView() {\n    return (\n        <div className=\"grid grid-cols-[260px_1fr_1fr] divide-x h-full min-h-0 overflow-hidden\">\n            <Panel>\n                <PanelHeader title=\"Endpoints\" />\n                <EndpointList />\n            </Panel>\n            <Panel>\n                <PanelHeader title=\"Request\" />\n                <RequestPanel />\n            </Panel>\n            <Panel>\n                <PanelHeader title=\"Response\" />\n                <ResponsePanel />\n            </Panel>\n        </div>\n    );\n}\n\n// ─── Root ─────────────────────────────────────────────────────────────────────\n\nexport const PlaygroundLayout: React.FC = () => {\n    const { isMobile } = useMobile();\n\n    return (\n        <div\n            className=\"flex flex-col overflow-hidden\"\n            style={{ height: 'calc(100dvh - var(--navbar-height, 64px))' }}\n        >\n            {isMobile ? <MobileView /> : <DesktopView />}\n        </div>\n    );\n};\n"]}