@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.2

package/components/pages/cloud-dashboard-utils.js

@@ -0,0 +1,284 @@
+import { pathForTab } from "../../navigation/index.js";
+import { isCloudStatusReasonApiKeyOnly } from "../../utils/cloud-status.js";
+export const ELIZA_CLOUD_INSTANCES_URL = "https://www.elizacloud.ai/dashboard/app";
+/** Marketing / docs site — "Learn more" when not connected (in-app browser on desktop). */
+export const ELIZA_CLOUD_WEB_URL = "https://elizacloud.ai";
+export const BILLING_PRESET_AMOUNTS = [10, 25, 100];
+export const MANAGED_DISCORD_GATEWAY_AGENT_NAME = "Discord Gateway";
+export const STATUS_BADGE = {
+    running: {
+        i18nKey: "appsview.Running",
+        className: "bg-ok/10 text-ok border-ok/20",
+    },
+    queued: {
+        i18nKey: "common.queued",
+        className: "bg-warn/10 text-warn border-warn/20",
+    },
+    provisioning: {
+        i18nKey: "elizaclouddashboard.statusProvisioning",
+        className: "bg-accent/10 text-txt border-accent/20",
+    },
+    stopped: {
+        i18nKey: "elizaclouddashboard.statusStopped",
+        className: "bg-muted/10 text-muted border-border/40",
+    },
+    failed: {
+        i18nKey: "heartbeatsview.statusFailed",
+        className: "bg-danger/10 text-danger border-danger/20",
+    },
+};
+export function getCloudAuthToken() {
+    if (typeof window === "undefined")
+        return "";
+    return (globalThis
+        .__ELIZA_CLOUD_AUTH_TOKEN__ || "");
+}
+export function isRecord(value) {
+    return typeof value === "object" && value !== null;
+}
+export function resolveCloudAccountIdDisplay(userId, statusReason, t) {
+    if (userId) {
+        return { mono: true, text: userId };
+    }
+    if (isCloudStatusReasonApiKeyOnly(statusReason)) {
+        return { mono: false, text: t("elizaclouddashboard.AccountIdApiKeyOnly") };
+    }
+    return {
+        mono: false,
+        text: t("elizaclouddashboard.AccountIdSessionNoUserId"),
+    };
+}
+export function unwrapBillingData(value) {
+    if (isRecord(value.data)) {
+        return value.data;
+    }
+    return value;
+}
+export function readString(value) {
+    return typeof value === "string" && value.trim() ? value : undefined;
+}
+export function readNumber(value) {
+    if (typeof value === "number" && Number.isFinite(value))
+        return value;
+    if (typeof value === "string" && value.trim()) {
+        const parsed = Number(value);
+        return Number.isFinite(parsed) ? parsed : null;
+    }
+    return null;
+}
+export function readBoolean(value) {
+    return typeof value === "boolean" ? value : undefined;
+}
+const MANAGED_DISCORD_CALLBACK_QUERY_KEYS = [
+    "discord",
+    "managed",
+    "agentId",
+    "guildId",
+    "guildName",
+    "restarted",
+    "message",
+];
+export function consumeManagedDiscordCallbackUrl(rawUrl) {
+    let url;
+    try {
+        url = new URL(rawUrl);
+    }
+    catch {
+        return { callback: null, cleanedUrl: null };
+    }
+    const status = url.searchParams.get("discord");
+    const managed = url.searchParams.get("managed") === "1";
+    if ((status !== "connected" && status !== "error") || !managed) {
+        return { callback: null, cleanedUrl: null };
+    }
+    const callback = {
+        status,
+        managed,
+        agentId: readString(url.searchParams.get("agentId")) ?? null,
+        guildId: readString(url.searchParams.get("guildId")) ?? null,
+        guildName: readString(url.searchParams.get("guildName")) ?? null,
+        message: readString(url.searchParams.get("message")) ?? null,
+        restarted: url.searchParams.get("restarted") === "1",
+    };
+    for (const key of MANAGED_DISCORD_CALLBACK_QUERY_KEYS) {
+        url.searchParams.delete(key);
+    }
+    return {
+        callback,
+        cleanedUrl: url.toString(),
+    };
+}
+export function buildManagedDiscordSettingsReturnUrl(rawUrl) {
+    let url;
+    try {
+        url = new URL(rawUrl);
+    }
+    catch {
+        return null;
+    }
+    const settingsPath = pathForTab("settings");
+    if (url.protocol === "file:") {
+        url.hash = settingsPath;
+        url.search = "";
+        return url.toString();
+    }
+    const normalizedPath = url.pathname.replace(/\/+$/, "") || "/";
+    const settingsPathname = normalizedPath.replace(/\/[^/]*$/, settingsPath);
+    url.pathname = settingsPathname === "" ? settingsPath : settingsPathname;
+    url.search = "";
+    url.hash = "";
+    return url.toString();
+}
+export function resolveManagedDiscordAgentChoice(agents) {
+    const gatewayAgents = agents.filter(isManagedDiscordGatewayAgent);
+    if (agents.length === 0) {
+        return {
+            mode: "none",
+            agent: null,
+            selectedAgentId: null,
+        };
+    }
+    if (gatewayAgents.length === 0) {
+        return {
+            mode: "bootstrap",
+            agent: null,
+            selectedAgentId: null,
+        };
+    }
+    if (gatewayAgents.length === 1) {
+        return {
+            mode: "direct",
+            agent: gatewayAgents[0],
+            selectedAgentId: gatewayAgents[0].agent_id,
+        };
+    }
+    return {
+        mode: "picker",
+        agent: null,
+        selectedAgentId: (gatewayAgents[0] ?? agents[0]).agent_id,
+    };
+}
+export function isManagedDiscordGatewayAgent(agent) {
+    const config = isRecord(agent.agent_config) ? agent.agent_config : null;
+    const gatewayConfig = config
+        ? config.__managedDiscordGateway
+        : undefined;
+    if (isRecord(gatewayConfig) && gatewayConfig.mode === "shared-gateway") {
+        return true;
+    }
+    return (agent.agent_name.trim().toLowerCase() ===
+        MANAGED_DISCORD_GATEWAY_AGENT_NAME.toLowerCase());
+}
+const MANAGED_GITHUB_CALLBACK_QUERY_KEYS = [
+    "github_connected",
+    "connection_id",
+    "platform",
+    "managed_github_agent",
+    "github_error",
+];
+export function consumeManagedGithubCallbackUrl(rawUrl) {
+    let url;
+    try {
+        url = new URL(rawUrl);
+    }
+    catch {
+        return { callback: null, cleanedUrl: null };
+    }
+    const connected = url.searchParams.get("github_connected") === "true";
+    const error = url.searchParams.get("github_error");
+    const agentId = readString(url.searchParams.get("managed_github_agent")) ?? null;
+    if (!connected && !error) {
+        return { callback: null, cleanedUrl: null };
+    }
+    const callback = {
+        status: connected ? "connected" : "error",
+        connectionId: readString(url.searchParams.get("connection_id")) ?? null,
+        agentId,
+        message: error ? decodeURIComponent(error) : null,
+    };
+    for (const key of MANAGED_GITHUB_CALLBACK_QUERY_KEYS) {
+        url.searchParams.delete(key);
+    }
+    return {
+        callback,
+        cleanedUrl: url.toString(),
+    };
+}
+export function normalizeBillingSummary(raw) {
+    const source = unwrapBillingData(raw);
+    return {
+        ...raw,
+        ...source,
+        balance: readNumber(source.balance) ??
+            readNumber(source.creditBalance) ??
+            null,
+        currency: readString(source.currency) ??
+            readString(source.balanceCurrency),
+        topUpUrl: readString(source.topUpUrl) ??
+            readString(source.billingUrl),
+        embeddedCheckoutEnabled: readBoolean(source.embeddedCheckoutEnabled) ??
+            readBoolean(source.embedded),
+        hostedCheckoutEnabled: readBoolean(source.hostedCheckoutEnabled) ??
+            readBoolean(source.hosted),
+        cryptoEnabled: readBoolean(source.cryptoEnabled) ??
+            readBoolean(source.crypto),
+        low: readBoolean(source.low),
+        critical: readBoolean(source.critical),
+    };
+}
+export function normalizeBillingSettings(raw) {
+    const source = unwrapBillingData(raw);
+    return {
+        ...raw,
+        ...source,
+        settings: isRecord(source.settings) ? source.settings : raw.settings,
+    };
+}
+export function getBillingAutoTopUp(settings) {
+    const rawSettings = isRecord(settings?.settings) ? settings.settings : null;
+    return isRecord(rawSettings?.autoTopUp) ? rawSettings.autoTopUp : {};
+}
+export function getBillingLimits(settings) {
+    const rawSettings = isRecord(settings?.settings) ? settings.settings : null;
+    return isRecord(rawSettings?.limits) ? rawSettings.limits : {};
+}
+export function resolveCheckoutUrl(response) {
+    return (readString(response.checkoutUrl) ??
+        readString(response.url) ??
+        readString(response.hostedUrl) ??
+        null);
+}
+export function buildAutoTopUpFormState(billingSummary, billingSettings) {
+    const autoTopUp = getBillingAutoTopUp(billingSettings);
+    const minimumTopUp = readNumber(billingSummary?.minimumTopUp) ?? 1;
+    const enabled = readBoolean(autoTopUp.enabled) ?? false;
+    const amount = String(readNumber(autoTopUp.amount) ?? minimumTopUp);
+    const threshold = String(readNumber(autoTopUp.threshold) ?? 5);
+    return {
+        amount,
+        dirty: false,
+        enabled,
+        sourceKey: JSON.stringify([enabled, amount, threshold]),
+        threshold,
+    };
+}
+export function autoTopUpFormReducer(state, action) {
+    switch (action.type) {
+        case "hydrate":
+            if (!action.force && state.dirty) {
+                return state;
+            }
+            if (state.sourceKey === action.next.sourceKey && !state.dirty) {
+                return state;
+            }
+            return action.next;
+        case "setAmount":
+            return { ...state, amount: action.value, dirty: true };
+        case "setEnabled":
+            return { ...state, enabled: action.value, dirty: true };
+        case "setThreshold":
+            return { ...state, threshold: action.value, dirty: true };
+        default:
+            return state;
+    }
+}

package/components/pages/config-page-sections.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Sub-components and helpers for ConfigPageView.
+ * Extracted from ConfigPageView.tsx.
+ */
+import type { JsonSchemaObject } from "../../config/config-catalog";
+import type { TranslateFn as AppTranslateFn, ConfigUiHint } from "../../types";
+export type RpcProviderOption<T extends string> = {
+    id: T;
+    label: string;
+};
+export type TranslateOptions = Record<string, unknown>;
+export type TranslateFn = AppTranslateFn;
+export type RpcFieldDefinition = {
+    configKey: string;
+    label: string;
+    isSet: boolean;
+};
+export type RpcFieldGroup = ReadonlyArray<RpcFieldDefinition>;
+export type RpcSectionConfigMap = Record<string, RpcFieldGroup>;
+export declare const EVM_RPC_OPTIONS: readonly [{
+    readonly id: "eliza-cloud";
+    readonly label: "Eliza Cloud";
+}, {
+    readonly id: "alchemy";
+    readonly label: "Alchemy";
+}, {
+    readonly id: "infura";
+    readonly label: "Infura";
+}, {
+    readonly id: "ankr";
+    readonly label: "Ankr";
+}];
+export declare const BSC_RPC_OPTIONS: readonly [{
+    readonly id: "eliza-cloud";
+    readonly label: "Eliza Cloud";
+}, {
+    readonly id: "alchemy";
+    readonly label: "Alchemy";
+}, {
+    readonly id: "ankr";
+    readonly label: "Ankr";
+}, {
+    readonly id: "nodereal";
+    readonly label: "NodeReal";
+}, {
+    readonly id: "quicknode";
+    readonly label: "QuickNode";
+}];
+export declare const SOLANA_RPC_OPTIONS: readonly [{
+    readonly id: "eliza-cloud";
+    readonly label: "Eliza Cloud";
+}, {
+    readonly id: "helius-birdeye";
+    readonly label: "Helius + Birdeye";
+}];
+export type CloudRpcStatusProps = {
+    connected: boolean;
+    loginBusy: boolean;
+    onLogin: () => void;
+};
+export declare function CloudRpcStatus({ connected, loginBusy, onLogin, }: CloudRpcStatusProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function buildRpcRendererConfig(t: TranslateFn, selectedProvider: string, providerConfigs: RpcSectionConfigMap, rpcFieldValues: Record<string, string>): {
+    schema: JsonSchemaObject;
+    hints: Record<string, ConfigUiHint>;
+    values: Record<string, unknown>;
+    setKeys: Set<string>;
+} | null;
+type RpcSectionCloudProps = CloudRpcStatusProps;
+type RpcSectionProps<T extends string> = {
+    title: string;
+    description: string;
+    options: readonly RpcProviderOption<T>[];
+    selectedProvider: T;
+    onSelect: (provider: T) => void;
+    providerConfigs: RpcSectionConfigMap;
+    rpcFieldValues: Record<string, string>;
+    onRpcFieldChange: (key: string, value: unknown) => void;
+    cloud: RpcSectionCloudProps;
+    containerClassName: string;
+    t: TranslateFn;
+};
+export declare function RpcConfigSection<T extends string>({ title, description, options, selectedProvider, onSelect, providerConfigs, rpcFieldValues, onRpcFieldChange, cloud, containerClassName, t, }: RpcSectionProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function renderRpcProviderButtons<T extends string>(options: readonly RpcProviderOption<T>[], selectedProvider: T, onSelect: (provider: T) => void, containerClassName: string, tFallback?: (key: string) => string): import("react/jsx-runtime").JSX.Element;
+export declare function CloudServicesSection(): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=config-page-sections.d.ts.map

package/components/pages/config-page-sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-page-sections.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/config-page-sections.tsx"],"names":[],"mappings":"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"}

package/components/pages/config-page-sections.js

@@ -0,0 +1,205 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Sub-components and helpers for ConfigPageView.
+ * Extracted from ConfigPageView.tsx.
+ */
+import { normalizeOnboardingProviderId, WALLET_RPC_PROVIDER_OPTIONS, } from "@elizaos/shared";
+import { Button, Switch } from "@elizaos/ui";
+import { useCallback, useEffect, useState } from "react";
+import { client } from "../../api/index.js";
+import { ConfigRenderer, defaultRegistry, } from "../../components/config-ui/config-renderer.js";
+import { useApp } from "../../state/index.js";
+/* ── Constants ─────────────────────────────────────────────────────── */
+export const EVM_RPC_OPTIONS = WALLET_RPC_PROVIDER_OPTIONS.evm;
+export const BSC_RPC_OPTIONS = WALLET_RPC_PROVIDER_OPTIONS.bsc;
+export const SOLANA_RPC_OPTIONS = WALLET_RPC_PROVIDER_OPTIONS.solana;
+export function CloudRpcStatus({ connected, loginBusy, onLogin, }) {
+    const { t } = useApp();
+    if (connected) {
+        return null;
+    }
+    return (_jsx("div", { className: "flex justify-start", children: _jsx(Button, { variant: "default", size: "sm", className: "text-xs font-bold", onClick: () => void onLogin(), disabled: loginBusy, children: loginBusy
+                ? t("game.connecting", { defaultValue: "Connecting..." })
+                : t("elizaclouddashboard.ConnectElizaCloud", {
+                    defaultValue: "Connect to Eliza Cloud",
+                }) }) }));
+}
+/* ── buildRpcRendererConfig ────────────────────────────────────────── */
+export function buildRpcRendererConfig(t, selectedProvider, providerConfigs, rpcFieldValues) {
+    const fields = providerConfigs[selectedProvider];
+    if (!fields?.length)
+        return null;
+    const props = {
+        schema: {
+            type: "object",
+            properties: {},
+            required: [],
+        },
+        hints: {},
+        values: {},
+        setKeys: new Set(),
+    };
+    for (const field of fields) {
+        props.schema.properties[field.configKey] = {
+            type: "string",
+            description: field.label,
+        };
+        props.hints[field.configKey] = {
+            label: field.label,
+            sensitive: true,
+            placeholder: field.isSet
+                ? t("configpageview.ApiKeySetPlaceholder", {
+                    defaultValue: "Already set — leave blank to keep",
+                })
+                : t("configpageview.ApiKeyPlaceholder", {
+                    defaultValue: "Enter API key",
+                }),
+            width: "full",
+        };
+        if (rpcFieldValues[field.configKey] !== undefined) {
+            props.values[field.configKey] = rpcFieldValues[field.configKey];
+        }
+        if (field.isSet) {
+            props.setKeys.add(field.configKey);
+        }
+    }
+    return props;
+}
+export function RpcConfigSection({ title, description, options, selectedProvider, onSelect, providerConfigs, rpcFieldValues, onRpcFieldChange, cloud, containerClassName, t, }) {
+    const rpcConfig = buildRpcRendererConfig(t, selectedProvider, providerConfigs, rpcFieldValues);
+    return (_jsxs("div", { children: [_jsx("div", { className: "text-xs font-bold mb-1", children: title }), _jsx("div", { className: "text-xs-tight text-muted mb-2", children: description }), renderRpcProviderButtons(options, selectedProvider, onSelect, containerClassName, (key) => {
+                // hack to get t function without breaking hook rules
+                return key === "providerswitcher.elizaCloud"
+                    ? t("common.cloud", { defaultValue: "Eliza Cloud" })
+                    : key;
+            }), _jsx("div", { className: "mt-3", children: selectedProvider === "eliza-cloud" ? (_jsx(CloudRpcStatus, { connected: cloud.connected, loginBusy: cloud.loginBusy, onLogin: () => void cloud.onLogin() })) : rpcConfig ? (_jsx(ConfigRenderer, { schema: rpcConfig.schema, hints: rpcConfig.hints, values: rpcConfig.values, setKeys: rpcConfig.setKeys, registry: defaultRegistry, onChange: onRpcFieldChange })) : null })] }));
+}
+/* ── renderRpcProviderButtons ──────────────────────────────────────── */
+export function renderRpcProviderButtons(options, selectedProvider, onSelect, containerClassName, tFallback) {
+    return (_jsx("div", { className: containerClassName, children: options.map((provider) => {
+            const active = selectedProvider === provider.id;
+            return (_jsx(Button, { variant: active ? "default" : "outline", className: `flex min-h-touch items-center justify-center rounded-lg px-3 py-2 text-center text-xs font-semibold leading-tight shadow-sm ${active
+                    ? ""
+                    : "border-border bg-card text-txt hover:border-accent hover:bg-bg-hover"}`, onClick: () => onSelect(provider.id), children: _jsx("div", { className: "leading-tight", children: provider.id === "eliza-cloud" && tFallback
+                        ? tFallback("providerswitcher.elizaCloud")
+                        : provider.label }) }, provider.id));
+        }) }));
+}
+const CLOUD_SERVICE_DEFS = [
+    {
+        key: "rpc",
+        labelKey: "configpageview.ServiceRpcLabel",
+        labelDefault: "RPC",
+        descriptionKey: "configpageview.ServiceRpcDesc",
+        descriptionDefault: "Remote procedure calls for agent coordination and messaging.",
+    },
+    {
+        key: "media",
+        labelKey: "configpageview.ServiceMediaLabel",
+        labelDefault: "Media",
+        descriptionKey: "configpageview.ServiceMediaDesc",
+        descriptionDefault: "Cloud media processing for images, video, and file conversion.",
+    },
+    {
+        key: "tts",
+        labelKey: "configpageview.ServiceTtsLabel",
+        labelDefault: "Text-to-Speech",
+        descriptionKey: "configpageview.ServiceTtsDesc",
+        descriptionDefault: "Cloud-hosted voice synthesis for agent speech output.",
+    },
+    {
+        key: "embeddings",
+        labelKey: "configpageview.ServiceEmbeddingsLabel",
+        labelDefault: "Embeddings",
+        descriptionKey: "configpageview.ServiceEmbeddingsDesc",
+        descriptionDefault: "Cloud-hosted embedding models for knowledge search and memory.",
+    },
+];
+function isCloudServiceRouteSelected(route) {
+    if (!route || typeof route !== "object" || Array.isArray(route)) {
+        return false;
+    }
+    const routeRecord = route;
+    return (routeRecord.transport === "cloud-proxy" &&
+        normalizeOnboardingProviderId(routeRecord.backend) === "elizacloud");
+}
+export function CloudServicesSection() {
+    const { t } = useApp();
+    const [services, setServices] = useState({
+        rpc: false,
+        media: false,
+        tts: false,
+        embeddings: false,
+    });
+    const [saving, setSaving] = useState(false);
+    const [loaded, setLoaded] = useState(false);
+    const [needsRestart, setNeedsRestart] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        client
+            .getConfig()
+            .then((cfg) => {
+            if (cancelled)
+                return;
+            const routing = cfg.serviceRouting &&
+                typeof cfg.serviceRouting === "object" &&
+                !Array.isArray(cfg.serviceRouting)
+                ? cfg.serviceRouting
+                : {};
+            setServices({
+                rpc: isCloudServiceRouteSelected(routing.rpc),
+                media: isCloudServiceRouteSelected(routing.media),
+                tts: isCloudServiceRouteSelected(routing.tts),
+                embeddings: isCloudServiceRouteSelected(routing.embeddings),
+            });
+            setLoaded(true);
+        })
+            .catch(() => setLoaded(true));
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    const handleToggle = useCallback(async (key) => {
+        const newValue = !services[key];
+        const updated = { ...services, [key]: newValue };
+        setServices(updated);
+        setSaving(true);
+        try {
+            const cfg = await client.getConfig();
+            const existingRouting = cfg.serviceRouting &&
+                typeof cfg.serviceRouting === "object" &&
+                !Array.isArray(cfg.serviceRouting)
+                ? cfg.serviceRouting
+                : {};
+            await client.updateConfig({
+                serviceRouting: {
+                    ...existingRouting,
+                    [key]: newValue
+                        ? {
+                            backend: "elizacloud",
+                            transport: "cloud-proxy",
+                            accountId: "elizacloud",
+                        }
+                        : null,
+                },
+            });
+            setNeedsRestart(true);
+        }
+        catch (err) {
+            setServices(services);
+            console.error("[config] Failed to save cloud services:", err);
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [services]);
+    if (!loaded)
+        return null;
+    return (_jsxs("div", { className: "mt-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("div", { className: "text-sm font-semibold", children: t("configpageview.CloudServices", {
+                            defaultValue: "Cloud Services",
+                        }) }), needsRestart && (_jsx("span", { className: "text-xs-tight font-medium px-2.5 py-0.5 rounded-full border border-accent/30 bg-accent/8 text-accent", children: t("configpageview.RestartRequired", {
+                            defaultValue: "Restart required",
+                        }) }))] }), _jsx("p", { className: "text-xs text-muted mb-4 leading-snug", children: t("configpageview.CloudServicesDesc", {
+                    defaultValue: "Toggle Eliza Cloud services",
+                }) }), _jsx("div", { className: "flex flex-col gap-2", children: CLOUD_SERVICE_DEFS.map(({ key, labelKey, labelDefault, descriptionKey, descriptionDefault, }) => (_jsxs("div", { className: `flex items-center justify-between p-3 border border-border rounded-lg transition-colors ${services[key] ? "bg-accent/5" : ""}`, children: [_jsxs("div", { className: "flex-1 min-w-0 mr-4", children: [_jsx("div", { id: `cloud-service-${key}`, className: "text-sm font-medium text-txt", children: t(labelKey, { defaultValue: labelDefault }) }), _jsx("div", { className: "text-xs-tight text-muted mt-0.5", children: t(descriptionKey, { defaultValue: descriptionDefault }) })] }), _jsx(Switch, { checked: services[key], disabled: saving, onCheckedChange: () => void handleToggle(key), "aria-labelledby": `cloud-service-${key}` })] }, key))) })] }));
+}

package/components/pages/database-utils.d.ts

@@ -0,0 +1,30 @@
+import type { ColumnInfo } from "../../api";
+export type DbView = "tables" | "query";
+export type SortDir = "asc" | "desc" | null;
+/** Format a cell value for display. */
+export declare function formatCell(val: unknown): string;
+/** Abbreviated type label for column badges. */
+export declare function typeLabel(type: string): string;
+/** Color for column type badge. */
+export declare function typeBadgeColor(type: string): string;
+export declare function CellPopover({ value, onClose, }: {
+    value: string;
+    onClose: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ResultsGrid({ columns, rows, columnMeta, sortCol, sortDir, onSort, onCellClick, }: {
+    columns: string[];
+    rows: Record<string, unknown>[];
+    columnMeta?: Map<string, ColumnInfo>;
+    sortCol?: string;
+    sortDir?: SortDir;
+    onSort?: (col: string) => void;
+    onCellClick?: (value: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationBar({ total, offset, limit, onPrev, onNext, }: {
+    total: number;
+    offset: number;
+    limit: number;
+    onPrev: () => void;
+    onNext: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=database-utils.d.ts.map

package/components/pages/database-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/database-utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAG5C,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACxC,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAE5C,uCAAuC;AACvC,wBAAgB,UAAU,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,CAW/C;AAED,gDAAgD;AAChD,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAqB9C;AAED,mCAAmC;AACnC,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAoBnD;AAID,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,2CAmCA;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,EACP,OAAO,EACP,MAAM,EACN,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,2CAsGA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,2CAiDA"}