@rebasepro/studio 0.24.0 → 0.24.1-canary.gcb918fc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rebasepro/studio",
-  "version": "0.24.0",
+  "version": "0.24.1-canary.gcb918fc",
   "description": "Rebase Studio — the SQL editor, schema visualiser, RLS policy editor and API explorer.",
   "keywords": [
     "rebase",
@@ -35,19 +35,19 @@
     "pgsql-ast-parser": "12.0.2",
     "prism-react-renderer": "^2.4.1",
     "react-dropzone": "^19.1.1",
-    "@rebasepro/cms-types": "0.24.0",
-    "@rebasepro/app": "0.24.0",
-    "@rebasepro/client": "0.24.0",
-    "@rebasepro/ui": "0.24.0",
-    "@rebasepro/utils": "0.24.0",
-    "@rebasepro/common": "0.24.0",
-    "@rebasepro/types": "0.24.0"
+    "@rebasepro/cms-types": "0.24.1-canary.gcb918fc",
+    "@rebasepro/app": "0.24.1-canary.gcb918fc",
+    "@rebasepro/types": "0.24.1-canary.gcb918fc",
+    "@rebasepro/common": "0.24.1-canary.gcb918fc",
+    "@rebasepro/ui": "0.24.1-canary.gcb918fc",
+    "@rebasepro/utils": "0.24.1-canary.gcb918fc",
+    "@rebasepro/client": "0.24.1-canary.gcb918fc"
   },
   "peerDependencies": {
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-router": "^8.3.0",
-    "@rebasepro/cms": "0.24.0"
+    "@rebasepro/cms": "0.24.1-canary.gcb918fc"
   },
   "peerDependenciesMeta": {
     "@rebasepro/cms": {

package/dist/ApiExplorer-CCtczj3F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiExplorer-CCtczj3F.js","names":[],"sources":["../src/components/ApiExplorer/parseSpec.ts","../src/components/ApiExplorer/EndpointDetail.tsx","../src/components/ApiExplorer/TryItPanel.tsx","../src/components/ApiExplorer/ApiExplorer.tsx"],"sourcesContent":["import type { OpenApiSpec, ParsedEndpoint, EndpointGroup } from \"./types\";\n\n/**\n * Parse an OpenAPI 3.x spec into grouped, sorted endpoints for the sidebar.\n */\nexport function parseOpenApiSpec(spec: OpenApiSpec): {\n    groups: EndpointGroup[];\n    allEndpoints: ParsedEndpoint[];\n} {\n    const allEndpoints: ParsedEndpoint[] = [];\n    const tagMap = new Map<string, ParsedEndpoint[]>();\n\n    // Build tag description lookup\n    const tagDescriptions = new Map<string, string>();\n    for (const t of spec.tags ?? []) {\n        tagDescriptions.set(t.name, t.description ?? \"\");\n    }\n\n    for (const [path, methods] of Object.entries(spec.paths ?? {})) {\n        for (const [method, op] of Object.entries(methods)) {\n            if ([\"get\", \"post\", \"put\", \"patch\", \"delete\"].indexOf(method) === -1) continue;\n\n            const tags = op.tags?.length ? op.tags : [\"Other\"];\n            const shortPath = path.replace(/^\\/api\\/data/, \"\");\n\n            const endpoint: ParsedEndpoint = {\n                id: `${method}:${path}`,\n                method,\n                path,\n                shortPath: shortPath || \"/\",\n                summary: op.summary ?? \"\",\n                description: op.description ?? \"\",\n                tags,\n                parameters: op.parameters ?? [],\n                requestBody: op.requestBody,\n                responses: op.responses ?? {},\n                security: op.security,\n                operationId: op.operationId\n            };\n\n            allEndpoints.push(endpoint);\n            for (const tag of tags) {\n                if (!tagMap.has(tag)) tagMap.set(tag, []);\n                tagMap.get(tag)!.push(endpoint);\n            }\n        }\n    }\n\n    // Method sort order\n    const ORDER: Record<string, number> = { get: 0,\npost: 1,\nput: 2,\npatch: 3,\ndelete: 4 };\n\n    const groups: EndpointGroup[] = [];\n    // Sort tags: use spec.tags order if available, else alphabetical\n    const tagOrder = (spec.tags ?? []).map((t) => t.name);\n    const sortedTags = [...tagMap.keys()].sort((a, b) => {\n        const ai = tagOrder.indexOf(a);\n        const bi = tagOrder.indexOf(b);\n        if (ai !== -1 && bi !== -1) return ai - bi;\n        if (ai !== -1) return -1;\n        if (bi !== -1) return 1;\n        return a.localeCompare(b);\n    });\n\n    for (const tag of sortedTags) {\n        const endpoints = tagMap.get(tag)!;\n        endpoints.sort((a, b) => {\n            const pa = a.path.localeCompare(b.path);\n            if (pa !== 0) return pa;\n            return (ORDER[a.method] ?? 99) - (ORDER[b.method] ?? 99);\n        });\n        groups.push({\n            tag,\n            description: tagDescriptions.get(tag),\n            endpoints\n        });\n    }\n\n    return { groups,\nallEndpoints };\n}\n\n/**\n * Resolve a $ref string (e.g. \"#/components/schemas/Author\") to a schema name.\n */\nexport function resolveRefName(ref: string): string {\n    const parts = ref.split(\"/\");\n    return parts[parts.length - 1];\n}\n\n/**\n * Resolve a $ref to its actual schema from the spec.\n */\nexport function resolveRef(spec: OpenApiSpec, ref: string): unknown {\n    const parts = ref.replace(\"#/\", \"\").split(\"/\");\n    let current: unknown = spec;\n    for (const part of parts) {\n        current = (current as Record<string, unknown>)?.[part];\n    }\n    return current ?? {};\n}\n","import React from \"react\";\nimport {\n    ArrowRightFromLineIcon,\n    Chip,\n    cls,\n    defaultBorderMixin,\n    iconSize,\n    SlidersHorizontalIcon,\n    Typography,\n    UploadIcon\n} from \"@rebasepro/ui\";\nimport type { ParsedEndpoint, OpenApiSpec, OpenApiSchema } from \"./types\";\nimport { resolveRef, resolveRefName } from \"./parseSpec\";\n\n/**\n * Renders the documentation view for a single API endpoint:\n * parameters, request body schema, response schemas.\n */\nexport function EndpointDetail({ endpoint, spec }: { endpoint: ParsedEndpoint; spec: OpenApiSpec }) {\n    return (\n        <div className=\"p-6 space-y-8 max-w-4xl\">\n            {/* Summary / Description */}\n            {(endpoint.summary || endpoint.description) && (\n                <div>\n                    {endpoint.summary && (\n                        <Typography variant=\"h6\" className=\"font-semibold mb-1\">\n                            {endpoint.summary}\n                        </Typography>\n                    )}\n                    {endpoint.description && (\n                        <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n                            {endpoint.description}\n                        </Typography>\n                    )}\n                </div>\n            )}\n\n            {/* Parameters */}\n            {endpoint.parameters.length > 0 && (\n                <section>\n                    <SectionHeading icon={<SlidersHorizontalIcon size={iconSize.small} className=\"text-text-secondary dark:text-text-secondary-dark\" />} title=\"Parameters\"/>\n                    <div className={cls(\"rounded-lg border overflow-hidden\", defaultBorderMixin)}>\n                        <table className=\"w-full text-sm\">\n                            <thead>\n                                <tr className=\"bg-surface-raised text-left\">\n                                    <th className=\"px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark\">\n                                        Name\n                                    </th>\n                                    <th className=\"px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark\">\n                                        In\n                                    </th>\n                                    <th className=\"px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark\">\n                                        Type\n                                    </th>\n                                    <th className=\"px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark\">\n                                        Description\n                                    </th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                {endpoint.parameters.map((p, i) => (\n                                    <tr\n                                        key={p.name + i}\n                                        className={cls(\"border-t\", defaultBorderMixin)}\n                                    >\n                                        <td className=\"px-4 py-2.5\">\n                                            <code className=\"text-xs font-mono font-semibold\">{p.name}</code>\n                                            {p.required && <span className=\"text-red-500 ml-1 text-xs\">*</span>}\n                                        </td>\n                                        <td className=\"px-4 py-2.5\">\n                                            <Chip\n                                                size=\"smallest\"\n                                                colorScheme={p.in === \"path\" ? \"orangeDarker\" : \"cyanDarker\"}\n                                            >\n                                                {p.in}\n                                            </Chip>\n                                        </td>\n                                        <td className=\"px-4 py-2.5 text-xs font-mono text-text-secondary dark:text-text-secondary-dark\">\n                                            {schemaTypeLabel(p.schema)}\n                                        </td>\n                                        <td className=\"px-4 py-2.5 text-xs text-text-secondary dark:text-text-secondary-dark\">\n                                            {p.description ?? \"—\"}\n                                        </td>\n                                    </tr>\n                                ))}\n                            </tbody>\n                        </table>\n                    </div>\n                </section>\n            )}\n\n            {/* Request Body */}\n            {endpoint.requestBody && (\n                <section>\n                    <SectionHeading icon={<UploadIcon size={iconSize.small} className=\"text-text-secondary dark:text-text-secondary-dark\" />} title=\"Request Body\"/>\n                    {Object.entries(endpoint.requestBody.content ?? {}).map(([contentType, media]) => (\n                        <div key={contentType}>\n                            <Chip size=\"smallest\" colorScheme=\"blueDarker\" className=\"mb-3\">\n                                {contentType}\n                            </Chip>\n                            {media.schema && <SchemaBlock schema={media.schema} spec={spec} depth={0}/>}\n                        </div>\n                    ))}\n                </section>\n            )}\n\n            {/* Responses */}\n            <section>\n                <SectionHeading icon={<ArrowRightFromLineIcon size={iconSize.small} className=\"text-text-secondary dark:text-text-secondary-dark\" />} title=\"Responses\"/>\n                <div className=\"space-y-3\">\n                    {Object.entries(endpoint.responses).map(([code, res]) => (\n                        <div\n                            key={code}\n                            className={cls(\"rounded-lg border overflow-hidden\", defaultBorderMixin)}\n                        >\n                            <div\n                                className={cls(\n                                    \"flex items-center gap-3 px-4 py-2.5\",\n                                    \"bg-surface-sheet\"\n                                )}\n                            >\n                                <StatusBadge code={code}/>\n                                <Typography\n                                    variant=\"body2\"\n                                    className=\"text-text-secondary dark:text-text-secondary-dark text-xs\"\n                                >\n                                    {res.description}\n                                </Typography>\n                            </div>\n                            {res.content &&\n                                Object.entries(res.content).map(\n                                    ([ct, media]) =>\n                                        media.schema && (\n                                            <div\n                                                key={ct}\n                                                className={cls(\"px-4 py-3 border-t\", defaultBorderMixin)}\n                                            >\n                                                <SchemaBlock schema={media.schema} spec={spec} depth={0}/>\n                                            </div>\n                                        )\n                                )}\n                        </div>\n                    ))}\n                </div>\n            </section>\n        </div>\n    );\n}\n\n/* ── Schema Block ─────────────────────────────────────────────────── */\n\nfunction SchemaBlock({ schema, spec, depth }: { schema: OpenApiSchema; spec: OpenApiSpec; depth: number }) {\n    // Resolve $ref\n    if (schema.$ref) {\n        const name = resolveRefName(schema.$ref);\n        const resolved = resolveRef(spec, schema.$ref) as OpenApiSchema;\n        return (\n            <div>\n                <Typography\n                    variant=\"caption\"\n                    className=\"text-primary dark:text-primary-dark font-mono text-xs mb-2 block\"\n                >\n                    {name}\n                </Typography>\n                <SchemaBlock schema={resolved} spec={spec} depth={depth}/>\n            </div>\n        );\n    }\n\n    // Object with properties\n    if (schema.properties) {\n        const required = new Set(schema.required ?? []);\n        return (\n            <div\n                className={cls(\n                    \"rounded-lg overflow-hidden\",\n                    depth > 0 && `border ml-4 mt-1 ${defaultBorderMixin}`\n                )}\n            >\n                <table className=\"w-full text-xs\">\n                    <tbody>\n                        {Object.entries(schema.properties).map(([key, prop]) => (\n                            <tr\n                                key={key}\n                                className={cls(\"border-t first:border-t-0\", defaultBorderMixin)}\n                            >\n                                <td className=\"px-3 py-2 align-top w-36\">\n                                    <code className=\"font-mono font-semibold text-text-primary dark:text-text-primary-dark\">\n                                        {key}\n                                    </code>\n                                    {required.has(key) && <span className=\"text-red-500 ml-0.5\">*</span>}\n                                    {prop.readOnly && (\n                                        <span className=\"ml-1.5 text-[9px] text-text-secondary dark:text-text-secondary-dark italic\">\n                                            read-only\n                                        </span>\n                                    )}\n                                </td>\n                                <td className=\"px-3 py-2 align-top w-28\">\n                                    <span className=\"font-mono text-text-secondary dark:text-text-secondary-dark\">\n                                        {schemaTypeLabel(prop)}\n                                    </span>\n                                </td>\n                                <td className=\"px-3 py-2 align-top text-text-secondary dark:text-text-secondary-dark\">\n                                    {prop.description ?? \"\"}\n                                    {prop.enum && (\n                                        <div className=\"flex flex-wrap gap-1 mt-1\">\n                                            {prop.enum.map((v) => (\n                                                <span\n                                                    key={String(v)}\n                                                    className=\"px-1.5 py-0.5 rounded bg-surface-raised text-[10px] font-mono\"\n                                                >\n                                                    {String(v)}\n                                                </span>\n                                            ))}\n                                        </div>\n                                    )}\n                                    {prop.properties && <SchemaBlock schema={prop} spec={spec} depth={depth + 1}/>}\n                                    {prop.$ref && <SchemaBlock schema={prop} spec={spec} depth={depth + 1}/>}\n                                </td>\n                            </tr>\n                        ))}\n                    </tbody>\n                </table>\n            </div>\n        );\n    }\n\n    // Array\n    if (schema.type === \"array\" && schema.items) {\n        return (\n            <div>\n                <span className=\"font-mono text-xs text-text-secondary dark:text-text-secondary-dark\">Array of:</span>\n                <SchemaBlock schema={schema.items} spec={spec} depth={depth + 1}/>\n            </div>\n        );\n    }\n\n    // Primitive\n    return (\n        <span className=\"font-mono text-xs text-text-secondary dark:text-text-secondary-dark\">\n            {schemaTypeLabel(schema)}\n        </span>\n    );\n}\n\n/* ── Helpers ──────────────────────────────────────────────────────── */\n\nfunction schemaTypeLabel(schema?: OpenApiSchema): string {\n    if (!schema) return \"any\";\n    if (schema.$ref) return resolveRefName(schema.$ref);\n    if (schema.type === \"array\") return `${schemaTypeLabel(schema.items)}[]`;\n    if (schema.format) return `${schema.type} (${schema.format})`;\n    return schema.type ?? \"object\";\n}\n\nfunction SectionHeading({ icon, title }: { icon: React.ReactNode; title: string }) {\n    return (\n        <div className=\"flex items-center gap-2 mb-3\">\n            {icon}\n            <Typography variant=\"subtitle2\" className=\"font-semibold text-sm\">\n                {title}\n            </Typography>\n        </div>\n    );\n}\n\nfunction StatusBadge({ code }: { code: string }) {\n    const n = parseInt(code, 10);\n    const color =\n        n < 300\n            ? \"text-emerald-600 dark:text-emerald-400\"\n            : n < 400\n              ? \"text-blue-600 dark:text-blue-400\"\n              : n < 500\n                ? \"text-amber-600 dark:text-amber-400\"\n                : \"text-red-600 dark:text-red-400\";\n\n    return <span className={cls(\"text-xs font-semibold font-mono\", color)}>{code}</span>;\n}\n","import React, { useState, useCallback, useMemo, useEffect } from \"react\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    IconButton,\n    iconSize,\n    LoaderIcon,\n    PlusIcon,\n    SendIcon,\n    TextField,\n    Typography,\n    XIcon\n} from \"@rebasepro/ui\";\nimport type { SelectableUser } from \"@rebasepro/app\";\nimport { AuthSimulationSelector } from \"../AuthSimulationSelector\";\nimport { useRunAsUsers } from \"../useRunAsUsers\";\nimport type { ParsedEndpoint } from \"./types\";\nimport { IMPERSONATE_HEADER, type User } from \"@rebasepro/types\";\n\ninterface TryItPanelProps {\n    endpoint: ParsedEndpoint;\n    apiUrl: string;\n    getAuthToken: () => Promise<string | null | undefined>;\n    user: User | null;\n    basePath?: string;\n}\n\n/**\n * Interactive \"Try It\" panel that lets the user execute API requests\n * using their current JWT token directly from the Studio.\n *\n * An administrator can run a request as another user: it is sent with their\n * own token and the {@link IMPERSONATE_HEADER} header, and the server runs it\n * as that user — their uid and roles, under row-level security — or refuses\n * it. It never runs as the administrator instead.\n */\nexport function TryItPanel({ endpoint, apiUrl, getAuthToken, user, basePath = \"\" }: TryItPanelProps) {\n    const storageKey = `rebase_apiexplorer_${endpoint.method}_${endpoint.path}`;\n\n    const [pathParams, setPathParams] = useState<Record<string, string>>(() => {\n        try { const v = localStorage.getItem(`${storageKey}_path`); if (v) return JSON.parse(v); } catch { /* ignore */ }\n        return {};\n    });\n    const [queryParams, setQueryParams] = useState<Record<string, string>>(() => {\n        try { const v = localStorage.getItem(`${storageKey}_query`); if (v) return JSON.parse(v); } catch { /* ignore */ }\n        return {};\n    });\n    const [customHeaders, setCustomHeaders] = useState<Array<{ key: string; value: string }>>(() => {\n        try { const v = localStorage.getItem(`${storageKey}_headers`); if (v) return JSON.parse(v); } catch { /* ignore */ }\n        // None until the caller adds one: every header here is sent.\n        return [];\n    });\n    const [body, setBody] = useState(() => {\n        try { const v = localStorage.getItem(`${storageKey}_body`); if (v) return JSON.parse(v); } catch { /* ignore */ }\n        return buildBodyTemplate(endpoint);\n    });\n    const [response, setResponse] = useState<{ status: number; statusText: string; body: string; time: number } | null>(\n        null\n    );\n    const [loading, setLoading] = useState(false);\n    const [authMode, setAuthMode] = useState<\"jwt\" | \"none\">(\"jwt\");\n    const [validationError, setValidationError] = useState<string | null>(null);\n\n    // An administrator is offered the project's users; anyone else, only\n    // themselves — the server lets nobody else run a request as someone.\n    const { users, currentUser, loading: usersLoading, onSearchTextChange, totalCount: userTotalCount } = useRunAsUsers();\n\n    const [selectedUser, setSelectedUser] = useState<SelectableUser | null>(null);\n\n    useEffect(() => {\n        localStorage.setItem(`${storageKey}_path`, JSON.stringify(pathParams));\n        localStorage.setItem(`${storageKey}_query`, JSON.stringify(queryParams));\n        localStorage.setItem(`${storageKey}_headers`, JSON.stringify(customHeaders));\n        localStorage.setItem(`${storageKey}_body`, JSON.stringify(body));\n    }, [storageKey, pathParams, queryParams, customHeaders, body]);\n\n    // Build the final URL\n    const resolvedUrl = useMemo(() => {\n        const base = basePath.startsWith(\"/\") ? basePath : `/${basePath}`;\n        const cleanBase = base === \"/\" ? \"\" : base;\n        let url = `${apiUrl.replace(/\\/+$/, \"\")}${cleanBase}${endpoint.path}`;\n        // Replace path params\n        for (const [key, val] of Object.entries(pathParams)) {\n            url = url.replace(`{${key}}`, encodeURIComponent(val));\n        }\n        // Append query params\n        const qp = Object.entries(queryParams).filter(([, v]) => v.trim() !== \"\");\n        if (qp.length > 0) {\n            url += \"?\" + qp.map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join(\"&\");\n        }\n        return url;\n    }, [apiUrl, basePath, endpoint.path, pathParams, queryParams]);\n\n    const pathParamDefs = endpoint.parameters.filter((p) => p.in === \"path\");\n    const queryParamDefs = endpoint.parameters.filter((p) => p.in === \"query\");\n    const hasBody = [\"post\", \"put\", \"patch\"].includes(endpoint.method);\n\n    const execute = useCallback(async () => {\n        setValidationError(null);\n        if (hasBody && body.trim()) {\n            try {\n                JSON.parse(body);\n            } catch (err: unknown) {\n                setValidationError(`Invalid JSON: ${err instanceof Error ? err.message : String(err)}`);\n                return;\n            }\n        }\n\n        setLoading(true);\n        setResponse(null);\n        const start = performance.now();\n\n        try {\n            const headers: Record<string, string> = { \"Content-Type\": \"application/json\" };\n\n            for (const h of customHeaders) {\n                if (h.key.trim()) headers[h.key.trim()] = h.value;\n            }\n\n            if (authMode === \"jwt\") {\n                const token = await getAuthToken();\n                if (token) headers[\"Authorization\"] = `Bearer ${token}`;\n                if (selectedUser && selectedUser.uid !== currentUser?.uid) {\n                    headers[IMPERSONATE_HEADER] = selectedUser.uid;\n                }\n            }\n\n            const res = await fetch(resolvedUrl, {\n                method: endpoint.method.toUpperCase(),\n                headers,\n                body: hasBody && body.trim() ? body : undefined\n            });\n\n            const elapsed = Math.round(performance.now() - start);\n            let text: string;\n\n            const rawText = await res.text();\n            try {\n                const json = JSON.parse(rawText);\n                text = JSON.stringify(json, null, 2);\n            } catch {\n                text = rawText;\n            }\n\n            setResponse({ status: res.status,\nstatusText: res.statusText,\nbody: text,\ntime: elapsed });\n        } catch (err: unknown) {\n            setResponse({\n                status: 0,\n                statusText: \"Network Error\",\n                body: err instanceof Error ? err.message : \"Request failed\",\n                time: Math.round(performance.now() - start)\n            });\n        } finally {\n            setLoading(false);\n        }\n    }, [resolvedUrl, endpoint.method, hasBody, body, authMode, getAuthToken, customHeaders, selectedUser, currentUser?.uid]);\n\n    return (\n        <div className=\"flex flex-col h-full\">\n            <div className=\"p-5 space-y-5 overflow-y-auto flex-1\">\n                {/* Auth Mode */}\n                <AuthSimulationSelector\n                    authMode={authMode}\n                    setAuthMode={setAuthMode}\n                    selectedUser={selectedUser}\n                    setSelectedUser={setSelectedUser}\n                    users={users}\n                    loading={usersLoading}\n                    onUserSearchTextChange={onSearchTextChange}\n                    userTotalCount={userTotalCount}\n                    currentUser={currentUser}\n                />\n\n                {/* Path Params */}\n                {pathParamDefs.length > 0 && (\n                    <ParamSection\n                        title=\"Path Parameters\"\n                        params={pathParamDefs}\n                        values={pathParams}\n                        onChange={(k, v) => setPathParams((prev) => ({ ...prev,\n[k]: v }))}\n                    />\n                )}\n\n                {/* Query Params */}\n                {queryParamDefs.length > 0 && (\n                    <ParamSection\n                        title=\"Query Parameters\"\n                        params={queryParamDefs}\n                        values={queryParams}\n                        onChange={(k, v) => setQueryParams((prev) => ({ ...prev,\n[k]: v }))}\n                    />\n                )}\n\n                {/* Custom Headers */}\n                <CustomKeyValueSection\n                    title=\"Custom Headers\"\n                    values={customHeaders}\n                    onChange={(i, k, v) => {\n                        const next = [...customHeaders];\n                        next[i] = { key: k,\nvalue: v };\n                        setCustomHeaders(next);\n                    }}\n                    onAdd={() => setCustomHeaders((prev) => [...prev, { key: \"\",\nvalue: \"\" }])}\n                    onRemove={(i) => {\n                        const next = [...customHeaders];\n                        next.splice(i, 1);\n                        setCustomHeaders(next);\n                    }}\n                />\n\n                {/* Request Body */}\n                {hasBody && (\n                    <div>\n                        <Typography\n                            variant=\"caption\"\n                            className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider mb-2 block\"\n                        >\n                            Request Body\n                        </Typography>\n                        <TextField\n                            multiline\n                            minRows={10}\n                            aria-label=\"Request Body\"\n                            value={body}\n                            onChange={(e) => { setBody(e.target.value); setValidationError(null); }}\n                            spellCheck={false}\n                            error={!!validationError}\n                            className=\"w-full\"\n                            inputClassName=\"font-mono text-xs p-3 resize-y\"\n                        />\n                        {validationError && (\n                            <Typography variant=\"caption\" className=\"text-red-500 mt-1 block text-xs\">\n                                {validationError}\n                            </Typography>\n                        )}\n                    </div>\n                )}\n\n                {/* URL Preview */}\n                <div className=\"rounded-lg bg-surface-raised p-3\">\n                    <Typography\n                        variant=\"caption\"\n                        className=\"text-text-secondary dark:text-text-secondary-dark text-[10px] uppercase tracking-wider block mb-1\"\n                    >\n                        Request URL\n                    </Typography>\n                    <code className=\"text-xs font-mono text-text-primary dark:text-text-primary-dark break-all\">\n                        {resolvedUrl}\n                    </code>\n                </div>\n\n                {/* Execute Button */}\n                <Button variant=\"filled\" onClick={execute} disabled={loading} className=\"w-full\">\n                    {loading ? (\n                        <span className=\"flex items-center gap-2\">\n                            <LoaderIcon size={iconSize.small} className=\"animate-spin\" />\n                            Sending…\n                        </span>\n                    ) : (\n                        <span className=\"flex items-center gap-2\">\n                            <SendIcon size={iconSize.small} />\n                            Send Request\n                        </span>\n                    )}\n                </Button>\n\n                {/* Response */}\n                {response && (\n                    <div className={cls(\"rounded-lg border overflow-hidden\", defaultBorderMixin)}>\n                        <div\n                            className={cls(\n                                \"flex items-center justify-between px-4 py-2.5\",\n                                \"bg-surface-sheet\"\n                            )}\n                        >\n                            <div className=\"flex items-center gap-3\">\n                                <ResponseBadge status={response.status}/>\n                                <Typography\n                                    variant=\"caption\"\n                                    className=\"text-text-secondary dark:text-text-secondary-dark text-xs\"\n                                >\n                                    {response.statusText}\n                                </Typography>\n                            </div>\n                            <Typography\n                                variant=\"caption\"\n                                className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-mono\"\n                            >\n                                {response.time}ms\n                            </Typography>\n                        </div>\n                        <pre\n                            className={cls(\n                                \"p-4 text-xs font-mono overflow-auto max-h-96\",\n                                \"bg-surface-well text-emerald-700 dark:text-emerald-400\"\n                            )}\n                        >\n                            {response.body}\n                        </pre>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\n/* ── Param Section ────────────────────────────────────────────────── */\n\nfunction ParamSection({\n    title,\n    params,\n    values,\n    onChange\n}: {\n    title: string;\n    params: ParsedEndpoint[\"parameters\"];\n    values: Record<string, string>;\n    onChange: (_key: string, _value: string) => void;\n}) {\n    const paramIdBase = React.useId();\n    return (\n        <div>\n            <Typography\n                variant=\"caption\"\n                className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider mb-2 block\"\n            >\n                {title}\n            </Typography>\n            <div className=\"space-y-2\">\n                {params.map((p, index) => (\n                    <div key={p.name} className=\"flex items-center gap-3\">\n                        <label className=\"w-32 shrink-0\" htmlFor={`${paramIdBase}-${index}-param`}>\n                            <code className=\"text-xs font-mono font-semibold\">{p.name}</code>\n                            {p.required && <span className=\"text-red-500 ml-0.5 text-xs\">*</span>}\n                        </label>\n                        <TextField\n                            id={`${paramIdBase}-${index}-param`}\n                            size=\"small\"\n                            placeholder={p.description ?? p.name}\n                            value={values[p.name] ?? \"\"}\n                            onChange={(e) => onChange(p.name, e.target.value)}\n                            className=\"flex-1\"\n                            inputClassName=\"font-mono text-xs\"\n                        />\n                    </div>\n                ))}\n            </div>\n        </div>\n    );\n}\n\nfunction CustomKeyValueSection({\n    title,\n    values,\n    onChange,\n    onAdd,\n    onRemove\n}: {\n    title: string;\n    values: Array<{ key: string; value: string }>;\n    onChange: (index: number, key: string, value: string) => void;\n    onAdd: () => void;\n    onRemove: (index: number) => void;\n}) {\n    return (\n        <div>\n            <div className=\"flex items-center justify-between mb-2\">\n                <Typography\n                    variant=\"caption\"\n                    className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider block\"\n                >\n                    {title}\n                </Typography>\n                <Button\n                    variant=\"text\"\n                    size=\"small\"\n                    color=\"primary\"\n                    onClick={onAdd}\n                    className=\"text-xs p-0 min-h-0\"\n                >\n                    <PlusIcon size={iconSize.small} className=\"mr-1\" /> Add Header\n                </Button>\n            </div>\n            <div className=\"space-y-2\">\n                {values.map((v, i) => (\n                    <div key={i} className=\"flex items-center gap-2\">\n                        <TextField\n                            size=\"small\"\n                            aria-label={`Header ${i + 1} name`}\n                            placeholder=\"Header name\"\n                            value={v.key}\n                            onChange={(e) => onChange(i, e.target.value, v.value)}\n                            className=\"w-1/3\"\n                            inputClassName=\"font-mono text-xs\"\n                        />\n                        <TextField\n                            size=\"small\"\n                            aria-label={`Header ${i + 1} value`}\n                            placeholder=\"Value\"\n                            value={v.value}\n                            onChange={(e) => onChange(i, v.key, e.target.value)}\n                            className=\"flex-1\"\n                            inputClassName=\"font-mono text-xs\"\n                        />\n                        <IconButton\n                            size=\"small\"\n                            onClick={() => onRemove(i)}\n                            className=\"text-text-secondary hover:text-red-500 shrink-0\"\n                            title=\"Remove\"\n                        >\n                            <XIcon size={iconSize.small} />\n                        </IconButton>\n                    </div>\n                ))}\n                {values.length === 0 && (\n                    <Typography variant=\"caption\" className=\"text-text-secondary/50 italic text-xs\">\n                        No custom headers added.\n                    </Typography>\n                )}\n            </div>\n        </div>\n    );\n}\n\n/* ── Helpers ──────────────────────────────────────────────────────── */\n\nfunction ResponseBadge({ status }: { status: number }) {\n    let colorClass = \"text-red-500\";\n    if (status >= 200 && status < 300) colorClass = \"text-emerald-500\";\n    else if (status >= 300 && status < 400) colorClass = \"text-blue-500\";\n    else if (status >= 400 && status < 500) colorClass = \"text-amber-500\";\n\n    return (\n        <span className={cls(\"text-xs font-semibold font-mono\", colorClass)}>\n            {status || \"ERR\"}\n        </span>\n    );\n}\n\nfunction buildBodyTemplate(endpoint: ParsedEndpoint): string {\n    if (!endpoint.requestBody?.content) return \"{\\n  \\n}\";\n    const json = endpoint.requestBody.content[\"application/json\"];\n    if (!json?.schema?.properties) return \"{\\n  \\n}\";\n\n    const props = json.schema.properties;\n    const lines: string[] = [\"{\"];\n    const keys = Object.keys(props);\n    keys.forEach((key, i) => {\n        const prop = props[key];\n        if (prop.readOnly) return;\n        const comma = i < keys.length - 1 ? \",\" : \"\";\n        const val = defaultValue(prop);\n        lines.push(`  \"${key}\": ${val}${comma}`);\n    });\n    lines.push(\"}\");\n    return lines.join(\"\\n\");\n}\n\nfunction defaultValue(schema: { type?: string; format?: string; enum?: (string | number)[] }): string {\n    if (schema.enum) return JSON.stringify(schema.enum[0]);\n    switch (schema.type) {\n        case \"string\":\n            return schema.format === \"date-time\" ? `\"${new Date().toISOString()}\"` : '\"\"';\n        case \"number\":\n        case \"integer\":\n            return \"0\";\n        case \"boolean\":\n            return \"false\";\n        case \"array\":\n            return \"[]\";\n        default:\n            return \"null\";\n    }\n}\n","import React, { useState, useEffect, useMemo } from \"react\";\nimport { useApiBase, useApiConfig, useAuthController } from \"@rebasepro/app\";\nimport {\n    CircularProgress,\n    Typography,\n    Alert,\n    cls,\n    Button,\n    Chip,\n    defaultBorderMixin,\n    SearchBar,\n    iconSize\n} from \"@rebasepro/ui\";\nimport { BookOpenIcon, PlayIcon } from \"@rebasepro/ui\";\nimport { EndpointDetail } from \"./EndpointDetail\";\nimport { TryItPanel } from \"./TryItPanel\";\nimport type { OpenApiSpec, ParsedEndpoint } from \"./types\";\nimport { parseOpenApiSpec } from \"./parseSpec\";\n\n/**\n * Custom-built API Explorer for Rebase Studio.\n * No external dependencies — renders the OpenAPI spec natively\n * with deep integration into the Rebase auth system.\n */\nexport function ApiExplorer() {\n    const apiConfig = useApiConfig();\n    const apiBase = useApiBase();\n    const authController = useAuthController();\n    const apiUrl = apiConfig?.apiUrl;\n\n    const [spec, setSpec] = useState<OpenApiSpec | null>(null);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n\n    const [selectedEndpoint, setSelectedEndpoint] = useState<ParsedEndpoint | null>(null);\n    const [sidebarFilter, setSidebarFilter] = useState(\"\");\n    const [tryItOpen, setTryItOpen] = useState(false);\n\n    // Fetch OpenAPI spec\n    useEffect(() => {\n        if (!apiUrl) return;\n        let cancelled = false;\n        const specUrl = `${apiBase}/docs`;\n\n        (async () => {\n            try {\n                // The spec endpoint itself is public on a stock backend, but\n                // `apiUrl` may route through an authenticated proxy (the\n                // console's Studio embed) — carry the token like every other\n                // request in this view, and like LogsExplorer does.\n                const getAuthToken = apiConfig?.getAuthToken ?? authController.getAuthToken;\n                const token = getAuthToken ? await getAuthToken() : null;\n                const res = await fetch(specUrl, token ? { headers: { Authorization: `Bearer ${token}` } } : undefined);\n                if (!res.ok) throw new Error(`${res.status} ${res.statusText}`);\n                const data = await res.json();\n                if (!cancelled) {\n                    setSpec(data);\n                    setLoading(false);\n                }\n            } catch (err: unknown) {\n                if (!cancelled) {\n                    setError(err instanceof Error ? err.message : \"Failed to load API spec\");\n                    setLoading(false);\n                }\n            }\n        })();\n        return () => {\n            cancelled = true;\n        };\n    }, [apiUrl, apiBase, apiConfig, authController]);\n\n    // Parse spec into grouped endpoints\n    const { groups, allEndpoints } = useMemo(() => {\n        if (!spec) return { groups: [],\nallEndpoints: [] };\n        return parseOpenApiSpec(spec);\n    }, [spec]);\n\n    // Filter\n    const filteredGroups = useMemo(() => {\n        if (!sidebarFilter.trim()) return groups;\n        const q = sidebarFilter.toLowerCase();\n        return groups\n            .map((g) => ({\n                ...g,\n                endpoints: g.endpoints.filter(\n                    (e) =>\n                        e.path.toLowerCase().includes(q) ||\n                        e.summary.toLowerCase().includes(q) ||\n                        e.method.toLowerCase().includes(q)\n                )\n            }))\n            .filter((g) => g.endpoints.length > 0);\n    }, [groups, sidebarFilter]);\n\n    // Auto-select first endpoint\n    useEffect(() => {\n        if (!selectedEndpoint && allEndpoints.length > 0) {\n            setSelectedEndpoint(allEndpoints[0]);\n        }\n    }, [allEndpoints, selectedEndpoint]);\n\n    // ── States ───────────────────────────────────────────────────────\n    if (!apiUrl) {\n        return (\n            <div className=\"flex items-center justify-center h-full w-full p-8\">\n                <Alert color=\"warning\">\n                    <Typography variant=\"body2\">\n                        No API URL configured. Ensure your app provides an{\" \"}\n                        <code className=\"font-mono text-xs\">apiUrl</code>.\n                    </Typography>\n                </Alert>\n            </div>\n        );\n    }\n\n    if (loading) {\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full w-full gap-4\">\n                <CircularProgress size=\"medium\"/>\n                <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark animate-pulse\">\n                    Loading API specification…\n                </Typography>\n            </div>\n        );\n    }\n\n    if (error || !spec) {\n        // The API spec fetch rejects with whatever the transport says, and for\n        // an expired console session that is the string \"401\". Rendering it\n        // verbatim produced the worst screen in the console: a red box\n        // containing three digits, no title, no cause, no way out — on the same\n        // product whose storage browser writes four sentences explaining which\n        // authorization hook refused a listing.\n        //\n        // The raw text is kept, below the sentence, because it is what someone\n        // pastes into a bug report. It is just no longer the whole message.\n        const status = (error ?? \"\").trim();\n        const isAuth = /^(401|403)\\b/.test(status) || /unauthori[sz]ed|forbidden/i.test(status);\n        return (\n            <div className=\"flex items-center justify-center h-full w-full p-8\">\n                <div className=\"max-w-md text-center\">\n                    <Typography variant=\"subtitle2\" className=\"block text-text-primary dark:text-text-primary-dark\">\n                        {isAuth ? \"This session cannot read the API specification\" : \"Could not load the API specification\"}\n                    </Typography>\n                    <Typography variant=\"body2\" className=\"block mt-2 text-text-secondary dark:text-text-secondary-dark\">\n                        {isAuth\n                            ? \"The console's access to this project's API was refused. It usually means the session expired — sign in again — or that console access has been turned off for this project in Settings.\"\n                            : \"The project answered, but not with a specification this explorer could read. Its API is unaffected; only this page is.\"}\n                    </Typography>\n                    <Button\n                        variant=\"outlined\"\n                        color=\"neutral\"\n                        size=\"small\"\n                        className=\"mt-4\"\n                        onClick={() => window.location.reload()}\n                    >\n                        Try again\n                    </Button>\n                    {status && (\n                        <Typography variant=\"caption\" className=\"block mt-4 font-mono text-text-disabled dark:text-text-disabled-dark\">\n                            {status}\n                        </Typography>\n                    )}\n                </div>\n            </div>\n        );\n    }\n\n    const METHOD_COLORS: Record<string, string> = {\n        get: \"text-blue-600 dark:text-blue-400\",\n        post: \"text-emerald-600 dark:text-emerald-400\",\n        put: \"text-amber-600 dark:text-amber-400\",\n        patch: \"text-orange-600 dark:text-orange-400\",\n        delete: \"text-red-600 dark:text-red-400\"\n    };\n\n    return (\n        <div className=\"flex h-full w-full overflow-hidden\">\n            {/* ── Sidebar ──────────────────────────────────────── */}\n            <div\n                className={cls(\n                    \"w-72 min-w-[272px] flex flex-col h-full overflow-hidden border-r\",\n                    defaultBorderMixin,\n                    \"bg-surface-sheet\"\n                )}\n            >\n                {/* Header */}\n                <div className=\"p-4 space-y-3\">\n                    <div className=\"flex items-center gap-2\">\n                        <BookOpenIcon size={iconSize.medium} className=\"text-primary dark:text-primary-dark\" />\n                        <Typography variant=\"subtitle2\" className=\"font-semibold\">\n                            {spec.info?.title ?? \"API Reference\"}\n                        </Typography>\n                    </div>\n                    {spec.info?.version && (\n                        <Chip size=\"smallest\" colorScheme=\"cyanDarker\">\n                            v{spec.info.version}\n                        </Chip>\n                    )}\n                    {/* Search */}\n                    <div className=\"mb-2\">\n                        <SearchBar\n                            placeholder=\"Filter endpoints…\"\n                            size=\"small\"\n                            onTextSearch={(val) => setSidebarFilter(val ?? \"\")}\n                        />\n                    </div>\n\n                    {/* Auth status removed to avoid redundancy with the AuthSimulationSelector */}\n                </div>\n\n                {/* Endpoint list */}\n                <div className=\"flex-1 overflow-y-auto px-2 pb-4\">\n                    {filteredGroups.map((group) => (\n                        <div key={group.tag} className=\"mb-3\">\n                            <Typography\n                                variant=\"caption\"\n                                className=\"px-2 py-1.5 text-text-secondary dark:text-text-secondary-dark uppercase tracking-wider font-semibold text-[10px]\"\n                            >\n                                {group.tag}\n                            </Typography>\n                            {group.endpoints.map((ep) => {\n                                const isSelected = selectedEndpoint?.id === ep.id;\n                                return (\n                                    <Button\n                                        key={ep.id}\n                                        variant=\"text\"\n                                        color=\"neutral\"\n                                        fullWidth\n                                        onClick={() => {\n                                            setSelectedEndpoint(ep);\n                                            setTryItOpen(false);\n                                        }}\n                                        className={cls(\n                                            \"!justify-between !px-2.5 !py-1.5 !text-left !text-sm\",\n                                            isSelected\n                                                ? \"bg-surface-raised font-medium\"\n                                                : \"text-text-primary dark:text-text-primary-dark\"\n                                        )}\n                                    >\n                                        <span className=\"truncate text-[13px] opacity-90\">{ep.summary || ep.shortPath}</span>\n                                        <span\n                                            className={cls(\n                                                \"text-[10px] font-semibold uppercase shrink-0\",\n                                                METHOD_COLORS[ep.method] ?? \"text-text-secondary\"\n                                            )}\n                                        >\n                                            {ep.method}\n                                        </span>\n                                    </Button>\n                                );\n                            })}\n                        </div>\n                    ))}\n                    {filteredGroups.length === 0 && (\n                        <Typography\n                            variant=\"body2\"\n                            className=\"text-center text-text-secondary dark:text-text-secondary-dark py-8\"\n                        >\n                            No endpoints match\n                        </Typography>\n                    )}\n                </div>\n            </div>\n\n            {/* ── Main content ─────────────────────────────────── */}\n            <div className=\"flex-1 flex flex-col h-full overflow-hidden\">\n                {selectedEndpoint ? (\n                    <>\n                        {/* Top bar */}\n                        <div\n                            className={cls(\n                                \"flex items-center justify-between px-5 py-3 gap-4 shrink-0 border-b z-10\",\n                                defaultBorderMixin,\n                                \"bg-surface-sheet/90 backdrop-blur-md sticky top-0\"\n                            )}\n                        >\n                            <div className=\"flex items-center gap-3 min-w-0\">\n                                <span\n                                    className={cls(\n                                        \"text-xs font-semibold uppercase\",\n                                        METHOD_COLORS[selectedEndpoint.method] ?? \"\"\n                                    )}\n                                >\n                                    {selectedEndpoint.method}\n                                </span>\n                                <code className=\"text-sm font-mono text-text-primary dark:text-text-primary-dark truncate\">\n                                    {selectedEndpoint.path}\n                                </code>\n                            </div>\n                            <Button\n                                variant={tryItOpen ? \"filled\" : \"outlined\"}\n                                size=\"small\"\n                                onClick={() => setTryItOpen((v) => !v)}\n                            >\n                                <PlayIcon size={iconSize.small} className=\"mr-1\" />\n                                Try It\n                            </Button>\n                        </div>\n\n                        {/* Body */}\n                        <div className=\"flex-1 overflow-y-auto\">\n                            {tryItOpen ? (\n                                <TryItPanel\n                                    key={selectedEndpoint.operationId || selectedEndpoint.path}\n                                    endpoint={selectedEndpoint}\n                                    apiUrl={apiUrl}\n                                    getAuthToken={apiConfig?.getAuthToken ?? authController.getAuthToken}\n                                    user={authController.user}\n                                    basePath={spec?.servers?.[0]?.url || \"\"}\n                                />\n                            ) : (\n                                <EndpointDetail endpoint={selectedEndpoint} spec={spec}/>\n                            )}\n                        </div>\n                    </>\n                ) : (\n                    <div className=\"flex items-center justify-center h-full\">\n                        <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n                            Select an endpoint from the sidebar\n                        </Typography>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nApiExplorer.displayName = \"ApiExplorer\";\n\n"],"mappings":";;;;;;;;;;AAKA,SAAgB,iBAAiB,MAG/B;CACE,MAAM,eAAiC,CAAC;CACxC,MAAM,yBAAS,IAAI,IAA8B;CAGjD,MAAM,kCAAkB,IAAI,IAAoB;CAChD,KAAK,MAAM,KAAK,KAAK,QAAQ,CAAC,GAC1B,gBAAgB,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE;CAGnD,KAAK,MAAM,CAAC,MAAM,YAAY,OAAO,QAAQ,KAAK,SAAS,CAAC,CAAC,GACzD,KAAK,MAAM,CAAC,QAAQ,OAAO,OAAO,QAAQ,OAAO,GAAG;EAChD,IAAI;GAAC;GAAO;GAAQ;GAAO;GAAS;EAAQ,CAAC,CAAC,QAAQ,MAAM,MAAM,IAAI;EAEtE,MAAM,OAAO,GAAG,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO;EACjD,MAAM,YAAY,KAAK,QAAQ,gBAAgB,EAAE;EAEjD,MAAM,WAA2B;GAC7B,IAAI,GAAG,OAAO,GAAG;GACjB;GACA;GACA,WAAW,aAAa;GACxB,SAAS,GAAG,WAAW;GACvB,aAAa,GAAG,eAAe;GAC/B;GACA,YAAY,GAAG,cAAc,CAAC;GAC9B,aAAa,GAAG;GAChB,WAAW,GAAG,aAAa,CAAC;GAC5B,UAAU,GAAG;GACb,aAAa,GAAG;EACpB;EAEA,aAAa,KAAK,QAAQ;EAC1B,KAAK,MAAM,OAAO,MAAM;GACpB,IAAI,CAAC,OAAO,IAAI,GAAG,GAAG,OAAO,IAAI,KAAK,CAAC,CAAC;GACxC,OAAO,IAAI,GAAG,CAAC,CAAE,KAAK,QAAQ;EAClC;CACJ;CAIJ,MAAM,QAAgC;EAAE,KAAK;EACjD,MAAM;EACN,KAAK;EACL,OAAO;EACP,QAAQ;CAAE;CAEN,MAAM,SAA0B,CAAC;CAEjC,MAAM,YAAY,KAAK,QAAQ,CAAC,EAAA,CAAG,KAAK,MAAM,EAAE,IAAI;CACpD,MAAM,aAAa,CAAC,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,MAAM;EACjD,MAAM,KAAK,SAAS,QAAQ,CAAC;EAC7B,MAAM,KAAK,SAAS,QAAQ,CAAC;EAC7B,IAAI,OAAO,MAAM,OAAO,IAAI,OAAO,KAAK;EACxC,IAAI,OAAO,IAAI,OAAO;EACtB,IAAI,OAAO,IAAI,OAAO;EACtB,OAAO,EAAE,cAAc,CAAC;CAC5B,CAAC;CAED,KAAK,MAAM,OAAO,YAAY;EAC1B,MAAM,YAAY,OAAO,IAAI,GAAG;EAChC,UAAU,MAAM,GAAG,MAAM;GACrB,MAAM,KAAK,EAAE,KAAK,cAAc,EAAE,IAAI;GACtC,IAAI,OAAO,GAAG,OAAO;GACrB,QAAQ,MAAM,EAAE,WAAW,OAAO,MAAM,EAAE,WAAW;EACzD,CAAC;EACD,OAAO,KAAK;GACR;GACA,aAAa,gBAAgB,IAAI,GAAG;GACpC;EACJ,CAAC;CACL;CAEA,OAAO;EAAE;EACb;CAAa;AACb;;;;AAKA,SAAgB,eAAe,KAAqB;CAChD,MAAM,QAAQ,IAAI,MAAM,GAAG;CAC3B,OAAO,MAAM,MAAM,SAAS;AAChC;;;;AAKA,SAAgB,WAAW,MAAmB,KAAsB;CAChE,MAAM,QAAQ,IAAI,QAAQ,MAAM,EAAE,CAAC,CAAC,MAAM,GAAG;CAC7C,IAAI,UAAmB;CACvB,KAAK,MAAM,QAAQ,OACf,UAAW,UAAsC;CAErD,OAAO,WAAW,CAAC;AACvB;;;;;;;ACrFA,SAAgB,eAAe,EAAE,UAAU,QAAyD;CAChG,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf;IAEM,SAAS,WAAW,SAAS,gBAC3B,qBAAC,OAAD,EAAA,UAAA,CACK,SAAS,WACN,oBAAC,YAAD;IAAY,SAAQ;IAAK,WAAU;cAC9B,SAAS;GACF,CAAA,GAEf,SAAS,eACN,oBAAC,YAAD;IAAY,SAAQ;IAAQ,WAAU;cACjC,SAAS;GACF,CAAA,CAEf,EAAA,CAAA;GAIR,SAAS,WAAW,SAAS,KAC1B,qBAAC,WAAD,EAAA,UAAA,CACI,oBAAC,gBAAD;IAAgB,MAAM,oBAAC,uBAAD;KAAuB,MAAM,SAAS;KAAO,WAAU;IAAqD,CAAA;IAAG,OAAM;GAAa,CAAA,GACxJ,oBAAC,OAAD;IAAK,WAAW,IAAI,qCAAqC,kBAAkB;cACvE,qBAAC,SAAD;KAAO,WAAU;eAAjB,CACI,oBAAC,SAAD,EAAA,UACI,qBAAC,MAAD;MAAI,WAAU;gBAAd;OACI,oBAAC,MAAD;QAAI,WAAU;kBAA0E;OAEpF,CAAA;OACJ,oBAAC,MAAD;QAAI,WAAU;kBAA0E;OAEpF,CAAA;OACJ,oBAAC,MAAD;QAAI,WAAU;kBAA0E;OAEpF,CAAA;OACJ,oBAAC,MAAD;QAAI,WAAU;kBAA0E;OAEpF,CAAA;MACJ;QACD,CAAA,GACP,oBAAC,SAAD,EAAA,UACK,SAAS,WAAW,KAAK,GAAG,MACzB,qBAAC,MAAD;MAEI,WAAW,IAAI,YAAY,kBAAkB;gBAFjD;OAII,qBAAC,MAAD;QAAI,WAAU;kBAAd,CACI,oBAAC,QAAD;SAAM,WAAU;mBAAmC,EAAE;QAAW,CAAA,GAC/D,EAAE,YAAY,oBAAC,QAAD;SAAM,WAAU;mBAA4B;QAAO,CAAA,CAClE;;OACJ,oBAAC,MAAD;QAAI,WAAU;kBACV,oBAAC,MAAD;SACI,MAAK;SACL,aAAa,EAAE,OAAO,SAAS,iBAAiB;mBAE/C,EAAE;QACD,CAAA;OACN,CAAA;OACJ,oBAAC,MAAD;QAAI,WAAU;kBACT,gBAAgB,EAAE,MAAM;OACzB,CAAA;OACJ,oBAAC,MAAD;QAAI,WAAU;kBACT,EAAE,eAAe;OAClB,CAAA;MACJ;QArBK,EAAE,OAAO,CAqBd,CACP,EACE,CAAA,CACJ;;GACN,CAAA,CACA,EAAA,CAAA;GAIZ,SAAS,eACN,qBAAC,WAAD,EAAA,UAAA,CACI,oBAAC,gBAAD;IAAgB,MAAM,oBAAC,YAAD;KAAY,MAAM,SAAS;KAAO,WAAU;IAAqD,CAAA;IAAG,OAAM;GAAe,CAAA,GAC9I,OAAO,QAAQ,SAAS,YAAY,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,WACnE,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,MAAD;IAAM,MAAK;IAAW,aAAY;IAAa,WAAU;cACpD;GACC,CAAA,GACL,MAAM,UAAU,oBAAC,aAAD;IAAa,QAAQ,MAAM;IAAc;IAAM,OAAO;GAAG,CAAA,CACzE,EAAA,GALK,WAKL,CACR,CACI,EAAA,CAAA;GAIb,qBAAC,WAAD,EAAA,UAAA,CACI,oBAAC,gBAAD;IAAgB,MAAM,oBAAC,wBAAD;KAAwB,MAAM,SAAS;KAAO,WAAU;IAAqD,CAAA;IAAG,OAAM;GAAY,CAAA,GACxJ,oBAAC,OAAD;IAAK,WAAU;cACV,OAAO,QAAQ,SAAS,SAAS,CAAC,CAAC,KAAK,CAAC,MAAM,SAC5C,qBAAC,OAAD;KAEI,WAAW,IAAI,qCAAqC,kBAAkB;eAF1E,CAII,qBAAC,OAAD;MACI,WAAW,IACP,uCACA,kBACJ;gBAJJ,CAMI,oBAAC,aAAD,EAAmB,KAAM,CAAA,GACzB,oBAAC,YAAD;OACI,SAAQ;OACR,WAAU;iBAET,IAAI;MACG,CAAA,CACX;SACJ,IAAI,WACD,OAAO,QAAQ,IAAI,OAAO,CAAC,CAAC,KACvB,CAAC,IAAI,WACF,MAAM,UACF,oBAAC,OAAD;MAEI,WAAW,IAAI,sBAAsB,kBAAkB;gBAEvD,oBAAC,aAAD;OAAa,QAAQ,MAAM;OAAc;OAAM,OAAO;MAAG,CAAA;KACxD,GAJI,EAIJ,CAEjB,CACH;OA7BI,IA6BJ,CACR;GACA,CAAA,CACA,EAAA,CAAA;EACR;;AAEb;AAIA,SAAS,YAAY,EAAE,QAAQ,MAAM,SAAsE;CAEvG,IAAI,OAAO,MAAM;EACb,MAAM,OAAO,eAAe,OAAO,IAAI;EACvC,MAAM,WAAW,WAAW,MAAM,OAAO,IAAI;EAC7C,OACI,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,YAAD;GACI,SAAQ;GACR,WAAU;aAET;EACO,CAAA,GACZ,oBAAC,aAAD;GAAa,QAAQ;GAAgB;GAAa;EAAO,CAAA,CACxD,EAAA,CAAA;CAEb;CAGA,IAAI,OAAO,YAAY;EACnB,MAAM,WAAW,IAAI,IAAI,OAAO,YAAY,CAAC,CAAC;EAC9C,OACI,oBAAC,OAAD;GACI,WAAW,IACP,8BACA,QAAQ,KAAK,oBAAoB,oBACrC;aAEA,oBAAC,SAAD;IAAO,WAAU;cACb,oBAAC,SAAD,EAAA,UACK,OAAO,QAAQ,OAAO,UAAU,CAAC,CAAC,KAAK,CAAC,KAAK,UAC1C,qBAAC,MAAD;KAEI,WAAW,IAAI,6BAA6B,kBAAkB;eAFlE;MAII,qBAAC,MAAD;OAAI,WAAU;iBAAd;QACI,oBAAC,QAAD;SAAM,WAAU;mBACX;QACC,CAAA;QACL,SAAS,IAAI,GAAG,KAAK,oBAAC,QAAD;SAAM,WAAU;mBAAsB;QAAO,CAAA;QAClE,KAAK,YACF,oBAAC,QAAD;SAAM,WAAU;mBAA6E;QAEvF,CAAA;OAEV;;MACJ,oBAAC,MAAD;OAAI,WAAU;iBACV,oBAAC,QAAD;QAAM,WAAU;kBACX,gBAAgB,IAAI;OACnB,CAAA;MACN,CAAA;MACJ,qBAAC,MAAD;OAAI,WAAU;iBAAd;QACK,KAAK,eAAe;QACpB,KAAK,QACF,oBAAC,OAAD;SAAK,WAAU;mBACV,KAAK,KAAK,KAAK,MACZ,oBAAC,QAAD;UAEI,WAAU;oBAET,OAAO,CAAC;SACP,GAJG,OAAO,CAAC,CAIX,CACT;QACA,CAAA;QAER,KAAK,cAAc,oBAAC,aAAD;SAAa,QAAQ;SAAY;SAAM,OAAO,QAAQ;QAAG,CAAA;QAC5E,KAAK,QAAQ,oBAAC,aAAD;SAAa,QAAQ;SAAY;SAAM,OAAO,QAAQ;QAAG,CAAA;OACvE;;KACJ;OApCK,GAoCL,CACP,EACE,CAAA;GACJ,CAAA;EACN,CAAA;CAEb;CAGA,IAAI,OAAO,SAAS,WAAW,OAAO,OAClC,OACI,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,QAAD;EAAM,WAAU;YAAsE;CAAe,CAAA,GACrG,oBAAC,aAAD;EAAa,QAAQ,OAAO;EAAa;EAAM,OAAO,QAAQ;CAAG,CAAA,CAChE,EAAA,CAAA;CAKb,OACI,oBAAC,QAAD;EAAM,WAAU;YACX,gBAAgB,MAAM;CACrB,CAAA;AAEd;AAIA,SAAS,gBAAgB,QAAgC;CACrD,IAAI,CAAC,QAAQ,OAAO;CACpB,IAAI,OAAO,MAAM,OAAO,eAAe,OAAO,IAAI;CAClD,IAAI,OAAO,SAAS,SAAS,OAAO,GAAG,gBAAgB,OAAO,KAAK,EAAE;CACrE,IAAI,OAAO,QAAQ,OAAO,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO;CAC3D,OAAO,OAAO,QAAQ;AAC1B;AAEA,SAAS,eAAe,EAAE,MAAM,SAAmD;CAC/E,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf,CACK,MACD,oBAAC,YAAD;GAAY,SAAQ;GAAY,WAAU;aACrC;EACO,CAAA,CACX;;AAEb;AAEA,SAAS,YAAY,EAAE,QAA0B;CAC7C,MAAM,IAAI,SAAS,MAAM,EAAE;CAU3B,OAAO,oBAAC,QAAD;EAAM,WAAW,IAAI,mCARxB,IAAI,MACE,2CACA,IAAI,MACF,qCACA,IAAI,MACF,uCACA,gCAEsD;YAAI;CAAW,CAAA;AACvF;;;;;;;;;;;;ACjPA,SAAgB,WAAW,EAAE,UAAU,QAAQ,cAAc,MAAM,WAAW,MAAuB;CACjG,MAAM,aAAa,sBAAsB,SAAS,OAAO,GAAG,SAAS;CAErE,MAAM,CAAC,YAAY,iBAAiB,eAAuC;EACvE,IAAI;GAAE,MAAM,IAAI,aAAa,QAAQ,GAAG,WAAW,MAAM;GAAG,IAAI,GAAG,OAAO,KAAK,MAAM,CAAC;EAAG,QAAQ,CAAe;EAChH,OAAO,CAAC;CACZ,CAAC;CACD,MAAM,CAAC,aAAa,kBAAkB,eAAuC;EACzE,IAAI;GAAE,MAAM,IAAI,aAAa,QAAQ,GAAG,WAAW,OAAO;GAAG,IAAI,GAAG,OAAO,KAAK,MAAM,CAAC;EAAG,QAAQ,CAAe;EACjH,OAAO,CAAC;CACZ,CAAC;CACD,MAAM,CAAC,eAAe,oBAAoB,eAAsD;EAC5F,IAAI;GAAE,MAAM,IAAI,aAAa,QAAQ,GAAG,WAAW,SAAS;GAAG,IAAI,GAAG,OAAO,KAAK,MAAM,CAAC;EAAG,QAAQ,CAAe;EAEnH,OAAO,CAAC;CACZ,CAAC;CACD,MAAM,CAAC,MAAM,WAAW,eAAe;EACnC,IAAI;GAAE,MAAM,IAAI,aAAa,QAAQ,GAAG,WAAW,MAAM;GAAG,IAAI,GAAG,OAAO,KAAK,MAAM,CAAC;EAAG,QAAQ,CAAe;EAChH,OAAO,kBAAkB,QAAQ;CACrC,CAAC;CACD,MAAM,CAAC,UAAU,eAAe,SAC5B,IACJ;CACA,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,UAAU,eAAe,SAAyB,KAAK;CAC9D,MAAM,CAAC,iBAAiB,sBAAsB,SAAwB,IAAI;CAI1E,MAAM,EAAE,OAAO,aAAa,SAAS,cAAc,oBAAoB,YAAY,mBAAmB,cAAc;CAEpH,MAAM,CAAC,cAAc,mBAAmB,SAAgC,IAAI;CAE5E,gBAAgB;EACZ,aAAa,QAAQ,GAAG,WAAW,QAAQ,KAAK,UAAU,UAAU,CAAC;EACrE,aAAa,QAAQ,GAAG,WAAW,SAAS,KAAK,UAAU,WAAW,CAAC;EACvE,aAAa,QAAQ,GAAG,WAAW,WAAW,KAAK,UAAU,aAAa,CAAC;EAC3E,aAAa,QAAQ,GAAG,WAAW,QAAQ,KAAK,UAAU,IAAI,CAAC;CACnE,GAAG;EAAC;EAAY;EAAY;EAAa;EAAe;CAAI,CAAC;CAG7D,MAAM,cAAc,cAAc;EAC9B,MAAM,OAAO,SAAS,WAAW,GAAG,IAAI,WAAW,IAAI;EACvD,MAAM,YAAY,SAAS,MAAM,KAAK;EACtC,IAAI,MAAM,GAAG,OAAO,QAAQ,QAAQ,EAAE,IAAI,YAAY,SAAS;EAE/D,KAAK,MAAM,CAAC,KAAK,QAAQ,OAAO,QAAQ,UAAU,GAC9C,MAAM,IAAI,QAAQ,IAAI,IAAI,IAAI,mBAAmB,GAAG,CAAC;EAGzD,MAAM,KAAK,OAAO,QAAQ,WAAW,CAAC,CAAC,QAAQ,GAAG,OAAO,EAAE,KAAK,MAAM,EAAE;EACxE,IAAI,GAAG,SAAS,GACZ,OAAO,MAAM,GAAG,KAAK,CAAC,GAAG,OAAO,GAAG,mBAAmB,CAAC,EAAE,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG;EAEjG,OAAO;CACX,GAAG;EAAC;EAAQ;EAAU,SAAS;EAAM;EAAY;CAAW,CAAC;CAE7D,MAAM,gBAAgB,SAAS,WAAW,QAAQ,MAAM,EAAE,OAAO,MAAM;CACvE,MAAM,iBAAiB,SAAS,WAAW,QAAQ,MAAM,EAAE,OAAO,OAAO;CACzE,MAAM,UAAU;EAAC;EAAQ;EAAO;CAAO,CAAC,CAAC,SAAS,SAAS,MAAM;CAEjE,MAAM,UAAU,YAAY,YAAY;EACpC,mBAAmB,IAAI;EACvB,IAAI,WAAW,KAAK,KAAK,GACrB,IAAI;GACA,KAAK,MAAM,IAAI;EACnB,SAAS,KAAc;GACnB,mBAAmB,iBAAiB,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,GAAG;GACtF;EACJ;EAGJ,WAAW,IAAI;EACf,YAAY,IAAI;EAChB,MAAM,QAAQ,YAAY,IAAI;EAE9B,IAAI;GACA,MAAM,UAAkC,EAAE,gBAAgB,mBAAmB;GAE7E,KAAK,MAAM,KAAK,eACZ,IAAI,EAAE,IAAI,KAAK,GAAG,QAAQ,EAAE,IAAI,KAAK,KAAK,EAAE;GAGhD,IAAI,aAAa,OAAO;IACpB,MAAM,QAAQ,MAAM,aAAa;IACjC,IAAI,OAAO,QAAQ,mBAAmB,UAAU;IAChD,IAAI,gBAAgB,aAAa,QAAQ,aAAa,KAClD,QAAQ,sBAAsB,aAAa;GAEnD;GAEA,MAAM,MAAM,MAAM,MAAM,aAAa;IACjC,QAAQ,SAAS,OAAO,YAAY;IACpC;IACA,MAAM,WAAW,KAAK,KAAK,IAAI,OAAO,KAAA;GAC1C,CAAC;GAED,MAAM,UAAU,KAAK,MAAM,YAAY,IAAI,IAAI,KAAK;GACpD,IAAI;GAEJ,MAAM,UAAU,MAAM,IAAI,KAAK;GAC/B,IAAI;IACA,MAAM,OAAO,KAAK,MAAM,OAAO;IAC/B,OAAO,KAAK,UAAU,MAAM,MAAM,CAAC;GACvC,QAAQ;IACJ,OAAO;GACX;GAEA,YAAY;IAAE,QAAQ,IAAI;IACtC,YAAY,IAAI;IAChB,MAAM;IACN,MAAM;GAAQ,CAAC;EACP,SAAS,KAAc;GACnB,YAAY;IACR,QAAQ;IACR,YAAY;IACZ,MAAM,eAAe,QAAQ,IAAI,UAAU;IAC3C,MAAM,KAAK,MAAM,YAAY,IAAI,IAAI,KAAK;GAC9C,CAAC;EACL,UAAU;GACN,WAAW,KAAK;EACpB;CACJ,GAAG;EAAC;EAAa,SAAS;EAAQ;EAAS;EAAM;EAAU;EAAc;EAAe;EAAc,aAAa;CAAG,CAAC;CAEvH,OACI,oBAAC,OAAD;EAAK,WAAU;YACX,qBAAC,OAAD;GAAK,WAAU;aAAf;IAEI,oBAAC,wBAAD;KACc;KACG;KACC;KACG;KACV;KACP,SAAS;KACT,wBAAwB;KACR;KACH;IAChB,CAAA;IAGA,cAAc,SAAS,KACpB,oBAAC,cAAD;KACI,OAAM;KACN,QAAQ;KACR,QAAQ;KACR,WAAW,GAAG,MAAM,eAAe,UAAU;MAAE,GAAG;OACzE,IAAI;KAAE,EAAE;IACY,CAAA;IAIJ,eAAe,SAAS,KACrB,oBAAC,cAAD;KACI,OAAM;KACN,QAAQ;KACR,QAAQ;KACR,WAAW,GAAG,MAAM,gBAAgB,UAAU;MAAE,GAAG;OAC1E,IAAI;KAAE,EAAE;IACY,CAAA;IAIL,oBAAC,uBAAD;KACI,OAAM;KACN,QAAQ;KACR,WAAW,GAAG,GAAG,MAAM;MACnB,MAAM,OAAO,CAAC,GAAG,aAAa;MAC9B,KAAK,KAAK;OAAE,KAAK;OACzC,OAAO;MAAE;MACe,iBAAiB,IAAI;KACzB;KACA,aAAa,kBAAkB,SAAS,CAAC,GAAG,MAAM;MAAE,KAAK;MAC7E,OAAO;KAAG,CAAC,CAAC;KACQ,WAAW,MAAM;MACb,MAAM,OAAO,CAAC,GAAG,aAAa;MAC9B,KAAK,OAAO,GAAG,CAAC;MAChB,iBAAiB,IAAI;KACzB;IACH,CAAA;IAGA,WACG,qBAAC,OAAD,EAAA,UAAA;KACI,oBAAC,YAAD;MACI,SAAQ;MACR,WAAU;gBACb;KAEW,CAAA;KACZ,oBAAC,WAAD;MACI,WAAA;MACA,SAAS;MACT,cAAW;MACX,OAAO;MACP,WAAW,MAAM;OAAE,QAAQ,EAAE,OAAO,KAAK;OAAG,mBAAmB,IAAI;MAAG;MACtE,YAAY;MACZ,OAAO,CAAC,CAAC;MACT,WAAU;MACV,gBAAe;KAClB,CAAA;KACA,mBACG,oBAAC,YAAD;MAAY,SAAQ;MAAU,WAAU;gBACnC;KACO,CAAA;IAEf,EAAA,CAAA;IAIT,qBAAC,OAAD;KAAK,WAAU;eAAf,CACI,oBAAC,YAAD;MACI,SAAQ;MACR,WAAU;gBACb;KAEW,CAAA,GACZ,oBAAC,QAAD;MAAM,WAAU;gBACX;KACC,CAAA,CACL;;IAGL,oBAAC,QAAD;KAAQ,SAAQ;KAAS,SAAS;KAAS,UAAU;KAAS,WAAU;eACnE,UACG,qBAAC,QAAD;MAAM,WAAU;gBAAhB,CACI,oBAAC,YAAD;OAAY,MAAM,SAAS;OAAO,WAAU;MAAgB,CAAA,GAAC,UAE3D;UAEN,qBAAC,QAAD;MAAM,WAAU;gBAAhB,CACI,oBAAC,UAAD,EAAU,MAAM,SAAS,MAAQ,CAAA,GAAC,cAEhC;;IAEN,CAAA;IAGP,YACG,qBAAC,OAAD;KAAK,WAAW,IAAI,qCAAqC,kBAAkB;eAA3E,CACI,qBAAC,OAAD;MACI,WAAW,IACP,iDACA,kBACJ;gBAJJ,CAMI,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACI,oBAAC,eAAD,EAAe,QAAQ,SAAS,OAAQ,CAAA,GACxC,oBAAC,YAAD;QACI,SAAQ;QACR,WAAU;kBAET,SAAS;OACF,CAAA,CACX;UACL,qBAAC,YAAD;OACI,SAAQ;OACR,WAAU;iBAFd,CAIK,SAAS,MAAK,IACP;QACX;SACL,oBAAC,OAAD;MACI,WAAW,IACP,gDACA,wDACJ;gBAEC,SAAS;KACT,CAAA,CACJ;;GAER;;CACJ,CAAA;AAEb;AAIA,SAAS,aAAa,EAClB,OACA,QACA,QACA,YAMD;CACC,MAAM,cAAc,MAAM,MAAM;CAChC,OACI,qBAAC,OAAD,EAAA,UAAA,CACI,oBAAC,YAAD;EACI,SAAQ;EACR,WAAU;YAET;CACO,CAAA,GACZ,oBAAC,OAAD;EAAK,WAAU;YACV,OAAO,KAAK,GAAG,UACZ,qBAAC,OAAD;GAAkB,WAAU;aAA5B,CACI,qBAAC,SAAD;IAAO,WAAU;IAAgB,SAAS,GAAG,YAAY,GAAG,MAAM;cAAlE,CACI,oBAAC,QAAD;KAAM,WAAU;eAAmC,EAAE;IAAW,CAAA,GAC/D,EAAE,YAAY,oBAAC,QAAD;KAAM,WAAU;eAA8B;IAAO,CAAA,CACjE;OACP,oBAAC,WAAD;IACI,IAAI,GAAG,YAAY,GAAG,MAAM;IAC5B,MAAK;IACL,aAAa,EAAE,eAAe,EAAE;IAChC,OAAO,OAAO,EAAE,SAAS;IACzB,WAAW,MAAM,SAAS,EAAE,MAAM,EAAE,OAAO,KAAK;IAChD,WAAU;IACV,gBAAe;GAClB,CAAA,CACA;KAdK,EAAE,IAcP,CACR;CACA,CAAA,CACJ,EAAA,CAAA;AAEb;AAEA,SAAS,sBAAsB,EAC3B,OACA,QACA,UACA,OACA,YAOD;CACC,OACI,qBAAC,OAAD,EAAA,UAAA,CACI,qBAAC,OAAD;EAAK,WAAU;YAAf,CACI,oBAAC,YAAD;GACI,SAAQ;GACR,WAAU;aAET;EACO,CAAA,GACZ,qBAAC,QAAD;GACI,SAAQ;GACR,MAAK;GACL,OAAM;GACN,SAAS;GACT,WAAU;aALd,CAOI,oBAAC,UAAD;IAAU,MAAM,SAAS;IAAO,WAAU;GAAQ,CAAA,GAAC,aAC/C;IACP;KACL,qBAAC,OAAD;EAAK,WAAU;YAAf,CACK,OAAO,KAAK,GAAG,MACZ,qBAAC,OAAD;GAAa,WAAU;aAAvB;IACI,oBAAC,WAAD;KACI,MAAK;KACL,cAAY,UAAU,IAAI,EAAE;KAC5B,aAAY;KACZ,OAAO,EAAE;KACT,WAAW,MAAM,SAAS,GAAG,EAAE,OAAO,OAAO,EAAE,KAAK;KACpD,WAAU;KACV,gBAAe;IAClB,CAAA;IACD,oBAAC,WAAD;KACI,MAAK;KACL,cAAY,UAAU,IAAI,EAAE;KAC5B,aAAY;KACZ,OAAO,EAAE;KACT,WAAW,MAAM,SAAS,GAAG,EAAE,KAAK,EAAE,OAAO,KAAK;KAClD,WAAU;KACV,gBAAe;IAClB,CAAA;IACD,oBAAC,YAAD;KACI,MAAK;KACL,eAAe,SAAS,CAAC;KACzB,WAAU;KACV,OAAM;eAEN,oBAAC,OAAD,EAAO,MAAM,SAAS,MAAQ,CAAA;IACtB,CAAA;GACX;KA3BK,CA2BL,CACR,GACA,OAAO,WAAW,KACf,oBAAC,YAAD;GAAY,SAAQ;GAAU,WAAU;aAAwC;EAEpE,CAAA,CAEf;GACJ,EAAA,CAAA;AAEb;AAIA,SAAS,cAAc,EAAE,UAA8B;CACnD,IAAI,aAAa;CACjB,IAAI,UAAU,OAAO,SAAS,KAAK,aAAa;MAC3C,IAAI,UAAU,OAAO,SAAS,KAAK,aAAa;MAChD,IAAI,UAAU,OAAO,SAAS,KAAK,aAAa;CAErD,OACI,oBAAC,QAAD;EAAM,WAAW,IAAI,mCAAmC,UAAU;YAC7D,UAAU;CACT,CAAA;AAEd;AAEA,SAAS,kBAAkB,UAAkC;CACzD,IAAI,CAAC,SAAS,aAAa,SAAS,OAAO;CAC3C,MAAM,OAAO,SAAS,YAAY,QAAQ;CAC1C,IAAI,CAAC,MAAM,QAAQ,YAAY,OAAO;CAEtC,MAAM,QAAQ,KAAK,OAAO;CAC1B,MAAM,QAAkB,CAAC,GAAG;CAC5B,MAAM,OAAO,OAAO,KAAK,KAAK;CAC9B,KAAK,SAAS,KAAK,MAAM;EACrB,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,UAAU;EACnB,MAAM,QAAQ,IAAI,KAAK,SAAS,IAAI,MAAM;EAC1C,MAAM,MAAM,aAAa,IAAI;EAC7B,MAAM,KAAK,MAAM,IAAI,KAAK,MAAM,OAAO;CAC3C,CAAC;CACD,MAAM,KAAK,GAAG;CACd,OAAO,MAAM,KAAK,IAAI;AAC1B;AAEA,SAAS,aAAa,QAAgF;CAClG,IAAI,OAAO,MAAM,OAAO,KAAK,UAAU,OAAO,KAAK,EAAE;CACrD,QAAQ,OAAO,MAAf;EACI,KAAK,UACD,OAAO,OAAO,WAAW,cAAc,qBAAI,IAAI,KAAK,EAAA,CAAE,YAAY,EAAE,KAAK;EAC7E,KAAK;EACL,KAAK,WACD,OAAO;EACX,KAAK,WACD,OAAO;EACX,KAAK,SACD,OAAO;EACX,SACI,OAAO;CACf;AACJ;;;;;;;;ACzcA,SAAgB,cAAc;CAC1B,MAAM,YAAY,aAAa;CAC/B,MAAM,UAAU,WAAW;CAC3B,MAAM,iBAAiB,kBAAkB;CACzC,MAAM,SAAS,WAAW;CAE1B,MAAM,CAAC,MAAM,WAAW,SAA6B,IAAI;CACzD,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAC3C,MAAM,CAAC,OAAO,YAAY,SAAwB,IAAI;CAEtD,MAAM,CAAC,kBAAkB,uBAAuB,SAAgC,IAAI;CACpF,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE;CACrD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAGhD,gBAAgB;EACZ,IAAI,CAAC,QAAQ;EACb,IAAI,YAAY;EAChB,MAAM,UAAU,GAAG,QAAQ;EAE3B,CAAC,YAAY;GACT,IAAI;IAKA,MAAM,eAAe,WAAW,gBAAgB,eAAe;IAC/D,MAAM,QAAQ,eAAe,MAAM,aAAa,IAAI;IACpD,MAAM,MAAM,MAAM,MAAM,SAAS,QAAQ,EAAE,SAAS,EAAE,eAAe,UAAU,QAAQ,EAAE,IAAI,KAAA,CAAS;IACtG,IAAI,CAAC,IAAI,IAAI,MAAM,IAAI,MAAM,GAAG,IAAI,OAAO,GAAG,IAAI,YAAY;IAC9D,MAAM,OAAO,MAAM,IAAI,KAAK;IAC5B,IAAI,CAAC,WAAW;KACZ,QAAQ,IAAI;KACZ,WAAW,KAAK;IACpB;GACJ,SAAS,KAAc;IACnB,IAAI,CAAC,WAAW;KACZ,SAAS,eAAe,QAAQ,IAAI,UAAU,yBAAyB;KACvE,WAAW,KAAK;IACpB;GACJ;EACJ,EAAA,CAAG;EACH,aAAa;GACT,YAAY;EAChB;CACJ,GAAG;EAAC;EAAQ;EAAS;EAAW;CAAc,CAAC;CAG/C,MAAM,EAAE,QAAQ,iBAAiB,cAAc;EAC3C,IAAI,CAAC,MAAM,OAAO;GAAE,QAAQ,CAAC;GACrC,cAAc,CAAC;EAAE;EACT,OAAO,iBAAiB,IAAI;CAChC,GAAG,CAAC,IAAI,CAAC;CAGT,MAAM,iBAAiB,cAAc;EACjC,IAAI,CAAC,cAAc,KAAK,GAAG,OAAO;EAClC,MAAM,IAAI,cAAc,YAAY;EACpC,OAAO,OACF,KAAK,OAAO;GACT,GAAG;GACH,WAAW,EAAE,UAAU,QAClB,MACG,EAAE,KAAK,YAAY,CAAC,CAAC,SAAS,CAAC,KAC/B,EAAE,QAAQ,YAAY,CAAC,CAAC,SAAS,CAAC,KAClC,EAAE,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CACzC;EACJ,EAAE,CAAC,CACF,QAAQ,MAAM,EAAE,UAAU,SAAS,CAAC;CAC7C,GAAG,CAAC,QAAQ,aAAa,CAAC;CAG1B,gBAAgB;EACZ,IAAI,CAAC,oBAAoB,aAAa,SAAS,GAC3C,oBAAoB,aAAa,EAAE;CAE3C,GAAG,CAAC,cAAc,gBAAgB,CAAC;CAGnC,IAAI,CAAC,QACD,OACI,oBAAC,OAAD;EAAK,WAAU;YACX,oBAAC,OAAD;GAAO,OAAM;aACT,qBAAC,YAAD;IAAY,SAAQ;cAApB;KAA4B;KAC2B;KACnD,oBAAC,QAAD;MAAM,WAAU;gBAAoB;KAAY,CAAA;KAAC;IACzC;;EACT,CAAA;CACN,CAAA;CAIb,IAAI,SACA,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf,CACI,oBAAC,kBAAD,EAAkB,MAAK,SAAS,CAAA,GAChC,oBAAC,YAAD;GAAY,SAAQ;GAAQ,WAAU;aAAkE;EAE5F,CAAA,CACX;;CAIb,IAAI,SAAS,CAAC,MAAM;EAUhB,MAAM,UAAU,SAAS,GAAA,CAAI,KAAK;EAClC,MAAM,SAAS,eAAe,KAAK,MAAM,KAAK,6BAA6B,KAAK,MAAM;EACtF,OACI,oBAAC,OAAD;GAAK,WAAU;aACX,qBAAC,OAAD;IAAK,WAAU;cAAf;KACI,oBAAC,YAAD;MAAY,SAAQ;MAAY,WAAU;gBACrC,SAAS,mDAAmD;KACrD,CAAA;KACZ,oBAAC,YAAD;MAAY,SAAQ;MAAQ,WAAU;gBACjC,SACK,4LACA;KACE,CAAA;KACZ,oBAAC,QAAD;MACI,SAAQ;MACR,OAAM;MACN,MAAK;MACL,WAAU;MACV,eAAe,OAAO,SAAS,OAAO;gBACzC;KAEO,CAAA;KACP,UACG,oBAAC,YAAD;MAAY,SAAQ;MAAU,WAAU;gBACnC;KACO,CAAA;IAEf;;EACJ,CAAA;CAEb;CAEA,MAAM,gBAAwC;EAC1C,KAAK;EACL,MAAM;EACN,KAAK;EACL,OAAO;EACP,QAAQ;CACZ;CAEA,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf,CAEI,qBAAC,OAAD;GACI,WAAW,IACP,oEACA,oBACA,kBACJ;aALJ,CAQI,qBAAC,OAAD;IAAK,WAAU;cAAf;KACI,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACI,oBAAC,cAAD;OAAc,MAAM,SAAS;OAAQ,WAAU;MAAuC,CAAA,GACtF,oBAAC,YAAD;OAAY,SAAQ;OAAY,WAAU;iBACrC,KAAK,MAAM,SAAS;MACb,CAAA,CACX;;KACJ,KAAK,MAAM,WACR,qBAAC,MAAD;MAAM,MAAK;MAAW,aAAY;gBAAlC,CAA+C,KACzC,KAAK,KAAK,OACV;;KAGV,oBAAC,OAAD;MAAK,WAAU;gBACX,oBAAC,WAAD;OACI,aAAY;OACZ,MAAK;OACL,eAAe,QAAQ,iBAAiB,OAAO,EAAE;MACpD,CAAA;KACA,CAAA;IAGJ;OAGL,qBAAC,OAAD;IAAK,WAAU;cAAf,CACK,eAAe,KAAK,UACjB,qBAAC,OAAD;KAAqB,WAAU;eAA/B,CACI,oBAAC,YAAD;MACI,SAAQ;MACR,WAAU;gBAET,MAAM;KACC,CAAA,GACX,MAAM,UAAU,KAAK,OAAO;MAEzB,OACI,qBAAC,QAAD;OAEI,SAAQ;OACR,OAAM;OACN,WAAA;OACA,eAAe;QACX,oBAAoB,EAAE;QACtB,aAAa,KAAK;OACtB;OACA,WAAW,IACP,wDAZO,kBAAkB,OAAO,GAAG,KAc7B,kCACA,+CACV;iBAdJ,CAgBI,oBAAC,QAAD;QAAM,WAAU;kBAAmC,GAAG,WAAW,GAAG;OAAgB,CAAA,GACpF,oBAAC,QAAD;QACI,WAAW,IACP,gDACA,cAAc,GAAG,WAAW,qBAChC;kBAEC,GAAG;OACF,CAAA,CACF;SAxBC,GAAG,EAwBJ;KAEhB,CAAC,CACA;OAtCK,MAAM,GAsCX,CACR,GACA,eAAe,WAAW,KACvB,oBAAC,YAAD;KACI,SAAQ;KACR,WAAU;eACb;IAEW,CAAA,CAEf;KACJ;MAGL,oBAAC,OAAD;GAAK,WAAU;aACV,mBACG,qBAAA,UAAA,EAAA,UAAA,CAEI,qBAAC,OAAD;IACI,WAAW,IACP,4EACA,oBACA,mDACJ;cALJ,CAOI,qBAAC,OAAD;KAAK,WAAU;eAAf,CACI,oBAAC,QAAD;MACI,WAAW,IACP,mCACA,cAAc,iBAAiB,WAAW,EAC9C;gBAEC,iBAAiB;KAChB,CAAA,GACN,oBAAC,QAAD;MAAM,WAAU;gBACX,iBAAiB;KAChB,CAAA,CACL;QACL,qBAAC,QAAD;KACI,SAAS,YAAY,WAAW;KAChC,MAAK;KACL,eAAe,cAAc,MAAM,CAAC,CAAC;eAHzC,CAKI,oBAAC,UAAD;MAAU,MAAM,SAAS;MAAO,WAAU;KAAQ,CAAA,GAAC,QAE/C;MACP;OAGL,oBAAC,OAAD;IAAK,WAAU;cACV,YACG,oBAAC,YAAD;KAEI,UAAU;KACF;KACR,cAAc,WAAW,gBAAgB,eAAe;KACxD,MAAM,eAAe;KACrB,UAAU,MAAM,UAAU,EAAE,EAAE,OAAO;IACxC,GANQ,iBAAiB,eAAe,iBAAiB,IAMzD,IAED,oBAAC,gBAAD;KAAgB,UAAU;KAAwB;IAAM,CAAA;GAE3D,CAAA,CACP,EAAA,CAAA,IAEF,oBAAC,OAAD;IAAK,WAAU;cACX,oBAAC,YAAD;KAAY,SAAQ;KAAQ,WAAU;eAAoD;IAE9E,CAAA;GACX,CAAA;EAER,CAAA,CACJ;;AAEb;AAEA,YAAY,cAAc"}

package/dist/BackupsView-DmSMzAbT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackupsView-DmSMzAbT.js","names":[],"sources":["../src/components/Backups/BackupsView.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n    Alert,\n    Button,\n    Chip,\n    CircularProgress,\n    cls,\n    DatabaseIcon,\n    defaultBorderMixin,\n    DownloadIcon,\n    iconSize,\n    IconButton,\n    RefreshCwIcon,\n    Tooltip,\n    Typography\n} from \"@rebasepro/ui\";\nimport { useRebaseClient, useSnackbarController, useTranslation } from \"@rebasepro/app\";\nimport type { BackupInfo, BackupScheduleStatus, RebaseClient } from \"@rebasepro/types\";\n\nimport { classifyLoadFailure, type LoadFailure } from \"../load-failure\";\nimport { LoadFailureView } from \"../load-failure-view\";\n\nfunction formatSize(bytes: number | undefined): string {\n    if (bytes === undefined || bytes === null) return \"—\";\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n    return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;\n}\n\nfunction formatDate(iso: string | undefined): string {\n    if (!iso) return \"—\";\n    const d = new Date(iso);\n    if (isNaN(d.getTime())) return \"—\";\n    return d.toLocaleString();\n}\n\n/**\n * The name the roles sidecar is saved under: the dump's, with the suffix\n * `rebase db restore` looks for beside it.\n */\nfunction rolesFileName(dumpName: string): string {\n    return dumpName.replace(/\\.dump$/, \"\") + \".globals.sql\";\n}\n\n/**\n * How the scheduled backup is doing, above the list — and, apart from it, a run\n * someone started by hand since, which is not the schedule's.\n */\nfunction BackupScheduleSummary({ schedule }: { schedule: BackupScheduleStatus }) {\n    const { t } = useTranslation();\n    const manual = schedule.lastManualRun;\n    return (\n        <div className=\"flex flex-col gap-2\">\n            <ScheduledBackupStatus schedule={schedule}/>\n            {manual && (manual.success ? (\n                <Typography variant=\"caption\" color=\"secondary\" className=\"text-[12px]\">\n                    {t(\"studio_backups_manual_run_ok\", { when: formatDate(manual.startedAt) })}\n                </Typography>\n            ) : (\n                <Alert color=\"warning\">\n                    <Typography variant=\"body2\" className=\"text-[13px] font-semibold\">\n                        {t(\"studio_backups_manual_run_failed\", { when: formatDate(manual.startedAt) })}\n                    </Typography>\n                    {manual.error && (\n                        <Typography variant=\"caption\" className=\"font-mono text-[12px] whitespace-pre-wrap break-words\">\n                            {manual.error}\n                        </Typography>\n                    )}\n                </Alert>\n            ))}\n        </div>\n    );\n}\n\n/**\n * The scheduled backup's own state.\n *\n * A failed last run is an error, not a footnote: a backup that fails every\n * night used to leave this panel empty under \"wait for the next scheduled run\",\n * with the reason only in the cron history.\n */\nfunction ScheduledBackupStatus({ schedule }: { schedule: BackupScheduleStatus }) {\n    const { t } = useTranslation();\n    const last = schedule.lastRun;\n\n    // Refused at boot: it never runs, and resuming it in Cron Jobs is not\n    // possible — it is not a job there. Only its cron file can fix it.\n    if (schedule.refused) {\n        return (\n            <Alert color=\"error\">\n                <Typography variant=\"body2\" className=\"text-[13px] font-semibold\">\n                    {t(\"studio_backups_job_refused\", { job: schedule.jobId })}\n                </Typography>\n                <Typography variant=\"caption\" className=\"font-mono text-[12px] whitespace-pre-wrap break-words\">\n                    {schedule.schedule} — {schedule.refused}\n                </Typography>\n            </Alert>\n        );\n    }\n\n    if (last && !last.success) {\n        return (\n            <Alert color=\"error\">\n                <Typography variant=\"body2\" className=\"text-[13px] font-semibold\">\n                    {t(\"studio_backups_last_run_failed\", { when: formatDate(last.startedAt) })}\n                </Typography>\n                {last.error && (\n                    <Typography variant=\"caption\" className=\"font-mono text-[12px] whitespace-pre-wrap break-words\">\n                        {last.error}\n                    </Typography>\n                )}\n            </Alert>\n        );\n    }\n\n    if (!schedule.enabled) {\n        // Declared off is not paused: \"resume it in Cron Jobs\" would turn on\n        // the placeholder the documented cron file exports while\n        // BACKUP_SCHEDULE is unset.\n        return (\n            <Alert color=\"warning\">\n                <Typography variant=\"body2\" className=\"text-[13px]\">\n                    {schedule.disabledInCode\n                        ? t(\"studio_backups_schedule_off_in_code\", { job: schedule.jobId })\n                        : t(\"studio_backups_schedule_paused\", { job: schedule.jobId })}\n                </Typography>\n            </Alert>\n        );\n    }\n\n    // Unknown is not \"has not run yet\": that line would be read off an empty\n    // history the server could not fetch.\n    if (schedule.historyError) {\n        return (\n            <Alert color=\"warning\">\n                <Typography variant=\"body2\" className=\"text-[13px]\">\n                    {t(\"studio_backups_history_unreadable\")}\n                </Typography>\n            </Alert>\n        );\n    }\n\n    const parts = [\n        last ? t(\"studio_backups_last_run_ok\", { when: formatDate(last.startedAt) }) : t(\"studio_backups_never_ran\"),\n        schedule.nextRunAt ? t(\"studio_backups_next_run\", { when: formatDate(schedule.nextRunAt) }) : null\n    ].filter((part): part is string => Boolean(part));\n\n    return (\n        <Typography variant=\"caption\" color=\"secondary\" className=\"text-[12px]\">\n            {parts.join(\" · \")}\n        </Typography>\n    );\n}\n\nexport function BackupsView() {\n    const client = useRebaseClient<RebaseClient>();\n    const snackbar = useSnackbarController();\n    const { t } = useTranslation();\n\n    const [backups, setBackups] = useState<BackupInfo[]>([]);\n    const [destinationKind, setDestinationKind] = useState<string>(\"local\");\n    const [configured, setConfigured] = useState(true);\n    const [localDiskOfThisProcess, setLocalDiskOfThisProcess] = useState(false);\n    const [schedule, setSchedule] = useState<BackupScheduleStatus | null>(null);\n    const [loading, setLoading] = useState(true);\n    const [downloading, setDownloading] = useState<string | null>(null);\n    /** Why the listing failed, classified — see `load-failure.ts`. */\n    const [failure, setFailure] = useState<LoadFailure | null>(null);\n\n    const clientRef = useRef(client);\n    clientRef.current = client;\n    const snackbarRef = useRef(snackbar);\n    snackbarRef.current = snackbar;\n\n    const load = useCallback(async () => {\n        const c = clientRef.current;\n        if (!c?.backups) {\n            setLoading(false);\n            setConfigured(false);\n            return;\n        }\n        setFailure(null);\n        try {\n            const res = await c.backups.list();\n            setBackups(res.backups);\n            setDestinationKind(res.destinationKind);\n            setConfigured(res.configured);\n            setLocalDiskOfThisProcess(res.localDiskOfThisProcess === true);\n            // Absent from a server that predates the field.\n            setSchedule(res.schedule ?? null);\n        } catch (e: unknown) {\n            // The snackbar is gone in seconds, and the list underneath it is\n            // empty — which is how a refused listing came to read \"No backups\n            // found yet\" about a database that has backups. Keep the reason on\n            // screen instead.\n            setFailure(classifyLoadFailure(e));\n        } finally {\n            setLoading(false);\n        }\n    }, []);\n\n    useEffect(() => {\n        load();\n    }, [load]);\n\n    const handleDownload = async (key: string, fileName: string) => {\n        const c = clientRef.current;\n        if (!c?.backups) return;\n        setDownloading(key);\n        try {\n            const blob = await c.backups.download(key);\n            const url = URL.createObjectURL(blob);\n            const a = document.createElement(\"a\");\n            a.href = url;\n            a.download = fileName;\n            document.body.appendChild(a);\n            a.click();\n            a.remove();\n            URL.revokeObjectURL(url);\n        } catch (e: unknown) {\n            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\n        } finally {\n            setDownloading(null);\n        }\n    };\n\n    // Backups API not available on this client (e.g. non-Postgres backend).\n    if (!client?.backups) {\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full gap-4 text-center p-8\">\n                <DatabaseIcon size={iconSize.large} className=\"text-surface-300 dark:text-surface-600\"/>\n                <Typography variant=\"h6\" color=\"secondary\">{t(\"studio_backups_unavailable_title\")}</Typography>\n                <Typography variant=\"body2\" color=\"disabled\" className=\"max-w-md\">\n                    {t(\"studio_backups_unavailable_body\")}\n                </Typography>\n            </div>\n        );\n    }\n\n    if (loading) {\n        return (\n            <div className=\"flex items-center justify-center h-full\">\n                <CircularProgress/>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"flex flex-col h-full w-full overflow-hidden bg-surface-card\">\n            {/* Header */}\n            <div className={cls(\"flex items-center justify-between px-5 py-2.5 border-b bg-surface-sheet min-h-[48px]\", defaultBorderMixin)}>\n                <div className=\"flex items-center gap-2\">\n                    <DatabaseIcon size={iconSize.small} className=\"text-primary\"/>\n                    <Typography variant=\"subtitle2\" className=\"font-semibold\">{t(\"studio_tool_backups\")}</Typography>\n                    <Chip size=\"smallest\" className=\"bg-surface-raised text-surface-600 dark:text-surface-300\">{backups.length}</Chip>\n                    <Chip size=\"smallest\" className=\"bg-surface-raised text-surface-500 dark:text-surface-400 uppercase font-mono text-[10px]\">{destinationKind}</Chip>\n                </div>\n                <IconButton size=\"small\" onClick={load} title={t(\"refresh_data\")}>\n                    <RefreshCwIcon size={iconSize.smallest}/>\n                </IconButton>\n            </div>\n\n            <div className=\"flex-1 overflow-y-auto p-5\">\n                {failure ? (\n                    <LoadFailureView\n                        failure={failure}\n                        title={t(\"studio_backups_read_failed\")}\n                        deniedTitle={t(\"studio_backups_denied_title\")}\n                        deniedHint={t(\"studio_backups_denied_hint\")}\n                        onRetry={load}\n                    />\n                ) : (\n                    <div className=\"flex flex-col gap-4 min-h-full\">\n                        {schedule && (\n                            <div className=\"max-w-3xl\">\n                                <BackupScheduleSummary schedule={schedule}/>\n                            </div>\n                        )}\n                        {/* The api process of a split deployment lists its own disk; the worker writes elsewhere. */}\n                        {configured && localDiskOfThisProcess && (\n                            <div className=\"max-w-3xl\">\n                                <Alert color=\"info\">\n                                    <Typography variant=\"body2\" className=\"text-[13px]\">\n                                        {t(\"studio_backups_local_disk_of_this_process\")}\n                                    </Typography>\n                                </Alert>\n                            </div>\n                        )}\n                        {!configured ? (\n                            <Alert color=\"info\">\n                                <Typography variant=\"body2\" className=\"text-[13px]\">\n                                    <strong>{t(\"studio_backups_not_configured_title\")}</strong>{\" \"}\n                                    {t(\"studio_backups_not_configured_body\")}{\" \"}\n                                    <a\n                                        href=\"https://rebase.pro/docs/backend/jobs\"\n                                        target=\"_blank\"\n                                        rel=\"noreferrer\"\n                                        className=\"text-primary underline\"\n                                    >\n                                        {t(\"studio_read_the_docs\")}\n                                    </a>\n                                </Typography>\n                            </Alert>\n                        ) : backups.length === 0 ? (\n                            <div className=\"flex flex-1 flex-col items-center justify-center gap-3 text-center\">\n                                <DatabaseIcon size={iconSize.large} className=\"text-surface-200 dark:text-surface-700\"/>\n                                <Typography variant=\"body2\" color=\"disabled\">\n                                    {t(\"studio_backups_empty\")}\n                                </Typography>\n                                {/* With a schedule, the summary above already says when the next one runs, or why the last one did not. */}\n                                {!schedule && (\n                                    <Typography variant=\"caption\" color=\"disabled\" className=\"max-w-md\">\n                                        {t(\"studio_backups_empty_hint\")}\n                                    </Typography>\n                                )}\n                            </div>\n                        ) : (\n                            <div className=\"space-y-2 max-w-3xl\">\n                                {backups.map(backup => {\n                                    // The roles sidecar travels with the dump: a restore\n                                    // into a new Postgres needs both files.\n                                    const globalsKey = backup.globalsKey;\n                                    return (\n                                        <div\n                                            key={backup.key}\n                                            className={cls(\"flex items-center gap-3 px-4 py-3 rounded-lg border bg-surface-card\", defaultBorderMixin)}\n                                        >\n                                            <DatabaseIcon size={iconSize.small} className=\"text-surface-400 shrink-0\"/>\n                                            <div className=\"flex-1 min-w-0\">\n                                                <Typography variant=\"body2\" className=\"truncate font-medium font-mono text-[12px]\">{backup.name}</Typography>\n                                                <Typography variant=\"caption\" color=\"secondary\" className=\"text-[11px]\">\n                                                    {formatDate(backup.createdAt)} · {formatSize(backup.sizeBytes)}\n                                                </Typography>\n                                            </div>\n                                            {globalsKey ? (\n                                                <Tooltip title={t(\"studio_backups_roles_file_hint\")}>\n                                                    <Button\n                                                        size=\"small\"\n                                                        variant=\"text\"\n                                                        onClick={() => handleDownload(globalsKey, rolesFileName(backup.name))}\n                                                        disabled={downloading === globalsKey}\n                                                        startIcon={downloading === globalsKey\n                                                            ? <CircularProgress size=\"smallest\"/>\n                                                            : <DownloadIcon size={iconSize.smallest}/>}\n                                                    >\n                                                        {downloading === globalsKey ? t(\"studio_backups_downloading\") : t(\"studio_backups_roles_file\")}\n                                                    </Button>\n                                                </Tooltip>\n                                            ) : (\n                                                <Tooltip title={t(\"studio_backups_no_roles_file_hint\")}>\n                                                    <Chip size=\"smallest\" colorScheme=\"orangeDarker\">{t(\"studio_backups_no_roles_file\")}</Chip>\n                                                </Tooltip>\n                                            )}\n                                            <Button\n                                                size=\"small\"\n                                                variant=\"outlined\"\n                                                onClick={() => handleDownload(backup.key, backup.name)}\n                                                disabled={downloading === backup.key}\n                                                startIcon={downloading === backup.key\n                                                    ? <CircularProgress size=\"smallest\"/>\n                                                    : <DownloadIcon size={iconSize.smallest}/>}\n                                            >\n                                                {downloading === backup.key ? t(\"studio_backups_downloading\") : t(\"download\")}\n                                            </Button>\n                                        </div>\n                                    );\n                                })}\n                            </div>\n                        )}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/BranchesView-DP1a87E-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BranchesView-DP1a87E-.js","names":[],"sources":["../src/components/Branches/BranchesView.tsx"],"sourcesContent":["\nimport React, { useState, useEffect, useRef, useCallback } from \"react\";\nimport {\n    Alert,\n    Button,\n    Chip,\n    CircularProgress,\n    cls,\n    CopyIcon,\n    defaultBorderMixin,\n    Dialog,\n    DialogActions,\n    DialogContent,\n    DialogTitle,\n    GitBranchIcon,\n    IconButton,\n    iconSize,\n    Paper,\n    PlusIcon,\n    RefreshCwIcon,\n    Select,\n    SelectItem,\n    TextField,\n    Trash2Icon,\n    Typography\n} from \"@rebasepro/ui\";\nimport { useRebaseContext, useSnackbarController, ConfirmationDialog, useTranslation } from \"@rebasepro/app\";\nimport { isBranchAdmin } from \"@rebasepro/types\";\nimport type { BranchInfo } from \"@rebasepro/types\";\nimport { formatRelativeTime } from \"@rebasepro/utils\";\n\nimport { classifyLoadFailure, type LoadFailure } from \"../load-failure\";\n\n/**\n * The prefix the driver puts on every branch database.\n *\n * Stated here rather than derived from the row, because `BranchInfo` carries\n * the *name* a person typed and not the database it became — and the detail\n * pane used to print the name under \"Database:\", which is a connection string\n * to nothing. Kept in step with `BranchService.BRANCH_DB_PREFIX` and the CLI's\n * `branch-pointer.ts`, which say the same thing for the same reason.\n */\nconst BRANCH_DB_PREFIX = \"rb_\";\nimport { LoadFailureView } from \"../load-failure-view\";\n\nfunction formatSize(bytes: number | undefined): string {\n    if (bytes === undefined || bytes === null) return \"—\";\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n    return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;\n}\n\nfunction formatRelative(date: Date | string | undefined): string {\n    if (!date) return \"—\";\n    const d = date instanceof Date ? date : new Date(date);\n    if (isNaN(d.getTime())) return \"—\";\n    return formatRelativeTime(d) ?? d.toLocaleDateString();\n}\n\nexport function BranchesView() {\n    const { databaseAdmin } = useRebaseContext();\n    const snackbar = useSnackbarController();\n    const { t } = useTranslation();\n\n    const [branches, setBranches] = useState<BranchInfo[]>([]);\n    const [loading, setLoading] = useState(true);\n    const [selectedBranch, setSelectedBranch] = useState<string | null>(null);\n\n    // Create dialog\n    const [createOpen, setCreateOpen] = useState(false);\n    const [newBranchName, setNewBranchName] = useState(\"\");\n    /**\n     * The database to copy, when it is not the main one: a branch's own\n     * database, which is not its name.\n     */\n    const [sourceDatabase, setSourceDatabase] = useState<string | undefined>(undefined);\n    const [creating, setCreating] = useState(false);\n    /**\n     * Why the last create attempt was refused, kept on screen.\n     *\n     * The server refuses branching outright on the managed development\n     * database — PGlite serves one database, so the \"branch\" would be the\n     * parent. That refusal is the whole answer to what the reader just tried to\n     * do, and a snackbar is gone in four seconds; the same argument\n     * `load-failure.ts` makes for listings.\n     */\n    const [createError, setCreateError] = useState<string | null>(null);\n\n    // Delete confirm\n    const [deleteTarget, setDeleteTarget] = useState<string | null>(null);\n    const [deleting, setDeleting] = useState(false);\n\n    /** Why the branch listing failed, classified — see `load-failure.ts`. */\n    const [failure, setFailure] = useState<LoadFailure | null>(null);\n\n    // Refs\n    const snackbarRef = useRef(snackbar);\n    snackbarRef.current = snackbar;\n\n    const branchAdmin = isBranchAdmin(databaseAdmin) ? databaseAdmin : undefined;\n\n    const loadBranches = useCallback(async () => {\n        if (!branchAdmin) {\n            setLoading(false);\n            return;\n        }\n        try {\n            const result = await branchAdmin.listBranches();\n            setBranches(result);\n            setFailure(null);\n        } catch (e: unknown) {\n            // \"No branches yet. Create one…\" over a refused listing invites the\n            // reader to create a branch they are not allowed to see, and then\n            // hides the one they already have.\n            setFailure(classifyLoadFailure(e));\n        } finally {\n            setLoading(false);\n        }\n    }, [branchAdmin]);\n\n    useEffect(() => {\n        loadBranches();\n    }, [loadBranches]);\n\n    const handleCreate = async () => {\n        if (!branchAdmin || !newBranchName.trim()) return;\n        setCreating(true);\n        setCreateError(null);\n        try {\n            await branchAdmin.createBranch(newBranchName.trim(), sourceDatabase ? { source: sourceDatabase } : undefined);\n            snackbarRef.current.open({\n                type: \"success\",\n                message: `Branch \"${newBranchName.trim()}\" created successfully`\n            });\n            setCreateOpen(false);\n            setNewBranchName(\"\");\n            setSourceDatabase(undefined);\n            await loadBranches();\n        } catch (e: unknown) {\n            const message = e instanceof Error ? e.message : String(e);\n            setCreateError(message);\n            snackbarRef.current.open({ type: \"error\",\n                message });\n        } finally {\n            setCreating(false);\n        }\n    };\n\n    const handleDelete = async () => {\n        if (!branchAdmin || !deleteTarget) return;\n        setDeleting(true);\n        try {\n            await branchAdmin.deleteBranch(deleteTarget);\n            snackbarRef.current.open({\n                type: \"success\",\n                message: `Branch \"${deleteTarget}\" deleted`\n            });\n            if (selectedBranch === deleteTarget) setSelectedBranch(null);\n            setDeleteTarget(null);\n            await loadBranches();\n        } catch (e: unknown) {\n            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\n        } finally {\n            setDeleting(false);\n        }\n    };\n\n    // Not supported\n    if (!branchAdmin) {\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full gap-4 text-center p-8\">\n                <GitBranchIcon size={iconSize.large} className=\"text-surface-300 dark:text-surface-600\"/>\n                <Typography variant=\"h6\" color=\"secondary\">{t(\"studio_branches_unavailable_title\")}</Typography>\n                <Typography variant=\"body2\" color=\"disabled\" className=\"max-w-md\">\n                    {t(\"studio_branches_unavailable_body\")}\n                </Typography>\n                <a\n                    href=\"https://rebase.pro/docs/backend/branching\"\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                    className=\"text-primary text-sm underline\"\n                >\n                    {t(\"studio_read_the_docs\")}\n                </a>\n            </div>\n        );\n    }\n\n    if (loading) {\n        return (\n            <div className=\"flex items-center justify-center h-full\">\n                <CircularProgress/>\n            </div>\n        );\n    }\n\n    const selected = branches.find(b => b.name === selectedBranch);\n\n    return (\n        <div className=\"flex h-full w-full overflow-hidden bg-surface-card\">\n            {/* ── Branch List ── */}\n            <div className={cls(\"flex flex-col w-[340px] min-w-[280px] border-r h-full\", defaultBorderMixin)}>\n                <div className={cls(\"flex items-center justify-between px-4 py-2.5 border-b bg-surface-sheet min-h-[48px]\", defaultBorderMixin)}>\n                    <div className=\"flex items-center gap-2\">\n                        <GitBranchIcon size={iconSize.small} className=\"text-primary\"/>\n                        <Typography variant=\"subtitle2\" className=\"font-semibold\">{t(\"studio_tool_branches\")}</Typography>\n                        <Chip size=\"smallest\" className=\"bg-surface-raised text-surface-600 dark:text-surface-300\">{branches.length}</Chip>\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                        <IconButton size=\"small\" onClick={loadBranches} title=\"Refresh\">\n                            <RefreshCwIcon size={iconSize.smallest}/>\n                        </IconButton>\n                        <IconButton size=\"small\" onClick={() => setCreateOpen(true)} title=\"Create branch\" className=\"text-primary\">\n                            <PlusIcon size={iconSize.smallest}/>\n                        </IconButton>\n                    </div>\n                </div>\n                <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n                    {failure ? (\n                        <LoadFailureView\n                            failure={failure}\n                            title={t(\"studio_branches_read_failed\")}\n                            deniedTitle={t(\"studio_branches_denied_title\")}\n                            deniedHint={t(\"studio_branches_denied_hint\")}\n                            onRetry={loadBranches}\n                        />\n                    ) : branches.length === 0 ? (\n                        <div className=\"flex flex-col items-center justify-center h-full gap-3 text-center px-4\">\n                            <CopyIcon size={iconSize.small} className=\"text-surface-300 dark:text-surface-600\"/>\n                            <Typography variant=\"body2\" color=\"disabled\" className=\"text-[13px]\">\n                                No branches yet. Create one to start working with an isolated database copy.\n                            </Typography>\n                            <Button\n                                size=\"small\"\n                                variant=\"outlined\"\n                                onClick={() => setCreateOpen(true)}\n                                startIcon={<PlusIcon size={iconSize.smallest}/>}\n                            >\n                                Create Branch\n                            </Button>\n                        </div>\n                    ) : (\n                        branches.map(branch => (\n                            <div\n                                key={branch.name}\n                                onClick={() => setSelectedBranch(branch.name)}\n                                className={cls(\n                                    \"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-all\",\n                                    selectedBranch === branch.name\n                                        ? \"bg-primary/10 dark:bg-primary/15 ring-1 ring-primary/30\"\n                                        : \"hover:bg-surface-hover\"\n                                )}\n                            >\n                                <div className=\"w-2 h-2 rounded-full shrink-0 bg-emerald-500\"/>\n                                <div className=\"flex-1 min-w-0\">\n                                    <Typography variant=\"body2\" className=\"truncate font-medium text-[13px]\">{branch.name}</Typography>\n                                    <Typography variant=\"caption\" color=\"secondary\" className=\"truncate text-[11px]\">\n                                        from {branch.parentDatabase} · {formatRelative(branch.createdAt)}\n                                    </Typography>\n                                </div>\n                                {branch.sizeBytes !== undefined && (\n                                    <Typography variant=\"caption\" color=\"disabled\" className=\"font-mono text-[10px] shrink-0\">\n                                        {formatSize(branch.sizeBytes)}\n                                    </Typography>\n                                )}\n                            </div>\n                        ))\n                    )}\n                </div>\n            </div>\n\n            {/* ── Detail Panel ── */}\n            <div className=\"flex-1 flex flex-col min-w-0 h-full overflow-hidden\">\n                {!selected ? (\n                    <div className=\"flex flex-col items-center justify-center h-full gap-3\">\n                        <GitBranchIcon size={iconSize.large} className=\"text-surface-200 dark:text-surface-700\"/>\n                        <Typography variant=\"body2\" color=\"disabled\">\n                            {branches.length === 0 ? \"Create a branch to get started\" : \"Select a branch to view details\"}\n                        </Typography>\n                    </div>\n                ) : (\n                    <>\n                        {/* Header */}\n                        <div className={cls(\"flex items-center justify-between px-5 py-3 border-b bg-surface-card min-h-[56px]\", defaultBorderMixin)}>\n                            <div className=\"flex items-center gap-3 min-w-0\">\n                                <div className=\"w-2.5 h-2.5 rounded-full bg-emerald-500\"/>\n                                <div className=\"min-w-0\">\n                                    <Typography variant=\"subtitle1\" className=\"font-semibold truncate\">{selected.name}</Typography>\n                                    <Typography variant=\"caption\" color=\"secondary\" className=\"truncate\">\n                                        Created from <span className=\"font-mono text-[11px]\">{selected.parentDatabase}</span>\n                                    </Typography>\n                                </div>\n                            </div>\n                            <div className=\"flex items-center gap-2 shrink-0\">\n                                <Button\n                                    size=\"small\"\n                                    color=\"error\"\n                                    variant=\"outlined\"\n                                    onClick={() => setDeleteTarget(selected.name)}\n                                    startIcon={<Trash2Icon size={iconSize.smallest}/>}\n                                >\n                                    Delete\n                                </Button>\n                            </div>\n                        </div>\n\n                        {/* Info Cards */}\n                        <div className=\"px-5 py-4 bg-surface-sheet\">\n                            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\n                                <StatCard label=\"Branch Name\" value={selected.name} mono/>\n                                <StatCard label=\"Source Database\" value={selected.parentDatabase} mono/>\n                                <StatCard label=\"Created\" value={formatRelative(selected.createdAt)}/>\n                                <StatCard label=\"Size\" value={formatSize(selected.sizeBytes)}/>\n                            </div>\n                        </div>\n\n                        {/* Usage Info */}\n                        <div className=\"flex-1 overflow-y-auto px-5 py-4\">\n                            <Alert color=\"info\">\n                                <Typography variant=\"body2\" className=\"text-[13px]\">\n                                    <strong>How to use this branch:</strong> point this checkout at it with\n                                    <code className=\"mx-1 px-1.5 py-0.5 rounded bg-surface-well font-mono text-[12px]\">rebase db branch switch {selected.name}</code>\n                                    — every later command uses it, and\n                                    <code className=\"mx-1 px-1.5 py-0.5 rounded bg-surface-well font-mono text-[12px]\">rebase db branch switch --off</code>\n                                    goes back to the main database. Changes made here don&apos;t affect it.\n                                </Typography>\n                            </Alert>\n                            <div className=\"mt-4 p-4 rounded-lg border bg-surface-sheet border-hairline-strong\">\n                                <Typography variant=\"caption\" className=\"text-[10px] uppercase tracking-wider text-surface-400 mb-2 block font-medium\">Connection Details</Typography>\n                                <div className=\"space-y-2\">\n                                    <div className=\"flex items-center gap-2\">\n                                        {/* The *database*, not the branch name. They are not the\n                                            same string — the driver prefixes every branch database\n                                            with `rb_` — and a connection string built from the name\n                                            on this pane pointed at a database that does not\n                                            exist. */}\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Database:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px]\">{`${BRANCH_DB_PREFIX}${selected.name}`}</Typography>\n                                    </div>\n                                    <div className=\"flex items-start gap-2\">\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Connect with:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px] break-all\">\n                                            {`DATABASE_URL=…/${BRANCH_DB_PREFIX}${selected.name}`}\n                                        </Typography>\n                                    </div>\n                                    <div className=\"flex items-center gap-2\">\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Branched from:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px]\">{selected.parentDatabase}</Typography>\n                                    </div>\n                                    <div className=\"flex items-center gap-2\">\n                                        <Typography variant=\"caption\" color=\"secondary\" className=\"w-24 shrink-0 text-[11px]\">Created at:</Typography>\n                                        <Typography variant=\"body2\" className=\"font-mono text-[12px]\">\n                                            {selected.createdAt instanceof Date\n                                                ? selected.createdAt.toLocaleString()\n                                                : new Date(selected.createdAt).toLocaleString()}\n                                        </Typography>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </>\n                )}\n            </div>\n\n            {/* ── Create Dialog ── */}\n            <Dialog open={createOpen} onOpenChange={(open) => {\n                setCreateOpen(open);\n                if (!open) setCreateError(null);\n            }}>\n                <DialogTitle>Create New Branch</DialogTitle>\n                <DialogContent className=\"space-y-4 min-w-[400px]\">\n                    <Typography variant=\"body2\" color=\"secondary\" className=\"text-[13px]\">\n                        Create an isolated database copy. The branch will be a full clone of the source database at this point in time.\n                    </Typography>\n                    {createError && (\n                        <Alert color=\"error\">\n                            <Typography variant=\"body2\" className=\"text-[13px]\">{createError}</Typography>\n                        </Alert>\n                    )}\n                    <div>\n                        <TextField\n                            label=\"Branch Name\"\n                            value={newBranchName}\n                            onChange={(e) => setNewBranchName(e.target.value)}\n                            placeholder=\"e.g. feature-auth, staging, preview-pr-42\"\n                            size=\"small\"\n                            autoFocus\n                        />\n                    </div>\n                    {branches.length > 0 && (\n                        <div>\n                            <Select\n                                label=\"Source Database\"\n                                value={sourceDatabase ?? \"__main__\"}\n                                onValueChange={(v) => setSourceDatabase(v === \"__main__\" ? undefined : v)}\n                                placeholder=\"Default (main database)\"\n                                size=\"small\"\n                            >\n                                <SelectItem value=\"__main__\">Default (main database)</SelectItem>\n                                {branches.map(b => (\n                                    <SelectItem key={b.name} value={b.database}>{b.name}</SelectItem>\n                                ))}\n                            </Select>\n                        </div>\n                    )}\n                </DialogContent>\n                <DialogActions>\n                    <Button variant=\"text\" onClick={() => setCreateOpen(false)} disabled={creating}>\n                        Cancel\n                    </Button>\n                    <Button\n                        color=\"primary\"\n                        onClick={handleCreate}\n                        disabled={!newBranchName.trim() || creating}\n                        startIcon={creating ? <CircularProgress size=\"smallest\"/> : <PlusIcon size={iconSize.smallest}/>}\n                    >\n                        {creating ? \"Creating...\" : \"Create Branch\"}\n                    </Button>\n                </DialogActions>\n            </Dialog>\n\n            {/* ── Delete Confirm ── */}\n            <ConfirmationDialog\n                open={!!deleteTarget}\n                onAccept={handleDelete}\n                onCancel={() => setDeleteTarget(null)}\n                title=\"Delete Branch\"\n                body={\n                    <Typography variant=\"body2\">\n                        Are you sure you want to permanently delete the branch <strong>{deleteTarget}</strong>?\n                        This action cannot be undone and all data in this branch will be lost.\n                    </Typography>\n                }\n                loading={deleting}\n            />\n        </div>\n    );\n}\n\nfunction StatCard({ label, value, mono }: {\n    label: string; value: string; mono?: boolean;\n}) {\n    return (\n        <div className={cls(\"px-3 py-2 rounded-lg border bg-surface-card\", defaultBorderMixin)}>\n            <Typography variant=\"caption\" color=\"secondary\" className=\"text-[10px] uppercase tracking-wider font-medium\">{label}</Typography>\n            <Typography variant=\"body2\" className={cls(\n                \"mt-0.5 font-semibold text-[13px] truncate\",\n                mono && \"font-mono\"\n            )}>{value}</Typography>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/CronJobsView-TDErHTuK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CronJobsView-TDErHTuK.js","names":[],"sources":["../src/components/CronJobs/CronJobsView.tsx"],"sourcesContent":["\nimport React, { useState, useEffect, useRef } from \"react\";\nimport {\n    Alert,\n    AlertCircleIcon,\n    Button,\n    CalendarIcon,\n    Card,\n    CheckCircleIcon,\n    Chip,\n    CircularProgress,\n    cls,\n    defaultBorderMixin,\n    HistoryIcon,\n    IconButton,\n    iconSize,\n    Paper,\n    PauseIcon,\n    PlayIcon,\n    RefreshCwIcon,\n    Typography\n} from \"@rebasepro/ui\";\nimport { useRebaseClient, useSnackbarController, useTranslation } from \"@rebasepro/app\";\nimport type { CronJobListing, CronJobStatus, CronJobLogEntry, RejectedCronJob } from \"@rebasepro/types\";\nimport type { RebaseClient } from \"@rebasepro/types\";\n\nimport { classifyLoadFailure, type LoadFailure } from \"../load-failure\";\nimport { LoadFailureView } from \"../load-failure-view\";\n\nfunction formatDuration(ms: number): string {\n    if (ms < 1000) return `${ms}ms`;\n    if (ms < 60000) return `${(ms / 1000).toFixed(1)}s`;\n    return `${(ms / 60000).toFixed(1)}m`;\n}\n\nfunction formatRelative(iso: string | undefined): string {\n    if (!iso) return \"—\";\n    const d = new Date(iso);\n    const now = Date.now();\n    const diff = d.getTime() - now;\n    const abs = Math.abs(diff);\n    if (abs < 60000) return diff > 0 ? \"in <1m\" : \"<1m ago\";\n    if (abs < 3600000) { const m = Math.round(abs / 60000); return diff > 0 ? `in ${m}m` : `${m}m ago`; }\n    if (abs < 86400000) { const h = Math.round(abs / 3600000); return diff > 0 ? `in ${h}h` : `${h}h ago`; }\n    return d.toLocaleString();\n}\n\n/** What the listing says did not become a job — see {@link CronLoadProblems}. */\ninterface CronProblems {\n    rejected: RejectedCronJob[];\n    /** Cron files that failed to load: `skipped` counts these and the refused jobs together. */\n    filesFailed: number;\n}\n\nfunction problemsOf(listing: CronJobListing): CronProblems {\n    const rejected = listing.rejected ?? [];\n    return { rejected, filesFailed: Math.max(0, (listing.skipped ?? 0) - rejected.length) };\n}\n\n/**\n * The cron files that failed to load and the jobs the scheduler refused. None\n * of them is scheduled, and none is in the list: without this a refused job\n * was simply absent, and a project whose only job was refused read \"No cron\n * jobs registered\".\n */\nfunction CronLoadProblems({ problems }: { problems: CronProblems }) {\n    const { t } = useTranslation();\n    if (problems.rejected.length === 0 && problems.filesFailed === 0) return null;\n    return (\n        <Alert color=\"error\">\n            <div className=\"flex flex-col gap-2\">\n                {problems.rejected.map(job => (\n                    <div key={job.id} className=\"flex flex-col\">\n                        <Typography variant=\"body2\" className=\"text-[13px] font-semibold\">\n                            {t(\"studio_cron_job_refused\", { job: job.name })}\n                        </Typography>\n                        <Typography variant=\"caption\" className=\"font-mono text-[12px] break-words\">\n                            {job.schedule} — {job.reason}\n                        </Typography>\n                    </div>\n                ))}\n                {problems.filesFailed > 0 && (\n                    <Typography variant=\"body2\" className=\"text-[13px]\">\n                        {t(\"studio_cron_files_failed\", { count: problems.filesFailed })}\n                    </Typography>\n                )}\n            </div>\n        </Alert>\n    );\n}\n\nconst stateColors: Record<string, string> = {\n    idle: \"bg-emerald-500\",\nrunning: \"bg-blue-500\",\nsuccess: \"bg-emerald-500\",\n    error: \"bg-red-500\",\ndisabled: \"bg-surface-400\"\n};\n\nexport function CronJobsView() {\n    const client = useRebaseClient<RebaseClient>();\n    const snackbar = useSnackbarController();\n    const { t } = useTranslation();\n    const [jobs, setJobs] = useState<CronJobStatus[]>([]);\n    const [problems, setProblems] = useState<CronProblems>({ rejected: [], filesFailed: 0 });\n    const [loading, setLoading] = useState(true);\n    const [selectedId, setSelectedId] = useState<string | null>(null);\n    const [logs, setLogs] = useState<CronJobLogEntry[]>([]);\n    const [logsLoading, setLogsLoading] = useState(false);\n    /**\n     * Why the selected job's executions could not be read. Shown where the\n     * list would be: an empty list reads as \"this job has never run\", and the\n     * snackbar that used to carry the reason was gone in four seconds.\n     */\n    const [logsFailure, setLogsFailure] = useState<LoadFailure | null>(null);\n    const [triggering, setTriggering] = useState<string | null>(null);\n    /** Why the job listing failed, classified — see `load-failure.ts`. */\n    const [failure, setFailure] = useState<LoadFailure | null>(null);\n\n    // Refs so effects never re-fire due to identity changes\n    const clientRef = useRef(client);\n    clientRef.current = client;\n    const snackbarRef = useRef(snackbar);\n    snackbarRef.current = snackbar;\n\n    // ── Fetch jobs on mount + poll every 15s ──\n    useEffect(() => {\n        let cancelled = false;\n\n        async function load() {\n            const c = clientRef.current;\n            if (!c?.cron) {\n                setLoading(false);\n                return;\n            }\n            try {\n                const res = await c.cron.listJobs();\n                if (!cancelled) {\n                    setJobs(res.jobs);\n                    setProblems(problemsOf(res));\n                    setFailure(null);\n                }\n            } catch (e: unknown) {\n                // A snackbar over an empty list said \"No Cron Jobs Registered\"\n                // about a project whose crons the caller may not read. This\n                // view polls every 15s, so the toast is also gone long before\n                // anyone looks.\n                if (!cancelled) setFailure(classifyLoadFailure(e));\n            } finally {\n                if (!cancelled) setLoading(false);\n            }\n        }\n\n        load();\n\n        let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n        const scheduleNext = () => {\n            if (cancelled) return;\n            timeoutId = setTimeout(async () => {\n                if (document.visibilityState === \"visible\") {\n                    await load();\n                }\n                scheduleNext();\n            }, 15_000);\n        };\n\n        scheduleNext();\n\n        const handleVisibility = () => {\n            if (document.visibilityState === \"visible\") {\n                load();\n            }\n        };\n        document.addEventListener(\"visibilitychange\", handleVisibility);\n\n        return () => {\n            cancelled = true;\n            if (timeoutId) clearTimeout(timeoutId);\n            document.removeEventListener(\"visibilitychange\", handleVisibility);\n        };\n    }, []); // runs once\n\n    // ── Fetch logs when selection changes ──\n    useEffect(() => {\n        if (!selectedId) {\n            setLogs([]);\n            setLogsFailure(null);\n            return;\n        }\n        let cancelled = false;\n        const c = clientRef.current;\n        if (!c?.cron) return;\n\n        setLogsLoading(true);\n        setLogsFailure(null);\n        c.cron.getJobLogs(selectedId, { limit: 25 })\n            .then(res => { if (!cancelled) setLogs(res.logs); })\n            .catch((e: unknown) => {\n                if (cancelled) return;\n                // Same reasoning as `refreshLogs`: an empty log list is a claim.\n                setLogs([]);\n                setLogsFailure(classifyLoadFailure(e));\n            })\n            .finally(() => { if (!cancelled) setLogsLoading(false); });\n\n        return () => { cancelled = true; };\n    }, [selectedId]);\n\n    // ── Imperative helpers (not in any dep array) ──\n    async function refreshJobs() {\n        const c = clientRef.current;\n        if (!c?.cron) return;\n        try {\n            const res = await c.cron.listJobs();\n            setJobs(res.jobs);\n            setProblems(problemsOf(res));\n            setFailure(null);\n        } catch (e: unknown) {\n            // Swallowed before, which left the list showing whatever it last\n            // held — or nothing — after a failed refresh. \"No cron jobs\" and\n            // \"could not read the cron jobs\" are not the same statement, so the\n            // reason stays on screen rather than passing through a snackbar.\n            setFailure(classifyLoadFailure(e));\n        }\n    }\n\n    async function refreshLogs(id: string) {\n        const c = clientRef.current;\n        if (!c?.cron) return;\n        setLogsLoading(true);\n        setLogsFailure(null);\n        try {\n            const res = await c.cron.getJobLogs(id, { limit: 25 });\n            setLogs(res.logs);\n        } catch (e: unknown) {\n            // Clearing the list silently reads as \"this job has never run\".\n            setLogs([]);\n            setLogsFailure(classifyLoadFailure(e));\n        }\n        finally { setLogsLoading(false); }\n    }\n\n    const handleTrigger = async (id: string) => {\n        const c = clientRef.current;\n        if (!c?.cron) return;\n        setTriggering(id);\n        try {\n            // The request returns when the run has ended, with how it went: a\n            // run that threw is still a 200, so the log decides the toast.\n            const { log } = await c.cron.triggerJob(id);\n            const job = jobs.find(j => j.id === id)?.name ?? id;\n            snackbarRef.current.open(log.success\n                ? { type: \"success\", message: t(\"studio_cron_run_succeeded\", { job }) }\n                : { type: \"error\", message: t(\"studio_cron_run_failed\", { job, error: log.error ?? \"—\" }) });\n            await refreshJobs();\n            if (selectedId === id) refreshLogs(id);\n        } catch (e: unknown) {\n            snackbarRef.current.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n        } finally { setTriggering(null); }\n    };\n\n    const handleToggle = async (id: string, enabled: boolean) => {\n        const c = clientRef.current;\n        if (!c?.cron) return;\n        try {\n            await c.cron.toggleJob(id, enabled);\n            snackbarRef.current.open({ type: \"success\",\nmessage: enabled ? \"Job enabled\" : \"Job paused\" });\n            await refreshJobs();\n        } catch (e: unknown) {\n            snackbarRef.current.open({ type: \"error\",\nmessage: e instanceof Error ? e.message : String(e) });\n        }\n    };\n\n    const selectedJob = jobs.find(j => j.id === selectedId);\n\n    if (loading) return <div className=\"flex items-center justify-center h-full\"><CircularProgress/></div>;\n\n    if (failure) return (\n        <LoadFailureView\n            failure={failure}\n            title={t(\"studio_cron_read_failed\")}\n            deniedTitle={t(\"studio_cron_denied_title\")}\n            deniedHint={t(\"studio_cron_denied_hint\")}\n            onRetry={refreshJobs}\n        />\n    );\n\n    const hasProblems = problems.rejected.length > 0 || problems.filesFailed > 0;\n\n    if (jobs.length === 0) return (\n        <div className=\"flex flex-col items-center justify-center h-full gap-4 text-center p-8\">\n            <CalendarIcon size={iconSize.medium} className=\"text-surface-300 dark:text-surface-600\"/>\n            {hasProblems ? (\n                <div className=\"max-w-lg text-left\">\n                    <CronLoadProblems problems={problems}/>\n                </div>\n            ) : (\n                <>\n                    <Typography variant=\"h6\" color=\"secondary\">{t(\"studio_cron_empty_title\")}</Typography>\n                    <Typography variant=\"body2\" color=\"disabled\" className=\"max-w-md\">\n                        {t(\"studio_cron_empty_body\")}\n                    </Typography>\n                </>\n            )}\n            <a\n                href=\"https://rebase.pro/docs/backend/cron-jobs\"\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className=\"text-primary text-sm underline\"\n            >\n                {t(\"studio_read_the_docs\")}\n            </a>\n        </div>\n    );\n\n    return (\n        <div className=\"flex h-full w-full overflow-hidden bg-surface-card\">\n            {/* ── Job List ── */}\n            <div className={cls(\"flex flex-col w-[340px] min-w-[280px] border-r h-full\", defaultBorderMixin)}>\n                <div className={cls(\"flex items-center justify-between px-4 py-2.5 border-b bg-surface-sheet min-h-[48px]\", defaultBorderMixin)}>\n                    <div className=\"flex items-center gap-2\">\n                        <CalendarIcon size={iconSize.smallest} className=\"text-primary\"/>\n                        <Typography variant=\"subtitle2\" className=\"font-semibold\">{t(\"studio_tool_cron\")}</Typography>\n                        <Chip size=\"smallest\" className=\"bg-surface-raised text-surface-600 dark:text-surface-300\">{jobs.length}</Chip>\n                    </div>\n                    <IconButton size=\"small\" onClick={refreshJobs} title=\"Refresh\"><RefreshCwIcon size={iconSize.smallest}/></IconButton>\n                </div>\n                {hasProblems && (\n                    <div className=\"p-2\">\n                        <CronLoadProblems problems={problems}/>\n                    </div>\n                )}\n                <div className=\"flex-1 overflow-y-auto p-2 space-y-1\">\n                    {jobs.map(job => (\n                        <div\n                            key={job.id}\n                            onClick={() => setSelectedId(job.id)}\n                            className={cls(\n                                \"flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-all\",\n                                selectedId === job.id\n                                    ? \"bg-primary/10 dark:bg-primary/15 ring-1 ring-primary/30\"\n                                    : \"hover:bg-surface-hover\"\n                            )}\n                        >\n                            <div className={cls(\"w-2 h-2 rounded-full shrink-0\", stateColors[job.state] || \"bg-surface-400\")}/>\n                            <div className=\"flex-1 min-w-0\">\n                                <Typography variant=\"body2\" className=\"truncate font-medium text-[13px]\">{job.name}</Typography>\n                                <Typography variant=\"caption\" color=\"secondary\" className=\"truncate text-[11px] font-mono\">{job.schedule}</Typography>\n                            </div>\n                            {job.state === \"running\" && <CircularProgress size=\"smallest\"/>}\n                        </div>\n                    ))}\n                </div>\n            </div>\n\n            {/* ── Detail Panel ── */}\n            <div className=\"flex-1 flex flex-col min-w-0 h-full overflow-hidden\">\n                {!selectedJob ? (\n                    <div className=\"flex items-center justify-center h-full\">\n                        <Typography variant=\"body2\" color=\"disabled\">Select a cron job to view details</Typography>\n                    </div>\n                ) : (\n                    <>\n                        {/* Header */}\n                        <div className={cls(\"flex items-center justify-between px-5 py-3 border-b bg-surface-card min-h-[56px]\", defaultBorderMixin)}>\n                            <div className=\"flex items-center gap-3 min-w-0\">\n                                <div className={cls(\"w-2.5 h-2.5 rounded-full\", stateColors[selectedJob.state])}/>\n                                <div className=\"min-w-0\">\n                                    <Typography variant=\"subtitle1\" className=\"font-semibold truncate\">{selectedJob.name}</Typography>\n                                    {selectedJob.description && <Typography variant=\"caption\" color=\"secondary\" className=\"truncate\">{selectedJob.description}</Typography>}\n                                </div>\n                            </div>\n                            <div className=\"flex items-center gap-2 shrink-0\">\n                                <IconButton title={selectedJob.enabled ? \"Pause job\" : \"Enable job\"} size=\"small\" onClick={() => handleToggle(selectedJob.id, !selectedJob.enabled)}>\n                                    {selectedJob.enabled ? <PauseIcon size={iconSize.small}/> : <PlayIcon size={iconSize.smallest}/>}\n                                </IconButton>\n                                <Button\n                                    size=\"small\"\n                                    color=\"primary\"\n                                    onClick={() => handleTrigger(selectedJob.id)}\n                                    disabled={triggering === selectedJob.id}\n                                    startIcon={triggering === selectedJob.id ? <CircularProgress size=\"smallest\"/> : <PlayIcon size={iconSize.smallest}/>}\n                                >\n                                    Run Now\n                                </Button>\n                            </div>\n                        </div>\n\n                        {/* Stats Cards */}\n                        <div className=\"px-5 py-4 bg-surface-sheet\">\n                            <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\n                                <StatCard label=\"Schedule\" value={selectedJob.schedule} mono/>\n                                <StatCard label=\"Last Run\" value={formatRelative(selectedJob.lastRunAt)}/>\n                                <StatCard label=\"Next Run\" value={selectedJob.enabled ? formatRelative(selectedJob.nextRunAt) : \"Paused\"}/>\n                                <StatCard label=\"Duration\" value={selectedJob.lastDurationMs !== undefined ? formatDuration(selectedJob.lastDurationMs) : \"—\"}/>\n                            </div>\n                            <div className=\"grid grid-cols-3 gap-3 mt-3\">\n                                <StatCard label=\"Status\" value={selectedJob.state.toUpperCase()} chipColor={selectedJob.state === \"error\" ? \"red\" : selectedJob.state === \"disabled\" ? \"gray\" : \"green\"}/>\n                                <StatCard label=\"Total Runs\" value={String(selectedJob.totalRuns)}/>\n                                <StatCard label=\"Failures\" value={String(selectedJob.totalFailures)} highlight={selectedJob.totalFailures > 0}/>\n                            </div>\n                            {selectedJob.lastError && (\n                                <div className=\"mt-3 p-3 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800/50\">\n                                    <div className=\"flex items-center gap-2 mb-1\">\n                                        <AlertCircleIcon size={iconSize.smallest} className=\"text-red-500\"/>\n                                        <Typography variant=\"caption\" className=\"font-semibold text-red-700 dark:text-red-400\">Last Error</Typography>\n                                    </div>\n                                    <Typography variant=\"caption\" className=\"font-mono text-red-600 dark:text-red-300 text-[11px] break-all\">{selectedJob.lastError}</Typography>\n                                </div>\n                            )}\n                        </div>\n\n                        {/* Logs Section */}\n                        <div className={cls(\"flex items-center justify-between px-5 py-2 border-y bg-surface-card\", defaultBorderMixin)}>\n                            <div className=\"flex items-center gap-2\">\n                                <HistoryIcon size={iconSize.smallest} className=\"text-surface-400\"/>\n                                <Typography variant=\"subtitle2\" className=\"font-semibold text-[13px]\">Execution History</Typography>\n                            </div>\n                            <IconButton size=\"small\" onClick={() => refreshLogs(selectedJob.id)} title=\"Refresh logs\"><RefreshCwIcon size={iconSize.smallest}/></IconButton>\n                        </div>\n                        <div className=\"flex-1 overflow-y-auto\">\n                            {logsLoading ? (\n                                <div className=\"flex justify-center p-8\"><CircularProgress size=\"small\"/></div>\n                            ) : logsFailure ? (\n                                <LoadFailureView\n                                    failure={logsFailure}\n                                    title={t(\"studio_cron_logs_read_failed\")}\n                                    deniedTitle={t(\"studio_cron_logs_denied_title\")}\n                                    deniedHint={t(\"studio_cron_denied_hint\")}\n                                    onRetry={() => refreshLogs(selectedJob.id)}\n                                />\n                            ) : logs.length === 0 ? (\n                                <div className=\"flex items-center justify-center h-32\">\n                                    <Typography variant=\"body2\" color=\"disabled\">No executions yet</Typography>\n                                </div>\n                            ) : (\n                                <div className=\"divide-y divide-surface-100 dark:divide-surface-950\">\n                                    {logs.map((log, idx) => (\n                                        <LogRow key={idx} log={log}/>\n                                    ))}\n                                </div>\n                            )}\n                        </div>\n                    </>\n                )}\n            </div>\n        </div>\n    );\n}\n\nfunction StatCard({ label, value, mono, chipColor, highlight }: {\n    label: string; value: string; mono?: boolean; chipColor?: string; highlight?: boolean;\n}) {\n    return (\n        <div className={cls(\"px-3 py-2 rounded-lg border bg-surface-card\", defaultBorderMixin)}>\n            <Typography variant=\"caption\" color=\"secondary\" className=\"text-[10px] uppercase tracking-wider font-medium\">{label}</Typography>\n            <Typography variant=\"body2\" className={cls(\n                \"mt-0.5 font-semibold text-[13px]\",\n                mono && \"font-mono\",\n                highlight && \"text-red-500 dark:text-red-400\",\n                chipColor === \"red\" && \"text-red-500\",\n                chipColor === \"green\" && \"text-emerald-500\",\n                chipColor === \"gray\" && \"text-surface-400\"\n            )}>{value}</Typography>\n        </div>\n    );\n}\n\nfunction LogRow({ log }: { log: CronJobLogEntry }) {\n    const [expanded, setExpanded] = useState(false);\n    return (\n        <div className=\"px-5 py-2.5 hover:bg-surface-hover transition-colors\">\n            <div className=\"flex items-center gap-3 cursor-pointer\" onClick={() => setExpanded(!expanded)}>\n                {log.success\n                    ? <CheckCircleIcon size={iconSize.smallest} className=\"text-emerald-500 shrink-0\"/>\n                    : <AlertCircleIcon size={iconSize.smallest} className=\"text-red-500 shrink-0\"/>}\n                <div className=\"flex-1 min-w-0\">\n                    <Typography variant=\"caption\" className=\"font-mono text-[11px] text-surface-500\">{new Date(log.startedAt).toLocaleString()}</Typography>\n                </div>\n                <div className=\"flex items-center gap-2 shrink-0\">\n                    {log.manual && <Chip size=\"smallest\" className=\"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300\">manual</Chip>}\n                    <Typography variant=\"caption\" className=\"font-mono text-[11px]\">{formatDuration(log.durationMs)}</Typography>\n                    <svg className={cls(\"w-3 h-3 transition-transform text-surface-400\", expanded && \"rotate-180\")} fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\"/></svg>\n                </div>\n            </div>\n            {expanded && (\n                <div className=\"mt-2 ml-6 space-y-2\">\n                    {log.error && (\n                        <div className=\"p-2 rounded bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800/50\">\n                            <Typography variant=\"caption\" className=\"font-mono text-[11px] text-red-600 dark:text-red-300 break-all\">{log.error}</Typography>\n                        </div>\n                    )}\n                    {log.logs.length > 0 && (\n                        <div className=\"p-2 rounded bg-surface-sheet border border-hairline-strong max-h-40 overflow-auto\">\n                            {log.logs.map((line, i) => (\n                                <div key={i} className=\"font-mono text-[11px] text-surface-600 dark:text-surface-400 leading-relaxed\">{line}</div>\n                            ))}\n                        </div>\n                    )}\n                    {log.result !== undefined && (\n                        <div className=\"p-2 rounded bg-surface-sheet border border-hairline-strong\">\n                            <Typography variant=\"caption\" className=\"text-[10px] uppercase tracking-wider text-surface-400 mb-1 block\">Result</Typography>\n                            <pre className=\"font-mono text-[11px] text-surface-600 dark:text-surface-400 whitespace-pre-wrap break-all\">{JSON.stringify(log.result, null, 2)}</pre>\n                        </div>\n                    )}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":"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"}