@rebasepro/studio 0.22.0 → 0.23.0

package/dist/ApiExplorer-D-jLWAaY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiExplorer-D-jLWAaY.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 { useRebaseContext, UserSelectPopover, SelectableUser } from \"@rebasepro/app\";\nimport { AuthSimulationSelector } from \"../AuthSimulationSelector\";\nimport type { ParsedEndpoint } from \"./types\";\nimport 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 */\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        return [{ key: \"rebase-branch\",\nvalue: \"\" }];\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    const rebaseContext = useRebaseContext();\n    const currentUser = rebaseContext.authController?.user;\n\n    const users = useMemo((): SelectableUser[] => {\n        const managed: SelectableUser[] = [];\n        if (currentUser) {\n            managed.push({\n                uid: currentUser.uid,\n                displayName: currentUser.displayName,\n                email: currentUser.email,\n                photoURL: currentUser.photoURL,\n                roles: currentUser.roles\n            });\n        }\n        return managed;\n    }, [currentUser]);\n\n    const currentSelectableUser = useMemo((): SelectableUser | null => {\n        if (!currentUser) return null;\n        return {\n            uid: currentUser.uid,\n            displayName: currentUser.displayName,\n            email: currentUser.email,\n            photoURL: currentUser.photoURL,\n            roles: currentUser.roles\n        };\n    }, [currentUser]);\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[\"x-rebase-impersonate\"] = 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={false}\n                    currentUser={currentSelectableUser}\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":"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"}

package/dist/CronJobsView-JwRjQCde.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CronJobsView-JwRjQCde.js","names":[],"sources":["../src/components/CronJobs/CronJobsView.tsx"],"sourcesContent":["\nimport React, { useState, useEffect, useRef } from \"react\";\nimport {\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 { CronJobStatus, CronJobLogEntry } 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\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 [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    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                    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            return;\n        }\n        let cancelled = false;\n        const c = clientRef.current;\n        if (!c?.cron) return;\n\n        setLogsLoading(true);\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                snackbarRef.current.open({\n                    type: \"error\",\n                    message: e instanceof Error ? e.message : String(e)\n                });\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            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        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            snackbarRef.current.open({\n                type: \"error\",\n                message: e instanceof Error ? e.message : String(e)\n            });\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            await c.cron.triggerJob(id);\n            snackbarRef.current.open({ type: \"success\",\nmessage: \"Job triggered\" });\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    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            <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            <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                <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                            ) : 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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"}

package/dist/MonacoEditor-D0_QljcX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonacoEditor-D0_QljcX.js","names":[],"sources":["../src/components/SQLEditor/MonacoEditor.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport Editor, { Monaco, OnMount } from \"@monaco-editor/react\";\nimport type { editor, Position, IRange } from \"monaco-editor\";\nimport { cls, defaultBorderMixin } from \"@rebasepro/ui\";\nimport { useModeController } from \"@rebasepro/app\";\n\nexport type MonacoEditorProps = {\n    value: string;\n    onChange: (value: string | undefined) => void;\n    onRun?: (selectedText?: string) => void;\n    className?: string;\n    readOnly?: boolean;\n    autoFocus?: boolean;\n    schemas?: Record<string, { schemaName: string, tableName: string, columns: { name: string, dataType: string }[] }[]>;\n};\n\nexport const MonacoEditor = ({\n    value,\n    onChange,\n    onRun,\n    className,\n    readOnly = false,\n    autoFocus = true,\n    schemas\n}: MonacoEditorProps) => {\n    const { mode } = useModeController();\n    const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n    const monacoRef = useRef<Monaco | null>(null);\n    const onRunRef = useRef(onRun);\n    onRunRef.current = onRun;\n\n    const schemasRef = useRef(schemas);\n    schemasRef.current = schemas;\n\n    const handleEditorOnMount: OnMount = (editor, monaco) => {\n        editorRef.current = editor;\n        monacoRef.current = monaco;\n\n        editor.addAction({\n            id: \"run-query\",\n            label: \"Run Query\",\n            keybindings: [monaco.KeyMod.CtrlCmd + monaco.KeyCode.Enter],\n            contextMenuGroupId: \"operation\",\n            contextMenuOrder: 0,\n            run: () => {\n                if (onRunRef.current) {\n                    const selection = editor.getSelection();\n                    let selectedText: string | undefined = undefined;\n                    if (selection && !selection.isEmpty()) {\n                        selectedText = editor.getModel()?.getValueInRange(selection)?.trim();\n                    }\n                    onRunRef.current(selectedText || undefined);\n                }\n            }\n        });\n\n        // Register custom autocomplete for tables, columns, and SQL keywords\n        const sqlKeywords = [\n            \"SELECT\", \"FROM\", \"WHERE\", \"INSERT INTO\", \"VALUES\", \"UPDATE\", \"SET\",\n            \"DELETE FROM\", \"JOIN\", \"INNER JOIN\", \"LEFT JOIN\", \"RIGHT JOIN\", \"FULL JOIN\",\n            \"ON\", \"GROUP BY\", \"HAVING\", \"ORDER BY\", \"ASC\", \"DESC\", \"LIMIT\", \"OFFSET\",\n            \"AS\", \"AND\", \"OR\", \"NOT\", \"IN\", \"BETWEEN\", \"LIKE\", \"IS NULL\", \"IS NOT NULL\",\n            \"CREATE TABLE\", \"ALTER TABLE\", \"DROP TABLE\", \"PRIMARY KEY\", \"FOREIGN KEY\",\n            \"COUNT\", \"SUM\", \"AVG\", \"MIN\", \"MAX\", \"DISTINCT\", \"UNION\", \"ALL\", \"EXISTS\",\n            \"CASE\", \"WHEN\", \"THEN\", \"ELSE\", \"END\", \"CAST\", \"COALESCE\"\n        ];\n\n        monaco.languages.registerCompletionItemProvider(\"pgsql\", {\n            triggerCharacters: [\".\", \" \", \"A\", \"B\", \"C\", \"D\", \"E\", \"F\", \"G\", \"H\", \"I\", \"J\", \"K\", \"L\", \"M\", \"N\", \"O\", \"P\", \"Q\", \"R\", \"S\", \"T\", \"U\", \"V\", \"W\", \"X\", \"Y\", \"Z\", \"a\", \"b\", \"c\", \"d\", \"e\", \"f\", \"g\", \"h\", \"i\", \"j\", \"k\", \"l\", \"m\", \"n\", \"o\", \"p\", \"q\", \"r\", \"s\", \"t\", \"u\", \"v\", \"w\", \"x\", \"y\", \"z\"],\n            provideCompletionItems: (model: editor.ITextModel, position: Position) => {\n                const word = model.getWordUntilPosition(position);\n                const range = {\n                    startLineNumber: position.lineNumber,\n                    endLineNumber: position.lineNumber,\n                    startColumn: word.startColumn,\n                    endColumn: word.endColumn\n                };\n\n                const textUntilPosition = model.getValueInRange({\n                    startLineNumber: position.lineNumber,\n                    startColumn: 1,\n                    endLineNumber: position.lineNumber,\n                    endColumn: position.column\n                });\n\n                // Check if user is typing `tableName.`\n                const match = textUntilPosition.match(/([a-zA-Z0-9_]+)\\.$/);\n                const tableNameMatch = match ? match[1] : null;\n\n                const suggestions: { label: string; kind: number; insertText: string; range: IRange; detail: string; sortText: string }[] = [];\n                const allSchemas = schemasRef.current || {};\n\n                if (tableNameMatch) {\n                    // Provide columns for the matched table\n                    for (const [, tables] of Object.entries(allSchemas)) {\n                        const table = tables.find(t => t.tableName === tableNameMatch);\n                        if (table) {\n                            table.columns.forEach(col => {\n                                suggestions.push({\n                                    label: col.name,\n                                    kind: monaco.languages.CompletionItemKind.Field,\n                                    insertText: col.name,\n                                    range,\n                                    detail: \"Column\",\n                                    sortText: \"1\"\n                                });\n                            });\n                        }\n                    }\n                } else {\n                    // Provide table names\n                    for (const [sName, tables] of Object.entries(allSchemas)) {\n                        tables.forEach(table => {\n                            suggestions.push({\n                                label: table.tableName,\n                                kind: monaco.languages.CompletionItemKind.Class,\n                                insertText: table.tableName,\n                                range,\n                                detail: `Table (${sName})`,\n                                sortText: \"2\"\n                            });\n                        });\n                    }\n\n                    // Provide SQL keywords\n                    sqlKeywords.forEach(keyword => {\n                        suggestions.push({\n                            label: keyword,\n                            kind: monaco.languages.CompletionItemKind.Keyword,\n                            insertText: keyword + \" \",\n                            range,\n                            detail: \"SQL Keyword\",\n                            sortText: \"3\"\n                        });\n                    });\n\n                    // Heuristic: Suggest columns for tables that are mentioned in the current editor text\n                    const fullText = model.getValue();\n                    const activeTables = new Set<string>();\n                    for (const [, tables] of Object.entries(allSchemas)) {\n                        tables.forEach(table => {\n                            const regex = new RegExp(`\\\\b${table.tableName}\\\\b`, \"i\");\n                            if (regex.test(fullText)) {\n                                activeTables.add(table.tableName);\n                            }\n                        });\n                    }\n\n                    const addedColumns = new Set<string>();\n                    for (const [, tables] of Object.entries(allSchemas)) {\n                        tables.forEach(table => {\n                            if (activeTables.has(table.tableName)) {\n                                table.columns.forEach(col => {\n                                    if (!addedColumns.has(col.name)) {\n                                        addedColumns.add(col.name);\n                                        suggestions.push({\n                                            label: col.name,\n                                            kind: monaco.languages.CompletionItemKind.Field,\n                                            insertText: col.name,\n                                            range,\n                                            detail: `Column (${table.tableName})`,\n                                            sortText: \"1\" // Prioritize columns from active tables\n                                        });\n                                    }\n                                });\n                            }\n                        });\n                    }\n                }\n\n                return { suggestions };\n\n            }\n        });\n\n        if (autoFocus) {\n            editor.focus();\n        }\n    };\n\n    return (\n        <div className={cls(\"relative w-full h-full overflow-hidden\", className)}>\n            <Editor\n                height=\"100%\"\n                defaultLanguage=\"pgsql\"\n                value={value}\n                onChange={onChange}\n                onMount={handleEditorOnMount}\n                theme={mode === \"dark\" ? \"vs-dark\" : \"vs\"}\n                options={{\n                    minimap: { enabled: false },\n                    fontSize: 14,\n                    lineNumbers: \"on\",\n                    scrollBeyondLastLine: false,\n                    automaticLayout: true,\n                    readOnly,\n                    tabSize: 2,\n                    wordWrap: \"on\"\n                }}\n            />\n        </div>\n    );\n};\n"],"mappings":"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"}