@elizaos/plugin-phone 2.0.3-beta.2 → 2.0.3-beta.4

package/dist/companion/components/Chat.d.ts

@@ -0,0 +1,14 @@
+import type React from "react";
+interface ChatProps {
+    pairedAgentUrl: string | null;
+    onOpenPairing(): void;
+    onOpenRemoteSession(): void;
+    remoteSessionAvailable: boolean;
+}
+/**
+ * Overlay-chat-friendly companion home. Chat streaming lives in the host chat;
+ * this view only exposes pairing and remote-session state.
+ */
+export declare function Chat({ pairedAgentUrl, onOpenPairing, onOpenRemoteSession, remoteSessionAvailable, }: ChatProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Chat.d.ts.map

package/dist/companion/components/Chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/companion/components/Chat.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/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;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,EACnB,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACvB,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8D/B"}

package/dist/companion/components/Chat.js

@@ -0,0 +1,195 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link2, MonitorUp, QrCode, Radio } from "lucide-react";
+import { useEffect } from "react";
+import { agentUrl as configuredAgentUrl, logger } from "../services/index.js";
+function Chat({
+  pairedAgentUrl,
+  onOpenPairing,
+  onOpenRemoteSession,
+  remoteSessionAvailable
+}) {
+  const resolvedAgentUrl = pairedAgentUrl ?? configuredAgentUrl();
+  const paired = resolvedAgentUrl !== null;
+  useEffect(() => {
+    logger.info("[Chat] mount", {
+      resolvedAgentUrl,
+      remoteSessionAvailable
+    });
+  }, [resolvedAgentUrl, remoteSessionAvailable]);
+  return /* @__PURE__ */ jsxs("main", { style: styles.root, children: [
+    /* @__PURE__ */ jsxs("header", { style: styles.header, children: [
+      /* @__PURE__ */ jsx("h2", { style: styles.title, children: "Companion" }),
+      /* @__PURE__ */ jsxs("div", { style: styles.statusGrid, children: [
+        /* @__PURE__ */ jsx(
+          StatusTile,
+          {
+            icon: /* @__PURE__ */ jsx(Radio, { size: 18 }),
+            active: paired,
+            value: paired ? "Paired" : "Offline"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          StatusTile,
+          {
+            icon: /* @__PURE__ */ jsx(MonitorUp, { size: 18 }),
+            active: remoteSessionAvailable,
+            value: remoteSessionAvailable ? "Live" : "Idle"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { style: styles.body, children: [
+      /* @__PURE__ */ jsxs("div", { style: styles.agentCard, children: [
+        /* @__PURE__ */ jsx(Link2, { size: 18, color: paired ? "#22c55e" : "#6b7280" }),
+        /* @__PURE__ */ jsx("span", { style: styles.url, children: resolvedAgentUrl ?? "No agent" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: styles.actions, children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onOpenPairing,
+            style: paired ? styles.secondaryAction : styles.primaryAction,
+            children: [
+              /* @__PURE__ */ jsx(QrCode, { size: 18 }),
+              /* @__PURE__ */ jsx("span", { children: paired ? "Re-pair" : "Pair" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onOpenRemoteSession,
+            disabled: !remoteSessionAvailable,
+            style: remoteSessionAvailable ? styles.primaryAction : styles.disabledAction,
+            children: [
+              /* @__PURE__ */ jsx(MonitorUp, { size: 18 }),
+              /* @__PURE__ */ jsx("span", { children: "Remote" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function StatusTile({
+  icon,
+  active,
+  value
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: styles.statusTile, children: [
+    /* @__PURE__ */ jsx("span", { style: active ? styles.statusIconActive : styles.statusIcon, children: icon }),
+    /* @__PURE__ */ jsx("span", { style: styles.statusValue, children: value })
+  ] });
+}
+const styles = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    background: "#0b0f14",
+    color: "#f8fafc"
+  },
+  header: {
+    padding: 20,
+    display: "flex",
+    flexDirection: "column",
+    gap: 12,
+    borderBottom: "1px solid #1f2937"
+  },
+  title: { margin: 0, fontSize: 20, fontWeight: 650 },
+  statusGrid: {
+    display: "grid",
+    gridTemplateColumns: "1fr 1fr",
+    gap: 8
+  },
+  statusTile: {
+    minHeight: 68,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 10,
+    border: "1px solid #1f2937",
+    borderRadius: 8,
+    background: "#111827"
+  },
+  statusIcon: { display: "flex", color: "#6b7280" },
+  statusIconActive: { display: "flex", color: "#22c55e" },
+  statusValue: { fontSize: 14, fontWeight: 650 },
+  body: {
+    flex: 1,
+    padding: 20,
+    overflowY: "auto",
+    display: "flex",
+    flexDirection: "column",
+    gap: 12
+  },
+  agentCard: {
+    minHeight: 56,
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    border: "1px solid #1f2937",
+    borderRadius: 8,
+    background: "#111827",
+    padding: "0 14px"
+  },
+  actions: {
+    display: "grid",
+    gridTemplateColumns: "1fr 1fr",
+    gap: 8
+  },
+  primaryAction: {
+    minHeight: 52,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8,
+    background: "#f97316",
+    color: "#111827",
+    border: "none",
+    borderRadius: 8,
+    fontSize: 14,
+    fontWeight: 700
+  },
+  secondaryAction: {
+    minHeight: 52,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8,
+    background: "#111827",
+    color: "#e5e7eb",
+    border: "1px solid #374151",
+    borderRadius: 8,
+    fontSize: 14,
+    fontWeight: 650
+  },
+  disabledAction: {
+    minHeight: 52,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8,
+    background: "#111827",
+    color: "#6b7280",
+    border: "1px solid #1f2937",
+    borderRadius: 8,
+    fontSize: 14,
+    fontWeight: 650
+  },
+  url: {
+    minWidth: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    opacity: 0.75,
+    fontSize: 12,
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace"
+  }
+};
+export {
+  Chat
+};
+//# sourceMappingURL=Chat.js.map

package/dist/companion/components/Chat.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/companion/components/Chat.tsx"],"sourcesContent":["import { Link2, MonitorUp, QrCode, Radio } from \"lucide-react\";\nimport type React from \"react\";\nimport { useEffect } from \"react\";\nimport { agentUrl as configuredAgentUrl, logger } from \"../services/index.js\";\n\ninterface ChatProps {\n  pairedAgentUrl: string | null;\n  onOpenPairing(): void;\n  onOpenRemoteSession(): void;\n  remoteSessionAvailable: boolean;\n}\n\n/**\n * Overlay-chat-friendly companion home. Chat streaming lives in the host chat;\n * this view only exposes pairing and remote-session state.\n */\nexport function Chat({\n  pairedAgentUrl,\n  onOpenPairing,\n  onOpenRemoteSession,\n  remoteSessionAvailable,\n}: ChatProps): React.JSX.Element {\n  const resolvedAgentUrl = pairedAgentUrl ?? configuredAgentUrl();\n  const paired = resolvedAgentUrl !== null;\n\n  useEffect(() => {\n    logger.info(\"[Chat] mount\", {\n      resolvedAgentUrl,\n      remoteSessionAvailable,\n    });\n  }, [resolvedAgentUrl, remoteSessionAvailable]);\n\n  return (\n    <main style={styles.root}>\n      <header style={styles.header}>\n        <h2 style={styles.title}>Companion</h2>\n        <div style={styles.statusGrid}>\n          <StatusTile\n            icon={<Radio size={18} />}\n            active={paired}\n            value={paired ? \"Paired\" : \"Offline\"}\n          />\n          <StatusTile\n            icon={<MonitorUp size={18} />}\n            active={remoteSessionAvailable}\n            value={remoteSessionAvailable ? \"Live\" : \"Idle\"}\n          />\n        </div>\n      </header>\n\n      <section style={styles.body}>\n        <div style={styles.agentCard}>\n          <Link2 size={18} color={paired ? \"#22c55e\" : \"#6b7280\"} />\n          <span style={styles.url}>{resolvedAgentUrl ?? \"No agent\"}</span>\n        </div>\n\n        <div style={styles.actions}>\n          <button\n            type=\"button\"\n            onClick={onOpenPairing}\n            style={paired ? styles.secondaryAction : styles.primaryAction}\n          >\n            <QrCode size={18} />\n            <span>{paired ? \"Re-pair\" : \"Pair\"}</span>\n          </button>\n\n          <button\n            type=\"button\"\n            onClick={onOpenRemoteSession}\n            disabled={!remoteSessionAvailable}\n            style={\n              remoteSessionAvailable\n                ? styles.primaryAction\n                : styles.disabledAction\n            }\n          >\n            <MonitorUp size={18} />\n            <span>Remote</span>\n          </button>\n        </div>\n      </section>\n    </main>\n  );\n}\n\nfunction StatusTile({\n  icon,\n  active,\n  value,\n}: {\n  icon: React.ReactNode;\n  active: boolean;\n  value: string;\n}) {\n  return (\n    <div style={styles.statusTile}>\n      <span style={active ? styles.statusIconActive : styles.statusIcon}>\n        {icon}\n      </span>\n      <span style={styles.statusValue}>{value}</span>\n    </div>\n  );\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    background: \"#0b0f14\",\n    color: \"#f8fafc\",\n  },\n  header: {\n    padding: 20,\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 12,\n    borderBottom: \"1px solid #1f2937\",\n  },\n  title: { margin: 0, fontSize: 20, fontWeight: 650 },\n  statusGrid: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr 1fr\",\n    gap: 8,\n  },\n  statusTile: {\n    minHeight: 68,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: 10,\n    border: \"1px solid #1f2937\",\n    borderRadius: 8,\n    background: \"#111827\",\n  },\n  statusIcon: { display: \"flex\", color: \"#6b7280\" },\n  statusIconActive: { display: \"flex\", color: \"#22c55e\" },\n  statusValue: { fontSize: 14, fontWeight: 650 },\n  body: {\n    flex: 1,\n    padding: 20,\n    overflowY: \"auto\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 12,\n  },\n  agentCard: {\n    minHeight: 56,\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: 10,\n    border: \"1px solid #1f2937\",\n    borderRadius: 8,\n    background: \"#111827\",\n    padding: \"0 14px\",\n  },\n  actions: {\n    display: \"grid\",\n    gridTemplateColumns: \"1fr 1fr\",\n    gap: 8,\n  },\n  primaryAction: {\n    minHeight: 52,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: 8,\n    background: \"#f97316\",\n    color: \"#111827\",\n    border: \"none\",\n    borderRadius: 8,\n    fontSize: 14,\n    fontWeight: 700,\n  },\n  secondaryAction: {\n    minHeight: 52,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: 8,\n    background: \"#111827\",\n    color: \"#e5e7eb\",\n    border: \"1px solid #374151\",\n    borderRadius: 8,\n    fontSize: 14,\n    fontWeight: 650,\n  },\n  disabledAction: {\n    minHeight: 52,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: 8,\n    background: \"#111827\",\n    color: \"#6b7280\",\n    border: \"1px solid #1f2937\",\n    borderRadius: 8,\n    fontSize: 14,\n    fontWeight: 650,\n  },\n  url: {\n    minWidth: 0,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    opacity: 0.75,\n    fontSize: 12,\n    fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/companion/components/Pairing.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import { type PairingPayload } from "../services";
+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/dist/companion/components/Pairing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pairing.d.ts","sourceRoot":"","sources":["../../../src/companion/components/Pairing.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,aAAa,CAAC;AAErB,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,CA+HtC"}

package/dist/companion/components/Pairing.js

@@ -0,0 +1,175 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  CapacitorBarcodeScanner,
+  CapacitorBarcodeScannerTypeHint
+} from "@capacitor/barcode-scanner";
+import { Capacitor } from "@capacitor/core";
+import { useCallback, useState } from "react";
+import {
+  decodePairingPayload,
+  ElizaIntent,
+  logger
+} from "../services/index.js";
+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: "Paste the pairing payload shown on your Mac."
+        });
+        return;
+      }
+      logger.info("[Pairing] manual payload submit", {
+        length: trimmed.length
+      });
+      try {
+        const payload = decodePairingPayload(trimmed);
+        await ElizaIntent.setPairingStatus({
+          deviceId: payload.agentId,
+          agentUrl: payload.ingressUrl
+        });
+        onPaired(payload);
+        setStatus({ kind: "idle" });
+      } catch (err) {
+        logger.warn("[Pairing] manual payload 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 pairing payload. Scan the QR code or paste the full payload."
+        });
+      }
+    },
+    [code, onPaired]
+  );
+  return /* @__PURE__ */ jsxs("main", { style: styles.root, children: [
+    /* @__PURE__ */ jsxs("header", { style: styles.header, children: [
+      /* @__PURE__ */ jsx("button", { type: "button", onClick: onBack, style: styles.back, children: "Back" }),
+      /* @__PURE__ */ jsx("h1", { style: styles.title, children: "Pair with Eliza" })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { style: styles.section, children: [
+      /* @__PURE__ */ jsx("p", { style: styles.hint, children: "Scan the QR code shown in the Eliza desktop app, or paste its pairing payload manually." }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: scan,
+          disabled: status.kind === "scanning",
+          style: styles.primary,
+          children: status.kind === "scanning" ? "Scanning..." : "Scan QR code"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("section", { style: styles.section, children: /* @__PURE__ */ jsxs("form", { onSubmit: submitManual, style: styles.form, children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "pairing-code", style: styles.label, children: "Or paste payload" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "pairing-code",
+          value: code,
+          onChange: (event) => setCode(event.target.value),
+          inputMode: "text",
+          autoComplete: "off",
+          placeholder: "base64 pairing payload",
+          style: styles.input
+        }
+      ),
+      /* @__PURE__ */ jsx("button", { type: "submit", style: styles.secondary, children: "Pair device" })
+    ] }) }),
+    status.kind === "error" ? /* @__PURE__ */ 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 }
+};
+export {
+  Pairing
+};
+//# sourceMappingURL=Pairing.js.map

package/dist/companion/components/Pairing.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/companion/components/Pairing.tsx"],"sourcesContent":["import {\n  CapacitorBarcodeScanner,\n  CapacitorBarcodeScannerTypeHint,\n} from \"@capacitor/barcode-scanner\";\nimport { Capacitor } from \"@capacitor/core\";\nimport type React from \"react\";\nimport { useCallback, useState } from \"react\";\nimport {\n  decodePairingPayload,\n  ElizaIntent,\n  logger,\n  type PairingPayload,\n} from \"../services/index.js\";\n\ninterface PairingViewProps {\n  onPaired(payload: PairingPayload): void;\n  onBack(): void;\n}\n\ntype Status =\n  | { kind: \"idle\" }\n  | { kind: \"scanning\" }\n  | { kind: \"error\"; message: string };\n\nexport function Pairing({\n  onPaired,\n  onBack,\n}: PairingViewProps): React.JSX.Element {\n  const [code, setCode] = useState(\"\");\n  const [status, setStatus] = useState<Status>({ kind: \"idle\" });\n\n  const scan = useCallback(async () => {\n    if (!Capacitor.isNativePlatform()) {\n      setStatus({\n        kind: \"error\",\n        message:\n          \"Camera scan requires the iOS native runtime. Paste the code below.\",\n      });\n      return;\n    }\n    setStatus({ kind: \"scanning\" });\n    try {\n      logger.info(\"[Pairing] scanBarcode start\", {});\n      const result = await CapacitorBarcodeScanner.scanBarcode({\n        hint: CapacitorBarcodeScannerTypeHint.QR_CODE,\n        scanInstructions: \"Point the camera at the code on your Mac\",\n      });\n      const payload = decodePairingPayload(result.ScanResult);\n      logger.info(\"[Pairing] pairing payload decoded\", {\n        agentId: payload.agentId,\n      });\n      onPaired(payload);\n      setStatus({ kind: \"idle\" });\n    } catch (err) {\n      logger.warn(\"[Pairing] scan or decode failed\", {\n        message: err instanceof Error ? err.message : String(err),\n      });\n      setStatus({\n        kind: \"error\",\n        message:\n          err instanceof Error && err.message.length > 0\n            ? err.message\n            : \"Could not read the QR code. Try again or enter the code below.\",\n      });\n    }\n  }, [onPaired]);\n\n  const submitManual = useCallback(\n    async (event: React.FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n      const trimmed = code.trim();\n      if (trimmed.length === 0) {\n        setStatus({\n          kind: \"error\",\n          message: \"Paste the pairing payload shown on your Mac.\",\n        });\n        return;\n      }\n      logger.info(\"[Pairing] manual payload submit\", {\n        length: trimmed.length,\n      });\n      try {\n        const payload = decodePairingPayload(trimmed);\n        await ElizaIntent.setPairingStatus({\n          deviceId: payload.agentId,\n          agentUrl: payload.ingressUrl,\n        });\n        onPaired(payload);\n        setStatus({ kind: \"idle\" });\n      } catch (err) {\n        logger.warn(\"[Pairing] manual payload decode failed\", {\n          message: err instanceof Error ? err.message : String(err),\n        });\n        setStatus({\n          kind: \"error\",\n          message:\n            err instanceof Error && err.message.length > 0\n              ? err.message\n              : \"Could not read the pairing payload. Scan the QR code or paste the full payload.\",\n        });\n      }\n    },\n    [code, onPaired],\n  );\n\n  return (\n    <main style={styles.root}>\n      <header style={styles.header}>\n        <button type=\"button\" onClick={onBack} style={styles.back}>\n          Back\n        </button>\n        <h1 style={styles.title}>Pair with Eliza</h1>\n      </header>\n\n      <section style={styles.section}>\n        <p style={styles.hint}>\n          Scan the QR code shown in the Eliza desktop app, or paste its pairing\n          payload manually.\n        </p>\n        <button\n          type=\"button\"\n          onClick={scan}\n          disabled={status.kind === \"scanning\"}\n          style={styles.primary}\n        >\n          {status.kind === \"scanning\" ? \"Scanning...\" : \"Scan QR code\"}\n        </button>\n      </section>\n\n      <section style={styles.section}>\n        <form onSubmit={submitManual} style={styles.form}>\n          <label htmlFor=\"pairing-code\" style={styles.label}>\n            Or paste payload\n          </label>\n          <input\n            id=\"pairing-code\"\n            value={code}\n            onChange={(event) => setCode(event.target.value)}\n            inputMode=\"text\"\n            autoComplete=\"off\"\n            placeholder=\"base64 pairing payload\"\n            style={styles.input}\n          />\n          <button type=\"submit\" style={styles.secondary}>\n            Pair device\n          </button>\n        </form>\n      </section>\n\n      {status.kind === \"error\" ? (\n        <p style={styles.error}>{status.message}</p>\n      ) : null}\n    </main>\n  );\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    padding: 20,\n    gap: 24,\n  },\n  header: { display: \"flex\", flexDirection: \"column\", gap: 12 },\n  back: {\n    alignSelf: \"flex-start\",\n    background: \"transparent\",\n    border: \"none\",\n    color: \"#93c5fd\",\n    fontSize: 16,\n    padding: 0,\n  },\n  title: { margin: 0, fontSize: 28, fontWeight: 600 },\n  section: { display: \"flex\", flexDirection: \"column\", gap: 12 },\n  hint: { margin: 0, opacity: 0.7 },\n  primary: {\n    padding: \"14px 16px\",\n    background: \"#4f46e5\",\n    color: \"#fff\",\n    border: \"none\",\n    borderRadius: 12,\n    fontSize: 16,\n    fontWeight: 600,\n  },\n  secondary: {\n    padding: \"12px 16px\",\n    background: \"#1f2937\",\n    color: \"#e5e7eb\",\n    border: \"1px solid #374151\",\n    borderRadius: 12,\n    fontSize: 16,\n  },\n  form: { display: \"flex\", flexDirection: \"column\", gap: 8 },\n  label: { fontSize: 12, opacity: 0.7, textTransform: \"uppercase\" },\n  input: {\n    fontSize: 24,\n    letterSpacing: \"0.4em\",\n    textAlign: \"center\",\n    padding: \"12px 16px\",\n    background: \"#111\",\n    border: \"1px solid #333\",\n    borderRadius: 12,\n    color: \"#e5e7eb\",\n  },\n  error: { color: \"#fbbf24\", margin: 0 },\n};\n"],"mappings":"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","names":[]}

package/dist/companion/components/PhoneCompanionApp.d.ts

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

package/dist/companion/components/PhoneCompanionApp.d.ts.map

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

package/dist/companion/components/PhoneCompanionApp.js

@@ -0,0 +1,174 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Capacitor } from "@capacitor/core";
+import { useCallback, useEffect, useRef, useState } from "react";
+import {
+  apnsEnabled,
+  agentUrl as configuredAgentUrl,
+  ElizaIntent,
+  logger,
+  registerPush,
+  useNavigation
+} from "../services/index.js";
+import { Chat } from "./Chat.js";
+import { Pairing } from "./Pairing.js";
+import { RemoteSession } from "./RemoteSession.js";
+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 ElizaIntent.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
+    });
+    ElizaIntent.getPairingStatus().then((status) => {
+      if (status.paired && status.agentUrl !== null) {
+        setAgentUrl(status.agentUrl);
+      }
+    }).catch((err) => {
+      logger.warn("[PhoneCompanionApp] getPairingStatus failed", {
+        message: err instanceof Error ? err.message : String(err)
+      });
+    });
+  }, []);
+  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 /* @__PURE__ */ jsx("main", { style: styles.loadingRoot, children: /* @__PURE__ */ jsxs("div", { style: styles.loadingPanel, children: [
+      /* @__PURE__ */ jsx("span", { style: styles.loadingDot }),
+      /* @__PURE__ */ jsx("span", { style: styles.loadingLabel, children: "Starting" })
+    ] }) });
+  }
+  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 /* @__PURE__ */ jsx(Pairing, { onPaired: h.onPaired, onBack: h.onBackToChat });
+  }
+  if (view === "remote-session") {
+    if (h.pairingPayload === null) {
+      return /* @__PURE__ */ jsx(
+        Chat,
+        {
+          pairedAgentUrl: h.agentUrl,
+          onOpenPairing: h.onPushPairing,
+          onOpenRemoteSession: h.onPushRemoteSession,
+          remoteSessionAvailable: false
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(RemoteSession, { payload: h.pairingPayload, onExit: h.onBackToChat });
+  }
+  return /* @__PURE__ */ jsx(
+    Chat,
+    {
+      pairedAgentUrl: h.agentUrl,
+      onOpenPairing: h.onPushPairing,
+      onOpenRemoteSession: h.onPushRemoteSession,
+      remoteSessionAvailable: h.pairingPayload !== null
+    }
+  );
+}
+const styles = {
+  loadingRoot: {
+    minHeight: "100%",
+    display: "grid",
+    placeItems: "center",
+    background: "#0b0f14",
+    color: "#f8fafc"
+  },
+  loadingPanel: {
+    minWidth: 160,
+    minHeight: 56,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 10,
+    border: "1px solid #1f2937",
+    borderRadius: 8,
+    background: "#111827"
+  },
+  loadingDot: {
+    width: 10,
+    height: 10,
+    borderRadius: 999,
+    background: "#f97316",
+    boxShadow: "0 0 18px rgba(249, 115, 22, 0.55)"
+  },
+  loadingLabel: {
+    fontSize: 13,
+    fontWeight: 700,
+    textTransform: "uppercase",
+    letterSpacing: 0
+  }
+};
+export {
+  PhoneCompanionApp
+};
+//# sourceMappingURL=PhoneCompanionApp.js.map

package/dist/companion/components/PhoneCompanionApp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/companion/components/PhoneCompanionApp.tsx"],"sourcesContent":["import { Capacitor } from \"@capacitor/core\";\nimport type React from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  apnsEnabled,\n  agentUrl as configuredAgentUrl,\n  ElizaIntent,\n  logger,\n  type PairingPayload,\n  type RegisterPushHandle,\n  registerPush,\n  useNavigation,\n  type ViewName,\n} from \"../services/index.js\";\nimport { Chat } from \"./Chat.js\";\nimport { Pairing } from \"./Pairing.js\";\nimport { RemoteSession } from \"./RemoteSession.js\";\n\n/**\n * The phone-companion surface — three-view Capacitor app that pairs with a\n * Eliza desktop agent (QR handshake), mirrors chat, and serves as the\n * remote-session viewer for the paired Mac. Formerly shipped as a standalone\n * top-level app project; now rendered inside the main iOS bundle.\n */\nexport function PhoneCompanionApp(): React.JSX.Element {\n  const nav = useNavigation();\n  const pushRef = useRef(nav.push);\n  pushRef.current = nav.push;\n  const [agentUrl, setAgentUrl] = useState<string | null>(null);\n  const [pairingPayload, setPairingPayload] = useState<PairingPayload | null>(\n    null,\n  );\n\n  const persistPairingToNative = useCallback(\n    async (payload: PairingPayload) => {\n      if (!Capacitor.isNativePlatform()) return;\n      try {\n        await ElizaIntent.setPairingStatus({\n          deviceId: payload.agentId,\n          agentUrl: payload.ingressUrl,\n        });\n      } catch (err) {\n        logger.warn(\"[PhoneCompanionApp] setPairingStatus failed\", {\n          message: err instanceof Error ? err.message : String(err),\n        });\n      }\n    },\n    [],\n  );\n\n  useEffect(() => {\n    logger.info(\"[PhoneCompanionApp] boot\", {\n      apnsEnabled: apnsEnabled(),\n      hasConfiguredAgentUrl: configuredAgentUrl() !== null,\n    });\n    ElizaIntent.getPairingStatus()\n      .then((status) => {\n        if (status.paired && status.agentUrl !== null) {\n          setAgentUrl(status.agentUrl);\n        }\n      })\n      .catch((err) => {\n        logger.warn(\"[PhoneCompanionApp] getPairingStatus failed\", {\n          message: err instanceof Error ? err.message : String(err),\n        });\n      });\n  }, []);\n\n  useEffect(() => {\n    if (!apnsEnabled()) return;\n    let disposed = false;\n    let handle: RegisterPushHandle | null = null;\n    void registerPush({\n      onIntent: (intent) => {\n        if (intent.kind === \"session-start\") {\n          logger.info(\n            \"[PhoneCompanionApp] session.start intent -> RemoteSession\",\n            {\n              agentId: intent.payload.agentId,\n            },\n          );\n          void persistPairingToNative(intent.payload);\n          setPairingPayload(intent.payload);\n          setAgentUrl(intent.payload.ingressUrl);\n          pushRef.current(\"remote-session\");\n        }\n      },\n      onError: (err) => {\n        logger.warn(\"[PhoneCompanionApp] push registration error\", {\n          message: err.message,\n        });\n      },\n    }).then((h) => {\n      if (disposed) {\n        void h.unregister();\n        return;\n      }\n      handle = h;\n    });\n    return () => {\n      disposed = true;\n      void handle?.unregister();\n    };\n  }, [persistPairingToNative]);\n\n  if (!nav.ready) {\n    return (\n      <main style={styles.loadingRoot}>\n        <div style={styles.loadingPanel}>\n          <span style={styles.loadingDot} />\n          <span style={styles.loadingLabel}>Starting</span>\n        </div>\n      </main>\n    );\n  }\n\n  return renderView(nav.view, {\n    agentUrl,\n    pairingPayload,\n    onPushPairing: () => nav.push(\"pairing\"),\n    onPushRemoteSession: () => nav.push(\"remote-session\"),\n    onBackToChat: () => nav.pop(\"chat\"),\n    onPaired: (payload: PairingPayload) => {\n      void persistPairingToNative(payload);\n      setPairingPayload(payload);\n      setAgentUrl(payload.ingressUrl);\n      nav.push(\"remote-session\");\n    },\n  });\n}\n\ninterface ViewHandlers {\n  agentUrl: string | null;\n  pairingPayload: PairingPayload | null;\n  onPushPairing(): void;\n  onPushRemoteSession(): void;\n  onBackToChat(): void;\n  onPaired(payload: PairingPayload): void;\n}\n\nfunction renderView(view: ViewName, h: ViewHandlers): React.JSX.Element {\n  if (view === \"pairing\") {\n    return <Pairing onPaired={h.onPaired} onBack={h.onBackToChat} />;\n  }\n  if (view === \"remote-session\") {\n    if (h.pairingPayload === null) {\n      return (\n        <Chat\n          pairedAgentUrl={h.agentUrl}\n          onOpenPairing={h.onPushPairing}\n          onOpenRemoteSession={h.onPushRemoteSession}\n          remoteSessionAvailable={false}\n        />\n      );\n    }\n    return <RemoteSession payload={h.pairingPayload} onExit={h.onBackToChat} />;\n  }\n  return (\n    <Chat\n      pairedAgentUrl={h.agentUrl}\n      onOpenPairing={h.onPushPairing}\n      onOpenRemoteSession={h.onPushRemoteSession}\n      remoteSessionAvailable={h.pairingPayload !== null}\n    />\n  );\n}\n\nconst styles: Record<string, React.CSSProperties> = {\n  loadingRoot: {\n    minHeight: \"100%\",\n    display: \"grid\",\n    placeItems: \"center\",\n    background: \"#0b0f14\",\n    color: \"#f8fafc\",\n  },\n  loadingPanel: {\n    minWidth: 160,\n    minHeight: 56,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: 10,\n    border: \"1px solid #1f2937\",\n    borderRadius: 8,\n    background: \"#111827\",\n  },\n  loadingDot: {\n    width: 10,\n    height: 10,\n    borderRadius: 999,\n    background: \"#f97316\",\n    boxShadow: \"0 0 18px rgba(249, 115, 22, 0.55)\",\n  },\n  loadingLabel: {\n    fontSize: 13,\n    fontWeight: 700,\n    textTransform: \"uppercase\",\n    letterSpacing: 0,\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/companion/components/RemoteSession.d.ts

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