@omg-dev/app 0.6.209 → 0.6.211

package/dist-lib/{ChangelogPage-snxlHwvg.js → ChangelogPage-D7lDZqNT.js}

@@ -1,9 +1,20 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Q as n } from "./embedded-DYhLh9dW.js";
+import { Q as n } from "./embedded-DHN1s_lv.js";
 const t = `# Changelog
 
 Recent product updates and deployment notes.
 
+## October 9, 2026 - Computer sign-in and clipboard fixes (v0.6.211)
+
+- Expo sign-in opens in the Computer browser even when Linux already has a browser opener installed.
+- Closing and retrying sign-in keeps the browser ready. A Computer can recover an orphan sign-in browser that blocks startup.
+- Copy and Paste work in the full Computer view and the Expo sign-in sheet, with desktop shortcuts, touch buttons, and a keyboard paste fallback. Text keeps Unicode characters and line breaks.
+- New Expo apps use Android safe areas and a keyboard layout that follows the focused field.
+
+## October 9, 2026 - Shorter audio settings (v0.6.210)
+
+- Web audio settings use two controls and one short status line. Choose Auto, Cloud, or Local and your language.
+
 ## October 9, 2026 - Clear computer resume progress (v0.6.209)
 
 - A paused computer shows resume progress while it wakes. The app keeps trying without asking you to press Retry.

package/dist-lib/{SessionFilesPanel-8bijD8K_.js → SessionFilesPanel-BXH8e7U4.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as o, Fragment as te } from "react/jsx-runtime";
 import { memo as ne, useState as c, useRef as E, useCallback as v, useEffect as T, useMemo as q, Suspense as U } from "react";
 import { createPortal as re } from "react-dom";
 import { cn as y } from "cnfast";
-import { F as oe, ab as se, aa as W, ac as ae, X as I, ad as ie, ae as le, L as H, af as de, E as ce, m as me, ag as j } from "./embedded-DYhLh9dW.js";
+import { F as oe, ab as se, aa as W, ac as ae, X as I, ad as ie, ae as le, L as H, af as de, E as ce, m as me, ag as j } from "./embedded-DHN1s_lv.js";
 import { c as ue } from "./create-BOwd_pad.js";
 /**
  * @license lucide-react v0.577.0 - ISC

package/dist-lib/{TermView-snbYcTCA.js → TermView-D_xz8JQB.js}

@@ -1,7 +1,7 @@
 import { jsxs as U, jsx as F, Fragment as vA } from "react/jsx-runtime";
 import { useState as L, useRef as R, useEffect as p, useCallback as q } from "react";
-import { F as ZA, q as wQ, X as CA, ah as sQ, E as tQ, ai as eQ, a9 as aQ, aa as MQ, aj as hQ, R as NQ, m as cQ } from "./embedded-DYhLh9dW.js";
-import { K as jA, C as PA } from "./keyboard-BzO5S1u9.js";
+import { F as ZA, q as wQ, X as CA, ah as sQ, E as tQ, ai as eQ, a9 as aQ, aa as MQ, aj as hQ, R as NQ, m as cQ } from "./embedded-DHN1s_lv.js";
+import { K as jA, C as PA } from "./keyboard-DEDrZHyF.js";
 /**
  * @license lucide-react v0.577.0 - ISC
  *

package/dist-lib/{board-page-DE1bGwJL.js → board-page-B5INp6Su.js}

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { useState as x, useEffect as h, useMemo as b } from "react";
-import { H as y, I as N, J as w, N as k, L as v, O as I, l as A, j } from "./embedded-DYhLh9dW.js";
+import { H as y, I as N, J as w, N as k, L as v, O as I, l as A, j } from "./embedded-DHN1s_lv.js";
 import { cn as g } from "cnfast";
 const u = {
   "needs-you": "Needs you",

package/dist-lib/{chat-engine-BRIEl-gD.js → chat-engine-9-IOIqiv.js}

@@ -1,7 +1,7 @@
 import { jsx as ao } from "react/jsx-runtime";
 import { useRef as Dt, useCallback as Lt, useSyncExternalStore as ut, useEffect as so } from "react";
 import { g as io } from "./_commonjsHelpers-C6fGbg64.js";
-import { ao as uo } from "./embedded-DYhLh9dW.js";
+import { ao as uo } from "./embedded-DHN1s_lv.js";
 var Ar = "vercel.ai.error", co = Symbol.for(Ar), Ut, Ft, se = class Nr extends (Ft = Error, Ut = co, Ft) {
   /**
    * Creates an AI SDK Error.

package/dist-lib/{coding-agents-page-CvRXtrC6.js → coding-agents-page-8kKxOJxl.js}

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e, Fragment as M } from "react/jsx-runtime";
-import { n as Q, R as z, B as u, L as R, p as j, q as E, M as Y, s as U, u as D, v as f, T as _, w as L, x as Z, y as T, z as ee, E as ne, X as te, K as se } from "./embedded-DYhLh9dW.js";
+import { n as Q, R as z, B as u, L as R, p as j, q as E, M as Y, s as U, u as D, v as f, T as _, w as L, x as Z, y as T, z as ee, E as ne, X as te, K as se } from "./embedded-DHN1s_lv.js";
 import { cn as w } from "cnfast";
 import { useState as O } from "react";
 function K(l) {

package/dist-lib/{computer-page-BIHyZolO.js → computer-page-Cs62b1A6.js}

@@ -1,28 +1,28 @@
-import { jsxs as u, jsx as n, Fragment as X } from "react/jsx-runtime";
-import { useState as v, useRef as y, useCallback as l, useEffect as b } from "react";
-import { R as ae, a as ce, d as ie } from "./computer-pointer-C3VB2laK.js";
-import { F as ne, aa as Z, a9 as le, B as g, R as ue, X as de, L as ee, ak as me } from "./embedded-DYhLh9dW.js";
-import { K as pe, C as he } from "./keyboard-BzO5S1u9.js";
+import { jsxs as l, jsx as n, Fragment as I } from "react/jsx-runtime";
+import { useState as C, useRef as u, useCallback as p, useEffect as y } from "react";
+import { R as ae, a as ce, b as ie, s as le, r as ue, d as de, c as Q } from "./computer-pointer-iRZ5cqQA.js";
+import { F as ne, aa as Z, a9 as me, B as b, R as pe, X as he, L as ee, ak as fe } from "./embedded-DHN1s_lv.js";
+import { K as ve, C as ye } from "./keyboard-DEDrZHyF.js";
 /**
  * @license lucide-react v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fe = [
+const be = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2", key: "4jdomd" }],
   ["path", { d: "M16 4h2a2 2 0 0 1 2 2v4", key: "3hqy98" }],
   ["path", { d: "M21 14H11", key: "1bme5i" }],
   ["path", { d: "m15 10-4 4 4 4", key: "5dvupr" }]
-], ve = ne("clipboard-copy", fe);
+], ge = ne("clipboard-copy", be);
 /**
  * @license lucide-react v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = [
+const we = [
   [
     "path",
     {
@@ -30,217 +30,196 @@ const ye = [
       key: "edeuup"
     }
   ]
-], be = ne("mouse-pointer-2", ye), Y = "The Computer could not start. Try again.";
+], xe = ne("mouse-pointer-2", we), X = "The Computer could not start. Try again.";
 function te(d) {
-  const p = d.trim();
-  if (!p) return Y;
+  const h = d.trim();
+  if (!h) return X;
   try {
-    const c = JSON.parse(p);
+    const c = JSON.parse(h);
     if (c && typeof c == "object" && "error" in c) {
-      const w = c.error;
-      if (typeof w == "string" && w.trim()) return w.trim();
+      const g = c.error;
+      if (typeof g == "string" && g.trim()) return g.trim();
     }
-    return Y;
+    return X;
   } catch {
-    return p.startsWith("<") ? Y : p;
+    return h.startsWith("<") ? X : h;
   }
 }
-function Ne({ active: d, onClose: p }) {
-  const [c, w] = v(null), [x, k] = v("idle"), [C, M] = v(null), [m, S] = v(!0), [R, re] = v(null), [T, h] = v(null), [U, q] = v(
+function Me({ active: d, onClose: h }) {
+  const [c, g] = C(null), [w, x] = C("idle"), [k, M] = C(null), [m, K] = C(!0), [E, H] = C(null), [Y, q] = C(
     typeof window < "u" && window.matchMedia?.("(pointer: coarse)").matches
-  ), L = y(null), i = y(null), H = y(null), j = y(null), D = y(null), J = y(0), A = l(async () => {
+  ), U = u(null), f = u(null), T = u(null), i = u(null), P = u(null), j = u(null), L = u(null), V = u(0), A = p(async () => {
     try {
       const e = await Z("/api/computer/status");
       if (!e.ok) return;
-      w(await e.json());
+      g(await e.json());
     } catch {
     }
   }, []);
-  b(() => {
+  y(() => {
     if (!d) return;
     A();
     const e = setInterval(() => void A(), 5e3);
     return () => clearInterval(e);
   }, [d, A]);
-  const N = l(() => {
+  const N = p(() => {
     try {
-      i.current?.disconnect();
+      f.current?.dispose(), f.current = null, i.current?.disconnect();
     } catch {
     }
     i.current = null;
-  }, []), O = l(async () => {
-    if (!(i.current || !L.current)) {
-      k("connecting"), M(null);
+  }, []), O = p(async () => {
+    if (!(i.current || !T.current)) {
+      x("connecting"), M(null);
       try {
-        const e = await le("/api/computer"), t = new ae(L.current, new ce(e), {
+        const e = await me("/api/computer"), t = new ae(T.current, new ce(e), {
           shared: !0
         });
-        t.scaleViewport = !0, t.background = "#0b0b0d", t.showDotCursor = !0, t.viewOnly = m, t.addEventListener("connect", () => k("live")), t.addEventListener("clipboard", (o) => {
-          const r = o.detail?.text ?? "";
-          re(r || null);
-        }), t.addEventListener("disconnect", () => {
-          i.current = null, k("idle");
+        t.scaleViewport = !0, t.background = "#0b0b0d", t.showDotCursor = !0, t.viewOnly = m, t.addEventListener("connect", () => x("live"));
+        const s = ie(t, U.current, {
+          notice: H,
+          readRemoteText: ue,
+          setRemoteText: le,
+          focusKeyboard: () => P.current?.focus({ preventScroll: !0 }),
+          takeControl: () => K(!1)
+        });
+        f.current = s, t.addEventListener("disconnect", () => {
+          s.dispose(), f.current === s && (f.current = null), i.current = null, x("idle");
         }), i.current = t;
       } catch (e) {
-        k("idle"), M(e instanceof Error ? e.message : "could not open the screen");
+        x("idle"), M(e instanceof Error ? e.message : "could not open the screen");
       }
     }
   }, [m]);
-  b(() => {
+  y(() => {
     i.current && (i.current.viewOnly = m);
-  }, [m]), b(() => {
-    !d || !c || c.running || !c.deps.ok || x === "starting" || C || G();
-  }, [d, c?.running, c?.deps.ok, x, C]), b(() => {
+  }, [m]), y(() => {
+    !d || !c || c.running || !c.deps.ok || w === "starting" || k || $();
+  }, [d, c?.running, c?.deps.ok, w, k]), y(() => {
     if (!d) {
       N();
       return;
     }
     c?.running && !i.current && O();
-  }, [d, c?.running, O, N]), b(() => N, [N]);
-  const K = l(
-    () => L.current?.querySelector("canvas") ?? null,
+  }, [d, c?.running, O, N]), y(() => N, [N]);
+  const D = p(
+    () => T.current?.querySelector("canvas") ?? null,
     []
-  ), z = l(
-    (e, t, o = 0) => {
-      const r = K(), s = j.current;
-      !r || !s || ie(r, s, e, t, o);
+  ), R = p(
+    (e, t, s = 0) => {
+      const r = D(), o = j.current;
+      !r || !o || de(r, o, e, t, s);
     },
-    [K]
-  ), W = l(
+    [D]
+  ), J = p(
     (e, t) => {
-      const o = K();
-      if (!o) return;
-      const r = o.getBoundingClientRect(), s = j.current ?? { x: r.left + r.width / 2, y: r.top + r.height / 2 };
+      const s = D();
+      if (!s) return;
+      const r = s.getBoundingClientRect(), o = j.current ?? { x: r.left + r.width / 2, y: r.top + r.height / 2 };
       j.current = {
-        x: Math.min(r.right - 1, Math.max(r.left, s.x + e)),
-        y: Math.min(r.bottom - 1, Math.max(r.top, s.y + t))
-      }, z("mousemove", 0);
+        x: Math.min(r.right - 1, Math.max(r.left, o.x + e)),
+        y: Math.min(r.bottom - 1, Math.max(r.top, o.y + t))
+      }, R("mousemove", 0);
     },
-    [K, z]
-  ), F = l(
+    [D, R]
+  ), B = p(
     (e) => {
-      z("mousedown", e === 2 ? 2 : 1, e), z("mouseup", 0, e);
+      R("mousedown", e === 2 ? 2 : 1, e), R("mouseup", 0, e);
     },
-    [z]
-  ), $ = y(null);
-  b(() => {
-    const e = $.current;
+    [R]
+  ), W = u(null);
+  y(() => {
+    const e = W.current;
     if (!e) return;
-    const t = (s) => {
-      if (s.preventDefault(), s.touches.length !== 1) return;
-      const a = s.touches[0];
-      D.current = { x: a.clientX, y: a.clientY, moved: !1, at: Date.now() };
-    }, o = (s) => {
-      s.preventDefault();
-      const a = D.current;
-      if (!a || s.touches.length !== 1) return;
-      const P = s.touches[0], I = P.clientX - a.x, V = P.clientY - a.y;
-      (Math.abs(I) > 3 || Math.abs(V) > 3) && (a.moved = !0);
-      const Q = Math.min(2.5, 1 + Math.hypot(I, V) / 12);
-      W(I * Q, V * Q), a.x = P.clientX, a.y = P.clientY;
-    }, r = (s) => {
-      s.preventDefault();
-      const a = D.current;
-      D.current = null, a && !a.moved && Date.now() - a.at < 400 && F(0);
+    const t = (o) => {
+      if (o.preventDefault(), o.touches.length !== 1) return;
+      const a = o.touches[0];
+      L.current = { x: a.clientX, y: a.clientY, moved: !1, at: Date.now() };
+    }, s = (o) => {
+      o.preventDefault();
+      const a = L.current;
+      if (!a || o.touches.length !== 1) return;
+      const S = o.touches[0], F = S.clientX - a.x, _ = S.clientY - a.y;
+      (Math.abs(F) > 3 || Math.abs(_) > 3) && (a.moved = !0);
+      const G = Math.min(2.5, 1 + Math.hypot(F, _) / 12);
+      J(F * G, _ * G), a.x = S.clientX, a.y = S.clientY;
+    }, r = (o) => {
+      o.preventDefault();
+      const a = L.current;
+      L.current = null, a && !a.moved && Date.now() - a.at < 400 && B(0);
     };
-    return e.addEventListener("touchstart", t, { passive: !1 }), e.addEventListener("touchmove", o, { passive: !1 }), e.addEventListener("touchend", r, { passive: !1 }), e.addEventListener("touchcancel", r, { passive: !1 }), () => {
-      e.removeEventListener("touchstart", t), e.removeEventListener("touchmove", o), e.removeEventListener("touchend", r), e.removeEventListener("touchcancel", r);
+    return e.addEventListener("touchstart", t, { passive: !1 }), e.addEventListener("touchmove", s, { passive: !1 }), e.addEventListener("touchend", r, { passive: !1 }), e.addEventListener("touchcancel", r, { passive: !1 }), () => {
+      e.removeEventListener("touchstart", t), e.removeEventListener("touchmove", s), e.removeEventListener("touchend", r), e.removeEventListener("touchcancel", r);
     };
-  }, [W, F, c?.running, m, U]);
-  const B = l(() => {
-    S(!1), H.current?.focus();
+  }, [J, B, c?.running, m, Y]);
+  const re = p(() => {
+    K(!1), P.current?.focus();
   }, []);
-  b(() => {
-    if (!T) return;
-    const e = setTimeout(() => h(null), 1800);
+  y(() => {
+    if (!E) return;
+    const e = setTimeout(() => H(null), 1800);
     return () => clearTimeout(e);
-  }, [T]);
-  const _ = l((e) => {
-    const t = i.current;
-    return !t || !e ? !1 : (t.viewOnly = !1, S(!1), t.clipboardPasteFrom(e), t.sendKey(65507, "ControlLeft", !0), t.sendKey(118, "KeyV", !0), t.sendKey(118, "KeyV", !1), t.sendKey(65507, "ControlLeft", !1), !0);
-  }, []), se = l(async () => {
-    let e = "";
-    try {
-      e = await navigator.clipboard.readText();
-    } catch {
-      B(), h("Use the keyboard's Paste menu");
-      return;
-    }
-    if (!e) {
-      h("Your clipboard is empty");
-      return;
-    }
-    h(_(e) ? "Pasted" : "Not connected");
-  }, [B, _]), oe = l(async () => {
-    if (R)
-      try {
-        await navigator.clipboard.writeText(R), h("Copied");
-      } catch {
-        h("Copy was blocked by the browser");
-      }
-  }, [R]), G = async () => {
-    k("starting"), M(null);
+  }, [E]);
+  const se = () => f.current?.pasteFromDevice(), oe = () => f.current?.copy(), $ = async () => {
+    x("starting"), M(null);
     try {
       const e = await Z("/api/computer/start", { method: "POST" });
       if (!e.ok) throw new Error(te(await e.text()));
-      w(await e.json());
+      g(await e.json());
     } catch (e) {
-      M(e instanceof Error ? e.message : te("")), k("idle");
+      M(e instanceof Error ? e.message : te("")), x("idle");
     }
-  }, f = c?.deps, E = !!c?.running;
+  }, v = c?.deps, z = !!c?.running;
   return (
     // Full bleed: the screen is the page. No title, no chrome, no padding --
     // every pixel spent on framing is a pixel not spent on the desktop.
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ l(
       "div",
       {
+        ref: U,
         className: "relative h-full min-h-0 w-full overflow-hidden bg-[#0b0b0d]",
         onPointerDownCapture: (e) => {
           if (!e.isTrusted) return;
           const t = Date.now();
           if (e.pointerType !== "mouse") {
-            J.current = t, q((o) => o || !0);
+            V.current = t, q((s) => s || !0);
             return;
           }
-          t - J.current < 1e3 || q((o) => o && !1);
+          t - V.current < 1e3 || q((s) => s && !1);
         },
         children: [
           /* @__PURE__ */ n(
             "div",
             {
-              ref: L,
+              ref: T,
               className: "absolute inset-0 touch-none select-none [-webkit-touch-callout:none] [overscroll-behavior:none]"
             }
           ),
-          E && !m && U ? /* @__PURE__ */ n(
+          z && !m && Y ? /* @__PURE__ */ n(
             "div",
             {
-              ref: $,
+              ref: W,
               className: "absolute inset-0 z-[6] touch-none select-none",
               onContextMenu: (e) => {
-                e.preventDefault(), F(2);
+                e.preventDefault(), B(2);
               }
             }
           ) : null,
           /* @__PURE__ */ n(
             "textarea",
             {
-              ref: H,
+              ref: P,
               "aria-hidden": !0,
               tabIndex: -1,
               className: "pointer-events-none absolute size-px opacity-0",
               autoCapitalize: "off",
               autoCorrect: "off",
               spellCheck: !1,
-              onPaste: (e) => {
-                const t = e.clipboardData.getData("text");
-                t && (e.preventDefault(), e.currentTarget.value = "", h(_(t) ? "Pasted" : "Not connected"));
-              },
               onChange: (e) => {
-                const t = i.current, o = e.target.value;
+                const t = i.current, s = e.target.value;
                 if (e.target.value = "", !!t)
-                  for (const r of o) {
-                    const s = r.codePointAt(0) ?? 0, a = s < 256 ? s : 16777216 + s;
+                  for (const r of s) {
+                    const o = r.codePointAt(0) ?? 0, a = o < 256 ? o : 16777216 + o;
                     t.sendKey(a, null, !0), t.sendKey(a, null, !1);
                   }
               },
@@ -261,59 +240,59 @@ function Ne({ active: d, onClose: p }) {
               }
             }
           ),
-          /* @__PURE__ */ u("div", { className: "absolute right-3 top-3 z-10 flex items-center gap-2", children: [
-            E ? /* @__PURE__ */ u(X, { children: [
-              /* @__PURE__ */ u(
-                g,
+          /* @__PURE__ */ l("div", { className: "absolute right-3 top-3 z-10 flex items-center gap-2", children: [
+            z ? /* @__PURE__ */ l(I, { children: [
+              /* @__PURE__ */ l(
+                b,
                 {
                   variant: m ? "secondary" : "default",
                   size: "sm",
                   className: "shadow-lg",
-                  onClick: () => S((e) => !e),
+                  onClick: () => K((e) => !e),
                   children: [
-                    /* @__PURE__ */ n(be, { className: "mr-1.5 size-3.5" }),
+                    /* @__PURE__ */ n(xe, { className: "mr-1.5 size-3.5" }),
                     m ? "Take control" : "Controlling"
                   ]
                 }
               ),
-              /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(
-                g,
+              /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(
+                b,
                 {
                   variant: "secondary",
                   size: "icon-sm",
                   className: "shadow-lg",
-                  onClick: B,
+                  onClick: re,
                   "aria-label": "Show the keyboard",
                   title: "Keyboard",
-                  children: /* @__PURE__ */ n(pe, { className: "size-3.5" })
+                  children: /* @__PURE__ */ n(ve, { className: "size-3.5" })
                 }
               ) }),
               /* @__PURE__ */ n(
-                g,
+                b,
                 {
                   variant: "secondary",
                   size: "icon-sm",
                   className: "shadow-lg",
-                  onClick: () => void se(),
+                  ...Q(() => void se()),
                   "aria-label": "Paste from this device",
                   title: "Paste",
-                  children: /* @__PURE__ */ n(he, { className: "size-3.5" })
+                  children: /* @__PURE__ */ n(ye, { className: "size-3.5" })
                 }
               ),
-              R ? /* @__PURE__ */ n(
-                g,
+              /* @__PURE__ */ n(
+                b,
                 {
                   variant: "secondary",
                   size: "icon-sm",
                   className: "shadow-lg",
-                  onClick: () => void oe(),
-                  "aria-label": "Copy the computer's clipboard to this device",
+                  ...Q(() => void oe()),
+                  "aria-label": "Copy selected text from the Computer",
                   title: "Copy",
-                  children: /* @__PURE__ */ n(ve, { className: "size-3.5" })
+                  children: /* @__PURE__ */ n(ge, { className: "size-3.5" })
                 }
-              ) : null,
+              ),
               /* @__PURE__ */ n(
-                g,
+                b,
                 {
                   variant: "secondary",
                   size: "icon-sm",
@@ -323,39 +302,39 @@ function Ne({ active: d, onClose: p }) {
                   },
                   "aria-label": "Reconnect",
                   title: "Reconnect",
-                  children: /* @__PURE__ */ n(ue, { className: "size-3.5" })
+                  children: /* @__PURE__ */ n(pe, { className: "size-3.5" })
                 }
               )
             ] }) : null,
-            p ? /* @__PURE__ */ n(
-              g,
+            h ? /* @__PURE__ */ n(
+              b,
               {
                 variant: "secondary",
                 size: "icon-sm",
                 className: "shadow-lg",
-                onClick: p,
+                onClick: h,
                 "aria-label": "Close the computer",
                 title: "Close",
-                children: /* @__PURE__ */ n(de, { className: "size-4" })
+                children: /* @__PURE__ */ n(he, { className: "size-4" })
               }
             ) : null
           ] }),
-          T ? /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-x-0 bottom-6 z-10 flex justify-center", children: /* @__PURE__ */ n("div", { className: "rounded-full bg-card/90 px-3 py-1.5 text-xs shadow-lg backdrop-blur", children: T }) }) : null,
-          E && x !== "live" && !C ? /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 z-[5] flex items-center justify-center", children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2 rounded-full bg-card/90 px-4 py-2 text-sm shadow-lg backdrop-blur", children: [
+          E ? /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-x-0 bottom-6 z-10 flex justify-center", children: /* @__PURE__ */ n("div", { className: "rounded-full bg-card/90 px-3 py-1.5 text-xs shadow-lg backdrop-blur", children: E }) }) : null,
+          z && w !== "live" && !k ? /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 z-[5] flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 rounded-full bg-card/90 px-4 py-2 text-sm shadow-lg backdrop-blur", children: [
             /* @__PURE__ */ n(ee, { className: "size-4 animate-spin" }),
-            x === "starting" ? "Starting the computer…" : "Connecting to the screen…"
+            w === "starting" ? "Starting the computer…" : "Connecting to the screen…"
           ] }) }) : null,
-          !E || C || f && !f.ok ? /* @__PURE__ */ n("div", { className: "absolute inset-0 z-[5] flex items-center justify-center p-6", children: /* @__PURE__ */ u("div", { className: "w-full max-w-md space-y-3 rounded-2xl border border-border bg-card/90 p-5 text-center backdrop-blur", children: [
-            f && !f.ok ? /* @__PURE__ */ u(X, { children: [
+          !z || k || v && !v.ok ? /* @__PURE__ */ n("div", { className: "absolute inset-0 z-[5] flex items-center justify-center p-6", children: /* @__PURE__ */ l("div", { className: "w-full max-w-md space-y-3 rounded-2xl border border-border bg-card/90 p-5 text-center backdrop-blur", children: [
+            v && !v.ok ? /* @__PURE__ */ l(I, { children: [
               /* @__PURE__ */ n("p", { className: "text-sm font-medium", children: "The computer needs a few packages." }),
-              /* @__PURE__ */ u("p", { className: "text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ l("p", { className: "text-xs text-muted-foreground", children: [
                 "Missing: ",
-                f.missing.join(", ")
+                v.missing.join(", ")
               ] }),
-              /* @__PURE__ */ n("pre", { className: "overflow-x-auto rounded bg-muted p-2 text-left text-xs", children: f.hint })
-            ] }) : C ? /* @__PURE__ */ n("p", { className: "text-sm text-destructive", children: C }) : /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground", children: "Start the computer to open a desktop with a browser the agent can drive." }),
-            E ? null : /* @__PURE__ */ u(g, { disabled: x === "starting" || f?.ok === !1, onClick: () => void G(), children: [
-              x === "starting" ? /* @__PURE__ */ n(ee, { className: "mr-1.5 size-4 animate-spin" }) : /* @__PURE__ */ n(me, { className: "mr-1.5 size-4" }),
+              /* @__PURE__ */ n("pre", { className: "overflow-x-auto rounded bg-muted p-2 text-left text-xs", children: v.hint })
+            ] }) : k ? /* @__PURE__ */ n("p", { className: "text-sm text-destructive", children: k }) : /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground", children: "Start the computer to open a desktop with a browser the agent can drive." }),
+            z ? null : /* @__PURE__ */ l(b, { disabled: w === "starting" || v?.ok === !1, onClick: () => void $(), children: [
+              w === "starting" ? /* @__PURE__ */ n(ee, { className: "mr-1.5 size-4 animate-spin" }) : /* @__PURE__ */ n(fe, { className: "mr-1.5 size-4" }),
               "Start the computer"
             ] })
           ] }) }) : null
@@ -365,6 +344,6 @@ function Ne({ active: d, onClose: p }) {
   );
 }
 export {
-  Ne as ComputerPage,
-  Ne as default
+  Me as ComputerPage,
+  Me as default
 };