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

package/dist/components/PhoneAppView.js

@@ -0,0 +1,566 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Phone } from "@elizaos/capacitor-phone";
+import { Button, useAgentElement } from "@elizaos/ui";
+import { consumePendingPhoneNumber } from "@elizaos/ui/app-navigate-view";
+import { PermissionRecoveryCallout } from "@elizaos/ui/components";
+import {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "@elizaos/ui/components/ui/tabs";
+import {
+  ArrowLeft,
+  Delete,
+  Phone as PhoneIcon,
+  PhoneIncoming,
+  PhoneMissed,
+  PhoneOutgoing,
+  Users as UsersIcon,
+  Voicemail
+} from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { callLabelFor, normalizeNumber } from "./PhoneAppView.helpers.js";
+const DIAL_KEYS = [
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "6",
+  "7",
+  "8",
+  "9",
+  "*",
+  "0",
+  "#"
+];
+function formatTimestamp(epochMs) {
+  const date = new Date(epochMs);
+  if (Number.isNaN(date.getTime())) return "";
+  const now = /* @__PURE__ */ new Date();
+  const sameDay = date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate();
+  if (sameDay) {
+    return date.toLocaleTimeString(void 0, {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  }
+  return date.toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function callIconFor(type) {
+  switch (type) {
+    case "incoming":
+    case "answered_externally":
+      return /* @__PURE__ */ jsx(PhoneIncoming, { className: "h-4 w-4 text-ok", "aria-hidden": true });
+    case "outgoing":
+      return /* @__PURE__ */ jsx(PhoneOutgoing, { className: "h-4 w-4 text-accent", "aria-hidden": true });
+    case "missed":
+    case "rejected":
+    case "blocked":
+      return /* @__PURE__ */ jsx(PhoneMissed, { className: "h-4 w-4 text-danger", "aria-hidden": true });
+    case "voicemail":
+      return /* @__PURE__ */ jsx(Voicemail, { className: "h-4 w-4 text-muted", "aria-hidden": true });
+    default:
+      return /* @__PURE__ */ jsx(PhoneIcon, { className: "h-4 w-4 text-muted", "aria-hidden": true });
+  }
+}
+function isPhonePermissionError(message) {
+  const normalized = message.toLowerCase();
+  return normalized.includes("permission") || normalized.includes("denied") || normalized.includes("access is needed") || normalized.includes("call_phone") || normalized.includes("read_call_log");
+}
+function PhoneTabTrigger({
+  tab,
+  label,
+  active,
+  disabled
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `tab-${tab}`,
+    role: "tab",
+    label,
+    group: "phone-tabs",
+    status: active ? "active" : "inactive",
+    description: `Switch to the ${label} tab`
+  });
+  return /* @__PURE__ */ jsx(
+    TabsTrigger,
+    {
+      ref,
+      value: tab,
+      disabled,
+      "aria-current": active ? "true" : void 0,
+      className: "font-semibold transition-colors",
+      style: {
+        backgroundColor: "transparent",
+        color: active ? "var(--accent)" : "var(--muted)",
+        border: "1px solid transparent"
+      },
+      ...agentProps,
+      children: label
+    }
+  );
+}
+function PhoneDialKey({
+  digit,
+  onPress
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: `dial-key-${digit}`,
+    role: "button",
+    label: `Dial ${digit}`,
+    group: "phone-dialpad",
+    description: `Append ${digit} to the number being dialed`
+  });
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: "h-16 text-2xl font-semibold transition active:scale-95 sm:h-20",
+      style: {
+        backgroundColor: "transparent",
+        color: "var(--text)",
+        border: "none"
+      },
+      onClick: () => onPress(digit),
+      "aria-label": `Dial ${digit}`,
+      "data-testid": `phone-dial-key-${digit}`,
+      ...agentProps,
+      children: digit
+    }
+  );
+}
+function RecentCallButton({
+  entry,
+  onCall
+}) {
+  const label = callLabelFor(entry);
+  const showNumber = entry.cachedName && entry.cachedName.trim().length > 0 ? entry.number : null;
+  const { ref, agentProps } = useAgentElement({
+    id: `recent-call-${entry.id}`,
+    role: "list-item",
+    label: `Call ${label}`,
+    group: "phone-recent",
+    description: `Place a call to ${label}`,
+    onActivate: () => onCall(entry.number)
+  });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      onClick: () => onCall(entry.number),
+      className: "flex w-full items-center gap-3 px-2 py-2 text-left transition active:scale-[0.99]",
+      style: {
+        backgroundColor: "transparent",
+        border: "none"
+      },
+      ...agentProps,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full",
+            style: { backgroundColor: "var(--accent-subtle)" },
+            children: callIconFor(entry.type)
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-semibold text-txt", children: label }),
+          /* @__PURE__ */ jsxs("span", { className: "block truncate text-xs text-muted", children: [
+            showNumber ? `${showNumber} \xB7 ` : "",
+            formatTimestamp(entry.date)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(PhoneIcon, { className: "h-4 w-4 shrink-0 text-muted" })
+      ]
+    }
+  );
+}
+function PhoneAppView({ exitToApps, t }) {
+  const [activeTab, setActiveTab] = useState("dialer");
+  const [dialed, setDialed] = useState("");
+  const [calling, setCalling] = useState(false);
+  const [callError, setCallError] = useState(null);
+  const [calls, setCalls] = useState([]);
+  const [callsLoading, setCallsLoading] = useState(false);
+  const [callsError, setCallsError] = useState(null);
+  const recentAutoLoadedRef = useRef(false);
+  const refreshCalls = useCallback(async () => {
+    setCallsLoading(true);
+    setCallsError(null);
+    try {
+      const status = await Phone.requestPermissions().catch(() => null);
+      if (status && status.phone !== "granted") {
+        setCalls([]);
+        setCallsError(
+          "Phone access is needed for recent calls and dialing. Grant it in your device settings, then retry."
+        );
+        return;
+      }
+      const { calls: fetched } = await Phone.listRecentCalls({ limit: 50 });
+      setCalls(fetched);
+    } catch (err) {
+      setCallsError(err instanceof Error ? err.message : String(err));
+      setCalls([]);
+    } finally {
+      setCallsLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    const pending = consumePendingPhoneNumber();
+    if (pending) {
+      setCallError(null);
+      setDialed(pending);
+      setActiveTab("dialer");
+    }
+  }, []);
+  useEffect(() => {
+    if (activeTab !== "recent") return;
+    if (!recentAutoLoadedRef.current && !callsLoading) {
+      recentAutoLoadedRef.current = true;
+      void refreshCalls();
+    }
+    const interval = setInterval(() => {
+      void refreshCalls();
+    }, 2e4);
+    return () => clearInterval(interval);
+  }, [activeTab, callsLoading, refreshCalls]);
+  const appendDigit = useCallback((digit) => {
+    setCallError(null);
+    setDialed((prev) => `${prev}${digit}`);
+  }, []);
+  const appendPlus = useCallback(() => {
+    setCallError(null);
+    setDialed((prev) => prev.length === 0 ? "+" : prev);
+  }, []);
+  const backspace = useCallback(() => {
+    setCallError(null);
+    setDialed((prev) => prev.slice(0, -1));
+  }, []);
+  const placeCall = useCallback(async (number) => {
+    const normalized = normalizeNumber(number);
+    if (!normalized) {
+      setCallError("Enter a number to call.");
+      return;
+    }
+    setCalling(true);
+    setCallError(null);
+    try {
+      await Phone.placeCall({ number: normalized });
+    } catch (err) {
+      setCallError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setCalling(false);
+    }
+  }, []);
+  const onDialerCall = useCallback(() => {
+    void placeCall(dialed);
+  }, [dialed, placeCall]);
+  const onCallEntry = useCallback(
+    (number) => {
+      void placeCall(number);
+    },
+    [placeCall]
+  );
+  const dialerDisplay = useMemo(() => dialed || "", [dialed]);
+  const openContacts = useCallback(() => {
+    if (typeof window === "undefined") return;
+    window.dispatchEvent(
+      new CustomEvent("eliza:navigate:view", {
+        detail: { viewId: "contacts", viewPath: "/contacts" }
+      })
+    );
+  }, []);
+  const backLabel = t("nav.back", { defaultValue: "Back" });
+  const callLabel = t("phone.dialer.call", { defaultValue: "Call" });
+  const intlLabel = t("phone.dialer.intl", {
+    defaultValue: "Insert + for international dialing"
+  });
+  const backspaceLabel = t("phone.dialer.backspace", {
+    defaultValue: "Delete digit"
+  });
+  const backAgent = useAgentElement({
+    id: "action-back",
+    role: "button",
+    label: backLabel,
+    group: "phone-nav",
+    description: "Leave the Phone app and return to the app grid"
+  });
+  const contactsLabel = t("phone.tabs.contacts", { defaultValue: "Contacts" });
+  const contactsNavAgent = useAgentElement({
+    id: "action-contacts",
+    role: "button",
+    label: contactsLabel,
+    group: "phone-nav",
+    description: "Open the Contacts app to browse the address book",
+    onActivate: openContacts
+  });
+  const plusAgent = useAgentElement({
+    id: "dial-plus",
+    role: "button",
+    label: intlLabel,
+    group: "phone-dialer",
+    description: "Insert a leading + for international dialing"
+  });
+  const callAgent = useAgentElement({
+    id: "action-call",
+    role: "button",
+    label: callLabel,
+    group: "phone-dialer",
+    description: "Place a call to the dialed number"
+  });
+  const backspaceAgent = useAgentElement({
+    id: "dial-backspace",
+    role: "button",
+    label: backspaceLabel,
+    group: "phone-dialer",
+    description: "Delete the last digit of the dialed number"
+  });
+  const emptyDialerAgent = useAgentElement({
+    id: "recent-empty-dialer",
+    role: "button",
+    label: t("phone.tabs.dialer", { defaultValue: "Dialer" }),
+    group: "phone-recent",
+    description: "Switch to the Dialer tab from the empty recent-calls state",
+    onActivate: () => setActiveTab("dialer")
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "phone-shell",
+      className: "fixed inset-0 z-50 flex h-[100vh] flex-col overflow-hidden bg-bg pb-[var(--safe-area-bottom,0px)] pl-[var(--safe-area-left,0px)] pr-[var(--safe-area-right,0px)] pt-[var(--safe-area-top,0px)] supports-[height:100dvh]:h-[100dvh]",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-between px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                ref: backAgent.ref,
+                variant: "ghost",
+                size: "icon",
+                className: "h-9 w-9 text-muted hover:text-txt",
+                onClick: exitToApps,
+                "aria-label": backLabel,
+                ...backAgent.agentProps,
+                children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h1", { className: "text-base font-semibold text-txt", children: t("phone.title", { defaultValue: "Phone" }) }),
+              /* @__PURE__ */ jsx("p", { className: "sr-only text-xs-tight text-muted leading-none", children: t("phone.subtitle", {
+                defaultValue: "Dialer and recent calls"
+              }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              ref: contactsNavAgent.ref,
+              variant: "ghost",
+              size: "icon",
+              className: "h-9 w-9 text-muted hover:text-txt",
+              onClick: openContacts,
+              "aria-label": contactsLabel,
+              "data-testid": "phone-open-contacts",
+              ...contactsNavAgent.agentProps,
+              children: /* @__PURE__ */ jsx(UsersIcon, { className: "h-4 w-4" })
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Tabs,
+          {
+            value: activeTab,
+            onValueChange: (v) => setActiveTab(v),
+            className: "flex flex-1 min-h-0 flex-col",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "shrink-0 px-3 py-1", children: /* @__PURE__ */ jsxs(TabsList, { className: "grid w-full max-w-sm grid-cols-2 gap-1 bg-transparent", children: [
+                /* @__PURE__ */ jsx(
+                  PhoneTabTrigger,
+                  {
+                    tab: "dialer",
+                    label: t("phone.tabs.dialer", { defaultValue: "Dialer" }),
+                    active: activeTab === "dialer"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  PhoneTabTrigger,
+                  {
+                    tab: "recent",
+                    label: t("phone.tabs.recent", { defaultValue: "Recent" }),
+                    active: activeTab === "recent"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(
+                TabsContent,
+                {
+                  value: "dialer",
+                  className: "flex-1 overflow-y-auto focus-visible:outline-none",
+                  children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-full flex-col items-center px-4 pb-32 pt-6", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-sm flex-col items-center gap-3 pt-2", children: [
+                      /* @__PURE__ */ jsx(
+                        "output",
+                        {
+                          className: "block min-h-[3rem] w-full select-text px-4 py-3 text-center font-mono text-2xl",
+                          style: {
+                            backgroundColor: "transparent",
+                            border: "none",
+                            color: "var(--text)"
+                          },
+                          "aria-live": "polite",
+                          "aria-label": t("phone.dialer.display", {
+                            defaultValue: "Number being dialed"
+                          }),
+                          children: dialerDisplay || /* @__PURE__ */ jsx("span", { className: "text-muted", children: t("phone.dialer.placeholder", {
+                            defaultValue: "Enter a number"
+                          }) })
+                        }
+                      ),
+                      callError && isPhonePermissionError(callError) ? /* @__PURE__ */ jsx(
+                        PermissionRecoveryCallout,
+                        {
+                          permission: "phone",
+                          title: t("phone.permissionTitle", {
+                            defaultValue: "Phone access is off"
+                          }),
+                          description: callError,
+                          onRetry: () => void refreshCalls(),
+                          retryLabel: t("actions.retry", { defaultValue: "Try again" }),
+                          className: "w-full max-w-sm",
+                          testId: "phone-permission-callout"
+                        }
+                      ) : callError ? /* @__PURE__ */ jsx("p", { className: "w-full text-center text-sm text-danger", children: callError }) : null
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "grid w-full max-w-sm grid-cols-3 gap-3 py-4", children: DIAL_KEYS.map((key) => /* @__PURE__ */ jsx(PhoneDialKey, { digit: key, onPress: appendDigit }, key)) }),
+                    /* @__PURE__ */ jsxs("div", { className: "grid w-full max-w-sm grid-cols-3 items-center gap-3 pb-4", children: [
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          ref: plusAgent.ref,
+                          type: "button",
+                          className: "h-12 text-lg font-semibold active:scale-95",
+                          style: {
+                            backgroundColor: "transparent",
+                            border: "none",
+                            color: "var(--text)"
+                          },
+                          onClick: appendPlus,
+                          "data-testid": "phone-dial-plus",
+                          "aria-label": intlLabel,
+                          ...plusAgent.agentProps,
+                          children: "+"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          ref: callAgent.ref,
+                          type: "button",
+                          onClick: onDialerCall,
+                          disabled: calling || dialed.length === 0,
+                          className: "flex h-14 items-center justify-center rounded-full transition-colors active:scale-95 disabled:opacity-50",
+                          style: {
+                            backgroundColor: "var(--accent)",
+                            color: "var(--accent-foreground)"
+                          },
+                          onMouseEnter: (e) => {
+                            e.currentTarget.style.backgroundColor = "var(--accent-hover)";
+                          },
+                          onMouseLeave: (e) => {
+                            e.currentTarget.style.backgroundColor = "var(--accent)";
+                          },
+                          "aria-label": callLabel,
+                          "data-testid": "phone-dial-call",
+                          ...callAgent.agentProps,
+                          children: /* @__PURE__ */ jsx(PhoneIcon, { className: "h-6 w-6", "aria-hidden": true })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          ref: backspaceAgent.ref,
+                          type: "button",
+                          className: "flex h-12 items-center justify-center active:scale-95 disabled:opacity-50",
+                          style: {
+                            backgroundColor: "transparent",
+                            border: "none",
+                            color: "var(--text)"
+                          },
+                          onClick: backspace,
+                          disabled: dialed.length === 0,
+                          "aria-label": backspaceLabel,
+                          "data-testid": "phone-dial-backspace",
+                          ...backspaceAgent.agentProps,
+                          children: /* @__PURE__ */ jsx(Delete, { className: "h-5 w-5", "aria-hidden": true })
+                        }
+                      )
+                    ] })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TabsContent,
+                {
+                  value: "recent",
+                  className: "flex-1 overflow-hidden focus-visible:outline-none",
+                  children: /* @__PURE__ */ jsxs("div", { className: "chat-native-scrollbar h-full overflow-y-auto px-4 pb-32 pt-3", children: [
+                    callsError && isPhonePermissionError(callsError) ? /* @__PURE__ */ jsx(
+                      PermissionRecoveryCallout,
+                      {
+                        permission: "phone",
+                        title: t("phone.permissionTitle", {
+                          defaultValue: "Phone access is off"
+                        }),
+                        description: callsError,
+                        onRetry: refreshCalls,
+                        retryLabel: t("actions.retry", { defaultValue: "Try again" }),
+                        className: "mb-3",
+                        testId: "phone-recent-permission-callout"
+                      }
+                    ) : callsError ? /* @__PURE__ */ jsx("p", { className: "px-1 py-2 text-sm text-danger", children: callsError }) : null,
+                    !callsError && calls.length === 0 && callsLoading ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-6 text-center text-sm text-muted", children: t("phone.recent.loading", {
+                      defaultValue: "Loading recent calls\u2026"
+                    }) }) : null,
+                    !callsError && calls.length === 0 && !callsLoading ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "max-w-sm", children: [
+                      /* @__PURE__ */ jsx(PhoneIcon, { className: "mx-auto h-12 w-12 text-muted" }),
+                      /* @__PURE__ */ jsx("div", { className: "mt-3 text-sm font-medium text-txt", children: t("phone.recent.empty", {
+                        defaultValue: "None"
+                      }) }),
+                      /* @__PURE__ */ jsx("p", { className: "sr-only mt-1 text-xs text-muted", children: t("phone.recent.emptyBody", {
+                        defaultValue: "Recent incoming, outgoing, and missed calls will appear here after Android grants call-log access."
+                      }) }),
+                      /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center gap-2", children: /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          ref: emptyDialerAgent.ref,
+                          variant: "ghost",
+                          size: "sm",
+                          onClick: () => setActiveTab("dialer"),
+                          ...emptyDialerAgent.agentProps,
+                          children: t("phone.tabs.dialer", { defaultValue: "Dialer" })
+                        }
+                      ) })
+                    ] }) }) : null,
+                    /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1", children: calls.map((entry) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(RecentCallButton, { entry, onCall: onCallEntry }) }, entry.id)) })
+                  ] })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  PhoneAppView
+};
+//# sourceMappingURL=PhoneAppView.js.map

package/dist/components/PhoneAppView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/PhoneAppView.tsx"],"sourcesContent":["/**\n * PhoneAppView — full-screen overlay for the Phone app.\n *\n * Two tabs:\n *   - Dialer: number pad, in-progress display, place-call button.\n *   - Recent: scrollable call log with type icon, name/number, timestamp.\n *\n * The address book lives in the separate Contacts view; the header \"Contacts\"\n * affordance navigates there via the `eliza:navigate:view` bus rather than\n * embedding a duplicate contacts pane here.\n *\n * The native dependency (`@elizaos/capacitor-phone`) is imported eagerly —\n * Capacitor's `registerPlugin` returns a proxy that resolves the web fallback\n * on web/iOS, so the import is safe even on non-Android platforms.\n */\n\nimport type { CallLogEntry, CallLogType } from \"@elizaos/capacitor-phone\";\nimport { Phone } from \"@elizaos/capacitor-phone\";\nimport type { OverlayAppContext } from \"@elizaos/ui\";\nimport { Button, useAgentElement } from \"@elizaos/ui\";\nimport { consumePendingPhoneNumber } from \"@elizaos/ui/app-navigate-view\";\nimport { PermissionRecoveryCallout } from \"@elizaos/ui/components\";\nimport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from \"@elizaos/ui/components/ui/tabs\";\nimport {\n  ArrowLeft,\n  Delete,\n  Phone as PhoneIcon,\n  PhoneIncoming,\n  PhoneMissed,\n  PhoneOutgoing,\n  Users as UsersIcon,\n  Voicemail,\n} from \"lucide-react\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { callLabelFor, normalizeNumber } from \"./PhoneAppView.helpers.js\";\n\nconst DIAL_KEYS: readonly string[] = [\n  \"1\",\n  \"2\",\n  \"3\",\n  \"4\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"*\",\n  \"0\",\n  \"#\",\n];\n\ntype PhoneTab = \"dialer\" | \"recent\";\n\nfunction formatTimestamp(epochMs: number): string {\n  const date = new Date(epochMs);\n  if (Number.isNaN(date.getTime())) return \"\";\n  const now = new Date();\n  const sameDay =\n    date.getFullYear() === now.getFullYear() &&\n    date.getMonth() === now.getMonth() &&\n    date.getDate() === now.getDate();\n  if (sameDay) {\n    return date.toLocaleTimeString(undefined, {\n      hour: \"2-digit\",\n      minute: \"2-digit\",\n    });\n  }\n  return date.toLocaleString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nfunction callIconFor(type: CallLogType) {\n  switch (type) {\n    case \"incoming\":\n    case \"answered_externally\":\n      return <PhoneIncoming className=\"h-4 w-4 text-ok\" aria-hidden />;\n    case \"outgoing\":\n      return <PhoneOutgoing className=\"h-4 w-4 text-accent\" aria-hidden />;\n    case \"missed\":\n    case \"rejected\":\n    case \"blocked\":\n      return <PhoneMissed className=\"h-4 w-4 text-danger\" aria-hidden />;\n    case \"voicemail\":\n      return <Voicemail className=\"h-4 w-4 text-muted\" aria-hidden />;\n    default:\n      return <PhoneIcon className=\"h-4 w-4 text-muted\" aria-hidden />;\n  }\n}\n\nfunction isPhonePermissionError(message: string): boolean {\n  const normalized = message.toLowerCase();\n  return (\n    normalized.includes(\"permission\") ||\n    normalized.includes(\"denied\") ||\n    normalized.includes(\"access is needed\") ||\n    normalized.includes(\"call_phone\") ||\n    normalized.includes(\"read_call_log\")\n  );\n}\n\nfunction PhoneTabTrigger({\n  tab,\n  label,\n  active,\n  disabled,\n}: {\n  tab: PhoneTab;\n  label: string;\n  active: boolean;\n  disabled?: boolean;\n}) {\n  const { ref, agentProps } = useAgentElement<HTMLButtonElement>({\n    id: `tab-${tab}`,\n    role: \"tab\",\n    label,\n    group: \"phone-tabs\",\n    status: active ? \"active\" : \"inactive\",\n    description: `Switch to the ${label} tab`,\n  });\n  return (\n    <TabsTrigger\n      ref={ref}\n      value={tab}\n      disabled={disabled}\n      aria-current={active ? \"true\" : undefined}\n      className=\"font-semibold transition-colors\"\n      style={{\n        backgroundColor: \"transparent\",\n        color: active ? \"var(--accent)\" : \"var(--muted)\",\n        border: \"1px solid transparent\",\n      }}\n      {...agentProps}\n    >\n      {label}\n    </TabsTrigger>\n  );\n}\n\nfunction PhoneDialKey({\n  digit,\n  onPress,\n}: {\n  digit: string;\n  onPress: (digit: string) => void;\n}) {\n  const { ref, agentProps } = useAgentElement<HTMLButtonElement>({\n    id: `dial-key-${digit}`,\n    role: \"button\",\n    label: `Dial ${digit}`,\n    group: \"phone-dialpad\",\n    description: `Append ${digit} to the number being dialed`,\n  });\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      className=\"h-16 text-2xl font-semibold transition active:scale-95 sm:h-20\"\n      style={{\n        backgroundColor: \"transparent\",\n        color: \"var(--text)\",\n        border: \"none\",\n      }}\n      onClick={() => onPress(digit)}\n      aria-label={`Dial ${digit}`}\n      data-testid={`phone-dial-key-${digit}`}\n      {...agentProps}\n    >\n      {digit}\n    </button>\n  );\n}\n\nfunction RecentCallButton({\n  entry,\n  onCall,\n}: {\n  entry: CallLogEntry;\n  onCall: (number: string) => void;\n}) {\n  const label = callLabelFor(entry);\n  const showNumber =\n    entry.cachedName && entry.cachedName.trim().length > 0\n      ? entry.number\n      : null;\n  const { ref, agentProps } = useAgentElement<HTMLButtonElement>({\n    id: `recent-call-${entry.id}`,\n    role: \"list-item\",\n    label: `Call ${label}`,\n    group: \"phone-recent\",\n    description: `Place a call to ${label}`,\n    onActivate: () => onCall(entry.number),\n  });\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={() => onCall(entry.number)}\n      className=\"flex w-full items-center gap-3 px-2 py-2 text-left transition active:scale-[0.99]\"\n      style={{\n        backgroundColor: \"transparent\",\n        border: \"none\",\n      }}\n      {...agentProps}\n    >\n      <span\n        className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-full\"\n        style={{ backgroundColor: \"var(--accent-subtle)\" }}\n      >\n        {callIconFor(entry.type)}\n      </span>\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block truncate text-sm font-semibold text-txt\">\n          {label}\n        </span>\n        <span className=\"block truncate text-xs text-muted\">\n          {showNumber ? `${showNumber} · ` : \"\"}\n          {formatTimestamp(entry.date)}\n        </span>\n      </span>\n      <PhoneIcon className=\"h-4 w-4 shrink-0 text-muted\" />\n    </button>\n  );\n}\n\nexport function PhoneAppView({ exitToApps, t }: OverlayAppContext) {\n  const [activeTab, setActiveTab] = useState<PhoneTab>(\"dialer\");\n  const [dialed, setDialed] = useState(\"\");\n  const [calling, setCalling] = useState(false);\n  const [callError, setCallError] = useState<string | null>(null);\n\n  const [calls, setCalls] = useState<CallLogEntry[]>([]);\n  const [callsLoading, setCallsLoading] = useState(false);\n  const [callsError, setCallsError] = useState<string | null>(null);\n\n  // Guards the lazy auto-load so an empty recent-calls result does not retrigger\n  // the fetch forever (an empty list keeps `calls.length === 0`, which would\n  // otherwise re-satisfy the effect's guard on every render → infinite reload).\n  const recentAutoLoadedRef = useRef(false);\n\n  const refreshCalls = useCallback(async () => {\n    setCallsLoading(true);\n    setCallsError(null);\n    try {\n      // Feature-gated: request phone access on first open (idempotent — already\n      // granted never re-prompts). Tolerates older bridges without the request\n      // path by falling through to listRecentCalls.\n      const status = await Phone.requestPermissions().catch(() => null);\n      if (status && status.phone !== \"granted\") {\n        setCalls([]);\n        setCallsError(\n          \"Phone access is needed for recent calls and dialing. Grant it in your device settings, then retry.\",\n        );\n        return;\n      }\n      const { calls: fetched } = await Phone.listRecentCalls({ limit: 50 });\n      setCalls(fetched);\n    } catch (err) {\n      setCallsError(err instanceof Error ? err.message : String(err));\n      setCalls([]);\n    } finally {\n      setCallsLoading(false);\n    }\n  }, []);\n\n  // Seed the dialer from a cross-view handoff (e.g. a Contacts \"Call\" control\n  // that navigated here with a number). Single-shot: the number is consumed so\n  // a later plain navigation to Phone does not re-seed a stale value.\n  useEffect(() => {\n    const pending = consumePendingPhoneNumber();\n    if (pending) {\n      setCallError(null);\n      setDialed(pending);\n      setActiveTab(\"dialer\");\n    }\n  }, []);\n\n  // Lazy-load the recent-calls tab on first activation, then keep it fresh with\n  // a quiet 20s poll while the tab is active (no manual Refresh control). The\n  // poll is torn down when the tab changes or the view unmounts.\n  useEffect(() => {\n    if (activeTab !== \"recent\") return;\n    if (!recentAutoLoadedRef.current && !callsLoading) {\n      recentAutoLoadedRef.current = true;\n      void refreshCalls();\n    }\n    const interval = setInterval(() => {\n      void refreshCalls();\n    }, 20_000);\n    return () => clearInterval(interval);\n  }, [activeTab, callsLoading, refreshCalls]);\n\n  const appendDigit = useCallback((digit: string) => {\n    setCallError(null);\n    setDialed((prev) => `${prev}${digit}`);\n  }, []);\n\n  const appendPlus = useCallback(() => {\n    setCallError(null);\n    setDialed((prev) => (prev.length === 0 ? \"+\" : prev));\n  }, []);\n\n  const backspace = useCallback(() => {\n    setCallError(null);\n    setDialed((prev) => prev.slice(0, -1));\n  }, []);\n\n  const placeCall = useCallback(async (number: string) => {\n    const normalized = normalizeNumber(number);\n    if (!normalized) {\n      setCallError(\"Enter a number to call.\");\n      return;\n    }\n    setCalling(true);\n    setCallError(null);\n    try {\n      await Phone.placeCall({ number: normalized });\n    } catch (err) {\n      setCallError(err instanceof Error ? err.message : String(err));\n    } finally {\n      setCalling(false);\n    }\n  }, []);\n\n  const onDialerCall = useCallback(() => {\n    void placeCall(dialed);\n  }, [dialed, placeCall]);\n\n  const onCallEntry = useCallback(\n    (number: string) => {\n      void placeCall(number);\n    },\n    [placeCall],\n  );\n\n  const dialerDisplay = useMemo(() => dialed || \"\", [dialed]);\n\n  // Open the separate Contacts view via the navigation bus. Contacts live in\n  // their own plugin/view; the Phone app links to them rather than embedding a\n  // duplicate address book.\n  const openContacts = useCallback(() => {\n    if (typeof window === \"undefined\") return;\n    window.dispatchEvent(\n      new CustomEvent(\"eliza:navigate:view\", {\n        detail: { viewId: \"contacts\", viewPath: \"/contacts\" },\n      }),\n    );\n  }, []);\n\n  const backLabel = t(\"nav.back\", { defaultValue: \"Back\" });\n  const callLabel = t(\"phone.dialer.call\", { defaultValue: \"Call\" });\n  const intlLabel = t(\"phone.dialer.intl\", {\n    defaultValue: \"Insert + for international dialing\",\n  });\n  const backspaceLabel = t(\"phone.dialer.backspace\", {\n    defaultValue: \"Delete digit\",\n  });\n\n  const backAgent = useAgentElement<HTMLButtonElement>({\n    id: \"action-back\",\n    role: \"button\",\n    label: backLabel,\n    group: \"phone-nav\",\n    description: \"Leave the Phone app and return to the app grid\",\n  });\n  const contactsLabel = t(\"phone.tabs.contacts\", { defaultValue: \"Contacts\" });\n  const contactsNavAgent = useAgentElement<HTMLButtonElement>({\n    id: \"action-contacts\",\n    role: \"button\",\n    label: contactsLabel,\n    group: \"phone-nav\",\n    description: \"Open the Contacts app to browse the address book\",\n    onActivate: openContacts,\n  });\n  const plusAgent = useAgentElement<HTMLButtonElement>({\n    id: \"dial-plus\",\n    role: \"button\",\n    label: intlLabel,\n    group: \"phone-dialer\",\n    description: \"Insert a leading + for international dialing\",\n  });\n  const callAgent = useAgentElement<HTMLButtonElement>({\n    id: \"action-call\",\n    role: \"button\",\n    label: callLabel,\n    group: \"phone-dialer\",\n    description: \"Place a call to the dialed number\",\n  });\n  const backspaceAgent = useAgentElement<HTMLButtonElement>({\n    id: \"dial-backspace\",\n    role: \"button\",\n    label: backspaceLabel,\n    group: \"phone-dialer\",\n    description: \"Delete the last digit of the dialed number\",\n  });\n  const emptyDialerAgent = useAgentElement<HTMLButtonElement>({\n    id: \"recent-empty-dialer\",\n    role: \"button\",\n    label: t(\"phone.tabs.dialer\", { defaultValue: \"Dialer\" }),\n    group: \"phone-recent\",\n    description: \"Switch to the Dialer tab from the empty recent-calls state\",\n    onActivate: () => setActiveTab(\"dialer\"),\n  });\n\n  return (\n    <div\n      data-testid=\"phone-shell\"\n      className=\"fixed inset-0 z-50 flex h-[100vh] flex-col overflow-hidden bg-bg pb-[var(--safe-area-bottom,0px)] pl-[var(--safe-area-left,0px)] pr-[var(--safe-area-right,0px)] pt-[var(--safe-area-top,0px)] supports-[height:100dvh]:h-[100dvh]\"\n    >\n      {/* Header */}\n      <div className=\"flex shrink-0 items-center justify-between px-3 py-2\">\n        <div className=\"flex items-center gap-3\">\n          <Button\n            ref={backAgent.ref}\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-9 w-9 text-muted hover:text-txt\"\n            onClick={exitToApps}\n            aria-label={backLabel}\n            {...backAgent.agentProps}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-base font-semibold text-txt\">\n              {t(\"phone.title\", { defaultValue: \"Phone\" })}\n            </h1>\n            <p className=\"sr-only text-xs-tight text-muted leading-none\">\n              {t(\"phone.subtitle\", {\n                defaultValue: \"Dialer and recent calls\",\n              })}\n            </p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <Button\n            ref={contactsNavAgent.ref}\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"h-9 w-9 text-muted hover:text-txt\"\n            onClick={openContacts}\n            aria-label={contactsLabel}\n            data-testid=\"phone-open-contacts\"\n            {...contactsNavAgent.agentProps}\n          >\n            <UsersIcon className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n\n      {/* Tabs */}\n      <Tabs\n        value={activeTab}\n        onValueChange={(v: string) => setActiveTab(v as PhoneTab)}\n        className=\"flex flex-1 min-h-0 flex-col\"\n      >\n        <div className=\"shrink-0 px-3 py-1\">\n          <TabsList className=\"grid w-full max-w-sm grid-cols-2 gap-1 bg-transparent\">\n            <PhoneTabTrigger\n              tab=\"dialer\"\n              label={t(\"phone.tabs.dialer\", { defaultValue: \"Dialer\" })}\n              active={activeTab === \"dialer\"}\n            />\n            <PhoneTabTrigger\n              tab=\"recent\"\n              label={t(\"phone.tabs.recent\", { defaultValue: \"Recent\" })}\n              active={activeTab === \"recent\"}\n            />\n          </TabsList>\n        </div>\n\n        {/* Dialer */}\n        <TabsContent\n          value=\"dialer\"\n          className=\"flex-1 overflow-y-auto focus-visible:outline-none\"\n        >\n          <div className=\"flex min-h-full flex-col items-center px-4 pb-32 pt-6\">\n            <div className=\"flex w-full max-w-sm flex-col items-center gap-3 pt-2\">\n              <output\n                className=\"block min-h-[3rem] w-full select-text px-4 py-3 text-center font-mono text-2xl\"\n                style={{\n                  backgroundColor: \"transparent\",\n                  border: \"none\",\n                  color: \"var(--text)\",\n                }}\n                aria-live=\"polite\"\n                aria-label={t(\"phone.dialer.display\", {\n                  defaultValue: \"Number being dialed\",\n                })}\n              >\n                {dialerDisplay || (\n                  <span className=\"text-muted\">\n                    {t(\"phone.dialer.placeholder\", {\n                      defaultValue: \"Enter a number\",\n                    })}\n                  </span>\n                )}\n              </output>\n              {callError && isPhonePermissionError(callError) ? (\n                <PermissionRecoveryCallout\n                  permission=\"phone\"\n                  title={t(\"phone.permissionTitle\", {\n                    defaultValue: \"Phone access is off\",\n                  })}\n                  description={callError}\n                  onRetry={() => void refreshCalls()}\n                  retryLabel={t(\"actions.retry\", { defaultValue: \"Try again\" })}\n                  className=\"w-full max-w-sm\"\n                  testId=\"phone-permission-callout\"\n                />\n              ) : callError ? (\n                <p className=\"w-full text-center text-sm text-danger\">\n                  {callError}\n                </p>\n              ) : null}\n            </div>\n\n            {/* Number pad */}\n            <div className=\"grid w-full max-w-sm grid-cols-3 gap-3 py-4\">\n              {DIAL_KEYS.map((key) => (\n                <PhoneDialKey key={key} digit={key} onPress={appendDigit} />\n              ))}\n            </div>\n\n            {/* Bottom row: + (long-press equivalent), call, backspace */}\n            <div className=\"grid w-full max-w-sm grid-cols-3 items-center gap-3 pb-4\">\n              <button\n                ref={plusAgent.ref}\n                type=\"button\"\n                className=\"h-12 text-lg font-semibold active:scale-95\"\n                style={{\n                  backgroundColor: \"transparent\",\n                  border: \"none\",\n                  color: \"var(--text)\",\n                }}\n                onClick={appendPlus}\n                data-testid=\"phone-dial-plus\"\n                aria-label={intlLabel}\n                {...plusAgent.agentProps}\n              >\n                +\n              </button>\n              <button\n                ref={callAgent.ref}\n                type=\"button\"\n                onClick={onDialerCall}\n                disabled={calling || dialed.length === 0}\n                className=\"flex h-14 items-center justify-center rounded-full transition-colors active:scale-95 disabled:opacity-50\"\n                style={{\n                  backgroundColor: \"var(--accent)\",\n                  color: \"var(--accent-foreground)\",\n                }}\n                onMouseEnter={(e) => {\n                  e.currentTarget.style.backgroundColor = \"var(--accent-hover)\";\n                }}\n                onMouseLeave={(e) => {\n                  e.currentTarget.style.backgroundColor = \"var(--accent)\";\n                }}\n                aria-label={callLabel}\n                data-testid=\"phone-dial-call\"\n                {...callAgent.agentProps}\n              >\n                <PhoneIcon className=\"h-6 w-6\" aria-hidden />\n              </button>\n              <button\n                ref={backspaceAgent.ref}\n                type=\"button\"\n                className=\"flex h-12 items-center justify-center active:scale-95 disabled:opacity-50\"\n                style={{\n                  backgroundColor: \"transparent\",\n                  border: \"none\",\n                  color: \"var(--text)\",\n                }}\n                onClick={backspace}\n                disabled={dialed.length === 0}\n                aria-label={backspaceLabel}\n                data-testid=\"phone-dial-backspace\"\n                {...backspaceAgent.agentProps}\n              >\n                <Delete className=\"h-5 w-5\" aria-hidden />\n              </button>\n            </div>\n          </div>\n        </TabsContent>\n\n        {/* Recent */}\n        <TabsContent\n          value=\"recent\"\n          className=\"flex-1 overflow-hidden focus-visible:outline-none\"\n        >\n          <div className=\"chat-native-scrollbar h-full overflow-y-auto px-4 pb-32 pt-3\">\n            {callsError && isPhonePermissionError(callsError) ? (\n              <PermissionRecoveryCallout\n                permission=\"phone\"\n                title={t(\"phone.permissionTitle\", {\n                  defaultValue: \"Phone access is off\",\n                })}\n                description={callsError}\n                onRetry={refreshCalls}\n                retryLabel={t(\"actions.retry\", { defaultValue: \"Try again\" })}\n                className=\"mb-3\"\n                testId=\"phone-recent-permission-callout\"\n              />\n            ) : callsError ? (\n              <p className=\"px-1 py-2 text-sm text-danger\">{callsError}</p>\n            ) : null}\n            {!callsError && calls.length === 0 && callsLoading ? (\n              <div className=\"flex h-full items-center justify-center px-6 text-center text-sm text-muted\">\n                {t(\"phone.recent.loading\", {\n                  defaultValue: \"Loading recent calls…\",\n                })}\n              </div>\n            ) : null}\n            {!callsError && calls.length === 0 && !callsLoading ? (\n              <div className=\"flex h-full items-center justify-center px-6 text-center\">\n                <div className=\"max-w-sm\">\n                  <PhoneIcon className=\"mx-auto h-12 w-12 text-muted\" />\n                  <div className=\"mt-3 text-sm font-medium text-txt\">\n                    {t(\"phone.recent.empty\", {\n                      defaultValue: \"None\",\n                    })}\n                  </div>\n                  <p className=\"sr-only mt-1 text-xs text-muted\">\n                    {t(\"phone.recent.emptyBody\", {\n                      defaultValue:\n                        \"Recent incoming, outgoing, and missed calls will appear here after Android grants call-log access.\",\n                    })}\n                  </p>\n                  <div className=\"mt-4 flex justify-center gap-2\">\n                    <Button\n                      ref={emptyDialerAgent.ref}\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      onClick={() => setActiveTab(\"dialer\")}\n                      {...emptyDialerAgent.agentProps}\n                    >\n                      {t(\"phone.tabs.dialer\", { defaultValue: \"Dialer\" })}\n                    </Button>\n                  </div>\n                </div>\n              </div>\n            ) : null}\n            <ul className=\"flex flex-col gap-1\">\n              {calls.map((entry) => (\n                <li key={entry.id}>\n                  <RecentCallButton entry={entry} onCall={onCallEntry} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"AAoFa,cA2IL,YA3IK;AAnEb,SAAS,aAAa;AAEtB,SAAS,QAAQ,uBAAuB;AACxC,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,OACK;AACP,SAAS,aAAa,WAAW,SAAS,QAAQ,gBAAgB;AAClE,SAAS,cAAc,uBAAuB;AAE9C,MAAM,YAA+B;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIA,SAAS,gBAAgB,SAAyB;AAChD,QAAM,OAAO,IAAI,KAAK,OAAO;AAC7B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,QAAM,MAAM,oBAAI,KAAK;AACrB,QAAM,UACJ,KAAK,YAAY,MAAM,IAAI,YAAY,KACvC,KAAK,SAAS,MAAM,IAAI,SAAS,KACjC,KAAK,QAAQ,MAAM,IAAI,QAAQ;AACjC,MAAI,SAAS;AACX,WAAO,KAAK,mBAAmB,QAAW;AAAA,MACxC,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AACA,SAAO,KAAK,eAAe,QAAW;AAAA,IACpC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACH;AAEA,SAAS,YAAY,MAAmB;AACtC,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,iBAAc,WAAU,mBAAkB,eAAW,MAAC;AAAA,IAChE,KAAK;AACH,aAAO,oBAAC,iBAAc,WAAU,uBAAsB,eAAW,MAAC;AAAA,IACpE,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,eAAY,WAAU,uBAAsB,eAAW,MAAC;AAAA,IAClE,KAAK;AACH,aAAO,oBAAC,aAAU,WAAU,sBAAqB,eAAW,MAAC;AAAA,IAC/D;AACE,aAAO,oBAAC,aAAU,WAAU,sBAAqB,eAAW,MAAC;AAAA,EACjE;AACF;AAEA,SAAS,uBAAuB,SAA0B;AACxD,QAAM,aAAa,QAAQ,YAAY;AACvC,SACE,WAAW,SAAS,YAAY,KAChC,WAAW,SAAS,QAAQ,KAC5B,WAAW,SAAS,kBAAkB,KACtC,WAAW,SAAS,YAAY,KAChC,WAAW,SAAS,eAAe;AAEvC;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,EAAE,KAAK,WAAW,IAAI,gBAAmC;AAAA,IAC7D,IAAI,OAAO,GAAG;AAAA,IACd,MAAM;AAAA,IACN;AAAA,IACA,OAAO;AAAA,IACP,QAAQ,SAAS,WAAW;AAAA,IAC5B,aAAa,iBAAiB,KAAK;AAAA,EACrC,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,gBAAc,SAAS,SAAS;AAAA,MAChC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO,SAAS,kBAAkB;AAAA,QAClC,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,KAAK,WAAW,IAAI,gBAAmC;AAAA,IAC7D,IAAI,YAAY,KAAK;AAAA,IACrB,MAAM;AAAA,IACN,OAAO,QAAQ,KAAK;AAAA,IACpB,OAAO;AAAA,IACP,aAAa,UAAU,KAAK;AAAA,EAC9B,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MACA,SAAS,MAAM,QAAQ,KAAK;AAAA,MAC5B,cAAY,QAAQ,KAAK;AAAA,MACzB,eAAa,kBAAkB,KAAK;AAAA,MACnC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQ,aAAa,KAAK;AAChC,QAAM,aACJ,MAAM,cAAc,MAAM,WAAW,KAAK,EAAE,SAAS,IACjD,MAAM,SACN;AACN,QAAM,EAAE,KAAK,WAAW,IAAI,gBAAmC;AAAA,IAC7D,IAAI,eAAe,MAAM,EAAE;AAAA,IAC3B,MAAM;AAAA,IACN,OAAO,QAAQ,KAAK;AAAA,IACpB,OAAO;AAAA,IACP,aAAa,mBAAmB,KAAK;AAAA,IACrC,YAAY,MAAM,OAAO,MAAM,MAAM;AAAA,EACvC,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,SAAS,MAAM,OAAO,MAAM,MAAM;AAAA,MAClC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,uBAAuB;AAAA,YAEhD,sBAAY,MAAM,IAAI;AAAA;AAAA,QACzB;AAAA,QACA,qBAAC,UAAK,WAAU,kBACd;AAAA,8BAAC,UAAK,WAAU,iDACb,iBACH;AAAA,UACA,qBAAC,UAAK,WAAU,qCACb;AAAA,yBAAa,GAAG,UAAU,WAAQ;AAAA,YAClC,gBAAgB,MAAM,IAAI;AAAA,aAC7B;AAAA,WACF;AAAA,QACA,oBAAC,aAAU,WAAU,+BAA8B;AAAA;AAAA;AAAA,EACrD;AAEJ;AAEO,SAAS,aAAa,EAAE,YAAY,EAAE,GAAsB;AACjE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAmB,QAAQ;AAC7D,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAE9D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAyB,CAAC,CAAC;AACrD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AACtD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAKhE,QAAM,sBAAsB,OAAO,KAAK;AAExC,QAAM,eAAe,YAAY,YAAY;AAC3C,oBAAgB,IAAI;AACpB,kBAAc,IAAI;AAClB,QAAI;AAIF,YAAM,SAAS,MAAM,MAAM,mBAAmB,EAAE,MAAM,MAAM,IAAI;AAChE,UAAI,UAAU,OAAO,UAAU,WAAW;AACxC,iBAAS,CAAC,CAAC;AACX;AAAA,UACE;AAAA,QACF;AACA;AAAA,MACF;AACA,YAAM,EAAE,OAAO,QAAQ,IAAI,MAAM,MAAM,gBAAgB,EAAE,OAAO,GAAG,CAAC;AACpE,eAAS,OAAO;AAAA,IAClB,SAAS,KAAK;AACZ,oBAAc,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAC9D,eAAS,CAAC,CAAC;AAAA,IACb,UAAE;AACA,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAKL,YAAU,MAAM;AACd,UAAM,UAAU,0BAA0B;AAC1C,QAAI,SAAS;AACX,mBAAa,IAAI;AACjB,gBAAU,OAAO;AACjB,mBAAa,QAAQ;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAKL,YAAU,MAAM;AACd,QAAI,cAAc,SAAU;AAC5B,QAAI,CAAC,oBAAoB,WAAW,CAAC,cAAc;AACjD,0BAAoB,UAAU;AAC9B,WAAK,aAAa;AAAA,IACpB;AACA,UAAM,WAAW,YAAY,MAAM;AACjC,WAAK,aAAa;AAAA,IACpB,GAAG,GAAM;AACT,WAAO,MAAM,cAAc,QAAQ;AAAA,EACrC,GAAG,CAAC,WAAW,cAAc,YAAY,CAAC;AAE1C,QAAM,cAAc,YAAY,CAAC,UAAkB;AACjD,iBAAa,IAAI;AACjB,cAAU,CAAC,SAAS,GAAG,IAAI,GAAG,KAAK,EAAE;AAAA,EACvC,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,YAAY,MAAM;AACnC,iBAAa,IAAI;AACjB,cAAU,CAAC,SAAU,KAAK,WAAW,IAAI,MAAM,IAAK;AAAA,EACtD,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,MAAM;AAClC,iBAAa,IAAI;AACjB,cAAU,CAAC,SAAS,KAAK,MAAM,GAAG,EAAE,CAAC;AAAA,EACvC,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,YAAY,OAAO,WAAmB;AACtD,UAAM,aAAa,gBAAgB,MAAM;AACzC,QAAI,CAAC,YAAY;AACf,mBAAa,yBAAyB;AACtC;AAAA,IACF;AACA,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,QAAI;AACF,YAAM,MAAM,UAAU,EAAE,QAAQ,WAAW,CAAC;AAAA,IAC9C,SAAS,KAAK;AACZ,mBAAa,eAAe,QAAQ,IAAI,UAAU,OAAO,GAAG,CAAC;AAAA,IAC/D,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,YAAY,MAAM;AACrC,SAAK,UAAU,MAAM;AAAA,EACvB,GAAG,CAAC,QAAQ,SAAS,CAAC;AAEtB,QAAM,cAAc;AAAA,IAClB,CAAC,WAAmB;AAClB,WAAK,UAAU,MAAM;AAAA,IACvB;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,gBAAgB,QAAQ,MAAM,UAAU,IAAI,CAAC,MAAM,CAAC;AAK1D,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,OAAO,WAAW,YAAa;AACnC,WAAO;AAAA,MACL,IAAI,YAAY,uBAAuB;AAAA,QACrC,QAAQ,EAAE,QAAQ,YAAY,UAAU,YAAY;AAAA,MACtD,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,EAAE,YAAY,EAAE,cAAc,OAAO,CAAC;AACxD,QAAM,YAAY,EAAE,qBAAqB,EAAE,cAAc,OAAO,CAAC;AACjE,QAAM,YAAY,EAAE,qBAAqB;AAAA,IACvC,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,iBAAiB,EAAE,0BAA0B;AAAA,IACjD,cAAc;AAAA,EAChB,CAAC;AAED,QAAM,YAAY,gBAAmC;AAAA,IACnD,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,EACf,CAAC;AACD,QAAM,gBAAgB,EAAE,uBAAuB,EAAE,cAAc,WAAW,CAAC;AAC3E,QAAM,mBAAmB,gBAAmC;AAAA,IAC1D,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,EACd,CAAC;AACD,QAAM,YAAY,gBAAmC;AAAA,IACnD,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,EACf,CAAC;AACD,QAAM,YAAY,gBAAmC;AAAA,IACnD,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,EACf,CAAC;AACD,QAAM,iBAAiB,gBAAmC;AAAA,IACxD,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,EACf,CAAC;AACD,QAAM,mBAAmB,gBAAmC;AAAA,IAC1D,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,OAAO,EAAE,qBAAqB,EAAE,cAAc,SAAS,CAAC;AAAA,IACxD,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY,MAAM,aAAa,QAAQ;AAAA,EACzC,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MAGV;AAAA,6BAAC,SAAI,WAAU,wDACb;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK,UAAU;AAAA,gBACf,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,cAAY;AAAA,gBACX,GAAG,UAAU;AAAA,gBAEd,8BAAC,aAAU,WAAU,WAAU;AAAA;AAAA,YACjC;AAAA,YACA,qBAAC,SACC;AAAA,kCAAC,QAAG,WAAU,oCACX,YAAE,eAAe,EAAE,cAAc,QAAQ,CAAC,GAC7C;AAAA,cACA,oBAAC,OAAE,WAAU,iDACV,YAAE,kBAAkB;AAAA,gBACnB,cAAc;AAAA,cAChB,CAAC,GACH;AAAA,eACF;AAAA,aACF;AAAA,UACA,oBAAC,SAAI,WAAU,2BACb;AAAA,YAAC;AAAA;AAAA,cACC,KAAK,iBAAiB;AAAA,cACtB,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cACT,cAAY;AAAA,cACZ,eAAY;AAAA,cACX,GAAG,iBAAiB;AAAA,cAErB,8BAAC,aAAU,WAAU,WAAU;AAAA;AAAA,UACjC,GACF;AAAA,WACF;AAAA,QAGA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,eAAe,CAAC,MAAc,aAAa,CAAa;AAAA,YACxD,WAAU;AAAA,YAEV;AAAA,kCAAC,SAAI,WAAU,sBACb,+BAAC,YAAS,WAAU,yDAClB;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAI;AAAA,oBACJ,OAAO,EAAE,qBAAqB,EAAE,cAAc,SAAS,CAAC;AAAA,oBACxD,QAAQ,cAAc;AAAA;AAAA,gBACxB;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAI;AAAA,oBACJ,OAAO,EAAE,qBAAqB,EAAE,cAAc,SAAS,CAAC;AAAA,oBACxD,QAAQ,cAAc;AAAA;AAAA,gBACxB;AAAA,iBACF,GACF;AAAA,cAGA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAU;AAAA,kBAEV,+BAAC,SAAI,WAAU,yDACb;AAAA,yCAAC,SAAI,WAAU,yDACb;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAU;AAAA,0BACV,OAAO;AAAA,4BACL,iBAAiB;AAAA,4BACjB,QAAQ;AAAA,4BACR,OAAO;AAAA,0BACT;AAAA,0BACA,aAAU;AAAA,0BACV,cAAY,EAAE,wBAAwB;AAAA,4BACpC,cAAc;AAAA,0BAChB,CAAC;AAAA,0BAEA,2BACC,oBAAC,UAAK,WAAU,cACb,YAAE,4BAA4B;AAAA,4BAC7B,cAAc;AAAA,0BAChB,CAAC,GACH;AAAA;AAAA,sBAEJ;AAAA,sBACC,aAAa,uBAAuB,SAAS,IAC5C;AAAA,wBAAC;AAAA;AAAA,0BACC,YAAW;AAAA,0BACX,OAAO,EAAE,yBAAyB;AAAA,4BAChC,cAAc;AAAA,0BAChB,CAAC;AAAA,0BACD,aAAa;AAAA,0BACb,SAAS,MAAM,KAAK,aAAa;AAAA,0BACjC,YAAY,EAAE,iBAAiB,EAAE,cAAc,YAAY,CAAC;AAAA,0BAC5D,WAAU;AAAA,0BACV,QAAO;AAAA;AAAA,sBACT,IACE,YACF,oBAAC,OAAE,WAAU,0CACV,qBACH,IACE;AAAA,uBACN;AAAA,oBAGA,oBAAC,SAAI,WAAU,+CACZ,oBAAU,IAAI,CAAC,QACd,oBAAC,gBAAuB,OAAO,KAAK,SAAS,eAA1B,GAAuC,CAC3D,GACH;AAAA,oBAGA,qBAAC,SAAI,WAAU,4DACb;AAAA;AAAA,wBAAC;AAAA;AAAA,0BACC,KAAK,UAAU;AAAA,0BACf,MAAK;AAAA,0BACL,WAAU;AAAA,0BACV,OAAO;AAAA,4BACL,iBAAiB;AAAA,4BACjB,QAAQ;AAAA,4BACR,OAAO;AAAA,0BACT;AAAA,0BACA,SAAS;AAAA,0BACT,eAAY;AAAA,0BACZ,cAAY;AAAA,0BACX,GAAG,UAAU;AAAA,0BACf;AAAA;AAAA,sBAED;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,KAAK,UAAU;AAAA,0BACf,MAAK;AAAA,0BACL,SAAS;AAAA,0BACT,UAAU,WAAW,OAAO,WAAW;AAAA,0BACvC,WAAU;AAAA,0BACV,OAAO;AAAA,4BACL,iBAAiB;AAAA,4BACjB,OAAO;AAAA,0BACT;AAAA,0BACA,cAAc,CAAC,MAAM;AACnB,8BAAE,cAAc,MAAM,kBAAkB;AAAA,0BAC1C;AAAA,0BACA,cAAc,CAAC,MAAM;AACnB,8BAAE,cAAc,MAAM,kBAAkB;AAAA,0BAC1C;AAAA,0BACA,cAAY;AAAA,0BACZ,eAAY;AAAA,0BACX,GAAG,UAAU;AAAA,0BAEd,8BAAC,aAAU,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,sBAC7C;AAAA,sBACA;AAAA,wBAAC;AAAA;AAAA,0BACC,KAAK,eAAe;AAAA,0BACpB,MAAK;AAAA,0BACL,WAAU;AAAA,0BACV,OAAO;AAAA,4BACL,iBAAiB;AAAA,4BACjB,QAAQ;AAAA,4BACR,OAAO;AAAA,0BACT;AAAA,0BACA,SAAS;AAAA,0BACT,UAAU,OAAO,WAAW;AAAA,0BAC5B,cAAY;AAAA,0BACZ,eAAY;AAAA,0BACX,GAAG,eAAe;AAAA,0BAEnB,8BAAC,UAAO,WAAU,WAAU,eAAW,MAAC;AAAA;AAAA,sBAC1C;AAAA,uBACF;AAAA,qBACF;AAAA;AAAA,cACF;AAAA,cAGA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAM;AAAA,kBACN,WAAU;AAAA,kBAEV,+BAAC,SAAI,WAAU,gEACZ;AAAA,kCAAc,uBAAuB,UAAU,IAC9C;AAAA,sBAAC;AAAA;AAAA,wBACC,YAAW;AAAA,wBACX,OAAO,EAAE,yBAAyB;AAAA,0BAChC,cAAc;AAAA,wBAChB,CAAC;AAAA,wBACD,aAAa;AAAA,wBACb,SAAS;AAAA,wBACT,YAAY,EAAE,iBAAiB,EAAE,cAAc,YAAY,CAAC;AAAA,wBAC5D,WAAU;AAAA,wBACV,QAAO;AAAA;AAAA,oBACT,IACE,aACF,oBAAC,OAAE,WAAU,iCAAiC,sBAAW,IACvD;AAAA,oBACH,CAAC,cAAc,MAAM,WAAW,KAAK,eACpC,oBAAC,SAAI,WAAU,+EACZ,YAAE,wBAAwB;AAAA,sBACzB,cAAc;AAAA,oBAChB,CAAC,GACH,IACE;AAAA,oBACH,CAAC,cAAc,MAAM,WAAW,KAAK,CAAC,eACrC,oBAAC,SAAI,WAAU,4DACb,+BAAC,SAAI,WAAU,YACb;AAAA,0CAAC,aAAU,WAAU,gCAA+B;AAAA,sBACpD,oBAAC,SAAI,WAAU,qCACZ,YAAE,sBAAsB;AAAA,wBACvB,cAAc;AAAA,sBAChB,CAAC,GACH;AAAA,sBACA,oBAAC,OAAE,WAAU,mCACV,YAAE,0BAA0B;AAAA,wBAC3B,cACE;AAAA,sBACJ,CAAC,GACH;AAAA,sBACA,oBAAC,SAAI,WAAU,kCACb;AAAA,wBAAC;AAAA;AAAA,0BACC,KAAK,iBAAiB;AAAA,0BACtB,SAAQ;AAAA,0BACR,MAAK;AAAA,0BACL,SAAS,MAAM,aAAa,QAAQ;AAAA,0BACnC,GAAG,iBAAiB;AAAA,0BAEpB,YAAE,qBAAqB,EAAE,cAAc,SAAS,CAAC;AAAA;AAAA,sBACpD,GACF;AAAA,uBACF,GACF,IACE;AAAA,oBACJ,oBAAC,QAAG,WAAU,uBACX,gBAAM,IAAI,CAAC,UACV,oBAAC,QACC,8BAAC,oBAAiB,OAAc,QAAQ,aAAa,KAD9C,MAAM,EAEf,CACD,GACH;AAAA,qBACF;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}