@elizaos/agent 2.0.0-alpha.520 → 2.0.0-alpha.521

package/packages/app-core/src/components/permissions/StreamingPermissions.js

@@ -1,284 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, StatusBadge } from "@elizaos/ui";
-import { Check, Cloud, Loader2 } from "lucide-react";
-import { useCallback, useEffect, useState } from "react";
-import { useApp } from "../../state";
-import { PermissionIcon } from "./PermissionIcon";
-const MEDIA_PERMISSIONS = [
-    {
-        id: "camera",
-        name: "Camera",
-        nameKey: "permissionssection.streaming.camera.name",
-        description: "Stream video to your agent for vision tasks",
-        descriptionKey: "permissionssection.streaming.camera.description",
-        icon: "camera",
-    },
-    {
-        id: "microphone",
-        name: "Microphone",
-        nameKey: "permissionssection.streaming.microphone.name",
-        description: "Stream audio for voice interaction with your agent",
-        descriptionKey: "permissionssection.streaming.microphone.description",
-        icon: "mic",
-    },
-    {
-        id: "screen",
-        name: "Screen",
-        nameKey: "permissionssection.streaming.screen.name",
-        description: "Share your screen with your agent",
-        descriptionKey: "permissionssection.streaming.screen.description",
-        icon: "monitor",
-        modes: ["web"],
-    },
-];
-function translateWithFallback(t, key, fallback) {
-    const value = t(key);
-    return !value || value === key ? fallback : value;
-}
-function getCameraPermissionPlugin() {
-    const cap = globalThis.Capacitor;
-    if (!cap?.Plugins)
-        return null;
-    return (cap.Plugins.ElizaCamera ?? null);
-}
-async function checkMobilePermissions() {
-    const states = {};
-    const plugin = getCameraPermissionPlugin();
-    if (!plugin?.checkPermissions)
-        return states;
-    try {
-        const result = await plugin.checkPermissions();
-        states.camera = result.camera;
-        states.microphone = result.microphone;
-    }
-    catch (err) {
-        console.error("Failed to check mobile permissions:", err);
-    }
-    return states;
-}
-async function checkWebPermissions() {
-    const states = {};
-    states.screen =
-        typeof navigator !== "undefined" &&
-            typeof navigator.mediaDevices?.getDisplayMedia === "function"
-            ? "prompt"
-            : "unknown";
-    try {
-        if (navigator.permissions) {
-            const [cameraPermission, microphonePermission] = await Promise.all([
-                navigator.permissions.query({ name: "camera" }),
-                navigator.permissions.query({
-                    name: "microphone",
-                }),
-            ]);
-            states.camera = cameraPermission.state;
-            states.microphone = microphonePermission.state;
-        }
-    }
-    catch {
-        // Permissions API may not support camera/mic queries in all browsers.
-    }
-    return states;
-}
-function webPermissionErrorMessage(id, err) {
-    const label = id === "camera" ? "Camera" : id === "microphone" ? "Microphone" : "Screen";
-    const device = label.toLowerCase();
-    const name = err instanceof DOMException ? err.name : "";
-    if (name === "NotAllowedError" || name === "PermissionDeniedError") {
-        return `${label} is blocked for this site. Allow it in browser site settings, then try again.`;
-    }
-    if (name === "NotFoundError" || name === "DevicesNotFoundError") {
-        return `No ${device} source was found.`;
-    }
-    if (id === "screen" && name === "NotSupportedError") {
-        return "Screen sharing is not available in this browser.";
-    }
-    if (err instanceof Error && err.message.trim().length > 0) {
-        return err.message.trim();
-    }
-    return `Could not request ${device} permission.`;
-}
-function useStreamingPermissions(mode) {
-    const [permStates, setPermStates] = useState({});
-    const [permissionErrors, setPermissionErrors] = useState({});
-    const [requestingId, setRequestingId] = useState(null);
-    const [checking, setChecking] = useState(true);
-    const checkPermissions = useCallback(async () => {
-        if (mode === "mobile") {
-            return checkMobilePermissions();
-        }
-        return checkWebPermissions();
-    }, [mode]);
-    useEffect(() => {
-        let cancelled = false;
-        void (async () => {
-            setChecking(true);
-            const nextStates = await checkPermissions();
-            if (!cancelled) {
-                setPermStates(nextStates);
-                setChecking(false);
-            }
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, [checkPermissions]);
-    const requestPermission = useCallback(async (id) => {
-        setRequestingId(id);
-        setPermissionErrors((prev) => {
-            const next = { ...prev };
-            delete next[id];
-            return next;
-        });
-        if (mode === "mobile") {
-            try {
-                const plugin = getCameraPermissionPlugin();
-                if (!plugin?.requestPermissions)
-                    return;
-                const result = await plugin.requestPermissions();
-                setPermStates((prev) => ({
-                    ...prev,
-                    camera: result.camera,
-                    microphone: result.microphone,
-                }));
-            }
-            catch (err) {
-                console.error("Failed to request mobile permission:", err);
-                setPermissionErrors((prev) => ({
-                    ...prev,
-                    [id]: "Could not request device permissions.",
-                }));
-            }
-            finally {
-                setRequestingId(null);
-            }
-            return;
-        }
-        try {
-            if (!navigator.mediaDevices) {
-                throw new Error("Media devices are not available in this browser.");
-            }
-            if (id === "camera") {
-                const stream = await navigator.mediaDevices.getUserMedia({
-                    video: true,
-                });
-                stream.getTracks().forEach((track) => {
-                    track.stop();
-                });
-                setPermStates((prev) => ({ ...prev, camera: "granted" }));
-                return;
-            }
-            if (id === "microphone") {
-                const stream = await navigator.mediaDevices.getUserMedia({
-                    audio: true,
-                });
-                stream.getTracks().forEach((track) => {
-                    track.stop();
-                });
-                setPermStates((prev) => ({ ...prev, microphone: "granted" }));
-                return;
-            }
-            if (id === "screen") {
-                if (typeof navigator.mediaDevices.getDisplayMedia !== "function") {
-                    throw new DOMException("Screen sharing is not available.", "NotSupportedError");
-                }
-                const stream = await navigator.mediaDevices.getDisplayMedia({
-                    video: true,
-                });
-                stream.getTracks().forEach((track) => {
-                    track.stop();
-                });
-                setPermStates((prev) => ({ ...prev, screen: "granted" }));
-            }
-        }
-        catch (err) {
-            console.error(`Failed to request browser ${id} permission:`, err);
-            setPermStates((prev) => ({ ...prev, [id]: "denied" }));
-            setPermissionErrors((prev) => ({
-                ...prev,
-                [id]: webPermissionErrorMessage(id, err),
-            }));
-        }
-        finally {
-            setRequestingId(null);
-        }
-    }, [mode]);
-    return {
-        checking,
-        permissionErrors,
-        permStates,
-        requestPermission,
-        requestingId,
-    };
-}
-function getBadgeTone(state) {
-    if (state === "granted")
-        return "success";
-    if (state === "denied")
-        return "danger";
-    return "warning";
-}
-function getBadgeLabel(state) {
-    if (state === "granted")
-        return "Granted";
-    if (state === "denied")
-        return "Denied";
-    return "Not Set";
-}
-export function StreamingPermissionsSettingsView({ description, mode, testId, title, }) {
-    const { t } = useApp();
-    const { checking, permissionErrors, permStates, requestPermission, requestingId, } = useStreamingPermissions(mode);
-    if (checking) {
-        return (_jsx("div", { className: "text-center py-6 text-muted text-xs", children: translateWithFallback(t, "permissionssection.LoadingPermissions", "Loading permissions...") }));
-    }
-    return (_jsx("div", { className: "space-y-6", "data-testid": testId, children: _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(Cloud, { className: "w-4 h-4 text-accent" }), _jsx("div", { className: "font-bold text-sm", children: title })] }), _jsx("div", { className: "text-xs-tight text-muted mb-3", children: description }), _jsx("div", { className: "border border-border bg-card", children: MEDIA_PERMISSIONS.filter((def) => !def.modes || def.modes.includes(mode)).map((def) => {
-                        const status = permStates[def.id] ?? "unknown";
-                        const isGranted = status === "granted";
-                        const isRequesting = requestingId === def.id;
-                        const name = translateWithFallback(t, def.nameKey, def.name);
-                        const error = permissionErrors[def.id] ??
-                            (status === "denied"
-                                ? `${name} is blocked for this site. Allow it in browser site settings, then try again.`
-                                : null);
-                        const description = translateWithFallback(t, def.descriptionKey, def.description);
-                        return (_jsxs("div", { "data-permission-id": def.id, className: "flex items-center gap-3 py-2.5 px-3", children: [_jsx(PermissionIcon, { icon: def.icon }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "font-semibold text-sm", children: name }), _jsx(StatusBadge, { label: translateWithFallback(t, status === "granted"
-                                                        ? "permissionssection.badge.granted"
-                                                        : status === "denied"
-                                                            ? "permissionssection.badge.denied"
-                                                            : "permissionssection.badge.notDetermined", getBadgeLabel(status)), variant: getBadgeTone(status), withDot: true, className: "rounded-full font-semibold" })] }), _jsx("div", { className: "text-xs-tight text-muted mt-0.5 truncate", children: description }), error ? (_jsx("div", { className: "mt-1 text-xs-tight text-danger", children: error })) : null] }), !isGranted ? (_jsxs(Button, { variant: "default", size: "sm", className: "h-auto text-xs-tight py-1 px-2.5", disabled: isRequesting, onClick: () => void requestPermission(def.id), "aria-label": `${translateWithFallback(t, "permissionssection.Grant", "Grant")} ${name}`, children: [isRequesting ? (_jsx(Loader2, { className: "h-3 w-3 animate-spin", "aria-hidden": true })) : null, isRequesting
-                                            ? translateWithFallback(t, "permissionssection.Requesting", "Requesting")
-                                            : translateWithFallback(t, "permissionssection.Grant", "Grant")] })) : (_jsx(Check, { className: "w-4 h-4 text-ok" }))] }, def.id));
-                    }) })] }) }));
-}
-export function StreamingPermissionsOnboardingView({ description, mode, onContinue, onBack, testId, title, }) {
-    const { t } = useApp();
-    const { checking, permStates, requestPermission, requestingId } = useStreamingPermissions(mode);
-    if (checking) {
-        return (_jsx("div", { className: "text-center py-8", children: _jsx("div", { className: "text-sm text-[var(--onboarding-text-primary)]", children: translateWithFallback(t, "permissionssection.CheckingPermissions", "Checking permissions...") }) }));
-    }
-    return (_jsxs("div", { "data-testid": testId, children: [_jsxs("div", { className: "mb-5 text-center", children: [_jsx("div", { className: "mb-2 text-xl font-bold text-[var(--onboarding-text-strong)]", children: title }), _jsx("div", { className: "text-sm text-[var(--onboarding-text-primary)]", children: description })] }), _jsx("div", { className: "mb-6 space-y-2.5", children: MEDIA_PERMISSIONS.filter((def) => !def.modes || def.modes.includes(mode)).map((def) => {
-                    const isGranted = permStates[def.id] === "granted";
-                    const isRequesting = requestingId === def.id;
-                    const name = translateWithFallback(t, def.nameKey, def.name);
-                    const description = translateWithFallback(t, def.descriptionKey, def.description);
-                    return (_jsxs("div", { "data-permission-id": def.id, className: `flex items-center gap-4 rounded-[16px] border px-4 py-3.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.03)] ${isGranted
-                            ? "border-ok bg-[color:color-mix(in_srgb,var(--ok)_16%,var(--onboarding-card-bg)_84%)]"
-                            : "border-[var(--onboarding-card-border)] bg-[var(--onboarding-card-bg)]"}`, children: [_jsx(PermissionIcon, { icon: def.icon }), _jsxs("div", { className: "flex-1", children: [_jsx("div", { className: "text-sm font-semibold text-[var(--onboarding-text-strong)]", children: name }), _jsx("div", { className: "text-xs-tight text-[var(--onboarding-text-subtle)]", children: description })] }), isGranted ? (_jsx(Check, { className: "w-4 h-4 text-ok" })) : (_jsx(Button, { variant: "default", size: "sm", className: "h-auto text-xs py-1.5 px-3", disabled: isRequesting, onClick: () => void requestPermission(def.id), "aria-label": `${translateWithFallback(t, "permissionssection.Grant", "Grant")} ${name}`, children: isRequesting
-                                    ? translateWithFallback(t, "permissionssection.Requesting", "Requesting")
-                                    : translateWithFallback(t, "permissionssection.Grant", "Grant") }))] }, def.id));
-                }) }), _jsxs("div", { className: "flex justify-between items-center gap-6 mt-[18px] pt-3.5", children: [onBack ? (_jsx(Button, { variant: "ghost", size: "sm", className: "text-2xs text-[rgba(240,238,250,0.62)] tracking-[0.15em] uppercase cursor-pointer no-underline transition-colors duration-300 p-0 hover:text-[rgba(240,238,250,0.9)]", style: { textShadow: "0 1px 8px rgba(3,5,10,0.45)" }, onClick: () => onBack(), children: translateWithFallback(t, "onboarding.back", "Back") })) : (_jsx("span", {})), _jsx(Button, { variant: "default", "data-testid": "permissions-onboarding-continue", className: "group relative inline-flex items-center justify-center gap-[8px] px-[32px] py-[12px] min-h-touch bg-[rgba(240,185,11,0.18)] border border-[rgba(240,185,11,0.35)] rounded-sm text-[var(--onboarding-accent-foreground)] text-xs-tight font-semibold tracking-[0.18em] uppercase cursor-pointer transition-all duration-300 overflow-hidden hover:bg-[rgba(240,185,11,0.28)] hover:border-[rgba(240,185,11,0.6)] disabled:opacity-40 disabled:cursor-not-allowed", onClick: (e) => {
-                            if (e?.currentTarget) {
-                                const rect = e.currentTarget.getBoundingClientRect();
-                                const circle = document.createElement("span");
-                                const diameter = Math.max(rect.width, rect.height);
-                                circle.style.width = circle.style.height = `${diameter}px`;
-                                circle.style.left = `${e.clientX - rect.left - diameter / 2}px`;
-                                circle.style.top = `${e.clientY - rect.top - diameter / 2}px`;
-                                circle.className =
-                                    "absolute rounded-full bg-[rgba(240,185,11,0.3)] transform scale-0 animate-[onboarding-ripple-expand_0.6s_ease-out_forwards] pointer-events-none";
-                                e.currentTarget.appendChild(circle);
-                                setTimeout(() => circle.remove(), 600);
-                            }
-                            onContinue();
-                        }, children: translateWithFallback(t, "onboarding.savedMyKeys", "Continue") })] })] }));
-}

package/packages/app-core/src/components/phone-companion/Chat.d.ts

@@ -1,15 +0,0 @@
-import type React from "react";
-interface ChatProps {
-    pairedAgentUrl: string | null;
-    onOpenPairing(): void;
-    onOpenRemoteSession(): void;
-    remoteSessionAvailable: boolean;
-}
-/**
- * Chat mirror view. SSE stream + composer land with T9a (data plane) — this
- * view renders the resolved agent URL, the paired-session entry point when
- * a session-start intent is live, and a placeholder empty state.
- */
-export declare function Chat({ pairedAgentUrl, onOpenPairing, onOpenRemoteSession, remoteSessionAvailable, }: ChatProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=Chat.d.ts.map

package/packages/app-core/src/components/phone-companion/Chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/phone-companion/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,SAAS;IACjB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,IAAI,IAAI,CAAC;IACtB,mBAAmB,IAAI,IAAI,CAAC;IAC5B,sBAAsB,EAAE,OAAO,CAAC;CACjC;AASD;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACvB,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqD/B"}

package/packages/app-core/src/components/phone-companion/Chat.js

@@ -1,76 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { agentUrl as configuredAgentUrl, logger, } from "../../services/phone-companion";
-/**
- * Chat mirror view. SSE stream + composer land with T9a (data plane) — this
- * view renders the resolved agent URL, the paired-session entry point when
- * a session-start intent is live, and a placeholder empty state.
- */
-export function Chat({ pairedAgentUrl, onOpenPairing, onOpenRemoteSession, remoteSessionAvailable, }) {
-    const resolvedAgentUrl = pairedAgentUrl ?? configuredAgentUrl();
-    const [messages] = useState([]);
-    useEffect(() => {
-        logger.info("[Chat] mount", {
-            resolvedAgentUrl,
-            remoteSessionAvailable,
-        });
-    }, [resolvedAgentUrl, remoteSessionAvailable]);
-    return (_jsxs("main", { style: styles.root, children: [_jsxs("header", { style: styles.header, children: [_jsxs("div", { style: styles.headerRow, children: [_jsx("h2", { style: styles.title, children: "Milady" }), _jsxs("div", { style: styles.actions, children: [remoteSessionAvailable ? (_jsx("button", { type: "button", onClick: onOpenRemoteSession, style: styles.primaryAction, children: "Open remote session" })) : null, _jsx("button", { type: "button", onClick: onOpenPairing, style: styles.secondaryAction, children: resolvedAgentUrl === null ? "Pair" : "Re-pair" })] })] }), _jsx("span", { style: styles.url, children: resolvedAgentUrl ?? "no agent URL" })] }), _jsx("section", { style: styles.body, children: messages.length === 0 ? (_jsx("p", { style: styles.empty, children: "No messages yet. Chat streaming is delivered by T9a (data plane)." })) : (messages.map((message) => (_jsxs("article", { style: styles.message, children: [_jsx("strong", { children: message.author }), _jsx("span", { children: message.text })] }, message.id)))) })] }));
-}
-const styles = {
-    root: {
-        display: "flex",
-        flexDirection: "column",
-        height: "100%",
-    },
-    header: {
-        padding: "16px 20px",
-        borderBottom: "1px solid #1f2937",
-        display: "flex",
-        flexDirection: "column",
-        gap: 8,
-    },
-    headerRow: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 12,
-    },
-    title: { margin: 0, fontSize: 20 },
-    actions: { display: "flex", gap: 8 },
-    primaryAction: {
-        padding: "8px 12px",
-        background: "#4f46e5",
-        color: "#fff",
-        border: "none",
-        borderRadius: 999,
-        fontSize: 13,
-        fontWeight: 600,
-    },
-    secondaryAction: {
-        padding: "8px 12px",
-        background: "#111",
-        color: "#e5e7eb",
-        border: "1px solid #374151",
-        borderRadius: 999,
-        fontSize: 13,
-    },
-    url: { opacity: 0.6, fontSize: 12, fontFamily: "ui-monospace, monospace" },
-    body: {
-        flex: 1,
-        padding: 20,
-        overflowY: "auto",
-        display: "flex",
-        flexDirection: "column",
-        gap: 12,
-    },
-    empty: { opacity: 0.6, margin: 0 },
-    message: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 4,
-        background: "#111",
-        padding: 12,
-        borderRadius: 12,
-    },
-};

package/packages/app-core/src/components/phone-companion/Pairing.d.ts

@@ -1,9 +0,0 @@
-import type React from "react";
-import { type PairingPayload } from "../../services/phone-companion";
-interface PairingViewProps {
-    onPaired(payload: PairingPayload): void;
-    onBack(): void;
-}
-export declare function Pairing({ onPaired, onBack, }: PairingViewProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=Pairing.d.ts.map

package/packages/app-core/src/components/phone-companion/Pairing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pairing.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/phone-companion/Pairing.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,gCAAgC,CAAC;AAExC,UAAU,gBAAgB;IACxB,QAAQ,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IACxC,MAAM,IAAI,IAAI,CAAC;CAChB;AAOD,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,MAAM,GACP,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6HtC"}

package/packages/app-core/src/components/phone-companion/Pairing.js

@@ -1,124 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CapacitorBarcodeScanner, CapacitorBarcodeScannerTypeHint, } from "@capacitor/barcode-scanner";
-import { Capacitor } from "@capacitor/core";
-import { useCallback, useState } from "react";
-import { decodePairingPayload, logger, MiladyIntent, } from "../../services/phone-companion";
-export function Pairing({ onPaired, onBack, }) {
-    const [code, setCode] = useState("");
-    const [status, setStatus] = useState({ kind: "idle" });
-    const scan = useCallback(async () => {
-        if (!Capacitor.isNativePlatform()) {
-            setStatus({
-                kind: "error",
-                message: "Camera scan requires the iOS native runtime. Paste the code below.",
-            });
-            return;
-        }
-        setStatus({ kind: "scanning" });
-        try {
-            logger.info("[Pairing] scanBarcode start", {});
-            const result = await CapacitorBarcodeScanner.scanBarcode({
-                hint: CapacitorBarcodeScannerTypeHint.QR_CODE,
-                scanInstructions: "Point the camera at the code on your Mac",
-            });
-            const payload = decodePairingPayload(result.ScanResult);
-            logger.info("[Pairing] pairing payload decoded", {
-                agentId: payload.agentId,
-            });
-            onPaired(payload);
-            setStatus({ kind: "idle" });
-        }
-        catch (err) {
-            logger.warn("[Pairing] scan or decode failed", {
-                message: err instanceof Error ? err.message : String(err),
-            });
-            setStatus({
-                kind: "error",
-                message: err instanceof Error && err.message.length > 0
-                    ? err.message
-                    : "Could not read the QR code. Try again or enter the code below.",
-            });
-        }
-    }, [onPaired]);
-    const submitManual = useCallback(async (event) => {
-        event.preventDefault();
-        const trimmed = code.trim();
-        if (trimmed.length === 0) {
-            setStatus({
-                kind: "error",
-                message: "Enter the 6-digit code shown on your Mac.",
-            });
-            return;
-        }
-        logger.info("[Pairing] manual code submit", { length: trimmed.length });
-        const nativeStatus = await MiladyIntent.getPairingStatus();
-        if (nativeStatus.paired && nativeStatus.agentUrl !== null) {
-            // Native pairing layer has already stored a full payload. Only the
-            // ingress URL is carried on the status object; the session token is
-            // provided by the push on session start. Until that full round-trip
-            // is live (T9a), surface a clear error so nothing silently falls
-            // through with fake data.
-            setStatus({
-                kind: "error",
-                message: "Native pairing reported success but no session token yet. Scan the QR to start a session.",
-            });
-            return;
-        }
-        setStatus({
-            kind: "error",
-            message: "Manual code requires the pairing handshake (T9a data plane). Scan the QR for now.",
-        });
-    }, [code]);
-    return (_jsxs("main", { style: styles.root, children: [_jsxs("header", { style: styles.header, children: [_jsx("button", { type: "button", onClick: onBack, style: styles.back, children: "Back" }), _jsx("h1", { style: styles.title, children: "Pair with Milady" })] }), _jsxs("section", { style: styles.section, children: [_jsx("p", { style: styles.hint, children: "Scan the QR code shown in the Milady desktop app, or enter the 6-digit code manually." }), _jsx("button", { type: "button", onClick: scan, disabled: status.kind === "scanning", style: styles.primary, children: status.kind === "scanning" ? "Scanning..." : "Scan QR code" })] }), _jsx("section", { style: styles.section, children: _jsxs("form", { onSubmit: submitManual, style: styles.form, children: [_jsx("label", { htmlFor: "pairing-code", style: styles.label, children: "Or enter code" }), _jsx("input", { id: "pairing-code", value: code, onChange: (event) => setCode(event.target.value), inputMode: "numeric", autoComplete: "one-time-code", maxLength: 6, placeholder: "------", style: styles.input }), _jsx("button", { type: "submit", style: styles.secondary, children: "Pair device" })] }) }), status.kind === "error" ? (_jsx("p", { style: styles.error, children: status.message })) : null] }));
-}
-const styles = {
-    root: {
-        display: "flex",
-        flexDirection: "column",
-        height: "100%",
-        padding: 20,
-        gap: 24,
-    },
-    header: { display: "flex", flexDirection: "column", gap: 12 },
-    back: {
-        alignSelf: "flex-start",
-        background: "transparent",
-        border: "none",
-        color: "#93c5fd",
-        fontSize: 16,
-        padding: 0,
-    },
-    title: { margin: 0, fontSize: 28, fontWeight: 600 },
-    section: { display: "flex", flexDirection: "column", gap: 12 },
-    hint: { margin: 0, opacity: 0.7 },
-    primary: {
-        padding: "14px 16px",
-        background: "#4f46e5",
-        color: "#fff",
-        border: "none",
-        borderRadius: 12,
-        fontSize: 16,
-        fontWeight: 600,
-    },
-    secondary: {
-        padding: "12px 16px",
-        background: "#1f2937",
-        color: "#e5e7eb",
-        border: "1px solid #374151",
-        borderRadius: 12,
-        fontSize: 16,
-    },
-    form: { display: "flex", flexDirection: "column", gap: 8 },
-    label: { fontSize: 12, opacity: 0.7, textTransform: "uppercase" },
-    input: {
-        fontSize: 24,
-        letterSpacing: "0.4em",
-        textAlign: "center",
-        padding: "12px 16px",
-        background: "#111",
-        border: "1px solid #333",
-        borderRadius: 12,
-        color: "#e5e7eb",
-    },
-    error: { color: "#fbbf24", margin: 0 },
-};

package/packages/app-core/src/components/phone-companion/PhoneCompanionApp.d.ts

@@ -1,9 +0,0 @@
-import type React from "react";
-/**
- * The phone-companion surface — three-view Capacitor app that pairs with a
- * Milady desktop agent (QR handshake), mirrors chat, and serves as the
- * remote-session viewer for the paired Mac. Formerly shipped as
- * `apps/app-ios-companion`; now rendered inside the main iOS bundle.
- */
-export declare function PhoneCompanionApp(): React.JSX.Element;
-//# sourceMappingURL=PhoneCompanionApp.d.ts.map

package/packages/app-core/src/components/phone-companion/PhoneCompanionApp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PhoneCompanionApp.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/phone-companion/PhoneCompanionApp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B;;;;;GAKG;AACH,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CA4FrD"}

package/packages/app-core/src/components/phone-companion/PhoneCompanionApp.js

@@ -1,108 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Capacitor } from "@capacitor/core";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { apnsEnabled, agentUrl as configuredAgentUrl, logger, MiladyIntent, registerPush, useNavigation, } from "../../services/phone-companion";
-import { Chat } from "./Chat";
-import { Pairing } from "./Pairing";
-import { RemoteSession } from "./RemoteSession";
-/**
- * The phone-companion surface — three-view Capacitor app that pairs with a
- * Milady desktop agent (QR handshake), mirrors chat, and serves as the
- * remote-session viewer for the paired Mac. Formerly shipped as
- * `apps/app-ios-companion`; now rendered inside the main iOS bundle.
- */
-export function PhoneCompanionApp() {
-    const nav = useNavigation();
-    const pushRef = useRef(nav.push);
-    pushRef.current = nav.push;
-    const [agentUrl, setAgentUrl] = useState(null);
-    const [pairingPayload, setPairingPayload] = useState(null);
-    const persistPairingToNative = useCallback(async (payload) => {
-        if (!Capacitor.isNativePlatform())
-            return;
-        try {
-            await MiladyIntent.setPairingStatus({
-                deviceId: payload.agentId,
-                agentUrl: payload.ingressUrl,
-            });
-        }
-        catch (err) {
-            logger.warn("[PhoneCompanionApp] setPairingStatus failed", {
-                message: err instanceof Error ? err.message : String(err),
-            });
-        }
-    }, []);
-    useEffect(() => {
-        logger.info("[PhoneCompanionApp] boot", {
-            apnsEnabled: apnsEnabled(),
-            hasConfiguredAgentUrl: configuredAgentUrl() !== null,
-        });
-        MiladyIntent.getPairingStatus().then((status) => {
-            if (status.paired && status.agentUrl !== null) {
-                setAgentUrl(status.agentUrl);
-            }
-        });
-    }, []);
-    useEffect(() => {
-        if (!apnsEnabled())
-            return;
-        let disposed = false;
-        let handle = null;
-        void registerPush({
-            onIntent: (intent) => {
-                if (intent.kind === "session-start") {
-                    logger.info("[PhoneCompanionApp] session.start intent -> RemoteSession", {
-                        agentId: intent.payload.agentId,
-                    });
-                    void persistPairingToNative(intent.payload);
-                    setPairingPayload(intent.payload);
-                    setAgentUrl(intent.payload.ingressUrl);
-                    pushRef.current("remote-session");
-                }
-            },
-            onError: (err) => {
-                logger.warn("[PhoneCompanionApp] push registration error", {
-                    message: err.message,
-                });
-            },
-        }).then((h) => {
-            if (disposed) {
-                void h.unregister();
-                return;
-            }
-            handle = h;
-        });
-        return () => {
-            disposed = true;
-            void handle?.unregister();
-        };
-    }, [persistPairingToNative]);
-    if (!nav.ready) {
-        return _jsx("div", { style: { padding: 24 }, children: "Loading..." });
-    }
-    return renderView(nav.view, {
-        agentUrl,
-        pairingPayload,
-        onPushPairing: () => nav.push("pairing"),
-        onPushRemoteSession: () => nav.push("remote-session"),
-        onBackToChat: () => nav.pop("chat"),
-        onPaired: (payload) => {
-            void persistPairingToNative(payload);
-            setPairingPayload(payload);
-            setAgentUrl(payload.ingressUrl);
-            nav.push("remote-session");
-        },
-    });
-}
-function renderView(view, h) {
-    if (view === "pairing") {
-        return _jsx(Pairing, { onPaired: h.onPaired, onBack: h.onBackToChat });
-    }
-    if (view === "remote-session") {
-        if (h.pairingPayload === null) {
-            return (_jsx(Chat, { pairedAgentUrl: h.agentUrl, onOpenPairing: h.onPushPairing, onOpenRemoteSession: h.onPushRemoteSession, remoteSessionAvailable: false }));
-        }
-        return _jsx(RemoteSession, { payload: h.pairingPayload, onExit: h.onBackToChat });
-    }
-    return (_jsx(Chat, { pairedAgentUrl: h.agentUrl, onOpenPairing: h.onPushPairing, onOpenRemoteSession: h.onPushRemoteSession, remoteSessionAvailable: h.pairingPayload !== null }));
-}

package/packages/app-core/src/components/phone-companion/RemoteSession.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { type PairingPayload } from "../../services/phone-companion";
-interface RemoteSessionProps {
-    payload: PairingPayload;
-    onExit(): void;
-}
-export declare function RemoteSession({ payload, onExit, }: RemoteSessionProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=RemoteSession.d.ts.map

package/packages/app-core/src/components/phone-companion/RemoteSession.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemoteSession.d.ts","sourceRoot":"","sources":["../../../../../../../app-core/src/components/phone-companion/RemoteSession.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,cAAc,EAIpB,MAAM,gCAAgC,CAAC;AAExC,UAAU,kBAAkB;IAC1B,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,IAAI,IAAI,CAAC;CAChB;AAiKD,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,MAAM,GACP,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4NxC"}