@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-3USJPT2S.js

@@ -1,1022 +0,0 @@
-"use client";
-import {
-  defaultThisComputerLabels
-} from "./chunk-ICNNNOXE.js";
-import {
-  usePortalTokenStyle
-} from "./chunk-XEA5BCMA.js";
-import {
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.js";
-
-// src/this-computer.ts
-import {
-  ENGLISH_MAC_SYSTEM_NAMES,
-  macSystemNames as macSystemNames2,
-  nextMissingPermission as nextMissingPermission2,
-  thisComputerNeedsPermissions as thisComputerNeedsPermissions3,
-  thisComputerPermissionSteps as thisComputerPermissionSteps3,
-  thisComputerReady as thisComputerReady3,
-  THIS_COMPUTER_PERMISSION_ORDER
-} from "@opengeni/sdk/this-computer";
-
-// src/components/this-computer/use-this-computer.ts
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import {
-  thisComputerNeedsPermissions,
-  thisComputerPermissionSteps
-} from "@opengeni/sdk/this-computer";
-function hostErrorText(caught) {
-  if (!(caught instanceof Error) || !caught.message) return null;
-  return caught.message.replace(/^Error invoking remote method '[^']+': (?:\w*Error: )?/u, "");
-}
-function useThisComputer(host, workspaceId, options = {}) {
-  const [status, setStatus] = useState(null);
-  const [acting, setActing] = useState(false);
-  const [actionError, setActionError] = useState(null);
-  const [pending, setPending] = useState(null);
-  const [asking, setAsking] = useState(null);
-  const askingRef = useRef(null);
-  const askQuietMs = options.askQuietMs ?? ASK_QUIET_MS;
-  const turnOnLimitMs = options.turnOnLimitMs ?? TURN_ON_LIMIT_MS;
-  const [stalled, setStalled] = useState(false);
-  const [attempt, setAttempt] = useState(0);
-  const live = useRef(true);
-  const stopAsking = useCallback(() => {
-    for (const timer of askingRef.current?.timers ?? []) window.clearTimeout(timer);
-    askingRef.current = null;
-    setAsking(null);
-  }, []);
-  const statusRef = useRef(status);
-  statusRef.current = status;
-  const askNextRef = useRef(() => void 0);
-  const generation = useRef(0);
-  const actionInFlight = useRef(false);
-  const reading = useRef(null);
-  const refresh = useCallback(() => {
-    if (!host) return;
-    const inFlight = reading.current;
-    if (inFlight && inFlight.generation === generation.current) {
-      inFlight.again = true;
-      return;
-    }
-    const mine = { generation: generation.current, again: false };
-    reading.current = mine;
-    void host.status(workspaceId).then((next) => {
-      if (!live.current || mine.generation !== generation.current) return;
-      setStatus((current) => sameStatus(current, next));
-      askNextRef.current(next);
-    }).catch(() => void 0).finally(() => {
-      if (reading.current !== mine) return;
-      reading.current = null;
-      if (mine.again && live.current) refreshRef.current();
-    });
-  }, [host, workspaceId]);
-  const refreshRef = useRef(refresh);
-  refreshRef.current = refresh;
-  useEffect(() => {
-    live.current = true;
-    generation.current += 1;
-    setStatus(null);
-    setActionError(null);
-    stopAsking();
-    refresh();
-    if (!host) return;
-    const unsubscribe = host.onChange(refresh);
-    const onFocus = () => {
-      const current = askingRef.current;
-      if (current && Date.now() - current.at > RETURN_GRACE_MS) current.returned = true;
-      refresh();
-    };
-    window.addEventListener("focus", onFocus);
-    return () => {
-      live.current = false;
-      stopAsking();
-      unsubscribe();
-      window.removeEventListener("focus", onFocus);
-    };
-  }, [host, refresh, stopAsking]);
-  const pollMs = options.pollMs ?? (status?.management === "service" && status.state !== "not_connected" ? 5e3 : void 0);
-  useEffect(() => {
-    if (!host || !pollMs) return;
-    const timer = window.setInterval(refresh, pollMs);
-    return () => window.clearInterval(timer);
-  }, [host, pollMs, refresh]);
-  const waiting = status?.state === "connected" && status.reconnecting === true && !status.error && // Asking for a permission, or waiting on one, is the person's step, not a stall.
-  asking === null && !thisComputerNeedsPermissions(status) && pending === null && !acting;
-  useEffect(() => {
-    if (!waiting) {
-      setStalled(false);
-      return;
-    }
-    const timer = window.setTimeout(() => setStalled(true), turnOnLimitMs);
-    return () => window.clearTimeout(timer);
-  }, [waiting, turnOnLimitMs, attempt]);
-  const stalledRef = useRef(stalled);
-  stalledRef.current = stalled;
-  const act = useCallback(async (action) => {
-    if (actionInFlight.current) return null;
-    actionInFlight.current = true;
-    const mine = generation.current;
-    setActing(true);
-    setActionError(null);
-    setStalled(false);
-    setAttempt((count) => count + 1);
-    try {
-      const result = await action();
-      return live.current && mine === generation.current ? result : null;
-    } catch (caught) {
-      if (live.current && mine === generation.current) setActionError(hostErrorText(caught) ?? "");
-      return null;
-    } finally {
-      actionInFlight.current = false;
-      if (live.current) setActing(false);
-      refreshRef.current();
-    }
-  }, []);
-  const ask = useCallback(
-    (id) => {
-      if (!host?.requestPermission) return;
-      for (const timer of askingRef.current?.timers ?? []) window.clearTimeout(timer);
-      const entry = { id, at: Date.now(), returned: false, timers: [] };
-      askingRef.current = entry;
-      setAsking(id);
-      const mine = generation.current;
-      const stillHere = () => {
-        if (askingRef.current !== entry || !live.current) return;
-        if (typeof document.hasFocus !== "function" || document.hasFocus()) {
-          entry.returned = true;
-          refreshRef.current();
-        } else entry.timers.push(window.setTimeout(stillHere, askQuietMs));
-      };
-      entry.timers.push(
-        window.setTimeout(() => {
-          if (askingRef.current !== entry || !live.current) return;
-          entry.returned = true;
-          refreshRef.current();
-        }, ASK_LIMIT_MS)
-      );
-      void host.requestPermission(id).catch(() => void 0).finally(() => {
-        if (!live.current || mine !== generation.current) return;
-        refreshRef.current();
-        if (askingRef.current === entry)
-          entry.timers.push(window.setTimeout(stillHere, askQuietMs));
-      });
-    },
-    [askQuietMs, host]
-  );
-  const askNext = useCallback(
-    (next) => {
-      const current = askingRef.current;
-      if (!current) return;
-      const missing = missingStep(next);
-      if (missing !== null && missing !== current.id) return ask(missing);
-      if (missing === null || current.returned) stopAsking();
-    },
-    [ask, stopAsking]
-  );
-  askNextRef.current = askNext;
-  const allowPermissions = useCallback(
-    (next) => {
-      const missing = missingStep(next ?? statusRef.current);
-      if (missing !== null) ask(missing);
-    },
-    [ask]
-  );
-  const connect = useCallback(
-    async (connectOptions) => {
-      if (!host) return null;
-      const next = await act(() => host.connect(workspaceId, connectOptions));
-      if (next && live.current) setStatus((current) => sameStatus(current, next));
-      return next;
-    },
-    [act, host, workspaceId]
-  );
-  const pause = useCallback(async () => {
-    if (host) await act(() => host.pause());
-  }, [act, host]);
-  const resume = useCallback(async () => {
-    if (!host) return;
-    const next = await act(async () => {
-      await host.resume();
-      return await host.status(workspaceId).catch(() => null);
-    });
-    if (next && live.current) setStatus((current) => sameStatus(current, next));
-  }, [act, host, workspaceId]);
-  const disconnect = useCallback(async () => {
-    if (host?.disconnect) await act(() => host.disconnect(workspaceId));
-  }, [act, host, workspaceId]);
-  const turnOn = useCallback(async () => {
-    if (!host || actionInFlight.current) return null;
-    const wasStalled = stalledRef.current;
-    setPending("on");
-    try {
-      const next = await act(async () => {
-        let current = await host.status(workspaceId);
-        if (current.state === "connected" && current.errorCode === "reconnect_required") {
-          return await host.connect(workspaceId, { screenControl: true });
-        }
-        if (current.state === "paused" || current.state === "connected" && (current.error || current.reconnecting && wasStalled)) {
-          await host.resume();
-          current = await host.status(workspaceId);
-        }
-        if (current.state !== "not_connected" && current.state !== "not_installed") return current;
-        return await host.connect(workspaceId, { screenControl: true });
-      });
-      if (next && live.current) {
-        setStatus((current) => sameStatus(current, next));
-        const missing = missingStep(next);
-        if (missing !== null) ask(missing);
-      }
-      return next;
-    } finally {
-      if (live.current) setPending(null);
-    }
-  }, [act, ask, host, workspaceId]);
-  const turnOff = useCallback(async () => {
-    if (!host || actionInFlight.current) return;
-    stopAsking();
-    setPending("off");
-    try {
-      const next = await act(async () => {
-        await host.pause();
-        return await host.status(workspaceId).catch(() => null);
-      });
-      if (next && live.current) setStatus((current) => sameStatus(current, next));
-    } finally {
-      if (live.current) setPending(null);
-    }
-  }, [act, host, stopAsking, workspaceId]);
-  const requestPermission = useCallback(
-    async (id) => {
-      if (!host?.requestPermission) return;
-      await host.requestPermission(id).catch(() => void 0);
-      refresh();
-    },
-    [host, refresh]
-  );
-  const canDisconnect = Boolean(host?.disconnect);
-  return useMemo(
-    () => ({
-      status,
-      acting,
-      actionError,
-      canDisconnect,
-      pending,
-      asking,
-      stalled,
-      refresh,
-      connect,
-      pause,
-      resume,
-      disconnect,
-      turnOn,
-      turnOff,
-      allowPermissions,
-      requestPermission
-    }),
-    [
-      status,
-      acting,
-      actionError,
-      canDisconnect,
-      pending,
-      asking,
-      stalled,
-      refresh,
-      connect,
-      pause,
-      resume,
-      disconnect,
-      turnOn,
-      turnOff,
-      allowPermissions,
-      requestPermission
-    ]
-  );
-}
-var RETURN_GRACE_MS = 1500;
-var ASK_QUIET_MS = 8e3;
-var TURN_ON_LIMIT_MS = 6e4;
-var ASK_LIMIT_MS = 10 * 6e4;
-function missingStep(status) {
-  if (status?.state !== "connected") return null;
-  return thisComputerPermissionSteps(status).find((step) => !step.granted)?.id ?? null;
-}
-function sameStatus(current, next) {
-  return current && JSON.stringify(current) === JSON.stringify(next) ? current : next;
-}
-
-// src/components/this-computer/this-computer-setup.tsx
-import {
-  macSystemNames,
-  nextMissingPermission,
-  thisComputerNeedsPermissions as thisComputerNeedsPermissions2,
-  thisComputerPermissionSteps as thisComputerPermissionSteps2,
-  thisComputerReady
-} from "@opengeni/sdk/this-computer";
-import { CheckIcon, XIcon } from "lucide-react";
-import { Dialog } from "radix-ui";
-import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
-
-// src/components/this-computer/illustrations.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function AppIcon({
-  src,
-  name,
-  size = 22
-}) {
-  return src ? /* @__PURE__ */ jsx("img", { className: "og-tc-app-icon", src, alt: "", width: size, height: size }) : /* @__PURE__ */ jsx("span", { className: "og-tc-app-icon og-tc-app-icon-fallback", style: { width: size, height: size }, children: name.trim().charAt(0).toUpperCase() });
-}
-function ComputerIllustration({ mark }) {
-  return /* @__PURE__ */ jsxs("div", { className: "og-tc-art og-tc-art-computer", "aria-hidden": true, children: [
-    /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 220 120", className: "og-tc-art-svg", children: [
-      /* @__PURE__ */ jsx("rect", { className: "og-tc-art-screen", x: "30", y: "8", width: "160", height: "98", rx: "9" }),
-      /* @__PURE__ */ jsx("rect", { className: "og-tc-art-window", x: "46", y: "22", width: "128", height: "70", rx: "6" }),
-      /* @__PURE__ */ jsx("circle", { className: "og-tc-art-dot", cx: "56", cy: "31", r: "2.6" }),
-      /* @__PURE__ */ jsx("circle", { className: "og-tc-art-dot", cx: "64", cy: "31", r: "2.6" }),
-      /* @__PURE__ */ jsx("circle", { className: "og-tc-art-dot", cx: "72", cy: "31", r: "2.6" }),
-      /* @__PURE__ */ jsx("rect", { className: "og-tc-art-line", x: "56", y: "44", width: "78", height: "6", rx: "3" }),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          className: "og-tc-art-line og-tc-art-line-soft",
-          x: "56",
-          y: "56",
-          width: "104",
-          height: "6",
-          rx: "3"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "rect",
-        {
-          className: "og-tc-art-line og-tc-art-line-soft",
-          x: "56",
-          y: "68",
-          width: "62",
-          height: "6",
-          rx: "3"
-        }
-      ),
-      /* @__PURE__ */ jsx("rect", { className: "og-tc-art-button", x: "128", y: "72", width: "36", height: "13", rx: "4" }),
-      /* @__PURE__ */ jsx("rect", { className: "og-tc-art-stand", x: "96", y: "106", width: "28", height: "7", rx: "2" }),
-      /* @__PURE__ */ jsx("g", { className: "og-tc-art-pointer", children: /* @__PURE__ */ jsx("path", { d: "M0 0l11 7.5-5 1.2-2.6 4.6z" }) })
-    ] }),
-    mark ? /* @__PURE__ */ jsx("span", { className: "og-tc-art-mark", children: mark }) : null
-  ] });
-}
-function SettingsRowIllustration({
-  listName,
-  appName,
-  appIcon,
-  allowed
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "og-tc-art og-tc-art-settings",
-      "data-allowed": allowed ? "" : void 0,
-      "aria-hidden": true,
-      children: /* @__PURE__ */ jsxs("div", { className: "og-tc-settings-window", children: [
-        /* @__PURE__ */ jsxs("div", { className: "og-tc-settings-bar", children: [
-          /* @__PURE__ */ jsx("span", {}),
-          /* @__PURE__ */ jsx("span", {}),
-          /* @__PURE__ */ jsx("span", {}),
-          /* @__PURE__ */ jsx("b", { children: listName })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "og-tc-settings-row og-tc-settings-row-ghost", children: [
-          /* @__PURE__ */ jsx("span", { className: "og-tc-app-icon og-tc-app-icon-ghost" }),
-          /* @__PURE__ */ jsx("span", { className: "og-tc-settings-ghost-name" }),
-          /* @__PURE__ */ jsx("span", { className: "og-tc-switch", "data-on": "" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "og-tc-settings-row og-tc-settings-row-target", children: [
-          /* @__PURE__ */ jsx(AppIcon, { src: appIcon ?? null, name: appName, size: 20 }),
-          /* @__PURE__ */ jsx("span", { className: "og-tc-settings-name", children: appName }),
-          /* @__PURE__ */ jsx("span", { className: "og-tc-switch og-tc-switch-target", "data-on": allowed ? "" : void 0 }),
-          /* @__PURE__ */ jsx("svg", { className: "og-tc-settings-pointer", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx("path", { d: "M2 1l11 7-5 1-2.5 4.5z" }) })
-        ] })
-      ] })
-    }
-  );
-}
-function FolderPromptIllustration({
-  message,
-  allow,
-  dontAllow,
-  appIcon,
-  appName,
-  allowed
-}) {
-  return /* @__PURE__ */ jsx("div", { className: "og-tc-art og-tc-art-prompt", "data-allowed": allowed ? "" : void 0, "aria-hidden": true, children: /* @__PURE__ */ jsxs("div", { className: "og-tc-prompt-window", children: [
-    /* @__PURE__ */ jsxs("span", { className: "og-tc-prompt-icon", children: [
-      /* @__PURE__ */ jsx("svg", { viewBox: "0 0 40 32", className: "og-tc-prompt-folder", children: /* @__PURE__ */ jsx("path", { d: "M2 6a3 3 0 0 1 3-3h10l4 4h16a3 3 0 0 1 3 3v17a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3z" }) }),
-      /* @__PURE__ */ jsx("span", { className: "og-tc-prompt-badge", children: /* @__PURE__ */ jsx(AppIcon, { src: appIcon ?? null, name: appName, size: 16 }) })
-    ] }),
-    /* @__PURE__ */ jsx("p", { className: "og-tc-prompt-message", children: message }),
-    /* @__PURE__ */ jsxs("div", { className: "og-tc-prompt-buttons", children: [
-      /* @__PURE__ */ jsx("span", { children: dontAllow }),
-      /* @__PURE__ */ jsxs("span", { className: "og-tc-prompt-allow", children: [
-        allow,
-        /* @__PURE__ */ jsx("svg", { className: "og-tc-settings-pointer", viewBox: "0 0 16 16", children: /* @__PURE__ */ jsx("path", { d: "M2 1l11 7-5 1-2.5 4.5z" }) })
-      ] })
-    ] })
-  ] }) });
-}
-function DoneIllustration() {
-  return /* @__PURE__ */ jsx("div", { className: "og-tc-art og-tc-art-done", "aria-hidden": true, children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 64 64", className: "og-tc-done-check", children: [
-    /* @__PURE__ */ jsx("circle", { cx: "32", cy: "32", r: "30" }),
-    /* @__PURE__ */ jsx("path", { d: "M19 33l9 9 18-20" })
-  ] }) });
-}
-
-// src/components/this-computer/this-computer-setup.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ALLOWED_PAUSE_MS = 1100;
-var PERMISSION_POLL_MS = 1e3;
-var FOLDER_SETTLE_MS = 700;
-function useThisComputerSetupOpen(computer) {
-  const [open, setOpen] = useState2(false);
-  const reopened = useRef2(false);
-  const pending = computer.status?.setupPending === true;
-  useEffect2(() => {
-    if (!pending || reopened.current) return;
-    reopened.current = true;
-    setOpen(true);
-  }, [pending]);
-  return [open, setOpen];
-}
-function ThisComputerSetup({
-  open,
-  onOpenChange,
-  computer,
-  platform,
-  productName: desktopProductName,
-  appIcon: desktopAppIcon,
-  agentMark,
-  labels: given,
-  container,
-  onReady
-}) {
-  const catalogText = useOpenGeniText();
-  const labels = given ?? defaultThisComputerLabels(catalogText);
-  const { status } = computer;
-  const serviceBacked = status?.management === "service";
-  const productName = status?.permissionAppName ?? desktopProductName;
-  const appIcon = serviceBacked ? null : desktopAppIcon;
-  const ready = thisComputerReady(status) && !status?.reconnecting;
-  const [phase, setPhase] = useState2("intro");
-  const [failure, setFailure] = useState2(null);
-  const [requested, setRequested] = useState2(null);
-  const [justAllowed, setJustAllowed] = useState2(null);
-  const [folderAsk, setFolderAsk] = useState2("idle");
-  const anchor = useRef2(null);
-  const portalStyle = usePortalTokenStyle(anchor.current);
-  const wasOpen = useRef2(false);
-  const permissions = thisComputerPermissionSteps2(status);
-  const permissionsKnown = permissions.length > 0;
-  useEffect2(() => {
-    if (open && !wasOpen.current) {
-      setFailure(null);
-      setRequested(null);
-      setJustAllowed(null);
-      setFolderAsk("idle");
-      setPhase(
-        thisComputerNeedsPermissions2(status) ? "permissions" : ready ? "done" : status?.busy ? "working" : "intro"
-      );
-    }
-    wasOpen.current = open;
-  }, [open, status, ready]);
-  const { acting } = computer;
-  const readingBeforeTurnOn = useRef2(void 0);
-  useEffect2(() => {
-    if (!open || !status || status.busy || acting) return;
-    if (status === readingBeforeTurnOn.current) return;
-    const waiting = phase === "working" || phase === "permissions" && !permissionsKnown;
-    if (waiting || phase === "done") {
-      if (thisComputerNeedsPermissions2(status)) setPhase("permissions");
-      else if (ready) setPhase("done");
-      else if (status.state === "connected") setPhase("working");
-      else if (status.state === "not_connected" || status.state === "not_installed") {
-        setFailure(
-          status.errorCode !== "removed" && (status.error || status.errorCode) ? labels.error(status.errorCode ?? null, status.error) : null
-        );
-        setPhase("intro");
-      }
-    }
-  }, [open, phase, status, ready, acting, permissionsKnown, labels]);
-  const { refresh } = computer;
-  useEffect2(() => {
-    if (!open || phase !== "permissions") return;
-    const timer = window.setInterval(refresh, PERMISSION_POLL_MS);
-    return () => window.clearInterval(timer);
-  }, [open, phase, refresh]);
-  const missing = nextMissingPermission(status);
-  const current = justAllowed ?? missing;
-  const shownRef = useRef2(null);
-  useEffect2(() => {
-    if (phase !== "permissions") {
-      shownRef.current = null;
-      return;
-    }
-    const shown = shownRef.current;
-    if (justAllowed === null && shown !== null && status?.permissions?.some((permission) => permission.id === shown && permission.granted)) {
-      setJustAllowed(shown);
-      setRequested(null);
-      return;
-    }
-    if (justAllowed === null && permissionsKnown) shownRef.current = missing;
-  }, [phase, missing, justAllowed, status, permissionsKnown]);
-  useEffect2(() => {
-    if (justAllowed === null) return;
-    const timer = window.setTimeout(() => {
-      shownRef.current = missing;
-      setJustAllowed(null);
-      if (missing === null && permissionsKnown && ready) setPhase("done");
-    }, ALLOWED_PAUSE_MS);
-    return () => window.clearTimeout(timer);
-  }, [justAllowed, missing, permissionsKnown, ready]);
-  useEffect2(() => {
-    if (phase === "permissions" && missing === null && justAllowed === null && status) {
-      if (status.state === "connected" && !status.reconnecting && permissionsKnown)
-        setPhase("done");
-    }
-  }, [phase, missing, justAllowed, status, permissionsKnown]);
-  const readyNotified = useRef2(false);
-  useEffect2(() => {
-    if (phase === "done" && open && !readyNotified.current) {
-      readyNotified.current = true;
-      onReady?.();
-    }
-    if (phase !== "done") readyNotified.current = false;
-  }, [phase, open, onReady]);
-  async function turnOn() {
-    readingBeforeTurnOn.current = status;
-    setFailure(null);
-    setPhase("working");
-    const next = await computer.turnOn();
-    if (!next || next.state !== "connected") {
-      setFailure(
-        labels.error(next?.errorCode ?? null, next?.error ?? computer.actionError ?? null)
-      );
-      setPhase("intro");
-      return;
-    }
-    setPhase(
-      thisComputerNeedsPermissions2(next) ? "permissions" : next.reconnecting ? "working" : "done"
-    );
-  }
-  const machineName = status?.machineName ?? "";
-  const close = () => onOpenChange(false);
-  const busyConnecting = phase === "working";
-  const closable = phase !== "working" || !acting && !status?.busy;
-  let lead = null;
-  let body = null;
-  let title;
-  let description;
-  let footer;
-  if (phase === "done") {
-    title = labels.doneTitle;
-    description = labels.done(machineName, platform);
-    lead = /* @__PURE__ */ jsx2(DoneIllustration, {});
-    body = labels.tryThis ? /* @__PURE__ */ jsx2("p", { className: "og-tc-try", children: labels.tryThis }) : null;
-    footer = /* @__PURE__ */ jsx2("button", { type: "button", className: "og-tc-button og-tc-primary og-tc-wide", onClick: close, children: labels.close });
-  } else if (phase === "permissions" && current && permissionsKnown) {
-    const index = Math.max(
-      0,
-      permissions.findIndex((permission) => permission.id === current)
-    );
-    const step = labels.permission(current, productName);
-    const system = computer.status?.systemNames ?? macSystemNames(typeof navigator === "undefined" ? [] : navigator.languages);
-    const allowed = justAllowed === current;
-    const waiting = requested === current && !allowed;
-    const folders = current === "files";
-    const refused = folders && folderAsk === "asked" && !allowed;
-    title = step.title;
-    description = step.why;
-    lead = /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2("ol", { className: "og-tc-steps", "aria-label": labels.stepOf(index + 1, permissions.length), children: permissions.map((permission, position) => /* @__PURE__ */ jsx2(
-        "li",
-        {
-          "data-state": permission.granted || permission.id === justAllowed ? "done" : position === index ? "current" : "todo"
-        },
-        permission.id
-      )) }),
-      /* @__PURE__ */ jsx2("p", { className: "og-tc-step-count", children: labels.stepOf(index + 1, permissions.length) })
-    ] });
-    body = /* @__PURE__ */ jsxs2(Fragment, { children: [
-      folders && !refused ? /* @__PURE__ */ jsx2(
-        FolderPromptIllustration,
-        {
-          message: system.folderQuestion.replace("{app}", productName),
-          allow: system.allow,
-          dontAllow: system.dontAllow,
-          appName: productName,
-          appIcon: appIcon ?? null,
-          allowed
-        }
-      ) : /* @__PURE__ */ jsx2(
-        SettingsRowIllustration,
-        {
-          listName: computer.status?.systemNames?.permissionList[current] ?? step.listName,
-          appName: productName,
-          appIcon: appIcon ?? null,
-          allowed
-        },
-        current
-      ),
-      /* @__PURE__ */ jsx2("div", { className: "og-tc-step-state", role: "status", "aria-live": "polite", children: allowed ? /* @__PURE__ */ jsxs2("span", { className: "og-tc-allowed", children: [
-        /* @__PURE__ */ jsx2(CheckIcon, { "aria-hidden": true }),
-        labels.allowed
-      ] }) : refused ? /* @__PURE__ */ jsx2("span", { className: "og-tc-hint", children: labels.foldersRefused(productName) }) : folders ? /* @__PURE__ */ jsxs2("span", { className: folderAsk === "asking" ? "og-tc-waiting" : "og-tc-hint", children: [
-        folderAsk === "asking" ? /* @__PURE__ */ jsx2("span", { className: "og-tc-pulse", "aria-hidden": true }) : null,
-        labels.waitingForFolders(system.allow)
-      ] }) : waiting ? /* @__PURE__ */ jsxs2("span", { className: "og-tc-waiting", children: [
-        /* @__PURE__ */ jsx2("span", { className: "og-tc-pulse", "aria-hidden": true }),
-        labels.waitingForSwitch(productName, system.openSettings)
-      ] }) : /* @__PURE__ */ jsx2("span", { className: "og-tc-hint", children: labels.passwordHint }) }),
-      serviceBacked ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx2("p", { className: "og-tc-fine", children: catalogText("thisComputer.servicePermissions") }),
-        /* @__PURE__ */ jsx2(
-          "button",
-          {
-            type: "button",
-            className: "og-tc-button og-tc-secondary",
-            disabled: computer.acting,
-            onClick: () => void (status?.state === "paused" ? computer.resume() : computer.pause()),
-            children: status?.state === "paused" ? labels.resume : labels.pause
-          }
-        )
-      ] }) : waiting && (current === "screenRecording" || current === "inputMonitoring") ? /* @__PURE__ */ jsx2("p", { className: "og-tc-fine", children: labels.quitHint(productName, system.later) }) : null
-    ] });
-    const askFolders = async () => {
-      setRequested("files");
-      setFolderAsk("asking");
-      await computer.requestPermission("files");
-      window.setTimeout(() => setFolderAsk("asked"), FOLDER_SETTLE_MS);
-    };
-    footer = /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2("button", { type: "button", className: "og-tc-button og-tc-quiet", onClick: close, children: labels.later }),
-      folders && !refused ? /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          className: "og-tc-button og-tc-primary",
-          disabled: allowed || folderAsk !== "idle",
-          onClick: () => void askFolders(),
-          children: labels.askFolders
-        }
-      ) : /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          className: `og-tc-button ${waiting && !refused ? "og-tc-secondary" : "og-tc-primary"}`,
-          disabled: allowed,
-          onClick: () => {
-            setRequested(current);
-            void computer.requestPermission(current);
-          },
-          children: waiting && !refused ? labels.openSettingsAgain : labels.openSettings
-        }
-      )
-    ] });
-  } else if (phase === "working" || phase === "permissions" && !permissionsKnown) {
-    const progress = status?.setupProgress;
-    title = status?.management === "service" ? catalogText("thisComputer.reconnecting", { machineName }) : labels.settingUp(machineName);
-    description = status?.management === "service" ? catalogText("thisComputer.serviceConnecting") : labels.settingUpDetail;
-    lead = /* @__PURE__ */ jsx2(ComputerIllustration, { mark: agentMark });
-    body = /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: "og-tc-progress",
-        role: "progressbar",
-        "aria-label": title,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        ...progress === void 0 ? {} : { "aria-valuenow": Math.round(progress * 100) },
-        "data-indeterminate": progress === void 0 ? "" : void 0,
-        children: /* @__PURE__ */ jsx2(
-          "span",
-          {
-            style: progress === void 0 ? void 0 : { width: `${Math.max(4, progress * 100)}%` }
-          }
-        )
-      }
-    ) });
-    footer = null;
-  } else {
-    title = labels.title;
-    description = labels.intro(machineName);
-    lead = /* @__PURE__ */ jsx2(ComputerIllustration, { mark: agentMark });
-    body = /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2("ul", { className: "og-tc-abilities", children: labels.abilities.map((ability) => /* @__PURE__ */ jsxs2("li", { children: [
-        /* @__PURE__ */ jsx2(CheckIcon, { "aria-hidden": true }),
-        ability
-      ] }, ability)) }),
-      /* @__PURE__ */ jsx2("p", { className: "og-tc-safety", children: serviceBacked ? catalogText("thisComputer.existingService") : labels.safety(platform) }),
-      failure ? /* @__PURE__ */ jsx2("p", { className: "og-tc-error", role: "alert", children: failure }) : null
-    ] });
-    footer = /* @__PURE__ */ jsxs2(Fragment, { children: [
-      /* @__PURE__ */ jsx2("button", { type: "button", className: "og-tc-button og-tc-quiet", onClick: close, children: labels.notNow }),
-      /* @__PURE__ */ jsx2("button", { type: "button", className: "og-tc-button og-tc-primary", onClick: () => void turnOn(), children: failure ? labels.tryAgain : labels.turnOn })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2("span", { ref: anchor, hidden: true }),
-    /* @__PURE__ */ jsx2(Dialog.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxs2(Dialog.Portal, { container: container ?? void 0, children: [
-      /* @__PURE__ */ jsx2(Dialog.Overlay, { className: "og-root og-tc-overlay", style: portalStyle }),
-      /* @__PURE__ */ jsxs2(
-        Dialog.Content,
-        {
-          className: "og-root og-tc-dialog",
-          style: portalStyle,
-          "data-phase": phase,
-          onOpenAutoFocus: (event) => {
-            event.preventDefault();
-            event.currentTarget?.focus();
-          },
-          onInteractOutside: (event) => {
-            if (phase !== "intro" && phase !== "done") event.preventDefault();
-          },
-          children: [
-            !closable ? null : /* @__PURE__ */ jsx2(Dialog.Close, { className: "og-tc-close", "aria-label": labels.close, children: /* @__PURE__ */ jsx2(XIcon, { "aria-hidden": true }) }),
-            /* @__PURE__ */ jsx2("div", { className: "og-tc-body", "aria-busy": busyConnecting || void 0, children: /* @__PURE__ */ jsxs2("div", { className: "og-tc-content", children: [
-              lead,
-              /* @__PURE__ */ jsx2(Dialog.Title, { className: "og-tc-title", children: title }),
-              /* @__PURE__ */ jsx2(Dialog.Description, { className: "og-tc-description", children: description }),
-              body
-            ] }, phase === "permissions" ? `p-${current}` : phase) }),
-            footer ? /* @__PURE__ */ jsx2("div", { className: "og-tc-footer", children: footer }) : null
-          ]
-        }
-      )
-    ] }) })
-  ] });
-}
-
-// src/components/this-computer/this-computer-status.tsx
-import {
-  thisComputerReady as thisComputerReady2
-} from "@opengeni/sdk/this-computer";
-import { LaptopIcon, XIcon as XIcon2 } from "lucide-react";
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function thisComputerView(status) {
-  if (!status || status.state === "unavailable") return "hidden";
-  if (status.state === "paused") return status.busy ? "resuming" : "paused";
-  if (status.state === "connected") {
-    if (!thisComputerReady2(status)) return "finish_setup";
-    return status.reconnecting ? "reconnecting" : "ready";
-  }
-  return status.busy ? "setting_up" : "off";
-}
-function thisComputerError(computer, labels) {
-  const { status, actionError } = computer;
-  if (status?.errorCode === "removed" && !status.busy) {
-    return actionError ? labels.error(null, actionError) : null;
-  }
-  return actionError !== null || status?.error ? labels.error(status?.errorCode ?? null, status?.error || actionError || null) : null;
-}
-function percent(status) {
-  return status?.setupProgress === void 0 ? "" : ` ${Math.round(status.setupProgress * 100)}%`;
-}
-function settingUpLine(status, labels) {
-  const machineName = status?.machineName ?? "";
-  return status?.management === "service" ? labels.reconnecting(machineName) : `${labels.settingUp(machineName)}${percent(status)}`;
-}
-function storageKey(workspaceId) {
-  return `opengeni.desktop.thisComputer.dismissed.${workspaceId}`;
-}
-function useThisComputerOfferDismissed(workspaceId) {
-  const read = useCallback2(() => {
-    try {
-      return window.localStorage.getItem(storageKey(workspaceId)) === "1";
-    } catch {
-      return false;
-    }
-  }, [workspaceId]);
-  const [dismissed, setDismissed] = useState3(read);
-  useEffect3(() => setDismissed(read()), [read]);
-  const dismiss = useCallback2(() => {
-    try {
-      window.localStorage.setItem(storageKey(workspaceId), "1");
-    } catch {
-    }
-    setDismissed(true);
-  }, [workspaceId]);
-  return [dismissed, dismiss];
-}
-function ThisComputerOffer({
-  computer,
-  labels: given,
-  onSetup,
-  dismissed = false,
-  onDismiss,
-  icon,
-  className
-}) {
-  const catalogText = useOpenGeniText();
-  const labels = given ?? defaultThisComputerLabels(catalogText);
-  const { status } = computer;
-  const view = thisComputerView(status);
-  const machineName = status?.machineName ?? "";
-  const mark = icon ?? /* @__PURE__ */ jsx3(LaptopIcon, { "aria-hidden": true });
-  const classes = ["og-tc-offer", className].filter(Boolean).join(" ");
-  if (view === "setting_up" || view === "resuming" || view === "reconnecting") {
-    const error = view === "reconnecting" ? thisComputerError(computer, labels) : null;
-    return /* @__PURE__ */ jsxs3("div", { className: classes, "data-view": view, role: "status", title: error ?? void 0, children: [
-      /* @__PURE__ */ jsx3("span", { className: "og-tc-spinner", "aria-hidden": true }),
-      /* @__PURE__ */ jsx3("span", { className: "og-tc-offer-line", children: view === "resuming" ? labels.resuming : view === "reconnecting" ? labels.reconnecting(machineName) : settingUpLine(status, labels) })
-    ] });
-  }
-  if (view === "paused") {
-    return /* @__PURE__ */ jsxs3("div", { className: classes, "data-view": view, children: [
-      /* @__PURE__ */ jsx3("span", { className: "og-tc-offer-mark", children: mark }),
-      /* @__PURE__ */ jsx3("span", { className: "og-tc-offer-line", children: labels.paused(machineName) }),
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          className: "og-tc-button og-tc-secondary og-tc-small",
-          disabled: computer.acting,
-          onClick: () => void computer.resume(),
-          children: labels.resume
-        }
-      )
-    ] });
-  }
-  if (view === "finish_setup") {
-    return /* @__PURE__ */ jsxs3("div", { className: classes, "data-view": view, "data-card": "", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "og-tc-offer-head", children: [
-        /* @__PURE__ */ jsx3("span", { className: "og-tc-offer-mark", children: mark }),
-        /* @__PURE__ */ jsxs3("div", { children: [
-          /* @__PURE__ */ jsx3("p", { className: "og-tc-offer-title", children: labels.finishSetup }),
-          /* @__PURE__ */ jsx3("p", { className: "og-tc-offer-text", children: labels.finishSetupDetail })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx3("div", { className: "og-tc-offer-actions", children: /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          className: "og-tc-button og-tc-primary og-tc-small",
-          onClick: onSetup,
-          children: labels.finishSetup
-        }
-      ) })
-    ] });
-  }
-  if (view !== "off" || dismissed) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: classes, "data-view": view, "data-card": "", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "og-tc-offer-head", children: [
-      /* @__PURE__ */ jsx3("span", { className: "og-tc-offer-mark", children: mark }),
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("p", { className: "og-tc-offer-title", children: labels.title }),
-        /* @__PURE__ */ jsx3("p", { className: "og-tc-offer-text", children: labels.offer(machineName) })
-      ] }),
-      onDismiss ? /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          className: "og-tc-offer-dismiss",
-          "aria-label": labels.notNow,
-          onClick: onDismiss,
-          children: /* @__PURE__ */ jsx3(XIcon2, { "aria-hidden": true })
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "og-tc-offer-actions", children: /* @__PURE__ */ jsx3("button", { type: "button", className: "og-tc-button og-tc-primary og-tc-small", onClick: onSetup, children: labels.offerAction }) })
-  ] });
-}
-function ThisComputerPanel({
-  computer,
-  platform,
-  labels: given,
-  onSetup,
-  icon,
-  className
-}) {
-  const catalogText = useOpenGeniText();
-  const labels = given ?? defaultThisComputerLabels(catalogText);
-  const { status } = computer;
-  const view = thisComputerView(status);
-  const [confirmingOff, setConfirmingOff] = useState3(false);
-  useEffect3(() => {
-    if (view !== "ready" && view !== "reconnecting" && view !== "paused" && view !== "finish_setup")
-      setConfirmingOff(false);
-  }, [view]);
-  if (view === "hidden") return null;
-  const machineName = status?.machineName ?? "";
-  const error = thisComputerError(computer, labels);
-  let line;
-  let actions;
-  switch (view) {
-    case "ready":
-    case "reconnecting":
-      line = view === "ready" ? labels.ready(machineName) : labels.reconnecting(machineName);
-      actions = /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          className: "og-tc-button og-tc-secondary og-tc-small",
-          disabled: computer.acting,
-          onClick: () => void computer.pause(),
-          children: labels.pause
-        }
-      );
-      break;
-    case "paused":
-      line = labels.paused(machineName);
-      actions = /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          className: "og-tc-button og-tc-primary og-tc-small",
-          disabled: computer.acting,
-          onClick: () => void computer.resume(),
-          children: labels.resume
-        }
-      );
-      break;
-    case "resuming":
-      line = labels.resuming;
-      actions = /* @__PURE__ */ jsx3("span", { className: "og-tc-spinner", "aria-hidden": true });
-      break;
-    case "finish_setup":
-      line = labels.finishSetupDetail;
-      actions = /* @__PURE__ */ jsx3("button", { type: "button", className: "og-tc-button og-tc-primary og-tc-small", onClick: onSetup, children: labels.finishSetup });
-      break;
-    case "setting_up":
-      line = settingUpLine(status, labels);
-      actions = /* @__PURE__ */ jsx3("span", { className: "og-tc-spinner", "aria-hidden": true });
-      break;
-    default:
-      line = labels.offer(machineName);
-      actions = /* @__PURE__ */ jsx3("button", { type: "button", className: "og-tc-button og-tc-primary og-tc-small", onClick: onSetup, children: labels.turnOn });
-  }
-  const connected = view === "ready" || view === "reconnecting" || view === "paused" || view === "finish_setup";
-  return /* @__PURE__ */ jsxs3("section", { className: ["og-tc-panel", className].filter(Boolean).join(" "), "data-view": view, children: [
-    /* @__PURE__ */ jsxs3("div", { className: "og-tc-panel-row", children: [
-      /* @__PURE__ */ jsx3("span", { className: "og-tc-offer-mark", children: icon ?? /* @__PURE__ */ jsx3(LaptopIcon, { "aria-hidden": true }) }),
-      /* @__PURE__ */ jsxs3("div", { className: "og-tc-panel-text", children: [
-        /* @__PURE__ */ jsxs3("p", { className: "og-tc-offer-title", children: [
-          labels.title,
-          /* @__PURE__ */ jsx3("span", { className: "og-tc-dot", "data-view": view, "aria-hidden": true })
-        ] }),
-        /* @__PURE__ */ jsx3("p", { className: "og-tc-offer-text", role: "status", children: line })
-      ] }),
-      /* @__PURE__ */ jsx3("div", { className: "og-tc-panel-actions", children: actions })
-    ] }),
-    error ? /* @__PURE__ */ jsx3("p", { className: "og-tc-error", role: "alert", children: error }) : null,
-    connected && computer.canDisconnect ? confirmingOff ? /* @__PURE__ */ jsxs3("div", { className: "og-tc-confirm", role: "group", "aria-label": labels.turnOff, children: [
-      /* @__PURE__ */ jsx3("p", { children: labels.turnOffConfirm(machineName) }),
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3(
-          "button",
-          {
-            type: "button",
-            className: "og-tc-button og-tc-quiet og-tc-small",
-            onClick: () => setConfirmingOff(false),
-            children: labels.cancel
-          }
-        ),
-        /* @__PURE__ */ jsx3(
-          "button",
-          {
-            type: "button",
-            className: "og-tc-button og-tc-danger og-tc-small",
-            disabled: computer.acting,
-            onClick: () => void computer.disconnect().then(() => setConfirmingOff(false)),
-            children: computer.acting ? labels.turningOff : labels.turnOff
-          }
-        )
-      ] })
-    ] }) : /* @__PURE__ */ jsxs3("p", { className: "og-tc-panel-foot", children: [
-      /* @__PURE__ */ jsx3("span", { children: status?.management === "service" ? catalogText("thisComputer.servicePauseHint") : view === "paused" ? labels.resumeHint(platform) : labels.pauseHint(platform) }),
-      /* @__PURE__ */ jsx3("button", { type: "button", className: "og-tc-link", onClick: () => setConfirmingOff(true), children: labels.turnOff })
-    ] }) : null,
-    view === "off" && status?.management === "service" ? /* @__PURE__ */ jsx3("p", { className: "og-tc-panel-foot", children: catalogText("thisComputer.existingService") }) : null
-  ] });
-}
-
-export {
-  hostErrorText,
-  useThisComputer,
-  AppIcon,
-  ComputerIllustration,
-  SettingsRowIllustration,
-  DoneIllustration,
-  useThisComputerSetupOpen,
-  ThisComputerSetup,
-  thisComputerView,
-  useThisComputerOfferDismissed,
-  ThisComputerOffer,
-  ThisComputerPanel,
-  ENGLISH_MAC_SYSTEM_NAMES,
-  macSystemNames2 as macSystemNames,
-  nextMissingPermission2 as nextMissingPermission,
-  thisComputerNeedsPermissions3 as thisComputerNeedsPermissions,
-  thisComputerPermissionSteps3 as thisComputerPermissionSteps,
-  thisComputerReady3 as thisComputerReady,
-  THIS_COMPUTER_PERMISSION_ORDER
-};
-//# sourceMappingURL=chunk-3USJPT2S.js.map