@djangocfg/ui-tools 2.1.275 → 2.1.276

package/dist/{PlaygroundLayout-ZO2LO7M5.cjs → PlaygroundLayout-DHUATCHB.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkWM4RT5KX_cjs = require('./chunk-WM4RT5KX.cjs');
+var chunk5FKE7OME_cjs = require('./chunk-5FKE7OME.cjs');
 var chunk33AMWFBZ_cjs = require('./chunk-33AMWFBZ.cjs');
 require('./chunk-2SMCH62O.cjs');
 var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
@@ -231,11 +231,24 @@ function PanelHeader({ title }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-b px-4 h-10 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-semibold uppercase tracking-widest text-muted-foreground/50", children: title }) });
 }
 chunkWGEGR3DF_cjs.__name(PanelHeader, "PanelHeader");
-function EmptyState({ icon: Icon, text }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 px-6 text-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-7 w-7 text-muted-foreground/25" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: text })
-  ] });
+function EmptyState({
+  icon: Icon,
+  text,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: lib.cn(
+        "flex flex-col items-center justify-center h-full gap-3 px-6 text-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-7 w-7 text-muted-foreground/25" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: text })
+      ]
+    }
+  );
 }
 chunkWGEGR3DF_cjs.__name(EmptyState, "EmptyState");
 function CollapsibleSection({
@@ -292,7 +305,7 @@ function EndpointRow({
 }
 chunkWGEGR3DF_cjs.__name(EndpointRow, "EndpointRow");
 function EndpointList() {
-  const { state, config, setSelectedEndpoint, setSelectedCategory, setSearchTerm } = chunkWM4RT5KX_cjs.usePlaygroundContext();
+  const { state, config, setSelectedEndpoint, setSelectedCategory, setSearchTerm } = chunk5FKE7OME_cjs.usePlaygroundContext();
   const { endpoints, categories, loading, error, schemas, currentSchema, setCurrentSchema } = useOpenApiSchema({ schemas: config.schemas, defaultSchemaId: config.defaultSchemaId });
   const [debouncedSearch, setDebouncedSearch] = React4.useState(state.searchTerm);
   React4.useEffect(() => {
@@ -304,7 +317,7 @@ function EndpointList() {
     [schemas]
   );
   const filtered = React4.useMemo(() => {
-    let list = chunkWM4RT5KX_cjs.deduplicateEndpoints(endpoints, state.selectedVersion);
+    let list = chunk5FKE7OME_cjs.deduplicateEndpoints(endpoints, state.selectedVersion);
     if (state.selectedCategory !== "All") {
       list = list.filter((e) => e.category === state.selectedCategory);
     }
@@ -406,7 +419,7 @@ function EndpointList() {
 }
 chunkWGEGR3DF_cjs.__name(EndpointList, "EndpointList");
 function ParamFields({ label, params }) {
-  const { state, setParameters } = chunkWM4RT5KX_cjs.usePlaygroundContext();
+  const { state, setParameters } = chunk5FKE7OME_cjs.usePlaygroundContext();
   function handleChange(name, value) {
     setParameters({ ...state.parameters, [name]: value });
   }
@@ -437,14 +450,34 @@ function ParamFields({ label, params }) {
 }
 chunkWGEGR3DF_cjs.__name(ParamFields, "ParamFields");
 function RequestPanel() {
-  const { state, apiKeys, setRequestBody, setRequestHeaders, setManualApiToken, sendRequest } = chunkWM4RT5KX_cjs.usePlaygroundContext();
+  const {
+    state,
+    apiKeys,
+    apiKeysLoading,
+    setRequestBody,
+    setRequestHeaders,
+    setSelectedApiKey,
+    setManualApiToken,
+    sendRequest
+  } = chunk5FKE7OME_cjs.usePlaygroundContext();
+  const apiKeyOptions = React4.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)}\u2026` : void 0
+    })),
+    [apiKeys]
+  );
+  const hasApiKeys = apiKeyOptions.length > 0;
   const ep = state.selectedEndpoint;
-  const isJsonValid = state.requestBody ? chunkWM4RT5KX_cjs.isValidJson(state.requestBody) : true;
+  const isJsonValid = state.requestBody ? chunk5FKE7OME_cjs.isValidJson(state.requestBody) : true;
   const curlCommand = React4.useMemo(() => {
     if (!state.requestUrl) return "";
-    const apiKey = state.selectedApiKey ? chunkWM4RT5KX_cjs.findApiKeyById(apiKeys, state.selectedApiKey) : null;
-    const hdrs = chunkWM4RT5KX_cjs.parseRequestHeaders(state.requestHeaders);
-    if (apiKey) hdrs["X-API-Key"] = apiKey.id;
+    const apiKey = state.selectedApiKey ? chunk5FKE7OME_cjs.findApiKeyById(apiKeys, state.selectedApiKey) : null;
+    const hdrs = chunk5FKE7OME_cjs.parseRequestHeaders(state.requestHeaders);
+    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 += ` \\
@@ -550,6 +583,28 @@ function RequestPanel() {
             "Auth & Headers"
           ] }),
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 pt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "API Key" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components.Combobox,
+                {
+                  options: apiKeyOptions,
+                  value: state.selectedApiKey ?? "",
+                  onValueChange: (v) => setSelectedApiKey(v || null),
+                  placeholder: apiKeysLoading ? "Loading keys\u2026" : hasApiKeys ? "Select an API key" : "No API keys yet",
+                  searchPlaceholder: "Search keys\u2026",
+                  emptyText: "No matching key",
+                  disabled: apiKeysLoading || !hasApiKeys,
+                  className: "h-8"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+                "Picks are sent via the",
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: "X-API-Key" }),
+                " header."
+              ] })
+            ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
               /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Bearer Token" }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -586,7 +641,7 @@ function RequestPanel() {
             "cURL"
           ] }),
           action: /* @__PURE__ */ jsxRuntime.jsx(components.CopyButton, { value: curlCommand, variant: "ghost", size: "sm", className: "h-5 px-2 text-[10px] text-muted-foreground", children: "Copy" }),
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md overflow-hidden mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunkWM4RT5KX_cjs.PrettyCode_default, { data: curlCommand, language: "bash", isCompact: true }) })
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md overflow-hidden mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5FKE7OME_cjs.PrettyCode_default, { data: curlCommand, language: "bash", isCompact: true }) })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1" })
@@ -614,7 +669,7 @@ var JSON_TREE_CONFIG = {
   className: "border-0 rounded-none"
 };
 function ResponsePanel() {
-  const { state } = chunkWM4RT5KX_cjs.usePlaygroundContext();
+  const { state } = chunk5FKE7OME_cjs.usePlaygroundContext();
   const { response, loading, selectedEndpoint } = state;
   const { treeData, rawText } = React4.useMemo(() => {
     const d = response?.data;
@@ -672,7 +727,7 @@ var MOBILE_TABS = [
   { id: "response", label: "Response" }
 ];
 function MobileView() {
-  const { state } = chunkWM4RT5KX_cjs.usePlaygroundContext();
+  const { state } = chunk5FKE7OME_cjs.usePlaygroundContext();
   const [tab, setTab] = React4__default.default.useState("endpoints");
   React4__default.default.useEffect(() => {
     if (state.selectedEndpoint) setTab("request");
@@ -739,5 +794,5 @@ var PlaygroundLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
 }, "PlaygroundLayout");
 
 exports.PlaygroundLayout = PlaygroundLayout;
-//# sourceMappingURL=PlaygroundLayout-ZO2LO7M5.cjs.map
-//# sourceMappingURL=PlaygroundLayout-ZO2LO7M5.cjs.map
+//# sourceMappingURL=PlaygroundLayout-DHUATCHB.cjs.map
+//# sourceMappingURL=PlaygroundLayout-DHUATCHB.cjs.map

package/dist/PlaygroundLayout-DHUATCHB.cjs.map

@@ -0,0 +1 @@
+{"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":["__name","useIsMobile","useState","useMemo","useEffect","consola","useCallback","jsx","cn","jsxs","React","ChevronRight","usePlaygroundContext","deduplicateEndpoints","Skeleton","Fragment","Combobox","Search","Input","DropdownMenu","DropdownMenuTrigger","Filter","DropdownMenuContent","DropdownMenuItem","DownloadButton","isValidJson","findApiKeyById","parseRequestHeaders","Send","Button","Loader2","Sparkles","Textarea","Key","Terminal","CopyButton","PrettyCode_default","WifiOff","JsonTree_default"],"mappings":"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","file":"PlaygroundLayout-DHUATCHB.cjs","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({\n    icon: Icon,\n    text,\n    className,\n}: {\n    icon: React.ElementType;\n    text: string;\n    className?: string;\n}) {\n    return (\n        <div\n            className={cn(\n                'flex flex-col items-center justify-center h-full gap-3 px-6 text-center',\n                className,\n            )}\n        >\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    Combobox,\n    type ComboboxOption,\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 {\n        state,\n        apiKeys,\n        apiKeysLoading,\n        setRequestBody,\n        setRequestHeaders,\n        setSelectedApiKey,\n        setManualApiToken,\n        sendRequest,\n    } = usePlaygroundContext();\n\n    // Pre-compute every per-key view-model so the JSX stays a flat\n    // render — no boolean math in the markup.\n    const apiKeyOptions: ComboboxOption[] = useMemo(\n        () =>\n            apiKeys.map((k) => ({\n                value: k.id,\n                label: k.name || 'Unnamed key',\n                // Surface the first 8 chars of the secret so the user\n                // can tell two similarly-named keys apart at a glance.\n                description: k.secret\n                    ? `${k.secret.slice(0, 8)}…`\n                    : undefined,\n            })),\n        [apiKeys],\n    );\n    const hasApiKeys = apiKeyOptions.length > 0;\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        // Use ``secret`` (the raw key) for the cURL header — matches\n        // what the playground sends over the wire. Fall back to\n        // ``id`` for legacy callers still on the old ApiKey shape.\n        if (apiKey) hdrs['X-API-Key'] = apiKey.secret || 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>API Key</SectionLabel>\n                            <Combobox\n                                options={apiKeyOptions}\n                                value={state.selectedApiKey ?? ''}\n                                onValueChange={(v) => setSelectedApiKey(v || null)}\n                                placeholder={\n                                    apiKeysLoading\n                                        ? 'Loading keys…'\n                                        : hasApiKeys\n                                            ? 'Select an API key'\n                                            : 'No API keys yet'\n                                }\n                                searchPlaceholder=\"Search keys…\"\n                                emptyText=\"No matching key\"\n                                disabled={apiKeysLoading || !hasApiKeys}\n                                className=\"h-8\"\n                            />\n                            <p className=\"text-[10px] text-muted-foreground\">\n                                Picks are sent via the{' '}\n                                <span className=\"font-mono\">X-API-Key</span> header.\n                            </p>\n                        </div>\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"]}

package/dist/{PlaygroundLayout-G325I6HM.mjs → PlaygroundLayout-NONWOVQR.mjs}

@@ -1,4 +1,4 @@
-import { usePlaygroundContext, deduplicateEndpoints, isValidJson, findApiKeyById, parseRequestHeaders, PrettyCode_default } from './chunk-QZ55LYK2.mjs';
+import { usePlaygroundContext, deduplicateEndpoints, isValidJson, findApiKeyById, parseRequestHeaders, PrettyCode_default } from './chunk-BKWDHJKF.mjs';
 import { JsonTree_default } from './chunk-LFWQ36LJ.mjs';
 import './chunk-SSUOENAZ.mjs';
 import { __name } from './chunk-CGILA3WO.mjs';
@@ -224,11 +224,24 @@ function PanelHeader({ title }) {
   return /* @__PURE__ */ jsx("div", { className: "shrink-0 border-b px-4 h-10 flex items-center", children: /* @__PURE__ */ jsx("span", { className: "text-[11px] font-semibold uppercase tracking-widest text-muted-foreground/50", children: title }) });
 }
 __name(PanelHeader, "PanelHeader");
-function EmptyState({ icon: Icon, text }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 px-6 text-center", children: [
-    /* @__PURE__ */ jsx(Icon, { className: "h-7 w-7 text-muted-foreground/25" }),
-    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: text })
-  ] });
+function EmptyState({
+  icon: Icon,
+  text,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center h-full gap-3 px-6 text-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "h-7 w-7 text-muted-foreground/25" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: text })
+      ]
+    }
+  );
 }
 __name(EmptyState, "EmptyState");
 function CollapsibleSection({
@@ -430,14 +443,34 @@ function ParamFields({ label, params }) {
 }
 __name(ParamFields, "ParamFields");
 function RequestPanel() {
-  const { state, apiKeys, setRequestBody, setRequestHeaders, setManualApiToken, sendRequest } = usePlaygroundContext();
+  const {
+    state,
+    apiKeys,
+    apiKeysLoading,
+    setRequestBody,
+    setRequestHeaders,
+    setSelectedApiKey,
+    setManualApiToken,
+    sendRequest
+  } = usePlaygroundContext();
+  const apiKeyOptions = 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)}\u2026` : void 0
+    })),
+    [apiKeys]
+  );
+  const hasApiKeys = apiKeyOptions.length > 0;
   const ep = state.selectedEndpoint;
   const isJsonValid = state.requestBody ? isValidJson(state.requestBody) : true;
   const curlCommand = useMemo(() => {
     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;
+    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 += ` \\
@@ -543,6 +576,28 @@ function RequestPanel() {
             "Auth & Headers"
           ] }),
           children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 pt-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx(SectionLabel, { children: "API Key" }),
+              /* @__PURE__ */ jsx(
+                Combobox,
+                {
+                  options: apiKeyOptions,
+                  value: state.selectedApiKey ?? "",
+                  onValueChange: (v) => setSelectedApiKey(v || null),
+                  placeholder: apiKeysLoading ? "Loading keys\u2026" : hasApiKeys ? "Select an API key" : "No API keys yet",
+                  searchPlaceholder: "Search keys\u2026",
+                  emptyText: "No matching key",
+                  disabled: apiKeysLoading || !hasApiKeys,
+                  className: "h-8"
+                }
+              ),
+              /* @__PURE__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+                "Picks are sent via the",
+                " ",
+                /* @__PURE__ */ jsx("span", { className: "font-mono", children: "X-API-Key" }),
+                " header."
+              ] })
+            ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
               /* @__PURE__ */ jsx(SectionLabel, { children: "Bearer Token" }),
               /* @__PURE__ */ jsx(
@@ -732,5 +787,5 @@ var PlaygroundLayout = /* @__PURE__ */ __name(() => {
 }, "PlaygroundLayout");
 
 export { PlaygroundLayout };
-//# sourceMappingURL=PlaygroundLayout-G325I6HM.mjs.map
-//# sourceMappingURL=PlaygroundLayout-G325I6HM.mjs.map
+//# sourceMappingURL=PlaygroundLayout-NONWOVQR.mjs.map
+//# sourceMappingURL=PlaygroundLayout-NONWOVQR.mjs.map