agent-embassy 2.0.1 → 3.1.0

package/dist/src/gateway/live-dashboard-app/app.js

@@ -1,2385 +0,0 @@
-"use strict";
-var Embassy;
-(function (Embassy) {
-    Embassy.DEFAULT_CLOCK_TICK_MS = 30_000;
-    function useNowMs(tickMs = Embassy.DEFAULT_CLOCK_TICK_MS) {
-        const [nowMs, setNowMs] = React.useState(() => Date.now());
-        React.useEffect(() => {
-            const handle = window.setInterval(() => {
-                setNowMs(Date.now());
-            }, tickMs);
-            return () => {
-                window.clearInterval(handle);
-            };
-        }, [tickMs]);
-        return nowMs;
-    }
-    Embassy.useNowMs = useNowMs;
-    const absoluteFormatters = new Map();
-    const relativeFormatters = new Map();
-    function absoluteFormatter(locale) {
-        const existing = absoluteFormatters.get(locale);
-        if (existing !== undefined)
-            return existing;
-        const formatter = new Intl.DateTimeFormat(locale, {
-            month: "short",
-            day: "numeric",
-            hour: "2-digit",
-            minute: "2-digit",
-            second: "2-digit",
-        });
-        absoluteFormatters.set(locale, formatter);
-        return formatter;
-    }
-    function relativeFormatter(locale) {
-        const existing = relativeFormatters.get(locale);
-        if (existing !== undefined)
-            return existing;
-        const formatter = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
-        relativeFormatters.set(locale, formatter);
-        return formatter;
-    }
-    function fmtAbs(iso, locale) {
-        const milliseconds = Date.parse(iso);
-        if (!Number.isFinite(milliseconds))
-            return iso;
-        return absoluteFormatter(locale).format(new Date(milliseconds));
-    }
-    Embassy.fmtAbs = fmtAbs;
-    function fmtRel(iso, nowMs, locale) {
-        const milliseconds = Date.parse(iso);
-        if (!Number.isFinite(milliseconds))
-            return iso;
-        const deltaSeconds = Math.round((milliseconds - nowMs) / 1000);
-        const magnitude = Math.abs(deltaSeconds);
-        const formatter = relativeFormatter(locale);
-        if (magnitude < 60)
-            return formatter.format(deltaSeconds, "second");
-        if (magnitude < 3_600) {
-            return formatter.format(Math.trunc(deltaSeconds / 60), "minute");
-        }
-        if (magnitude < 86_400) {
-            return formatter.format(Math.trunc(deltaSeconds / 3_600), "hour");
-        }
-        return formatter.format(Math.trunc(deltaSeconds / 86_400), "day");
-    }
-    Embassy.fmtRel = fmtRel;
-    function fmtAge(ms) {
-        const totalSeconds = Math.max(0, Math.floor(ms / 1000));
-        if (totalSeconds < 60)
-            return `${totalSeconds}s`;
-        const totalMinutes = Math.floor(totalSeconds / 60);
-        if (totalMinutes < 60)
-            return `${totalMinutes}m ${totalSeconds % 60}s`;
-        const totalHours = Math.floor(totalMinutes / 60);
-        if (totalHours < 24)
-            return `${totalHours}h ${totalMinutes % 60}m`;
-        return `${Math.floor(totalHours / 24)}d ${totalHours % 24}h`;
-    }
-    Embassy.fmtAge = fmtAge;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    Embassy.CHIP_KINDS = [
-        "positive",
-        "qualified",
-        "active",
-        "progress",
-        "warning",
-        "indeterminate",
-        "failure",
-        "inert",
-        "unknown",
-    ];
-    function tableValue(table, key) {
-        return Object.prototype.hasOwnProperty.call(table, key)
-            ? table[key]
-            : undefined;
-    }
-    function presentation(domain, state) {
-        const table = window.EMBASSY_BOOT.semantics.statePresentation[domain];
-        return tableValue(table, state)?.chip ?? "unknown";
-    }
-    function deliveryOverride(table, state, discriminator) {
-        if (discriminator === undefined)
-            return undefined;
-        const byState = tableValue(table, state);
-        return byState === undefined
-            ? undefined
-            : tableValue(byState, discriminator);
-    }
-    function chipKindFor(state, direction, safeErrorCode) {
-        const semantics = window.EMBASSY_BOOT.semantics;
-        return (deliveryOverride(semantics.deliveryChipBySafeErrorCode, state, safeErrorCode) ??
-            deliveryOverride(semantics.deliveryChipByTargetProvider, state, direction === undefined
-                ? undefined
-                : Embassy.parseDirection(direction)?.targetProvider) ??
-            presentation("delivery", state));
-    }
-    Embassy.chipKindFor = chipKindFor;
-    function routeChipKind(state) {
-        return presentation("route", state);
-    }
-    Embassy.routeChipKind = routeChipKind;
-    function peerChipKind(state) {
-        return presentation("peer", state);
-    }
-    Embassy.peerChipKind = peerChipKind;
-    function healthChipKind(state) {
-        return presentation("health", state);
-    }
-    Embassy.healthChipKind = healthChipKind;
-    function overallChipKind(state) {
-        return presentation("overall", state);
-    }
-    Embassy.overallChipKind = overallChipKind;
-    function partyChipKind(state) {
-        return presentation("party", state);
-    }
-    Embassy.partyChipKind = partyChipKind;
-    function severityChipKind(state) {
-        return presentation("severity", state);
-    }
-    Embassy.severityChipKind = severityChipKind;
-    function connectionChipKind(state) {
-        return presentation("connection", state);
-    }
-    Embassy.connectionChipKind = connectionChipKind;
-    function chipKindByDomain(domain, state, direction) {
-        return domain === "delivery"
-            ? chipKindFor(state, direction)
-            : presentation(domain, state);
-    }
-    Embassy.chipKindByDomain = chipKindByDomain;
-    function camelCaseToken(token) {
-        return token.replace(/_([a-z])/g, (_match, character) => character.toUpperCase());
-    }
-    Embassy.camelCaseToken = camelCaseToken;
-    function deliveryMeaningKey(state, direction, safeErrorCode) {
-        const semantics = window.EMBASSY_BOOT.semantics;
-        if (state === "rejected" && safeErrorCode === "SENDER_NOT_PAIRED") {
-            return semantics.deliveryMeaningBySafeErrorCode.SENDER_NOT_PAIRED;
-        }
-        if (state === "delivered" && direction !== undefined) {
-            const target = Embassy.parseDirection(direction)?.targetProvider;
-            if (target !== undefined) {
-                return semantics.deliveryMeaningByTargetProvider[target];
-            }
-        }
-        if (state === "abandoned" && safeErrorCode !== undefined) {
-            const byCode = semantics.deliveryMeaningBySafeErrorCode;
-            return tableValue(byCode, safeErrorCode) ??
-                semantics.deliveryMeaningKeys.abandoned;
-        }
-        const byState = semantics.deliveryMeaningKeys;
-        return tableValue(byState, state) ?? "activity.meaning.other";
-    }
-    Embassy.deliveryMeaningKey = deliveryMeaningKey;
-    function meaningKeyFor(domain, state, safeErrorCode, direction) {
-        if (domain === "delivery") {
-            return deliveryMeaningKey(state, direction, safeErrorCode);
-        }
-        switch (domain) {
-            case "route":
-                return `route.meaning.${camelCaseToken(state)}`;
-            case "peer":
-                return `peer.meaning.${camelCaseToken(state)}`;
-            case "health":
-                return `health.meaning.${camelCaseToken(state)}`;
-            case "overall":
-                return `overall.${camelCaseToken(state)}`;
-            case "party":
-                return `status.${camelCaseToken(state)}`;
-            case "severity":
-                return `severity.${camelCaseToken(state)}`;
-            case "connection":
-                return `live.connection.${state}`;
-        }
-    }
-    Embassy.meaningKeyFor = meaningKeyFor;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    const PLACEHOLDER_PATTERN = /\{([A-Za-z][A-Za-z0-9]*)\}/g;
-    function interpolate(template, values = {}) {
-        return template.replace(PLACEHOLDER_PATTERN, (match, name) => Object.prototype.hasOwnProperty.call(values, name)
-            ? String(values[name])
-            : match);
-    }
-    Embassy.interpolate = interpolate;
-    const I18nContext = React.createContext(null);
-    function I18nProvider(props) {
-        const { copy, onLocaleChange } = props;
-        const [locale, setLocaleState] = React.useState(props.initialLocale);
-        const setLocale = React.useCallback((next) => {
-            setLocaleState(next);
-            if (onLocaleChange !== undefined)
-                onLocaleChange(next);
-        }, [onLocaleChange]);
-        const t = React.useCallback((key, values) => {
-            const template = copy[locale][key] ?? key;
-            return interpolate(template, values ?? {});
-        }, [copy, locale]);
-        const value = React.useMemo(() => ({ locale, setLocale, t }), [locale, setLocale, t]);
-        return (React.createElement(I18nContext.Provider, { value: value }, props.children));
-    }
-    Embassy.I18nProvider = I18nProvider;
-    function useI18n() {
-        const value = React.useContext(I18nContext);
-        if (value === null) {
-            throw new Error("Embassy.I18nProvider is missing above this component.");
-        }
-        return value;
-    }
-    function useT() {
-        return useI18n().t;
-    }
-    Embassy.useT = useT;
-    function useLocale() {
-        const { locale, setLocale } = useI18n();
-        return [locale, setLocale];
-    }
-    Embassy.useLocale = useLocale;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    Embassy.GATEWAY_PROVIDERS = ["claude", "codex", "deepseek", "grok", "peer"];
-    function parseDirection(direction) {
-        const separator = direction.indexOf("_to_");
-        if (separator < 1 || separator !== direction.lastIndexOf("_to_")) {
-            return undefined;
-        }
-        const sourceProvider = direction.slice(0, separator);
-        const targetProvider = direction.slice(separator + 4);
-        const providers = Embassy.GATEWAY_PROVIDERS;
-        if (sourceProvider === targetProvider || !providers.includes(sourceProvider) ||
-            !providers.includes(targetProvider))
-            return undefined;
-        return {
-            sourceProvider: sourceProvider,
-            targetProvider: targetProvider,
-        };
-    }
-    Embassy.parseDirection = parseDirection;
-    Embassy.TERMINAL_DELIVERY_STATES = [
-        "delivered",
-        "unconfirmed",
-        "failed",
-        "ambiguous",
-        "expired",
-        "cancelled",
-        "abandoned",
-        "rejected",
-    ];
-    const TERMINAL_DELIVERY_STATE_SET = new Set(Embassy.TERMINAL_DELIVERY_STATES);
-    Embassy.PULSE_WINDOW_MS = 3_600_000;
-    const HEALTH_WORST_FIRST = [
-        "offline",
-        "degraded",
-        "connecting",
-        "healthy",
-    ];
-    function compareText(left, right) {
-        return left < right ? -1 : left > right ? 1 : 0;
-    }
-    function isTerminalDeliveryState(state) {
-        return TERMINAL_DELIVERY_STATE_SET.has(state);
-    }
-    Embassy.isTerminalDeliveryState = isTerminalDeliveryState;
-    function parseTimestampMs(iso) {
-        if (iso === undefined)
-            return undefined;
-        const milliseconds = Date.parse(iso);
-        return Number.isFinite(milliseconds) ? milliseconds : undefined;
-    }
-    Embassy.parseTimestampMs = parseTimestampMs;
-    function queueSplit(model, targetProvider, nowMs) {
-        let depth = 0;
-        let oldestQueuedAt;
-        let oldestQueuedMs;
-        for (const route of model.routes) {
-            if (route.provider !== targetProvider)
-                continue;
-            depth += route.queueDepth;
-            if (route.queueDepth === 0 || route.oldestQueuedAt === undefined) {
-                continue;
-            }
-            const queuedMs = parseTimestampMs(route.oldestQueuedAt);
-            if (queuedMs === undefined)
-                continue;
-            if (oldestQueuedMs === undefined || queuedMs < oldestQueuedMs) {
-                oldestQueuedMs = queuedMs;
-                oldestQueuedAt = route.oldestQueuedAt;
-            }
-        }
-        return {
-            depth,
-            depthIsLowerBound: model.omissions.routes > 0,
-            oldestQueuedAt,
-            oldestAgeMs: oldestQueuedMs === undefined
-                ? undefined
-                : Math.max(0, nowMs - oldestQueuedMs),
-        };
-    }
-    Embassy.queueSplit = queueSplit;
-    function routeOldestAgeMs(route, nowMs) {
-        if (route.queueDepth === 0 || route.oldestQueuedAt === undefined) {
-            return undefined;
-        }
-        const queuedMs = parseTimestampMs(route.oldestQueuedAt);
-        return queuedMs === undefined ? undefined : Math.max(0, nowMs - queuedMs);
-    }
-    Embassy.routeOldestAgeMs = routeOldestAgeMs;
-    function worstConnectorHealth(model, provider) {
-        let worst;
-        for (const connector of model.connectors) {
-            if (connector.provider !== provider)
-                continue;
-            if (worst === undefined ||
-                HEALTH_WORST_FIRST.indexOf(connector.health) <
-                    HEALTH_WORST_FIRST.indexOf(worst)) {
-                worst = connector.health;
-            }
-        }
-        return worst;
-    }
-    Embassy.worstConnectorHealth = worstConnectorHealth;
-    function pulse(model) {
-        const generatedMs = parseTimestampMs(model.generatedAt);
-        const cutoffMs = generatedMs === undefined ? undefined : generatedMs - Embassy.PULSE_WINDOW_MS;
-        const counts = new Map();
-        for (const group of model.activity) {
-            if (!isTerminalDeliveryState(group.state))
-                continue;
-            if (cutoffMs !== undefined) {
-                const timestampMs = parseTimestampMs(group.timestamp);
-                if (timestampMs === undefined || timestampMs < cutoffMs)
-                    continue;
-            }
-            counts.set(group.state, (counts.get(group.state) ?? 0) + 1);
-        }
-        const bars = Embassy.TERMINAL_DELIVERY_STATES.map((state) => ({ state, count: counts.get(state) ?? 0 }));
-        return {
-            bars,
-            total: bars.reduce((sum, bar) => sum + bar.count, 0),
-            isLowerBound: model.omissions.messageGroups > 0 ||
-                model.omissions.upstreamMessageEvents > 0,
-        };
-    }
-    Embassy.pulse = pulse;
-    function hasLifecycleTruncation(group) {
-        for (let index = 1; index < group.events.length; index += 1) {
-            const previous = group.events[index - 1];
-            const current = group.events[index];
-            if (previous !== undefined &&
-                current !== undefined &&
-                current.sequence > previous.sequence + 1) {
-                return true;
-            }
-        }
-        return false;
-    }
-    Embassy.hasLifecycleTruncation = hasLifecycleTruncation;
-    function deliveriesTruncated(model) {
-        return (model.omissions.messageEvents > 0 ||
-            model.activity.some(hasLifecycleTruncation));
-    }
-    Embassy.deliveriesTruncated = deliveriesTruncated;
-    function deliveryGroupKey(group) {
-        const suffix = group.messageIdSuffix ?? `seq${group.events[0]?.sequence ?? 0}`;
-        return `${group.direction}|${group.sourceAlias}|${group.targetAlias}|${suffix}`;
-    }
-    Embassy.deliveryGroupKey = deliveryGroupKey;
-    function guidanceCopyKey(guidance) {
-        return window.EMBASSY_BOOT.semantics.guidanceCopyKeys[guidance];
-    }
-    Embassy.guidanceCopyKey = guidanceCopyKey;
-    function attentionCommand(item) {
-        const semantics = window.EMBASSY_BOOT.semantics;
-        const fallbacks = semantics.attentionCommandFallbacks;
-        return semantics.attentionCommands[item.guidance].replaceAll("{alias}", item.alias ?? fallbacks[item.guidance] ?? "<alias>");
-    }
-    Embassy.attentionCommand = attentionCommand;
-    function attentionViews(model) {
-        return model.attention.map((item) => ({
-            item,
-            guidanceKey: guidanceCopyKey(item.guidance),
-            command: attentionCommand(item),
-        }));
-    }
-    Embassy.attentionViews = attentionViews;
-    function overviewProps(model, nowMs) {
-        const nonReadyConsentEdgeCount = model.graph.consentEdgeCount - model.graph.readyConsentEdgeCount;
-        return {
-            generatedAt: model.generatedAt,
-            inboundMode: model.inboundMode,
-            overall: model.overall,
-            statusStrip: {
-                broker: model.health,
-                providers: Embassy.GATEWAY_PROVIDERS.map((provider) => ({ provider, health: worstConnectorHealth(model, provider) })),
-            },
-            exchange: model.exchange,
-            providerQueues: Embassy.GATEWAY_PROVIDERS.map((provider) => ({ provider, queue: queueSplit(model, provider, nowMs) })),
-            graph: model.graph,
-            degradedConsentEdgeCopyKey: nonReadyConsentEdgeCount <= 0
-                ? undefined
-                : nonReadyConsentEdgeCount === 1 &&
-                    !model.graph.consentEdgeCountIsLowerBound
-                    ? "app.overview.degradedEdge"
-                    : "app.overview.degradedEdges",
-            attention: attentionViews(model),
-            attentionOmitted: model.omissions.attentionItems,
-            pulse: pulse(model),
-        };
-    }
-    Embassy.overviewProps = overviewProps;
-    function deliveriesGroups(model) {
-        return model.activity.map((group) => {
-            const parsed = parseDirection(group.direction);
-            if (parsed === undefined)
-                throw new Error("INVALID_MESSAGE_DIRECTION");
-            return {
-                key: deliveryGroupKey(group),
-                group,
-                routePair: `${group.sourceAlias} → ${group.targetAlias}`,
-                sourceProvider: parsed.sourceProvider,
-                targetProvider: parsed.targetProvider,
-                eventsTruncated: hasLifecycleTruncation(group),
-            };
-        });
-    }
-    Embassy.deliveriesGroups = deliveriesGroups;
-    function matchesProviderFilters(view, from, to) {
-        const parsed = parseDirection(view.group.direction);
-        return parsed !== undefined && (from === "all" || parsed.sourceProvider === from) &&
-            (to === "all" || parsed.targetProvider === to);
-    }
-    Embassy.matchesProviderFilters = matchesProviderFilters;
-    function routesProps(model, nowMs) {
-        const routes = model.routes.map((route) => ({
-            route,
-            oldestAgeMs: routeOldestAgeMs(route, nowMs),
-        }));
-        return {
-            inboundMode: model.inboundMode,
-            peers: model.peers,
-            peersOmitted: model.omissions.availablePeers,
-            routes,
-            routesOmitted: model.omissions.routes,
-            consentEdges: model.consentEdges,
-            consentEdgesOmitted: model.omissions.consentEdges,
-            graph: model.graph,
-        };
-    }
-    Embassy.routesProps = routesProps;
-    function activityRowSource(row) {
-        if (row.kind === "delivery")
-            return row.group.sourceAlias;
-        if (row.kind === "operation")
-            return row.event.aliases[0] ?? "";
-        return row.item.alias ?? row.item.host ?? "";
-    }
-    function activityRows(model) {
-        const rows = [];
-        for (const group of model.activity) {
-            if (!isTerminalDeliveryState(group.state))
-                continue;
-            rows.push({ kind: "delivery", timestamp: group.timestamp, group });
-        }
-        for (const item of model.attention) {
-            if (item.timestamp === undefined)
-                continue;
-            rows.push({
-                kind: "alert",
-                timestamp: item.timestamp,
-                item,
-                guidanceKey: guidanceCopyKey(item.guidance),
-            });
-        }
-        for (const event of model.brokerActivity ?? []) {
-            rows.push({ kind: "operation", timestamp: event.timestamp, event });
-        }
-        return rows.sort((left, right) => compareText(right.timestamp ?? "", left.timestamp ?? "") ||
-            compareText(activityRowSource(left), activityRowSource(right)));
-    }
-    Embassy.activityRows = activityRows;
-    function diagnosticsProps(model) {
-        return {
-            connectors: model.connectors,
-            connectorsOmitted: model.omissions.connectors,
-            expiredCount: model.accounting.expired,
-            ...(model.deadlinePressure === undefined
-                ? {}
-                : { deadlinePressure: model.deadlinePressure }),
-            queuedMessages: model.exchange.queuedMessages,
-            queueCountIsLowerBound: model.exchange.queueCountIsLowerBound,
-            accounting: model.accounting,
-            omissions: model.omissions,
-        };
-    }
-    Embassy.diagnosticsProps = diagnosticsProps;
-    Embassy.adapter = {
-        overviewProps,
-        deliveriesGroups,
-        matchesProviderFilters,
-        routesProps,
-        activityRows,
-        diagnosticsProps,
-        queueSplit,
-        routeOldestAgeMs,
-        pulse,
-        worstConnectorHealth,
-        hasLifecycleTruncation,
-        deliveriesTruncated,
-        deliveryGroupKey,
-        guidanceCopyKey,
-        attentionCommand,
-        attentionViews,
-        isTerminalDeliveryState,
-        parseTimestampMs,
-    };
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    const HEARTBEAT_WATCHDOG_MS = 35_000;
-    const AUTO_RECONNECT_DELAY_MS = 5_000;
-    const MAX_AUTO_RECONNECT_ATTEMPTS = 3;
-    const MAX_STREAM_BUFFER_LENGTH = 1_048_576;
-    function createProtocol(options) {
-        const base = location.pathname.endsWith("/")
-            ? location.pathname.slice(0, -1)
-            : location.pathname;
-        const api = (name) => base + "/" + name;
-        let connectionState = "connecting";
-        let controller;
-        let watchdogTimer;
-        let reconnectTimer;
-        let reconnectAttempts = 0;
-        let lastStreamRevision;
-        let gapRecoveryInFlight = false;
-        function apiFetch(name, fetchOptions = {}) {
-            const init = {
-                method: "POST",
-                credentials: "omit",
-                cache: "no-store",
-                headers: { "X-Embassy-Request": "1", ...(fetchOptions.headers ?? {}) },
-            };
-            if (fetchOptions.body !== undefined) {
-                init.body = fetchOptions.body;
-            }
-            if (fetchOptions.signal !== undefined) {
-                init.signal = fetchOptions.signal;
-            }
-            return fetch(api(name), init);
-        }
-        function notify(kind) {
-            options.onNotice?.(kind);
-        }
-        function setConnectionState(next) {
-            connectionState = next;
-            if (next === "connected") {
-                reconnectAttempts = 0;
-            }
-            options.onConnectionState(next);
-            if (next === "disconnected") {
-                scheduleAutoReconnect();
-            }
-        }
-        function clearWatchdog() {
-            if (watchdogTimer !== undefined) {
-                window.clearTimeout(watchdogTimer);
-                watchdogTimer = undefined;
-            }
-        }
-        function armWatchdog(current) {
-            clearWatchdog();
-            watchdogTimer = window.setTimeout(() => {
-                watchdogTimer = undefined;
-                if (connectionState !== "connected" || controller !== current) {
-                    return;
-                }
-                current.abort();
-                setConnectionState("disconnected");
-            }, HEARTBEAT_WATCHDOG_MS);
-        }
-        function clearReconnectTimer() {
-            if (reconnectTimer !== undefined) {
-                window.clearTimeout(reconnectTimer);
-                reconnectTimer = undefined;
-            }
-        }
-        function scheduleAutoReconnect() {
-            if (reconnectTimer !== undefined || reconnectAttempts >= MAX_AUTO_RECONNECT_ATTEMPTS) {
-                return;
-            }
-            reconnectTimer = window.setTimeout(() => {
-                reconnectTimer = undefined;
-                if (connectionState !== "disconnected") {
-                    return;
-                }
-                reconnectAttempts += 1;
-                void connect();
-            }, AUTO_RECONNECT_DELAY_MS);
-        }
-        function ingest(event, source) {
-            const previous = lastStreamRevision;
-            const gap = previous !== undefined && event.streamRevision > previous + 1;
-            lastStreamRevision = event.streamRevision;
-            options.onEvent(event);
-            if (event.reset) {
-                notify("reset");
-            }
-            if (gap) {
-                notify("missedFrames");
-                if (source === "stream" && !gapRecoveryInFlight) {
-                    gapRecoveryInFlight = true;
-                    void fetchSnapshotNow().finally(() => {
-                        gapRecoveryInFlight = false;
-                    });
-                }
-            }
-        }
-        function consumeSseBlock(block) {
-            let event = "message";
-            const data = [];
-            for (const line of block.split("\n")) {
-                if (line.startsWith("event:")) {
-                    event = line.slice(6).trim();
-                }
-                if (line.startsWith("data:")) {
-                    data.push(line.slice(5).trimStart());
-                }
-            }
-            if (event === "snapshot" && data.length > 0) {
-                const parsed = JSON.parse(data.join("\n"));
-                setConnectionState("connected");
-                ingest(parsed, "stream");
-            }
-            else if (event === "observer_unavailable") {
-                setConnectionState("unavailable");
-            }
-            else if (event === "shutdown") {
-                setConnectionState("stopped");
-            }
-        }
-        async function connect() {
-            if (controller) {
-                controller.abort();
-            }
-            const current = new AbortController();
-            controller = current;
-            setConnectionState("connecting");
-            try {
-                const response = await apiFetch("stream", { signal: current.signal });
-                if (response.status === 429) {
-                    setConnectionState("capacity");
-                    return;
-                }
-                if (!response.ok || !response.body) {
-                    throw new Error("stream");
-                }
-                const reader = response.body.getReader();
-                const decoder = new TextDecoder();
-                let buffer = "";
-                armWatchdog(current);
-                while (true) {
-                    const result = await reader.read();
-                    if (result.done) {
-                        break;
-                    }
-                    armWatchdog(current);
-                    buffer += decoder.decode(result.value, { stream: true }).replaceAll("\r\n", "\n");
-                    if (buffer.length > MAX_STREAM_BUFFER_LENGTH) {
-                        throw new Error("frame");
-                    }
-                    let boundary;
-                    while ((boundary = buffer.indexOf("\n\n")) >= 0) {
-                        consumeSseBlock(buffer.slice(0, boundary));
-                        buffer = buffer.slice(boundary + 2);
-                    }
-                }
-                if (!current.signal.aborted && connectionState !== "stopped") {
-                    setConnectionState("disconnected");
-                }
-            }
-            catch {
-                if (!current.signal.aborted) {
-                    setConnectionState("disconnected");
-                }
-            }
-            finally {
-                clearWatchdog();
-            }
-        }
-        async function fetchSnapshotNow() {
-            try {
-                const response = await apiFetch("snapshot");
-                if (response.ok) {
-                    const event = (await response.json());
-                    ingest(event, "snapshot");
-                }
-                else {
-                    setConnectionState(connectionState === "connected" ? "unavailable" : "disconnected");
-                }
-            }
-            catch {
-                setConnectionState(connectionState === "connected" ? "unavailable" : "disconnected");
-            }
-        }
-        function isActionResult(value) {
-            if (typeof value !== "object" || value === null || Array.isArray(value)) {
-                return false;
-            }
-            const record = value;
-            return (Object.keys(record).length === 2 &&
-                typeof record.ok === "boolean" &&
-                typeof record.code === "string" &&
-                /^(?:ok|not_found|conflict|watch_owner_conflict|route_mismatch|busy|unavailable|rejected|rate_limited)$/u.test(record.code) &&
-                ((record.ok && record.code === "ok") ||
-                    (!record.ok && record.code !== "ok")));
-        }
-        async function executeAction(action) {
-            let result = {
-                ok: false,
-                code: "unavailable",
-            };
-            try {
-                const response = await apiFetch("action", {
-                    headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify(action),
-                });
-                const parsed = await response.json();
-                if (isActionResult(parsed))
-                    result = parsed;
-            }
-            catch {
-            }
-            await fetchSnapshotNow();
-            return result;
-        }
-        async function start() {
-            await connect();
-        }
-        return {
-            start: () => {
-                void start();
-            },
-            pause: () => {
-                clearReconnectTimer();
-                if (controller) {
-                    controller.abort();
-                }
-                setConnectionState("paused");
-            },
-            reconnect: () => {
-                clearReconnectTimer();
-                reconnectAttempts = 0;
-                void connect();
-            },
-            readNow: () => {
-                void fetchSnapshotNow();
-            },
-            executeAction,
-        };
-    }
-    Embassy.createProtocol = createProtocol;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    function StateChip(props) {
-        const t = Embassy.useT();
-        const domain = props.domain ?? "delivery";
-        const kind = domain === "delivery"
-            ? Embassy.chipKindFor(props.state, props.direction, props.safeErrorCode)
-            : Embassy.chipKindByDomain(domain, props.state, props.direction);
-        const meaning = props.note ??
-            t(Embassy.meaningKeyFor(domain, props.state, props.safeErrorCode, props.direction));
-        return (React.createElement("span", { className: props.small === true ? "chip chip--small" : "chip", "data-kind": kind, title: meaning, "aria-description": meaning }, props.label ?? props.state));
-    }
-    Embassy.StateChip = StateChip;
-    function MonoLabel(props) {
-        const className = props.className === undefined
-            ? "mono-label"
-            : `mono-label ${props.className}`;
-        return React.createElement("div", { className: className }, props.children);
-    }
-    Embassy.MonoLabel = MonoLabel;
-    function CopyCmd(props) {
-        const t = Embassy.useT();
-        const [feedback, setFeedback] = React.useState("idle");
-        React.useEffect(() => {
-            if (feedback === "idle")
-                return undefined;
-            const handle = window.setTimeout(() => {
-                setFeedback("idle");
-            }, 1_500);
-            return () => {
-                window.clearTimeout(handle);
-            };
-        }, [feedback]);
-        const copy = () => {
-            const clipboard = navigator.clipboard;
-            if (clipboard === undefined) {
-                setFeedback("failed");
-                return;
-            }
-            clipboard.writeText(props.cmd).then(() => {
-                setFeedback("copied");
-            }, () => {
-                setFeedback("failed");
-            });
-        };
-        const status = feedback === "copied"
-            ? t("app.copied")
-            : feedback === "failed"
-                ? t("app.copyFailed")
-                : "";
-        return (React.createElement("div", { className: "copy-cmd" },
-            React.createElement("code", { className: "copy-cmd__code" }, props.cmd),
-            React.createElement("span", { className: "copy-cmd__status", "data-tone": feedback === "failed" ? "error" : undefined, "aria-live": "polite" }, status),
-            React.createElement("button", { type: "button", className: "copy-cmd__button", onClick: copy }, t("app.copy"))));
-    }
-    Embassy.CopyCmd = CopyCmd;
-    function Rule(props) {
-        const className = props.className === undefined ? "rule" : `rule ${props.className}`;
-        return React.createElement("hr", { className: className });
-    }
-    Embassy.Rule = Rule;
-    function FilterPill(props) {
-        return (React.createElement("button", { type: "button", className: "pill", "aria-pressed": props.active, onClick: props.onClick }, props.children));
-    }
-    Embassy.FilterPill = FilterPill;
-    function TimeAgo(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        const nowMs = Embassy.useNowMs();
-        const absolute = Embassy.fmtAbs(props.iso, locale);
-        const parsedMs = Date.parse(props.iso);
-        const ageMs = Number.isFinite(parsedMs) ? nowMs - parsedMs : undefined;
-        const relative = ageMs !== undefined && ageMs >= 3_600_000
-            ? t("time.ago", { duration: Embassy.fmtAge(ageMs) })
-            : Embassy.fmtRel(props.iso, nowMs, locale);
-        return (React.createElement("span", { className: "time-ago", title: absolute },
-            relative,
-            React.createElement("span", { className: "sr-only" },
-                " (",
-                absolute,
-                ")")));
-    }
-    Embassy.TimeAgo = TimeAgo;
-    function Tooltip(props) {
-        const descriptionId = React.useId();
-        return (React.createElement("span", { className: "tooltip", tabIndex: 0, "data-tip": props.tip, "data-tip-wrap": props.wrap === true ? "" : undefined, "aria-describedby": descriptionId },
-            props.children ?? React.createElement("span", { className: "info-dot" }, "i"),
-            React.createElement("span", { className: "sr-only", id: descriptionId }, props.tip)));
-    }
-    Embassy.Tooltip = Tooltip;
-    function AbsentFeature(props) {
-        const t = Embassy.useT();
-        return (React.createElement("section", { className: "absent-feature" },
-            React.createElement(MonoLabel, null, t("app.notLanded.title")),
-            React.createElement("h3", { className: "absent-feature__title" }, props.title),
-            React.createElement("p", { className: "absent-feature__body" }, props.body),
-            React.createElement("p", { className: "absent-feature__note" }, t("app.notLanded.body")),
-            props.cmd === undefined ? null : React.createElement(CopyCmd, { cmd: props.cmd })));
-    }
-    Embassy.AbsentFeature = AbsentFeature;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    const PULSE_BAR_BASE_PX = 6;
-    const PULSE_BAR_RANGE_PX = 38;
-    const QUEUE_DEPTH_COMMAND = "EMBASSY_MAX_QUEUE_MESSAGES=<n> embassy serve";
-    function LowerBound(props) {
-        const t = Embassy.useT();
-        const sentence = t("app.lowerBound", { count: props.count });
-        return (React.createElement("span", { className: "lower-bound", title: sentence },
-            React.createElement("span", { "aria-hidden": "true" }, t("count.atLeast", { count: props.count })),
-            React.createElement("span", { className: "sr-only" }, sentence)));
-    }
-    function StatusCard(props) {
-        return (React.createElement("div", { className: "status-card" },
-            React.createElement("div", { className: "status-card__head" },
-                React.createElement("span", { className: "status-card__label" }, props.label),
-                props.chip),
-            props.detail === undefined ? null : (React.createElement("span", { className: "status-card__detail" }, props.detail))));
-    }
-    function HealthStatusCard(props) {
-        const t = Embassy.useT();
-        const health = props.health;
-        if (health === undefined) {
-            return (React.createElement(StatusCard, { label: props.label, detail: undefined, chip: React.createElement("span", { className: "chip chip--small", "data-kind": "inert" }, t("app.overview.connectorMissing")) }));
-        }
-        return (React.createElement(StatusCard, { label: props.label, detail: t(`health.meaning.${Embassy.camelCaseToken(health)}`), chip: React.createElement(Embassy.StateChip, { domain: "health", state: health, small: true }) }));
-    }
-    function ExchangeNode(props) {
-        const party = props.party;
-        return (React.createElement("div", { className: "exchange-node" },
-            React.createElement("div", null,
-                React.createElement("div", { className: "exchange-node__title" }, props.title),
-                React.createElement("div", { className: "exchange-node__sub" }, props.sub)),
-            React.createElement("div", { className: "chip-row" },
-                React.createElement(Embassy.StateChip, { domain: "party", state: party.status, small: true }),
-                party.countIsLowerBound ? React.createElement(LowerBound, { count: party.total }) : null),
-            React.createElement("div", { className: "exchange-node__line" }, props.countLine),
-            party.primaryAlias === undefined ? null : (React.createElement("div", { className: "exchange-node__line mono" }, party.primaryAlias))));
-    }
-    function liveQueueAgeMs(queue, nowMs) {
-        const queuedMs = Embassy.parseTimestampMs(queue.oldestQueuedAt);
-        if (queuedMs === undefined)
-            return queue.oldestAgeMs;
-        return Math.max(0, nowMs - queuedMs);
-    }
-    function ExchangeEdge(props) {
-        const t = Embassy.useT();
-        const nowMs = Embassy.useNowMs();
-        const queue = props.queue;
-        const inbound = props.direction === "in";
-        const ageMs = liveQueueAgeMs(queue, nowMs);
-        const oldest = queue.depth > 0 && ageMs !== undefined
-            ? ` · ${t("app.overview.oldest")} ${Embassy.fmtAge(ageMs)}`
-            : "";
-        return (React.createElement("div", { className: "exchange-edge" },
-            React.createElement("div", { className: "edge-label" }, props.label),
-            React.createElement("div", { className: "edge-line" },
-                React.createElement("span", { className: inbound ? "edge-arrow edge-arrow--in" : "edge-arrow edge-arrow--out", "aria-hidden": "true" }, inbound ? "←" : "→")),
-            React.createElement("div", { className: "edge-queue", "data-active": queue.depth > 0 ? "true" : "false" }, `${t("app.overview.depth")} ${queue.depth}${oldest}`),
-            queue.depthIsLowerBound ? React.createElement(LowerBound, { count: queue.depth }) : null));
-    }
-    function attentionScopeParts(item, t) {
-        const parts = [];
-        if (item.provider !== undefined) {
-            parts.push(t(`provider.${item.provider}`));
-        }
-        if (item.alias !== undefined)
-            parts.push(item.alias);
-        if (item.host !== undefined)
-            parts.push(item.host);
-        if (item.code !== undefined)
-            parts.push(item.code);
-        return parts;
-    }
-    function attentionQueueDepthLine(item, t, locale) {
-        return item.queueDepth === undefined
-            ? undefined
-            : `${t("app.routes.queueDepth")}: ${item.queueDepth.toLocaleString(locale)}`;
-    }
-    Embassy.attentionQueueDepthLine = attentionQueueDepthLine;
-    function AttentionItem(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        const { item, guidanceKey, command } = props.view;
-        const scope = attentionScopeParts(item, t).join(" · ");
-        const queueDepthLine = attentionQueueDepthLine(item, t, locale);
-        return (React.createElement("div", { className: "attention-item" },
-            React.createElement("div", { className: "attention-item__head" },
-                React.createElement(Embassy.StateChip, { domain: "severity", state: item.severity, small: true }),
-                React.createElement("h3", { className: "attention-item__title" }, t(`guidance.${guidanceKey}.title`)),
-                item.timestamp === undefined ? null : (React.createElement(Embassy.TimeAgo, { iso: item.timestamp }))),
-            React.createElement("p", { className: "attention-item__body" }, t(`guidance.${guidanceKey}.body`)),
-            React.createElement("p", { className: "attention-item__body" }, t(`guidance.${guidanceKey}.action`, {
-                alias: item.alias ?? "<alias>",
-            })),
-            queueDepthLine === undefined ? null : (React.createElement("p", { className: "attention-item__body" }, queueDepthLine)),
-            scope === "" ? null : (React.createElement("div", { className: "attention-item__scope" }, `${t("attention.scope")}: ${scope}`)),
-            React.createElement("div", { className: "attention-item__action" },
-                React.createElement(Embassy.CopyCmd, { cmd: command })),
-            item.guidance === "queue_stalled" ? (React.createElement(Embassy.AbsentFeature, { title: t("app.diag.queue.title"), body: t("app.diag.editable.note"), cmd: QUEUE_DEPTH_COMMAND })) : null));
-    }
-    function PulseBarButton(props) {
-        const t = Embassy.useT();
-        const { bar } = props;
-        const viewIn = t("app.overview.viewIn");
-        const heightPx = PULSE_BAR_BASE_PX + (PULSE_BAR_RANGE_PX * bar.count) / props.maxCount;
-        return (React.createElement("button", { type: "button", className: "pulse-bar-btn", title: viewIn, "aria-label": `${bar.state}: ${bar.count} — ${viewIn}`, onClick: () => {
-                props.onSelect(bar.state);
-            } },
-            React.createElement("span", { className: "pulse-count" }, bar.count),
-            React.createElement("span", { className: "pulse-bar", "data-kind": Embassy.chipKindFor(bar.state), "data-empty": bar.count === 0 ? "true" : "false", style: { height: `${heightPx}px` } }),
-            React.createElement(Embassy.StateChip, { state: bar.state, small: true })));
-    }
-    function OverviewTab(props) {
-        const t = Embassy.useT();
-        const { data, onViewDeliveries } = props;
-        const openInbound = data.inboundMode === "open";
-        const hasConsentEdge = data.graph.consentEdgeCount > 0 ||
-            data.graph.consentEdgeCountIsLowerBound;
-        const showAttention = data.attention.length > 0 || data.attentionOmitted > 0;
-        const maxPulse = data.pulse.bars.reduce((largest, bar) => Math.max(largest, bar.count), 1);
-        const selectPulseState = React.useCallback((state) => {
-            onViewDeliveries({ state });
-        }, [onViewDeliveries]);
-        const idPrefix = React.useId();
-        const stripId = `${idPrefix}-strip`;
-        const exchangeId = `${idPrefix}-exchange`;
-        const attentionId = `${idPrefix}-attention`;
-        const pulseId = `${idPrefix}-pulse`;
-        return (React.createElement("div", { className: "tab-panel" },
-            React.createElement("section", { className: "section", "aria-labelledby": stripId },
-                React.createElement("h2", { className: "mono-label section-label", id: stripId }, t("app.overview.statusStrip")),
-                React.createElement("div", { className: "status-strip" },
-                    React.createElement(HealthStatusCard, { label: t("app.overview.broker"), health: data.statusStrip.broker }),
-                    data.statusStrip.providers.map(({ provider, health }) => (React.createElement(HealthStatusCard, { key: provider, label: t(`provider.${provider}`), health: health }))))),
-            React.createElement("section", { className: "section", "aria-labelledby": exchangeId },
-                React.createElement("div", { className: "row section-label section-head" },
-                    React.createElement("h2", { className: "mono-label", id: exchangeId }, t("exchange.eyebrow")),
-                    React.createElement(Embassy.Tooltip, { tip: t("exchange.note"), wrap: true },
-                        React.createElement("span", { className: "info-dot" }, "i"))),
-                React.createElement("div", { className: "inbound-policy", "data-inbound-mode": data.inboundMode },
-                    React.createElement("span", { className: "chip chip--small", "data-kind": openInbound ? "warning" : "inert" }, t(openInbound
-                        ? "inbound.open.badge"
-                        : "inbound.paired.badge")),
-                    React.createElement("p", null, t(openInbound
-                        ? "inbound.open.body"
-                        : hasConsentEdge
-                            ? "inbound.paired.body"
-                            : "inbound.noPair.body"))),
-                React.createElement("div", { className: "exchange-board" }, data.exchange.parties.map((party) => (React.createElement(ExchangeNode, { key: party.kind, title: t(`provider.${party.kind}`), sub: party.kind, party: party, countLine: `${party.ready}/${party.total}` })))),
-                React.createElement("div", { className: "exchange-edges" }, data.providerQueues.map(({ provider, queue }) => (React.createElement(ExchangeEdge, { key: provider, direction: "in", label: t(`provider.${provider}`), queue: queue })))),
-                data.degradedConsentEdgeCopyKey === undefined ? null : (React.createElement("p", { className: "text-xs text-body-muted" }, t(data.degradedConsentEdgeCopyKey)))),
-            showAttention ? (React.createElement("section", { className: "section", "aria-labelledby": attentionId },
-                React.createElement("div", { className: "row section-label section-head" },
-                    React.createElement("h2", { className: "mono-label", id: attentionId }, t("attention.eyebrow")),
-                    data.attentionOmitted > 0 ? (React.createElement(LowerBound, { count: data.attention.length })) : null),
-                React.createElement("div", { className: "attention-list" }, data.attention.map((view, index) => (React.createElement(AttentionItem, { key: `${view.item.kind}|${view.item.guidance}|${view.item.alias ?? ""}|${view.item.host ?? ""}|${index}`, view: view })))),
-                data.attentionOmitted > 0 ? (React.createElement("p", { className: "footnote" }, t("attention.projectionOnly"))) : null)) : null,
-            React.createElement("section", { className: "section", "aria-labelledby": pulseId },
-                React.createElement("h2", { className: "mono-label section-label", id: pulseId }, t("app.overview.pulse.title")),
-                data.pulse.total === 0 ? (React.createElement("p", { className: "pulse-empty" }, t("app.overview.pulse.empty"))) : null,
-                React.createElement("div", { className: "pulse" }, data.pulse.bars.map((bar) => (React.createElement(PulseBarButton, { key: bar.state, bar: bar, maxCount: maxPulse, onSelect: selectPulseState })))),
-                React.createElement("p", { className: "pulse-caption" },
-                    t("app.overview.pulse.caption"),
-                    data.pulse.isLowerBound ? " " : null,
-                    data.pulse.isLowerBound ? (React.createElement(LowerBound, { count: data.pulse.total })) : null))));
-    }
-    Embassy.OverviewTab = OverviewTab;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    const DELIVERY_STATE_FILTERS = [
-        "queued",
-        "dispatching",
-        "transport_written",
-        "held",
-        "duplicate",
-        "delivered",
-        "unconfirmed",
-        "ambiguous",
-        "failed",
-        "expired",
-        "rejected",
-        "cancelled",
-        "abandoned",
-    ];
-    const DELIVERY_STATE_FILTERS_COVER_THE_UNION = true;
-    const SEND_TO_CODEX_CMD = "embassy send --from <alias> --to <alias>";
-    const countFormatters = new Map();
-    function fmtCount(locale, value) {
-        const existing = countFormatters.get(locale);
-        if (existing !== undefined)
-            return existing.format(value);
-        const formatter = new Intl.NumberFormat(locale);
-        countFormatters.set(locale, formatter);
-        return formatter.format(value);
-    }
-    function includesFold(haystack, needleLower) {
-        return haystack !== undefined && haystack.toLowerCase().includes(needleLower);
-    }
-    function equalsFold(value, wantedLower) {
-        return value !== undefined && value.toLowerCase() === wantedLower;
-    }
-    function matchesQuery(view, needleLower) {
-        if (needleLower === "")
-            return true;
-        const group = view.group;
-        return (includesFold(group.messageIdSuffix, needleLower) ||
-            includesFold(group.conversationIdSuffix, needleLower) ||
-            includesFold(group.sourceAlias, needleLower) ||
-            includesFold(group.targetAlias, needleLower) ||
-            includesFold(group.safeErrorCode, needleLower) ||
-            group.events.some((event) => includesFold(event.safeErrorCode, needleLower)));
-    }
-    function findPresetTarget(groups, token) {
-        const wanted = token.trim().toLowerCase();
-        if (wanted === "")
-            return undefined;
-        const bySuffix = groups.find((view) => equalsFold(view.group.messageIdSuffix, wanted) ||
-            equalsFold(view.group.conversationIdSuffix, wanted));
-        if (bySuffix !== undefined)
-            return bySuffix;
-        return groups.find((view) => equalsFold(view.group.safeErrorCode, wanted) ||
-            view.group.events.some((event) => equalsFold(event.safeErrorCode, wanted)));
-    }
-    function groupByRoutePair(views) {
-        const order = [];
-        const buckets = new Map();
-        for (const view of views) {
-            const bucket = buckets.get(view.routePair);
-            if (bucket === undefined) {
-                buckets.set(view.routePair, [view]);
-                order.push(view.routePair);
-            }
-            else {
-                bucket.push(view);
-            }
-        }
-        return order.map((pair) => ({ pair, rows: buckets.get(pair) ?? [] }));
-    }
-    function droppedEventCount(group) {
-        let dropped = 0;
-        for (let index = 1; index < group.events.length; index += 1) {
-            const previous = group.events[index - 1];
-            const current = group.events[index];
-            if (previous === undefined || current === undefined)
-                continue;
-            const gap = current.sequence - previous.sequence - 1;
-            if (gap > 0)
-                dropped += gap;
-        }
-        return dropped;
-    }
-    function DetailRow(props) {
-        return (React.createElement("div", { className: "detail-row" },
-            React.createElement("span", { className: "detail-label" }, props.label),
-            " ",
-            React.createElement("span", { className: props.mono === true
-                    ? "detail-value detail-value--mono"
-                    : "detail-value" }, props.children)));
-    }
-    function DeliveryLifecycle(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        const events = props.group.events;
-        return (React.createElement("div", { className: "lifecycle" }, events.map((event, index) => {
-            const isLast = index === events.length - 1;
-            const kind = Embassy.chipKindFor(event.state, props.group.direction, event.safeErrorCode);
-            const noteParts = [];
-            if (event.safeErrorCode !== undefined) {
-                noteParts.push(event.safeErrorCode);
-            }
-            if (event.latencyMs !== undefined) {
-                noteParts.push(`${fmtCount(locale, event.latencyMs)} ms`);
-            }
-            return (React.createElement("div", { className: "lifecycle-item", key: event.sequence },
-                React.createElement("div", { className: "lifecycle-rail", "aria-hidden": true },
-                    React.createElement("span", { className: "lifecycle-dot", "data-kind": isLast ? kind : undefined }),
-                    isLast ? null : React.createElement("span", { className: "lifecycle-connector" })),
-                React.createElement("div", { className: "lifecycle-body" },
-                    React.createElement("div", { className: "lifecycle-head" },
-                        React.createElement(Embassy.StateChip, { small: true, state: event.state, direction: props.group.direction, safeErrorCode: event.safeErrorCode }),
-                        event.timestamp === undefined ? (React.createElement("span", { className: "lifecycle-abs" }, t("time.unavailable"))) : (React.createElement(React.Fragment, null,
-                            React.createElement(Embassy.TimeAgo, { iso: event.timestamp }),
-                            React.createElement("span", { className: "lifecycle-abs" }, Embassy.fmtAbs(event.timestamp, locale))))),
-                    noteParts.length === 0 ? null : (React.createElement("div", { className: "lifecycle-note" }, noteParts.join(" · "))),
-                    React.createElement("div", { className: "lifecycle-meaning" }, t(Embassy.deliveryMeaningKey(event.state, props.group.direction, event.safeErrorCode))))));
-        })));
-    }
-    function DeliveryDetail(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        const [rawOpen, setRawOpen] = React.useState(false);
-        const rawId = React.useId();
-        const group = props.view.group;
-        const dropped = droppedEventCount(group);
-        const frames = group.events.filter((event) => event.safeErrorCode !== undefined);
-        const earliest = group.events[0]?.timestamp;
-        return (React.createElement("div", { className: "detail-pane" },
-            React.createElement("div", { className: "detail-pane__head" },
-                React.createElement("span", { className: "detail-pane__id" },
-                    group.messageIdSuffix ?? "—",
-                    group.conversationIdSuffix === undefined
-                        ? ""
-                        : ` · conv …${group.conversationIdSuffix}`,
-                    group.steer === true ? " · STEER" : ""),
-                React.createElement("div", { className: "detail-pane__sub" },
-                    props.view.routePair,
-                    " \u00B7 ",
-                    t(`provider.${props.view.sourceProvider}`),
-                    " \u2192 ",
-                    t(`provider.${props.view.targetProvider}`))),
-            React.createElement("div", null,
-                React.createElement(Embassy.MonoLabel, { className: "section-label section-label--lifecycle" }, t("app.deliveries.lifecycle")),
-                React.createElement(DeliveryLifecycle, { group: group }),
-                props.view.eventsTruncated ? (React.createElement("p", { className: "truncation-note" }, t("app.deliveries.eventsTruncated", {
-                    count: fmtCount(locale, dropped),
-                }))) : null),
-            React.createElement("div", null,
-                React.createElement(Embassy.MonoLabel, { className: "section-label section-label--body" }, t("app.deliveries.bodyLabel")),
-                group.body === undefined ? (React.createElement("p", { className: "detail-pane__sub" }, t("app.deliveries.bodiesNote"))) : (React.createElement("pre", { className: "detail-pane__message-body" }, group.body))),
-            React.createElement("div", null,
-                React.createElement(Embassy.MonoLabel, { className: "section-label section-label--frames" }, t("app.deliveries.frames")),
-                frames.length === 0 ? (React.createElement("p", { className: "detail-pane__sub" }, t("app.deliveries.noFrames"))) : (React.createElement("div", { className: "frames-list" }, frames.map((event) => (React.createElement("div", { className: "frame-item", key: event.sequence },
-                    React.createElement("span", { className: "frame-code" }, event.safeErrorCode),
-                    event.timestamp === undefined ? (React.createElement("span", { className: "lifecycle-abs" }, t("time.unavailable"))) : (React.createElement(Embassy.TimeAgo, { iso: event.timestamp })))))))),
-            React.createElement("div", { className: "detail-list" },
-                group.latencyMs === undefined ? null : (React.createElement(DetailRow, { label: t("activity.column.elapsed"), mono: true }, `${fmtCount(locale, group.latencyMs)} ms`)),
-                React.createElement(DetailRow, { label: t("activity.column.size"), mono: true }, `${fmtCount(locale, group.bytes)} B`),
-                React.createElement(DetailRow, { label: t("app.deliveries.earliestRetained") }, earliest === undefined ? (t("time.unavailable")) : (React.createElement(React.Fragment, null,
-                    React.createElement(Embassy.TimeAgo, { iso: earliest }),
-                    " \u00B7 ",
-                    Embassy.fmtAbs(earliest, locale)))),
-                group.safeErrorCode === undefined ? null : (React.createElement(DetailRow, { label: t("column.issue"), mono: true }, group.safeErrorCode))),
-            React.createElement("div", null,
-                React.createElement("button", { type: "button", className: "toggle-link", "aria-expanded": rawOpen, "aria-controls": rawOpen ? rawId : undefined, onClick: () => {
-                        setRawOpen(!rawOpen);
-                    } }, rawOpen ? t("app.deliveries.hideRaw") : t("app.deliveries.raw")),
-                rawOpen ? (React.createElement("pre", { className: "raw-json", id: rawId, tabIndex: 0 }, JSON.stringify(group, null, 2))) : null)));
-    }
-    function DeliveriesEmpty(props) {
-        return (React.createElement("div", { className: "empty-state" },
-            React.createElement("p", { className: "empty-state__text" }, props.text),
-            React.createElement(Embassy.CopyCmd, { cmd: SEND_TO_CODEX_CMD })));
-    }
-    const WATCH_EVENT_COPY_KEYS = {
-        opened: "watches.event.opened",
-        replaced: "watches.event.replaced",
-        settled: "watches.event.settled",
-    };
-    const WATCH_ACTOR_COPY_KEYS = {
-        owner: "watches.actor.owner",
-        worker: "watches.actor.worker",
-        operator: "watches.actor.operator",
-        gateway: "watches.actor.gateway",
-        unknown: "watches.actor.unknown",
-    };
-    const WATCH_REASON_COPY_KEYS = {
-        done: "watches.reason.done",
-        untracked: "watches.reason.untracked",
-        idle_timeout: "watches.reason.idleTimeout",
-        pair_removed: "watches.reason.pairRemoved",
-        endpoint_retired: "watches.reason.endpointRetired",
-        tracking_disabled: "watches.reason.trackingDisabled",
-    };
-    function ProgressWatchRegister(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        return (React.createElement("section", { className: "watch-register", "aria-labelledby": "watch-register-title" },
-            React.createElement("div", { className: "row-baseline section-label" },
-                React.createElement("div", null,
-                    React.createElement(Embassy.MonoLabel, null, t("watches.eyebrow")),
-                    React.createElement("h2", { id: "watch-register-title" }, t("watches.title"))),
-                React.createElement("span", { className: "mono text-muted" }, fmtCount(locale, props.watches.length))),
-            React.createElement("p", { className: "footnote" }, t("watches.note")),
-            props.watches.length === 0 ? (React.createElement("p", { className: "watch-register__empty" }, t("watches.empty"))) : (React.createElement("div", { className: "watch-grid" }, props.watches.map((watch) => (React.createElement("article", { className: "watch-card", key: `${watch.ownerAlias}|${watch.workerAlias}|${watch.conversationIdSuffix}` },
-                React.createElement("div", { className: "watch-card__head" },
-                    React.createElement("code", null,
-                        "\u2026",
-                        watch.conversationIdSuffix)),
-                React.createElement("strong", null,
-                    watch.ownerAlias,
-                    " \u2192 ",
-                    watch.workerAlias),
-                React.createElement("dl", { className: "watch-card__facts" },
-                    React.createElement("div", null,
-                        React.createElement("dt", null, t("watches.column.quietFor")),
-                        React.createElement("dd", null,
-                            React.createElement(Embassy.TimeAgo, { iso: watch.lastActivityAt }))),
-                    React.createElement("div", null,
-                        React.createElement("dt", null, t("watches.column.nextAction")),
-                        React.createElement("dd", null,
-                            React.createElement(Embassy.TimeAgo, { iso: watch.nextActionAt }))),
-                    React.createElement("div", null,
-                        React.createElement("dt", null, t("watches.column.nudges")),
-                        React.createElement("dd", null, fmtCount(locale, watch.nudgeCount))))))))),
-            props.events.length === 0 ? null : (React.createElement("details", { className: "watch-history" },
-                React.createElement("summary", null, t("watches.history.title")),
-                React.createElement("ol", null, props.events.map((event) => (React.createElement("li", { key: event.sequence },
-                    React.createElement(Embassy.TimeAgo, { iso: event.timestamp }),
-                    " \u00B7 ",
-                    React.createElement("code", null,
-                        "\u2026",
-                        event.conversationIdSuffix),
-                    " \u00B7 ",
-                    t(WATCH_ACTOR_COPY_KEYS[event.actor]),
-                    event.actor === "owner" ? React.createElement(React.Fragment, null,
-                        " ",
-                        React.createElement("code", null, event.ownerAlias)) : null,
-                    event.actor === "worker" ? React.createElement(React.Fragment, null,
-                        " ",
-                        React.createElement("code", null, event.workerAlias)) : null,
-                    " · ",
-                    t(WATCH_EVENT_COPY_KEYS[event.kind]),
-                    event.reason === undefined ? "" : ` · ${t(WATCH_REASON_COPY_KEYS[event.reason])}`))))))));
-    }
-    function DeliveriesTab(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        const captionId = React.useId();
-        const searchId = React.useId();
-        const [fromProvider, setFromProvider] = React.useState("all");
-        const [toProvider, setToProvider] = React.useState("all");
-        const [stateFilter, setStateFilter] = React.useState("all");
-        const [viewMode, setViewMode] = React.useState("byRoute");
-        const [query, setQuery] = React.useState("");
-        const [selectedKey, setSelectedKey] = React.useState(undefined);
-        const rowRefs = React.useRef(new Map());
-        const groups = props.groups;
-        const preset = props.preset;
-        const clearPreset = props.clearPreset;
-        React.useEffect(() => {
-            if (preset === undefined)
-                return;
-            if (preset.state !== undefined)
-                setStateFilter(preset.state);
-            const token = preset.token === undefined ? "" : preset.token.trim();
-            if (token !== "") {
-                setQuery(token);
-                const target = findPresetTarget(groups, token);
-                if (target !== undefined)
-                    setSelectedKey(target.key);
-            }
-            clearPreset?.();
-        }, [preset]);
-        const needle = query.trim().toLowerCase();
-        const filtered = React.useMemo(() => groups.filter((view) => Embassy.adapter.matchesProviderFilters(view, fromProvider, toProvider) &&
-            (stateFilter === "all" || view.group.state === stateFilter) &&
-            matchesQuery(view, needle)), [groups, fromProvider, toProvider, stateFilter, needle]);
-        const pairs = React.useMemo(() => groupByRoutePair(filtered), [filtered]);
-        const ordered = React.useMemo(() => (viewMode === "flat" ? filtered : pairs.flatMap((pair) => pair.rows)), [viewMode, filtered, pairs]);
-        const selectedView = ordered.find((view) => view.key === selectedKey);
-        const activeKey = selectedView?.key ?? ordered[0]?.key;
-        const moveFocus = (event) => {
-            const keys = ordered.map((view) => view.key);
-            if (keys.length === 0)
-                return;
-            const currentIndex = Math.max(0, activeKey === undefined ? 0 : keys.indexOf(activeKey));
-            let nextIndex;
-            switch (event.key) {
-                case "ArrowDown":
-                    nextIndex = Math.min(keys.length - 1, currentIndex + 1);
-                    break;
-                case "ArrowUp":
-                    nextIndex = Math.max(0, currentIndex - 1);
-                    break;
-                case "Home":
-                    nextIndex = 0;
-                    break;
-                case "End":
-                    nextIndex = keys.length - 1;
-                    break;
-                default:
-                    return;
-            }
-            const nextKey = keys[nextIndex];
-            if (nextKey === undefined)
-                return;
-            event.preventDefault();
-            setSelectedKey(nextKey);
-            rowRefs.current.get(nextKey)?.focus();
-        };
-        const renderRow = (view) => {
-            const group = view.group;
-            const isSelected = view.key === selectedView?.key;
-            return (React.createElement("button", { type: "button", key: view.key, className: "delivery-row", role: "option", "aria-selected": isSelected, tabIndex: view.key === activeKey ? 0 : -1, ref: (element) => {
-                    if (element === null)
-                        rowRefs.current.delete(view.key);
-                    else
-                        rowRefs.current.set(view.key, element);
-                }, onClick: () => {
-                    setSelectedKey(view.key);
-                } },
-                React.createElement("span", { className: "delivery-row__id" }, group.messageIdSuffix ?? "—"),
-                React.createElement("span", { className: "delivery-row__route", title: view.routePair }, view.routePair),
-                React.createElement(Embassy.StateChip, { small: true, state: group.state, direction: group.direction, safeErrorCode: group.safeErrorCode }),
-                group.steer === true ? (React.createElement("span", { className: "mono text-muted" }, "STEER")) : null,
-                React.createElement("span", { className: "delivery-row__time" }, group.timestamp === undefined ? (t("time.unavailable")) : (React.createElement(Embassy.TimeAgo, { iso: group.timestamp })))));
-        };
-        const list = ordered.length === 0 ? null : (React.createElement("div", { className: "delivery-list", role: "listbox", "aria-labelledby": captionId, onKeyDown: moveFocus }, viewMode === "flat"
-            ? filtered.map(renderRow)
-            : pairs.map((pair) => (React.createElement("div", { className: "delivery-group", role: "group", "aria-label": pair.pair, key: pair.pair },
-                React.createElement("div", { className: "delivery-group__head", "aria-hidden": true },
-                    React.createElement(Embassy.MonoLabel, null, t("activity.column.route")),
-                    React.createElement("span", { className: "delivery-group__key" }, pair.pair)),
-                pair.rows.map(renderRow),
-                React.createElement(Embassy.Rule, null))))));
-        return (React.createElement("div", { className: "deliveries-layout" },
-            React.createElement("div", { className: "deliveries-main" },
-                React.createElement("div", { className: "row-baseline section-label" },
-                    React.createElement("h2", { className: "text-xs text-muted", id: captionId }, t("app.deliveries.caption")),
-                    React.createElement("span", { className: "mono text-muted" }, t("attention.countVisible", {
-                        count: fmtCount(locale, ordered.length),
-                    })),
-                    props.omissions.messageGroups > 0 ? (React.createElement("span", { className: "lower-bound" }, t("app.lowerBound", {
-                        count: fmtCount(locale, groups.length),
-                    }))) : null),
-                React.createElement("div", { className: "filters" },
-                    React.createElement("div", { className: "filter-group" },
-                        React.createElement(Embassy.MonoLabel, null, t("app.deliveries.fromProvider")),
-                        React.createElement("div", { className: "pill-row", role: "group", "aria-label": t("app.deliveries.fromProvider") },
-                            React.createElement(Embassy.FilterPill, { active: fromProvider === "all", onClick: () => {
-                                    setFromProvider("all");
-                                } }, t("app.deliveries.providerAll")),
-                            Embassy.GATEWAY_PROVIDERS.map((provider) => (React.createElement(Embassy.FilterPill, { key: provider, active: fromProvider === provider, onClick: () => {
-                                    setFromProvider(provider);
-                                } }, t(`provider.${provider}`)))))),
-                    React.createElement("div", { className: "filter-group" },
-                        React.createElement(Embassy.MonoLabel, null, t("app.deliveries.toProvider")),
-                        React.createElement("div", { className: "pill-row", role: "group", "aria-label": t("app.deliveries.toProvider") },
-                            React.createElement(Embassy.FilterPill, { active: toProvider === "all", onClick: () => { setToProvider("all"); } }, t("app.deliveries.providerAll")),
-                            Embassy.GATEWAY_PROVIDERS.map((provider) => (React.createElement(Embassy.FilterPill, { key: provider, active: toProvider === provider, onClick: () => { setToProvider(provider); } }, t(`provider.${provider}`)))))),
-                    React.createElement("div", { className: "filter-group" },
-                        React.createElement(Embassy.MonoLabel, null, t("app.deliveries.view.label")),
-                        React.createElement("div", { className: "pill-row", role: "group", "aria-label": t("app.deliveries.view.label") },
-                            React.createElement(Embassy.FilterPill, { active: viewMode === "byRoute", onClick: () => {
-                                    setViewMode("byRoute");
-                                } }, t("app.deliveries.view.byRoute")),
-                            React.createElement(Embassy.FilterPill, { active: viewMode === "flat", onClick: () => {
-                                    setViewMode("flat");
-                                } }, t("app.deliveries.view.flat"))))),
-                React.createElement("p", { className: "footnote section-label" }, t("app.deliveries.noConv")),
-                React.createElement(ProgressWatchRegister, { watches: props.watches, events: props.watchEvents }),
-                React.createElement("div", { className: "filter-group filters-block" },
-                    React.createElement(Embassy.MonoLabel, null, t("column.state")),
-                    React.createElement("div", { className: "pill-row", role: "group", "aria-label": t("column.state") },
-                        React.createElement(Embassy.FilterPill, { active: stateFilter === "all", onClick: () => {
-                                setStateFilter("all");
-                            } }, t("app.deliveries.state.all")),
-                        DELIVERY_STATE_FILTERS.map((state) => (React.createElement(Embassy.FilterPill, { key: state, active: stateFilter === state, onClick: () => {
-                                setStateFilter(stateFilter === state ? "all" : state);
-                            } }, state))))),
-                React.createElement("div", { className: "filter-group filters-search" },
-                    React.createElement("label", { className: "sr-only", htmlFor: searchId }, t("app.deliveries.search")),
-                    React.createElement("input", { id: searchId, className: "text-input filter-input", type: "text", value: query, placeholder: t("app.deliveries.search"), onChange: (event) => {
-                            setQuery(event.target.value);
-                        } })),
-                props.omissions.messageEvents > 0 ? (React.createElement("p", { className: "footnote section-label" }, t("app.deliveries.eventsTruncated", {
-                    count: fmtCount(locale, props.omissions.messageEvents),
-                }))) : null,
-                groups.length === 0 ? (React.createElement(DeliveriesEmpty, { text: t("activity.empty") })) : ordered.length === 0 ? (React.createElement(DeliveriesEmpty, { text: t("app.deliveries.noMatch") })) : (React.createElement(React.Fragment, null,
-                    list,
-                    viewMode === "flat" ? React.createElement(Embassy.Rule, null) : null))),
-            React.createElement("div", { className: "deliveries-rail" }, selectedView === undefined ? (React.createElement("p", { className: "detail-pane__empty" }, t("app.deliveries.pickRow"))) : (React.createElement(DeliveryDetail, { key: selectedView.key, view: selectedView })))));
-    }
-    Embassy.DeliveriesTab = DeliveriesTab;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    function canRequestCodexRegistrationRemoval(route) {
-        return route.provider === "codex" && route.mutable !== false;
-    }
-    Embassy.canRequestCodexRegistrationRemoval = canRequestCodexRegistrationRemoval;
-    Embassy.canOfferConsentEdgeCandidate = (route) => route.enabled && (route.state === "idle" || route.state === "busy" || route.state === "awaiting_approval");
-    function sameEdge(edge, aliases) {
-        const actual = edge.endpoints.map(({ alias }) => alias);
-        return aliases.every((alias) => actual.includes(alias));
-    }
-    function ActionButton(props) {
-        const t = Embassy.useT();
-        const [confirming, setConfirming] = React.useState(false);
-        const [pending, setPending] = React.useState(false);
-        const [result, setResult] = React.useState();
-        const run = () => {
-            setPending(true);
-            props.onAction(props.action).then((next) => {
-                setResult(next);
-                setPending(false);
-                setConfirming(false);
-            });
-        };
-        if (confirming)
-            return React.createElement("span", { className: "stack-sm" },
-                props.consequence === undefined ? null : React.createElement("span", { className: "footnote" }, props.consequence),
-                React.createElement("span", { className: "row-baseline" },
-                    React.createElement("button", { type: "button", disabled: pending, onClick: run }, pending ? t("live.action.pending") : t("live.action.confirm")),
-                    React.createElement("button", { type: "button", disabled: pending, onClick: () => { setConfirming(false); } }, t("live.action.cancel"))));
-        return React.createElement("span", { className: "stack-sm" },
-            React.createElement("button", { type: "button", disabled: !props.enabled, onClick: () => { setResult(undefined); setConfirming(true); } }, props.label),
-            result === undefined ? null : React.createElement("span", { className: "footnote" }, t(result.ok ? "live.action.succeeded" : "live.action.failed", { code: result.code })));
-    }
-    function edgeLabel(edge, t) {
-        const labels = edge.endpoints.map(({ provider, alias }) => t("app.routes.consentEndpoint", { provider: t(`provider.${provider}`), alias }));
-        return t("app.routes.consentEdge", { left: labels[0] ?? "", right: labels[1] ?? "" });
-    }
-    function RoutesTab(props) {
-        const t = Embassy.useT();
-        const { data } = props;
-        const candidates = [];
-        for (let left = 0; left < data.routes.length; left += 1) {
-            for (let right = left + 1; right < data.routes.length; right += 1) {
-                const a = data.routes[left]?.route;
-                const b = data.routes[right]?.route;
-                if (a === undefined || b === undefined || !Embassy.canOfferConsentEdgeCandidate(a) || !Embassy.canOfferConsentEdgeCandidate(b) ||
-                    (a.provider === b.provider && a.host === b.host) || [a, b].find((route) => route.host === [a.host, b.host].sort()[0])?.mutable === false)
-                    continue;
-                if (!data.consentEdges.some((edge) => sameEdge(edge, [a.alias, b.alias])))
-                    candidates.push([a, b]);
-            }
-        }
-        return React.createElement("div", { className: "tab-panel" },
-            React.createElement("section", { className: "section" },
-                React.createElement("h2", { className: "mono-label section-label" }, t("app.routes.topology")),
-                React.createElement("p", null, t("app.routes.pairSummary", { ready: data.graph.readyConsentEdgeCount, total: data.graph.consentEdgeCount })),
-                React.createElement("ul", { className: "pair-list" }, data.consentEdges.map((edge) => {
-                    const aliases = edge.endpoints.map(({ alias }) => alias);
-                    return React.createElement("li", { key: aliases.join("\0") },
-                        React.createElement("code", null, edgeLabel(edge, t)),
-                        " ",
-                        React.createElement(Embassy.StateChip, { domain: "route", state: edge.state === "ready" ? "idle" : "stale", small: true }),
-                        React.createElement(ActionButton, { action: { action: "unpair", aliases }, label: t("live.action.unpair"), enabled: props.actionsEnabled && edge.mutable !== false, onAction: props.onAction }));
-                })),
-                data.consentEdgesOmitted > 0 ? React.createElement("p", { className: "footnote" }, t("app.omitted.pairs", { count: data.consentEdgesOmitted })) : null),
-            Embassy.GATEWAY_PROVIDERS.map((provider) => {
-                const routes = data.routes.filter((view) => view.route.provider === provider);
-                return React.createElement("section", { className: "section", key: provider, "aria-label": t(`provider.${provider}`) },
-                    React.createElement("h2", { className: "mono-label section-label" }, t(`provider.${provider}`)),
-                    React.createElement("ul", null, routes.map(({ route, oldestAgeMs }) => React.createElement("li", { key: `${route.alias}\0${route.host}` },
-                        React.createElement("code", null, route.alias),
-                        " \u00B7 ",
-                        React.createElement(Embassy.StateChip, { domain: "route", state: route.state, small: true }),
-                        " \u00B7 ",
-                        t("app.routes.queueDepth"),
-                        ": ",
-                        route.queueDepth,
-                        oldestAgeMs === undefined ? "" : ` · ${Embassy.fmtAge(oldestAgeMs)}`,
-                        canRequestCodexRegistrationRemoval(route) ? React.createElement(ActionButton, { action: { action: "remove_codex_registration", alias: route.alias }, label: t("live.action.removeCodexRegistration"), consequence: t("app.routes.removeCodex.consequence", { alias: route.alias }), enabled: props.actionsEnabled, onAction: props.onAction }) : null))),
-                    React.createElement("p", { className: "footnote" }, t("app.routes.unpairedProvider", { provider: t(`provider.${provider}`), count: data.graph.unpairedReadyByProvider[provider] })));
-            }),
-            React.createElement("section", { className: "section" },
-                React.createElement("h2", { className: "mono-label section-label" }, t("app.routes.candidates")),
-                React.createElement("ul", null, candidates.map(([left, right]) => React.createElement("li", { key: `${left.alias}\0${right.alias}` },
-                    React.createElement("code", null,
-                        left.alias,
-                        " \u2194 ",
-                        right.alias),
-                    React.createElement(ActionButton, { action: { action: "pair", aliases: [left.alias, right.alias] }, label: t("live.action.pair"), enabled: props.actionsEnabled, onAction: props.onAction })))),
-                React.createElement(ActionButton, { action: { action: "refresh_dashboard" }, label: t("live.action.refresh"), enabled: props.actionsEnabled, onAction: props.onAction })));
-    }
-    Embassy.RoutesTab = RoutesTab;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    const ACTIVITY_KINDS = [
-        "delivery",
-        "operation",
-        "alert",
-    ];
-    const ACTIVITY_KIND_LABEL_KEYS = {
-        delivery: "app.activity.kinds.delivery",
-        operation: "app.activity.kinds.operation",
-        alert: "app.activity.kinds.alert",
-    };
-    const OPERATION_COPY_KEYS = {
-        discovery_refreshed: "app.activity.operation.discoveryRefreshed",
-        claude_selected: "app.activity.operation.claudeSelected",
-        claude_unselected: "app.activity.operation.claudeUnselected",
-        codex_registered: "app.activity.operation.codexRegistered",
-        codex_succeeded: "app.activity.operation.codexSucceeded",
-        codex_unregistered: "app.activity.operation.codexUnregistered",
-        routes_paired: "app.activity.operation.routesPaired",
-        routes_unpaired: "app.activity.operation.routesUnpaired",
-        watch_ended: "app.activity.operation.watchEnded",
-    };
-    const ACTIVITY_EMPTY_COMMAND = "embassy send --from <alias> --to <alias>";
-    const activityCountFormatters = new Map();
-    function activityAuthority(event) {
-        return event.operatorAction ? "operator" : "automatic";
-    }
-    Embassy.activityAuthority = activityAuthority;
-    function formatCount(count, locale) {
-        const existing = activityCountFormatters.get(locale);
-        if (existing !== undefined)
-            return existing.format(count);
-        const formatter = new Intl.NumberFormat(locale);
-        activityCountFormatters.set(locale, formatter);
-        return formatter.format(count);
-    }
-    function countByKind(rows) {
-        let delivery = 0;
-        let operation = 0;
-        let alert = 0;
-        for (const row of rows) {
-            if (row.kind === "delivery")
-                delivery += 1;
-            else if (row.kind === "operation")
-                operation += 1;
-            else
-                alert += 1;
-        }
-        return { all: rows.length, delivery, operation, alert };
-    }
-    function kindIsLowerBound(kind, omissions) {
-        if (kind === "delivery") {
-            return omissions.messageGroups > 0 || omissions.upstreamMessageEvents > 0;
-        }
-        if (kind === "operation") {
-            return omissions.activityEvents > 0 || omissions.upstreamActivityEvents > 0;
-        }
-        return omissions.attentionItems > 0 || omissions.upstreamAlerts > 0;
-    }
-    function filterIsLowerBound(filter, omissions) {
-        return filter === "all"
-            ? ACTIVITY_KINDS.some((kind) => kindIsLowerBound(kind, omissions))
-            : kindIsLowerBound(filter, omissions);
-    }
-    function activityRowIdentity(row) {
-        if (row.kind === "delivery") {
-            return `delivery|${Embassy.deliveryGroupKey(row.group)}`;
-        }
-        if (row.kind === "operation") {
-            return `operation|${row.event.sequence}|${row.event.action}`;
-        }
-        const item = row.item;
-        return `alert|${row.timestamp}|${item.guidance}|${item.alias ?? ""}|${item.host ?? ""}|${item.code ?? ""}`;
-    }
-    function activityRowKeys(rows) {
-        const seen = new Map();
-        return rows.map((row) => {
-            const identity = activityRowIdentity(row);
-            const occurrence = seen.get(identity) ?? 0;
-            seen.set(identity, occurrence + 1);
-            return occurrence === 0 ? identity : `${identity}#${occurrence}`;
-        });
-    }
-    function alertScope(item, t) {
-        const parts = [];
-        if (item.provider !== undefined) {
-            parts.push(t(`provider.${item.provider}`));
-        }
-        if (item.alias !== undefined)
-            parts.push(item.alias);
-        if (item.host !== undefined)
-            parts.push(item.host);
-        if (item.code !== undefined)
-            parts.push(item.code);
-        return parts.join(" · ");
-    }
-    function DeliveryEntryText(props) {
-        const group = props.group;
-        return (React.createElement("div", { className: "activity-text chip-row" },
-            React.createElement("span", { className: "mono" },
-                group.sourceAlias,
-                " \u2192 ",
-                group.targetAlias),
-            React.createElement(Embassy.StateChip, { small: true, state: group.state, direction: group.direction, safeErrorCode: group.safeErrorCode }),
-            group.steer === true ? (React.createElement("span", { className: "mono text-muted" }, "STEER")) : null,
-            group.messageIdSuffix === undefined ? null : (React.createElement("span", { className: "mono text-muted" }, group.messageIdSuffix))));
-    }
-    function AlertEntryText(props) {
-        const t = Embassy.useT();
-        const scope = alertScope(props.item, t);
-        return (React.createElement("div", { className: "activity-text stack-sm" },
-            React.createElement("div", { className: "chip-row" },
-                React.createElement(Embassy.StateChip, { small: true, domain: "severity", state: props.item.severity }),
-                React.createElement("span", null, t(`guidance.${props.guidanceKey}.title`))),
-            scope === "" ? null : (React.createElement("span", { className: "attention-item__scope" },
-                t("attention.scope"),
-                ": ",
-                scope))));
-    }
-    function OperationEntryText(props) {
-        const t = Embassy.useT();
-        const event = props.event;
-        const authority = activityAuthority(event);
-        return (React.createElement("div", { className: "activity-text stack-sm", "data-activity-authority": authority },
-            React.createElement("div", { className: "chip-row" },
-                React.createElement("span", { className: "chip chip--small", "data-kind": "inert" }, t(authority === "operator"
-                    ? "app.activity.operation.operator"
-                    : "app.activity.operation.automatic")),
-                React.createElement("span", null, t(OPERATION_COPY_KEYS[event.action])),
-                React.createElement("span", { className: "mono text-muted" }, t(event.outcome === "accepted"
-                    ? "app.activity.operation.accepted"
-                    : "app.activity.operation.rejected"))),
-            event.aliases.length === 0 && event.safeErrorCode === undefined ? null : (React.createElement("span", { className: "attention-item__scope" }, [...event.aliases, event.safeErrorCode]
-                .filter((part) => part !== undefined)
-                .join(" · ")))));
-    }
-    function ActivityEntry(props) {
-        const t = Embassy.useT();
-        const row = props.row;
-        return (React.createElement("div", { className: "activity-row", role: "listitem" },
-            row.timestamp === undefined ? (React.createElement("span", { className: "time-ago text-muted", title: t("transit.unavailable") },
-                "\u2014",
-                React.createElement("span", { className: "sr-only" }, t("transit.unavailable")))) : (React.createElement(Embassy.TimeAgo, { iso: row.timestamp })),
-            React.createElement("span", { className: "activity-kind" }, t(ACTIVITY_KIND_LABEL_KEYS[row.kind])),
-            row.kind === "delivery" ? (React.createElement(DeliveryEntryText, { group: row.group })) : row.kind === "operation" ? (React.createElement(OperationEntryText, { event: row.event })) : (React.createElement(AlertEntryText, { item: row.item, guidanceKey: row.guidanceKey }))));
-    }
-    function ActivityTab(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        const headingId = React.useId();
-        const [kindFilter, setKindFilter] = React.useState("all");
-        const rows = props.rows;
-        const counts = React.useMemo(() => countByKind(rows), [rows]);
-        const shown = React.useMemo(() => kindFilter === "all"
-            ? rows
-            : rows.filter((row) => row.kind === kindFilter), [rows, kindFilter]);
-        const keys = React.useMemo(() => activityRowKeys(shown), [shown]);
-        const showAll = React.useCallback(() => {
-            setKindFilter("all");
-        }, []);
-        const toggleKind = React.useCallback((kind) => {
-            setKindFilter((current) => (current === kind ? "all" : kind));
-        }, []);
-        const isLowerBound = filterIsLowerBound(kindFilter, props.omissions);
-        return (React.createElement("section", { className: "section tab-panel--narrow", "aria-labelledby": headingId },
-            React.createElement("h2", { id: headingId, className: "mono-label section-label" }, t("app.activity.title")),
-            React.createElement("div", { className: "filters" },
-                React.createElement("div", { className: "filter-group" },
-                    React.createElement("div", { className: "pill-row" },
-                        React.createElement(Embassy.FilterPill, { active: kindFilter === "all", onClick: showAll },
-                            t("app.activity.kinds.all"),
-                            " ",
-                            React.createElement("span", { className: "pill__count" }, formatCount(counts.all, locale))),
-                        ACTIVITY_KINDS.map((kind) => (React.createElement(Embassy.FilterPill, { key: kind, active: kindFilter === kind, onClick: () => {
-                                toggleKind(kind);
-                            } },
-                            t(ACTIVITY_KIND_LABEL_KEYS[kind]),
-                            " ",
-                            React.createElement("span", { className: "pill__count" }, formatCount(counts[kind], locale)))))),
-                    isLowerBound ? (React.createElement("div", { className: "chip-row" },
-                        React.createElement("span", { className: "lower-bound" }, t("app.lowerBound", {
-                            count: formatCount(shown.length, locale),
-                        })))) : null)),
-            React.createElement("div", { className: "stack" },
-                shown.length === 0 ? (React.createElement("div", { className: "empty-state empty-state--activity" },
-                    React.createElement("p", { className: "empty-state__text" }, t("app.activity.empty")),
-                    React.createElement(Embassy.CopyCmd, { cmd: ACTIVITY_EMPTY_COMMAND }))) : (React.createElement("div", null,
-                    React.createElement("div", { className: "activity-list", role: "list" }, shown.map((row, index) => (React.createElement(ActivityEntry, { key: keys[index] ?? index, row: row })))),
-                    React.createElement(Embassy.Rule, null))),
-                React.createElement("p", { className: "footnote" }, t("app.activity.limited")))));
-    }
-    Embassy.ActivityTab = ActivityTab;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    const DIAGNOSTICS_ABSENT_FIELD = "—";
-    const DIAGNOSTICS_CONNECTOR_COLUMNS = 8;
-    const diagnosticsNumberFormatters = new Map();
-    function diagnosticsNumberFormatter(locale) {
-        const existing = diagnosticsNumberFormatters.get(locale);
-        if (existing !== undefined)
-            return existing;
-        const formatter = new Intl.NumberFormat(locale);
-        diagnosticsNumberFormatters.set(locale, formatter);
-        return formatter;
-    }
-    function formatDiagnosticsCount(value, locale) {
-        return diagnosticsNumberFormatter(locale).format(value);
-    }
-    function formatDiagnosticsBytes(value, locale) {
-        if (value < 1_024) {
-            return `${formatDiagnosticsCount(value, locale)} B`;
-        }
-        if (value < 1_048_576) {
-            const kibibytes = value / 1_024;
-            const rounded = kibibytes < 10 ? Math.round(kibibytes * 10) / 10 : Math.round(kibibytes);
-            return `${formatDiagnosticsCount(rounded, locale)} KiB`;
-        }
-        const mebibytes = value / 1_048_576;
-        const rounded = mebibytes < 10 ? Math.round(mebibytes * 10) / 10 : Math.round(mebibytes);
-        return `${formatDiagnosticsCount(rounded, locale)} MiB`;
-    }
-    function DiagnosticsLowerBound(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        return (React.createElement("span", { className: "lower-bound" }, t("app.lowerBound", {
-            count: formatDiagnosticsCount(props.count, locale),
-        })));
-    }
-    function DiagnosticsConnectorTable(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        const { connectors } = props;
-        return (React.createElement("div", { className: "table-wrap" },
-            React.createElement("table", { className: "data-table" },
-                React.createElement("caption", { className: "sr-only" }, t("app.diag.versions.caption")),
-                React.createElement("thead", null,
-                    React.createElement("tr", null,
-                        React.createElement("th", { scope: "col" }, t("app.diag.col.provider")),
-                        React.createElement("th", { scope: "col" }, t("app.diag.col.host")),
-                        React.createElement("th", { scope: "col" }, t("app.diag.col.protocol")),
-                        React.createElement("th", { scope: "col" }, t("app.diag.col.version")),
-                        React.createElement("th", { scope: "col" }, t("diagnostics.health")),
-                        React.createElement("th", { scope: "col" }, t("column.observed")),
-                        React.createElement("th", { scope: "col" }, t("diagnostics.registry.title")),
-                        React.createElement("th", { scope: "col" }, t("column.issue")))),
-                React.createElement("tbody", null, connectors.length === 0 ? (React.createElement("tr", null,
-                    React.createElement("td", { colSpan: DIAGNOSTICS_CONNECTOR_COLUMNS }, t("diagnostics.connectors.empty")))) : (connectors.map((connector, index) => {
-                    const observation = connector.registry;
-                    const stateKey = observation === undefined
-                        ? undefined
-                        : observation.parseableRecordSeenSinceBoot
-                            ? "diagnostics.registry.state.parseableRecordObserved"
-                            : observation.entriesScanned === 0
-                                ? "diagnostics.registry.state.emptySinceBoot"
-                                : "diagnostics.registry.state.noParseableRecordSinceBoot";
-                    return (React.createElement("tr", { key: `${connector.provider}|${connector.host}|${index}` },
-                        React.createElement("th", { scope: "row" }, t(`provider.${connector.provider}`)),
-                        React.createElement("td", { className: "cell-mono" }, connector.host),
-                        React.createElement("td", { className: "cell-mono" }, connector.protocol ?? DIAGNOSTICS_ABSENT_FIELD),
-                        React.createElement("td", { className: "cell-mono" }, connector.protocolVersion ?? DIAGNOSTICS_ABSENT_FIELD),
-                        React.createElement("td", null,
-                            React.createElement(Embassy.StateChip, { domain: "health", state: connector.health, small: true })),
-                        React.createElement("td", null, connector.lastSeenAt === undefined ? (DIAGNOSTICS_ABSENT_FIELD) : (React.createElement(Embassy.TimeAgo, { iso: connector.lastSeenAt }))),
-                        React.createElement("td", null, observation === undefined || stateKey === undefined ? (DIAGNOSTICS_ABSENT_FIELD) : (React.createElement("div", { className: "stack-sm" },
-                            React.createElement("span", null, t(stateKey)),
-                            React.createElement("span", { className: "cell-note" },
-                                t("diagnostics.registry.entriesScanned"),
-                                ": ",
-                                formatDiagnosticsCount(observation.entriesScanned, locale),
-                                " \u00B7 ",
-                                t("diagnostics.registry.parseableRecords"),
-                                ": ",
-                                formatDiagnosticsCount(observation.parseableRecords, locale)),
-                            React.createElement("span", { className: "cell-note" },
-                                t("diagnostics.registry.rejected"),
-                                ": ",
-                                observation.rejected.length === 0
-                                    ? t("diagnostics.registry.rejectedNone")
-                                    : observation.rejected.map((row, rejectionIndex) => (React.createElement(React.Fragment, { key: row.safeErrorCode },
-                                        rejectionIndex === 0 ? null : " · ",
-                                        React.createElement("code", null, row.safeErrorCode),
-                                        " \u00D7 ",
-                                        formatDiagnosticsCount(row.count, locale))))),
-                            observation.rejectedCodesOmitted === 0 ? null : (React.createElement("span", { className: "cell-note" }, t("diagnostics.registry.rejectedCodesOmitted", {
-                                count: formatDiagnosticsCount(observation.rejectedCodesOmitted, locale),
-                            })))))),
-                        React.createElement("td", { className: "cell-mono" }, connector.safeErrorCode === undefined &&
-                            connector.codexDoctor === undefined
-                            ? DIAGNOSTICS_ABSENT_FIELD
-                            : (React.createElement("div", { className: "stack-sm" },
-                                connector.safeErrorCode === undefined
-                                    ? null
-                                    : React.createElement("code", null, connector.safeErrorCode),
-                                connector.codexDoctor?.conditions.map((condition) => (React.createElement("span", { key: condition, className: "cell-note" }, t(`diagnostics.codexDoctor.${condition}`)))))))));
-                }))))));
-    }
-    function DiagnosticsCounterTable(props) {
-        return (React.createElement("div", { className: "table-wrap counters-list" },
-            React.createElement("table", { className: "data-table data-table--counters" },
-                React.createElement("caption", { className: "table-caption" }, props.caption),
-                React.createElement("tbody", null, props.rows.map((row) => (React.createElement("tr", { key: row.id },
-                    React.createElement("th", { scope: "row" }, row.label),
-                    React.createElement("td", { className: "cell-mono" }, row.value)))))),
-            React.createElement(Embassy.Rule, null)));
-    }
-    function DiagnosticsOmissionTable(props) {
-        return (React.createElement("div", { className: "table-wrap" },
-            React.createElement("table", { className: "data-table" },
-                React.createElement("caption", { className: "table-caption" }, props.caption),
-                React.createElement("tbody", null, props.rows.map((row) => (React.createElement("tr", { key: row.field },
-                    React.createElement("th", { scope: "row", className: "cell-mono" }, row.field),
-                    React.createElement("td", null, row.text)))))),
-            React.createElement(Embassy.Rule, null)));
-    }
-    function DiagnosticsDisclosure(props) {
-        const t = Embassy.useT();
-        const [open, setOpen] = React.useState(false);
-        return (React.createElement("details", { className: "details-block", onToggle: (event) => {
-                setOpen(event.currentTarget.open);
-            } },
-            React.createElement("summary", null,
-                props.label,
-                " \u00B7 ",
-                open ? t("app.hide") : t("app.show")),
-            props.children));
-    }
-    function DiagnosticsSetting(props) {
-        const { setting } = props;
-        return (React.createElement("div", { className: "setting-row" },
-            React.createElement("div", { className: "row-baseline" },
-                React.createElement("span", { className: setting.nameIsToken
-                        ? "detail-value detail-value--mono"
-                        : "detail-value" }, setting.name),
-                React.createElement("span", { className: "mono-label" }, setting.where)),
-            React.createElement("div", { className: "env-name" }, setting.envName ?? DIAGNOSTICS_ABSENT_FIELD),
-            setting.note === undefined ? null : (React.createElement("p", { className: "footnote" }, setting.note))));
-    }
-    function DiagnosticsTab(props) {
-        const t = Embassy.useT();
-        const [locale] = Embassy.useLocale();
-        const { data } = props;
-        const versionsHeadingId = React.useId();
-        const limitsHeadingId = React.useId();
-        const deadlineHeadingId = React.useId();
-        const queueHeadingId = React.useId();
-        const bytesHeadingId = React.useId();
-        const settingsHeadingId = React.useId();
-        const deadlineIsWarn = data.expiredCount > 0;
-        const deadlineBucketKeys = {
-            under_1m: "app.diag.deadline.bucket.under1m",
-            "1m_to_5m": "app.diag.deadline.bucket.1to5m",
-            "5m_to_15m": "app.diag.deadline.bucket.5to15m",
-            "15m_to_60m": "app.diag.deadline.bucket.15to60m",
-            over_60m: "app.diag.deadline.bucket.over60m",
-        };
-        const accounting = data.accounting;
-        const accountingRows = [
-            {
-                id: "accepted",
-                label: t("diagnostics.accepted"),
-                value: formatDiagnosticsCount(accounting.accepted, locale),
-            },
-            {
-                id: "duplicates",
-                label: t("diagnostics.duplicates"),
-                value: formatDiagnosticsCount(accounting.duplicates, locale),
-            },
-            {
-                id: "delivered",
-                label: t("diagnostics.delivered"),
-                value: formatDiagnosticsCount(accounting.delivered, locale),
-            },
-            {
-                id: "unconfirmed",
-                label: t("diagnostics.unconfirmed"),
-                value: formatDiagnosticsCount(accounting.unconfirmed, locale),
-            },
-            {
-                id: "ambiguous",
-                label: t("diagnostics.ambiguous"),
-                value: formatDiagnosticsCount(accounting.ambiguous, locale),
-            },
-            {
-                id: "failed",
-                label: t("diagnostics.failed"),
-                value: formatDiagnosticsCount(accounting.failed, locale),
-            },
-            {
-                id: "expired",
-                label: t("diagnostics.expired"),
-                value: formatDiagnosticsCount(accounting.expired, locale),
-            },
-            {
-                id: "cancelled",
-                label: t("diagnostics.cancelled"),
-                value: formatDiagnosticsCount(accounting.cancelled, locale),
-            },
-            {
-                id: "abandoned",
-                label: t("diagnostics.abandoned"),
-                value: formatDiagnosticsCount(accounting.abandoned, locale),
-            },
-            {
-                id: "rejected",
-                label: t("diagnostics.rejected"),
-                value: formatDiagnosticsCount(accounting.rejected, locale),
-            },
-            {
-                id: "bytesAccepted",
-                label: t("diagnostics.bytesAccepted"),
-                value: formatDiagnosticsBytes(accounting.bytesAccepted, locale),
-            },
-            {
-                id: "queuedBytes",
-                label: t("diagnostics.queuedBytes"),
-                value: formatDiagnosticsBytes(accounting.queuedBytes, locale),
-            },
-        ];
-        const omissions = data.omissions;
-        const omissionRows = [
-            {
-                field: "connectors",
-                text: t("diagnostics.omissions.connectors", {
-                    count: formatDiagnosticsCount(omissions.connectors, locale),
-                }),
-            },
-            {
-                field: "availablePeers",
-                text: t("diagnostics.omissions.peers", {
-                    count: formatDiagnosticsCount(omissions.availablePeers, locale),
-                }),
-            },
-            {
-                field: "routes",
-                text: t("diagnostics.omissions.routes", {
-                    count: formatDiagnosticsCount(omissions.routes, locale),
-                }),
-            },
-            {
-                field: "consentEdges",
-                text: t("diagnostics.omissions.consentEdges", {
-                    count: formatDiagnosticsCount(omissions.consentEdges, locale),
-                }),
-            },
-            {
-                field: "upstreamMessageEvents",
-                text: t("diagnostics.omissions.upstreamMessageEvents", {
-                    count: formatDiagnosticsCount(omissions.upstreamMessageEvents, locale),
-                }),
-            },
-            {
-                field: "messageGroups",
-                text: t("diagnostics.omissions.messageGroups", {
-                    count: formatDiagnosticsCount(omissions.messageGroups, locale),
-                }),
-            },
-            {
-                field: "messageEvents",
-                text: t("diagnostics.omissions.messageEvents", {
-                    count: formatDiagnosticsCount(omissions.messageEvents, locale),
-                }),
-            },
-            {
-                field: "upstreamAlerts",
-                text: t("diagnostics.omissions.upstreamAlerts", {
-                    count: formatDiagnosticsCount(omissions.upstreamAlerts, locale),
-                }),
-            },
-            {
-                field: "attentionItems",
-                text: t("diagnostics.omissions.attentionItems", {
-                    count: formatDiagnosticsCount(omissions.attentionItems, locale),
-                }),
-            },
-        ];
-        const nothingOmitted = omissions.connectors === 0 &&
-            omissions.availablePeers === 0 &&
-            omissions.routes === 0 &&
-            omissions.consentEdges === 0 &&
-            omissions.upstreamMessageEvents === 0 &&
-            omissions.messageGroups === 0 &&
-            omissions.messageEvents === 0 &&
-            omissions.upstreamAlerts === 0 &&
-            omissions.attentionItems === 0;
-        const settings = [
-            {
-                id: "deadline",
-                name: t("app.diag.deadline.title"),
-                nameIsToken: false,
-                envName: "EMBASSY_MESSAGE_DEADLINE_MS",
-                where: t("app.tab.diagnostics"),
-                note: undefined,
-            },
-            {
-                id: "queueDepth",
-                name: t("app.diag.queue.title"),
-                nameIsToken: false,
-                envName: "EMBASSY_MAX_QUEUE_MESSAGES",
-                where: t("app.tab.overview"),
-                note: undefined,
-            },
-            {
-                id: "deliveryNotices",
-                name: t("app.diag.deliveryNotices.title"),
-                nameIsToken: false,
-                envName: "EMBASSY_DELIVERY_NOTICES",
-                where: t("app.tab.diagnostics"),
-                note: t("app.diag.deliveryNotices.note"),
-            },
-            {
-                id: "steering",
-                name: "steering",
-                nameIsToken: true,
-                envName: undefined,
-                where: t("app.tab.diagnostics"),
-                note: undefined,
-            },
-            {
-                id: "inboundMode",
-                name: "inbound mode",
-                nameIsToken: true,
-                envName: undefined,
-                where: t("app.tab.routes"),
-                note: t("app.routes.detail.absent"),
-            },
-        ];
-        return (React.createElement("div", { className: "tab-panel tab-panel--narrow" },
-            React.createElement("section", { className: "section", "aria-labelledby": settingsHeadingId },
-                React.createElement("h2", { className: "mono-label section-label", id: settingsHeadingId }, t("app.diag.editable.title")),
-                React.createElement("div", { className: "stack-lg" },
-                    React.createElement("div", { className: "grid-2" },
-                        React.createElement("section", { className: deadlineIsWarn ? "card card--warn" : "card", "aria-labelledby": deadlineHeadingId },
-                            React.createElement("div", { className: "card__head" },
-                                React.createElement("h3", { className: "card__title", id: deadlineHeadingId }, t("app.diag.deadline.title")),
-                                deadlineIsWarn ? (React.createElement(Embassy.StateChip, { domain: "severity", state: "warning", small: true })) : null),
-                            React.createElement("p", { className: "card__body" }, t("app.diag.deadline.body", {
-                                count: formatDiagnosticsCount(data.expiredCount, locale),
-                            })),
-                            data.deadlinePressure === undefined ? null : (React.createElement("div", { className: "stack-sm" },
-                                React.createElement("p", { className: "footnote" }, t("app.diag.deadline.retained", {
-                                    terminal: formatDiagnosticsCount(data.deadlinePressure.terminalEvents, locale),
-                                    expired: formatDiagnosticsCount(data.deadlinePressure.expiredEvents, locale),
-                                    deadline: Embassy.fmtAge(data.deadlinePressure.configuredDeadlineMs),
-                                })),
-                                React.createElement("dl", { className: "detail-list" }, data.deadlinePressure.buckets.map((bucket) => (React.createElement(React.Fragment, { key: bucket.bucket },
-                                    React.createElement("dt", null, t(deadlineBucketKeys[bucket.bucket])),
-                                    React.createElement("dd", null,
-                                        formatDiagnosticsCount(bucket.settled, locale),
-                                        " \u00B7 ",
-                                        formatDiagnosticsCount(bucket.expired, locale),
-                                        " ",
-                                        t("delivery.expired")))))))),
-                            React.createElement("p", { className: "env-name" }, "EMBASSY_MESSAGE_DEADLINE_MS"),
-                            React.createElement(Embassy.CopyCmd, { cmd: "EMBASSY_MESSAGE_DEADLINE_MS=<ms> embassy serve" })),
-                        React.createElement(Embassy.AbsentFeature, { title: t("app.diag.steering.title"), body: t("app.diag.steering.absent") })),
-                    React.createElement("div", { className: "setting-list" }, settings.map((setting) => (React.createElement(DiagnosticsSetting, { key: setting.id, setting: setting })))),
-                    React.createElement("p", { className: "footnote" }, t("app.diag.editable.note")))),
-            React.createElement("section", { className: "section", "aria-labelledby": versionsHeadingId },
-                React.createElement("div", { className: "row-baseline section-label" },
-                    React.createElement("h2", { className: "mono-label", id: versionsHeadingId }, t("app.diag.versions")),
-                    data.connectorsOmitted > 0 ? (React.createElement(DiagnosticsLowerBound, { count: data.connectors.length })) : null),
-                React.createElement("div", { className: "stack" },
-                    React.createElement(DiagnosticsConnectorTable, { connectors: data.connectors }),
-                    React.createElement("p", { className: "footnote" }, t("app.diag.versions.rangeAbsent")))),
-            React.createElement("div", { className: "grid-2" },
-                React.createElement(Embassy.AbsentFeature, { title: t("app.diag.lease.title"), body: t("app.diag.lease.absent"), cmd: "embassy status" })),
-            React.createElement("section", { className: "section", "aria-labelledby": limitsHeadingId },
-                React.createElement("h2", { className: "mono-label section-label", id: limitsHeadingId }, t("app.diag.limits")),
-                React.createElement("div", { className: "stack" },
-                    React.createElement("section", { className: "card", "aria-labelledby": queueHeadingId },
-                        React.createElement("div", { className: "card__head" },
-                            React.createElement("h3", { className: "card__title", id: queueHeadingId }, t("app.diag.queue.title")),
-                            data.queueCountIsLowerBound ? (React.createElement(DiagnosticsLowerBound, { count: data.queuedMessages })) : null),
-                        React.createElement("p", { className: "card__body" }, t("app.diag.queue.body", {
-                            count: formatDiagnosticsCount(data.queuedMessages, locale),
-                        })),
-                        React.createElement("p", { className: "env-name" }, "EMBASSY_MAX_QUEUE_MESSAGES"),
-                        React.createElement(Embassy.CopyCmd, { cmd: "EMBASSY_MAX_QUEUE_MESSAGES=<n> embassy serve" })),
-                    React.createElement("section", { className: "card", "aria-labelledby": bytesHeadingId },
-                        React.createElement("div", { className: "card__head" },
-                            React.createElement("h3", { className: "card__title", id: bytesHeadingId }, t("app.diag.bytes.title"))),
-                        React.createElement("p", { className: "card__body" }, t("app.diag.bytes.body", {
-                            queued: formatDiagnosticsBytes(accounting.queuedBytes, locale),
-                            accepted: formatDiagnosticsBytes(accounting.bytesAccepted, locale),
-                        })),
-                        React.createElement("p", { className: "env-name" }, "EMBASSY_MAX_MESSAGE_BYTES"),
-                        React.createElement(Embassy.CopyCmd, { cmd: "EMBASSY_MAX_MESSAGE_BYTES=<n> embassy serve" })),
-                    React.createElement("p", { className: "footnote" }, t("app.diag.limits.hint")))),
-            React.createElement("section", { className: "section" },
-                React.createElement(DiagnosticsDisclosure, { label: t("app.diag.counters") },
-                    React.createElement("div", { className: "details-block__content" },
-                        React.createElement(DiagnosticsCounterTable, { caption: t("app.diag.counters.caption"), rows: accountingRows }))),
-                React.createElement(DiagnosticsDisclosure, { label: t("app.diag.omissions") },
-                    React.createElement("div", { className: "details-block__content stack" },
-                        React.createElement(DiagnosticsOmissionTable, { caption: t("app.diag.omissions.caption"), rows: omissionRows }),
-                        nothingOmitted ? (React.createElement("p", { className: "footnote" }, t("diagnostics.omissions.none"))) : null)))));
-    }
-    Embassy.DiagnosticsTab = DiagnosticsTab;
-})(Embassy || (Embassy = {}));
-var Embassy;
-(function (Embassy) {
-    const PREFS_STORAGE_KEY = "embassy-live-prefs";
-    const STALE_NOTICE_MS = 35_000;
-    const TAB_KEYS = [
-        "overview",
-        "deliveries",
-        "routes",
-        "activity",
-        "diagnostics",
-    ];
-    function isTabKey(value) {
-        return (typeof value === "string" &&
-            TAB_KEYS.includes(value));
-    }
-    function loadPrefs(fallbackLocale) {
-        try {
-            const raw = window.localStorage.getItem(PREFS_STORAGE_KEY);
-            if (raw !== null) {
-                const parsed = JSON.parse(raw);
-                if (typeof parsed === "object" && parsed !== null) {
-                    const record = parsed;
-                    const locale = record["locale"];
-                    const tab = record["tab"];
-                    return {
-                        locale: locale === "en" || locale === "zh-CN" ? locale : fallbackLocale,
-                        tab: isTabKey(tab) ? tab : "overview",
-                    };
-                }
-            }
-        }
-        catch {
-        }
-        return { locale: fallbackLocale, tab: "overview" };
-    }
-    function savePrefs(prefs) {
-        try {
-            window.localStorage.setItem(PREFS_STORAGE_KEY, JSON.stringify(prefs));
-        }
-        catch {
-        }
-    }
-    function Notice(props) {
-        const t = Embassy.useT();
-        return (React.createElement("div", { className: "notice", "data-tone": props.tone, role: "status" },
-            React.createElement("span", null, props.text),
-            React.createElement("button", { type: "button", className: "toggle-link", onClick: props.onDismiss }, t("app.hide"))));
-    }
-    function Shell(props) {
-        const t = Embassy.useT();
-        const [locale, setLocale] = Embassy.useLocale();
-        const [tab, setTab] = React.useState(props.initialTab);
-        const [latest, setLatest] = React.useState(undefined);
-        const [connectionState, setConnectionState] = React.useState("connecting");
-        const [lastFrameAtMs, setLastFrameAtMs] = React.useState(undefined);
-        const [notices, setNotices] = React.useState({
-            reset: false,
-            missedFrames: false,
-        });
-        const [preset, setPreset] = React.useState(undefined);
-        const [query, setQuery] = React.useState("");
-        const nowMs = Embassy.useNowMs();
-        const protocolRef = React.useRef(undefined);
-        const tabRefs = React.useRef([]);
-        React.useEffect(() => {
-            const protocol = Embassy.createProtocol({
-                onEvent: (event) => {
-                    setLatest(event);
-                    setLastFrameAtMs(Date.now());
-                },
-                onConnectionState: setConnectionState,
-                onNotice: (kind) => {
-                    setNotices((previous) => ({ ...previous, [kind]: true }));
-                },
-            });
-            protocolRef.current = protocol;
-            protocol.start();
-            return () => {
-                protocolRef.current = undefined;
-                protocol.pause();
-            };
-        }, []);
-        React.useEffect(() => {
-            document.documentElement.lang = locale;
-        }, [locale]);
-        React.useEffect(() => {
-            savePrefs({ locale, tab });
-        }, [locale, tab]);
-        const goDeliveries = React.useCallback((next) => {
-            setPreset(next);
-            setTab("deliveries");
-        }, []);
-        const clearPreset = React.useCallback(() => {
-            setPreset(undefined);
-        }, []);
-        const runAction = React.useCallback(async (action) => protocolRef.current?.executeAction(action) ?? {
-            ok: false,
-            code: "unavailable",
-        }, []);
-        const dismissNotice = (kind) => {
-            setNotices((previous) => ({ ...previous, [kind]: false }));
-        };
-        const onSearchKeyDown = (event) => {
-            if (event.key !== "Enter")
-                return;
-            const token = query.trim();
-            if (token === "")
-                return;
-            setPreset({ token });
-            setTab("deliveries");
-            setQuery("");
-        };
-        const onTabKeyDown = (event) => {
-            const currentIndex = TAB_KEYS.indexOf(tab);
-            let nextIndex;
-            if (event.key === "ArrowRight") {
-                nextIndex = (currentIndex + 1) % TAB_KEYS.length;
-            }
-            else if (event.key === "ArrowLeft") {
-                nextIndex = (currentIndex - 1 + TAB_KEYS.length) % TAB_KEYS.length;
-            }
-            else if (event.key === "Home") {
-                nextIndex = 0;
-            }
-            else if (event.key === "End") {
-                nextIndex = TAB_KEYS.length - 1;
-            }
-            if (nextIndex === undefined)
-                return;
-            event.preventDefault();
-            const nextTab = TAB_KEYS[nextIndex];
-            if (nextTab === undefined)
-                return;
-            setTab(nextTab);
-            tabRefs.current[nextIndex]?.focus();
-        };
-        const generatedAt = latest?.model.generatedAt;
-        const staleAgeMs = lastFrameAtMs === undefined ? undefined : nowMs - lastFrameAtMs;
-        const hasNotices = notices.reset || notices.missedFrames;
-        function renderActiveTab() {
-            if (latest === undefined) {
-                return (React.createElement("div", { className: "empty-state" },
-                    React.createElement("p", { className: "empty-state__text" }, t(`live.connection.${connectionState}`))));
-            }
-            const model = latest.model;
-            switch (tab) {
-                case "overview":
-                    return (React.createElement(Embassy.OverviewTab, { data: Embassy.adapter.overviewProps(model, nowMs), onViewDeliveries: goDeliveries }));
-                case "deliveries":
-                    return (React.createElement(Embassy.DeliveriesTab, { groups: Embassy.adapter.deliveriesGroups(model), watches: model.watches ?? [], watchEvents: model.watchEvents ?? [], omissions: model.omissions, preset: preset, clearPreset: clearPreset }));
-                case "routes":
-                    return (React.createElement(Embassy.RoutesTab, { data: Embassy.adapter.routesProps(model, nowMs), actionsEnabled: connectionState === "connected", onAction: runAction }));
-                case "activity":
-                    return (React.createElement(Embassy.ActivityTab, { rows: Embassy.adapter.activityRows(model), omissions: model.omissions }));
-                case "diagnostics":
-                    return React.createElement(Embassy.DiagnosticsTab, { data: Embassy.adapter.diagnosticsProps(model) });
-            }
-        }
-        return (React.createElement("div", { className: "app-shell" },
-            React.createElement("header", { className: "app-header" },
-                React.createElement("div", { className: "header-bar" },
-                    React.createElement("div", { className: "brand" },
-                        React.createElement("svg", { width: "26", height: "26", viewBox: "0 0 64 64", fill: "none", "aria-hidden": "true", className: "brand-mark" },
-                            React.createElement("path", { d: "M32 16 V5 L41 7.5 L32 10", fill: "#f4a259" }),
-                            React.createElement("path", { d: "M21.5 55 V32 C21.5 23 42.5 23 42.5 32 V55 Z", fill: "#f4a259" }),
-                            React.createElement("path", { d: "M14 55 V30.5 C14 17 50 17 50 30.5 V55", stroke: "#17171c", strokeWidth: "3.4", strokeLinecap: "round" }),
-                            React.createElement("path", { d: "M10 55.5 H54", stroke: "#17171c", strokeWidth: "3", strokeLinecap: "round" })),
-                        React.createElement("span", { className: "brand-wordmark" }, "Embassy"),
-                        React.createElement("span", { className: "mono-label" }, t("live.label")),
-                        latest === undefined ? null : (React.createElement("span", { className: "brand-posture" },
-                            React.createElement(Embassy.StateChip, { domain: "overall", state: latest.model.overall, small: true })))),
-                    React.createElement("div", { className: "header-spacer" }),
-                    React.createElement("input", { type: "search", className: "text-input header-search", value: query, onChange: (event) => {
-                            setQuery(event.target.value);
-                        }, onKeyDown: onSearchKeyDown, "aria-label": t("app.search.label"), placeholder: t("app.search.placeholder") }),
-                    React.createElement("div", { className: "header-meta" },
-                        React.createElement("span", { className: "as-of", title: generatedAt }, t("app.asOf", {
-                            time: generatedAt === undefined
-                                ? t("time.unavailable")
-                                : Embassy.fmtAbs(generatedAt, locale),
-                        })),
-                        React.createElement("span", { className: "conn-status", "aria-live": "polite" },
-                            React.createElement(Embassy.StateChip, { domain: "connection", state: connectionState, label: t(`live.connection.${connectionState}`), small: true })),
-                        React.createElement("div", { className: "lang-toggle" },
-                            React.createElement("button", { type: "button", className: "lang-toggle__btn", "aria-pressed": locale === "en", onClick: () => {
-                                    setLocale("en");
-                                } }, "EN"),
-                            React.createElement("button", { type: "button", className: "lang-toggle__btn", "aria-pressed": locale === "zh-CN", onClick: () => {
-                                    setLocale("zh-CN");
-                                } }, "\u4E2D\u6587"))),
-                    React.createElement("div", { className: "header-subrow" },
-                        staleAgeMs !== undefined && staleAgeMs >= STALE_NOTICE_MS ? (React.createElement("p", { className: connectionState === "connected"
-                                ? "staleness staleness--quiet"
-                                : "staleness", role: "status" }, connectionState === "connected"
-                            ? t("app.staleQuiet", { age: Embassy.fmtAge(staleAgeMs) })
-                            : t("app.stale", { age: Embassy.fmtAge(staleAgeMs) }))) : null,
-                        React.createElement("span", { className: "conn-controls" },
-                            React.createElement("button", { type: "button", className: "btn btn--ghost", onClick: () => protocolRef.current?.pause() }, t("live.control.pause")),
-                            React.createElement("button", { type: "button", className: "btn btn--ghost", onClick: () => protocolRef.current?.reconnect() }, t("live.control.reconnect")),
-                            React.createElement("button", { type: "button", className: "btn btn--ghost", onClick: () => protocolRef.current?.readNow() }, t("live.control.refresh"))))),
-                React.createElement("nav", { className: "app-nav", role: "tablist", "aria-label": t("live.label") }, TAB_KEYS.map((key, index) => (React.createElement("button", { key: key, type: "button", role: "tab", id: `tab-${key}`, className: "tab", "aria-selected": tab === key, "aria-controls": `panel-${key}`, tabIndex: tab === key ? 0 : -1, ref: (element) => {
-                        tabRefs.current[index] = element;
-                    }, onClick: () => {
-                        setTab(key);
-                    }, onKeyDown: onTabKeyDown }, t(`app.tab.${key}`)))))),
-            React.createElement("main", { className: "app-main" },
-                React.createElement("div", { className: "stack-lg" },
-                    hasNotices ? (React.createElement("div", { className: "stack" },
-                        notices.reset ? (React.createElement(Notice, { tone: "info", text: t("live.stream.reset"), onDismiss: () => {
-                                dismissNotice("reset");
-                            } })) : null,
-                        notices.missedFrames ? (React.createElement(Notice, { tone: "warning", text: t("app.missedFrames"), onDismiss: () => {
-                                dismissNotice("missedFrames");
-                            } })) : null)) : null,
-                    React.createElement("div", { role: "tabpanel", id: `panel-${tab}`, "aria-labelledby": `tab-${tab}`, tabIndex: 0 }, renderActiveTab()))),
-            React.createElement("footer", { className: "app-footer" },
-                React.createElement("span", { className: "mono-label" }, t("live.action.authorityLabel")),
-                React.createElement("p", null, t("live.action.authorityBody")),
-                React.createElement("p", { className: "footer-diagnostic" },
-                    t("live.metric.revision"),
-                    ":",
-                    " ",
-                    latest === undefined ? "—" : String(latest.streamRevision)))));
-    }
-    function App() {
-        const boot = window.EMBASSY_BOOT;
-        const [initialPrefs] = React.useState(() => loadPrefs(boot.locale));
-        return (React.createElement(Embassy.I18nProvider, { copy: boot.copy, initialLocale: initialPrefs.locale },
-            React.createElement(Shell, { initialTab: initialPrefs.tab })));
-    }
-    Embassy.App = App;
-    const rootElement = document.getElementById("root");
-    if (rootElement !== null) {
-        ReactDOM.createRoot(rootElement).render(React.createElement(App, null));
-    }
-})(Embassy || (Embassy = {}));