@powerhousedao/connect 1.0.0-dev.201 → 1.0.0-dev.203

package/dist/assets/root-BMuxHv40.js

@@ -0,0 +1,788 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { t as twMerge, S as S$1, ai as useTranslation, h as useDocumentDriveServer, g as useUiNodes, aj as useDocumentDrives, ak as useReadModeContext, al as useAsyncReactor, am as useConnectConfig, an as I, ao as p$3, ap as C, aq as s$1, a as useNavigate, u as useLocation, ar as useParams, as as E, at as o$1, au as useModal, av as useLogin, aw as Outlet } from "./app-ByLxnL-E.js";
+import { l as logger, o } from "./app-loader-dUKLwBq2.js";
+import * as React from "react";
+import { useRef, useState, useEffect, useCallback, useMemo, Suspense } from "react";
+import { useUiNodesContext } from "@powerhousedao/reactor-browser/hooks/useUiNodesContext";
+import { u as useSearchParams } from "./router-C4OI-4uA.js";
+import { N, E as ErrorBoundary } from "./react-error-boundary.esm-BLwRS2mf.js";
+import "./main.vKY_hE0L.js";
+import "react-dom";
+import "./PeopleFill-BxcdOZRn.js";
+import "./getEnsName-KQ2wFlay.js";
+const A$1 = "data:image/png;base64,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";
+const A = "data:image/png;base64,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";
+const m$1 = ({ onLogin: o2 }) => /* @__PURE__ */ jsxs(
+  "button",
+  {
+    className: "group/sidebar-footer w-full cursor-pointer items-baseline justify-start text-sm font-semibold leading-10 text-gray-600 flex",
+    onClick: o2,
+    children: [
+      /* @__PURE__ */ jsx("img", { className: "group-hover/sidebar-footer:hidden", src: A }),
+      /* @__PURE__ */ jsx(
+        "img",
+        {
+          className: "hidden group-hover/sidebar-footer:block",
+          src: A$1
+        }
+      )
+    ]
+  }
+);
+const m = ({ address: r }) => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx(N, { address: r, size: "40px" }) });
+function u({ className: e, ...r }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("shrink-0", e), ...r });
+}
+function c({ className: e, ...r }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("shrink-0", e), ...r });
+}
+const p$2 = ({
+  maxWidth: e = "304px",
+  minWidth: r = "80px",
+  className: o2,
+  children: s2,
+  ...a
+}) => {
+  const l = useRef(null);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...a,
+      className: twMerge("group flex h-full flex-col bg-slate-50", o2),
+      ref: l,
+      style: {
+        width: r
+      },
+      children: s2
+    }
+  );
+};
+const S = ({
+  address: r,
+  className: o2,
+  onLogin: i,
+  onClickSettings: n,
+  ...m$2
+}) => /* @__PURE__ */ jsxs(
+  c,
+  {
+    ...m$2,
+    className: twMerge("border-t border-gray-300 flex flex-col gap-2 py-4 px-2", o2),
+    children: [
+      /* @__PURE__ */ jsx("div", { className: "", children: r ? /* @__PURE__ */ jsx(m, { address: r }) : /* @__PURE__ */ jsx(m$1, { onLogin: i }) }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: "mt-3 flex w-full items-center justify-center flex cursor-pointer outline-none",
+          onClick: n,
+          children: [
+            /* @__PURE__ */ jsx(S$1, { className: "text-gray-600", name: "Settings" }),
+            /* @__PURE__ */ jsx("span", { className: "hidden text-sm font-semibold leading-6 text-gray-800", children: "Settings" })
+          ]
+        }
+      )
+    ]
+  }
+);
+const p$1 = ({
+  onClick: r,
+  className: t,
+  children: c2,
+  ...o2
+}) => /* @__PURE__ */ jsx(
+  u,
+  {
+    ...o2,
+    className: twMerge(
+      "flex justify-center gap-4 border-b border-gray-300 py-4",
+      t
+    ),
+    children: /* @__PURE__ */ jsx("button", { className: "", onClick: r, type: "button", children: /* @__PURE__ */ jsx(S$1, { className: "text-gray-600", name: "ConnectSmall", size: 24 }) })
+  }
+);
+function w({
+  className: s2,
+  children: l,
+  ...c2
+}) {
+  const [i, a] = useState(false);
+  function t(e) {
+    a(
+      e.scrollHeight - e.scrollTop - e.clientHeight > 1
+    );
+  }
+  const r = useRef(null);
+  return useEffect(() => {
+    if (!r.current)
+      return;
+    const e = new ResizeObserver((u2) => {
+      const n = u2.pop();
+      if (!n)
+        return;
+      const { target: f } = n;
+      t(f);
+    });
+    return e.observe(r.current), () => {
+      e.disconnect();
+    };
+  }, [r.current]), /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: twMerge(
+          "no-scrollbar flex-1 overflow-auto text-gray-900 transition-shadow",
+          s2
+        ),
+        onScroll: (e) => t(e.currentTarget),
+        ref: r,
+        ...c2,
+        children: l
+      }
+    ),
+    i ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "pointer-events-none z-10 -mt-12 h-12 w-full",
+        style: {
+          boxShadow: "inset 0px -33px 32px -16px rgba(0,0,0,0.1)"
+        }
+      }
+    ) : null
+  ] });
+}
+const j = ({
+  onClick: i,
+  address: n,
+  headerContent: d,
+  onClickSettings: t,
+  maxWidth: c2 = "304px",
+  minWidth: m2 = "58px",
+  onLogin: l,
+  ...e
+}) => /* @__PURE__ */ jsxs(p$2, { ...e, maxWidth: c2, minWidth: m2, children: [
+  /* @__PURE__ */ jsxs(w, { children: [
+    /* @__PURE__ */ jsx(p$1, { onClick: i, children: d }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: e.children })
+  ] }),
+  /* @__PURE__ */ jsx(
+    S,
+    {
+      address: n,
+      onClickSettings: t,
+      onLogin: l
+    }
+  )
+] });
+const p = function(i) {
+  const { icon: r, title: c2, description: l, containerClassName: s2, active: n, onClick: t } = i;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: twMerge(
+        "relative flex cursor-pointer flex-col items-center justify-center text-center text-sm text-black",
+        s2,
+        n && "bg-white",
+        t && "cursor-pointer"
+      ),
+      onClick: t,
+      children: /* @__PURE__ */ jsx("div", { className: "mx-auto py-4", children: r || /* @__PURE__ */ jsx("div", { className: "size-8 items-center justify-center rounded-lg bg-black pt-1 ", children: /* @__PURE__ */ jsx("span", { className: "text-6 w-6 text-white", children: c2.slice(0, 1).toUpperCase() }) }) })
+    }
+  );
+};
+const s = function(r) {
+  const { containerClassName: i, onClick: t } = r;
+  return /* @__PURE__ */ jsx(
+    p,
+    {
+      title: "Create New Drive",
+      icon: /* @__PURE__ */ jsx(S$1, { name: "PlusSquare", size: 32 }),
+      onClick: t,
+      containerClassName: i
+    }
+  );
+};
+const ReloadConnectToast = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("notifications.reloadApp") }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => location.reload(),
+        className: "underline decoration-solid underline-offset-2",
+        children: [
+          t("common.reloadConnect"),
+          " 🔄"
+        ]
+      }
+    )
+  ] });
+};
+function useSwitchboard() {
+  return {
+    getDriveIdBySlug: async (driveUrl, slug) => {
+      if (!driveUrl) {
+        return;
+      }
+      const urlParts = driveUrl.split("/");
+      urlParts.pop();
+      urlParts.pop();
+      urlParts.push("drives");
+      const drivesUrl = urlParts.join("/");
+      const result = await fetch(drivesUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          query: `
+                        query getDriveIdBySlug($slug: String!) {
+                            driveIdBySlug(slug: $slug)
+                        }
+                    `,
+          variables: {
+            slug
+          }
+        })
+      });
+      const data = await result.json();
+      return data.data.driveIdBySlug;
+    }
+  };
+}
+const DELAY_LIMIT = 1e5;
+const isListenerIdNotFound = (errorMessage, listenerId) => {
+  if (!listenerId) return false;
+  return errorMessage.toLocaleLowerCase().includes(`transmitter ${listenerId} not found`);
+};
+const useClientErrorHandler = () => {
+  const [handlingInProgress, setHandlingInProgress] = useState([]);
+  const [pullResponderTriggerMap, setPullResponderTriggerMap] = useState(/* @__PURE__ */ new Map());
+  const {
+    addTrigger,
+    removeTrigger,
+    registerNewPullResponderTrigger,
+    renameDrive,
+    addRemoteDrive,
+    documentDrives,
+    setDriveSharingType
+  } = useDocumentDriveServer();
+  const { getDriveIdBySlug } = useSwitchboard();
+  const pullResponderRegisterDelay = useRef(/* @__PURE__ */ new Map());
+  const handleStrands400 = useCallback(
+    async (driveId, trigger, handlerCode) => {
+      setHandlingInProgress((state) => [...state, handlerCode]);
+      const triggerData = trigger.data;
+      try {
+        let pullResponderTrigger = pullResponderTriggerMap.get(handlerCode);
+        if (!pullResponderTrigger) {
+          pullResponderTrigger = await registerNewPullResponderTrigger(
+            driveId,
+            triggerData.url,
+            {
+              pullInterval: Number(triggerData.interval) || 3e3
+            }
+          );
+          pullResponderTriggerMap.set(
+            handlerCode,
+            pullResponderTrigger
+          );
+          setPullResponderTriggerMap(pullResponderTriggerMap);
+        }
+        await removeTrigger(driveId, trigger.id);
+        await addTrigger(driveId, pullResponderTrigger);
+        pullResponderRegisterDelay.current.delete(handlerCode);
+      } catch (error) {
+        const delay = pullResponderRegisterDelay.current.get(handlerCode) || 1;
+        pullResponderRegisterDelay.current.set(
+          handlerCode,
+          delay === DELAY_LIMIT ? delay : delay * 10
+        );
+        logger.error(error);
+      } finally {
+        setHandlingInProgress(
+          (state) => state.filter((code) => code !== handlerCode)
+        );
+      }
+    },
+    [
+      pullResponderTriggerMap,
+      removeTrigger,
+      addTrigger,
+      pullResponderRegisterDelay,
+      registerNewPullResponderTrigger
+    ]
+  );
+  const handleDriveNotFound = useCallback(
+    async (driveId, trigger, handlerCode) => {
+      var _a;
+      setHandlingInProgress((state) => [...state, handlerCode]);
+      try {
+        const drive = documentDrives.find(
+          (drive2) => drive2.state.global.id === driveId
+        );
+        if (!drive) return;
+        await removeTrigger(driveId, trigger.id);
+        await renameDrive(
+          driveId,
+          drive.state.global.name + ` (${drive.state.global.id})`
+        );
+        await setDriveSharingType(driveId, o);
+        if (((_a = trigger.data) == null ? void 0 : _a.url) && drive.state.global.slug) {
+          const newId = await getDriveIdBySlug(
+            trigger.data.url,
+            drive.state.global.slug
+          );
+          if (newId) {
+            const urlParts = trigger.data.url.split("/");
+            urlParts[urlParts.length - 1] = newId;
+            const newUrl = urlParts.join("/");
+            await addRemoteDrive(newUrl, {
+              availableOffline: true,
+              sharingType: "PUBLIC",
+              listeners: [],
+              triggers: []
+            });
+          }
+        }
+      } catch (e) {
+        logger.error(e);
+      } finally {
+        setHandlingInProgress(
+          (state) => state.filter((code) => code !== handlerCode)
+        );
+      }
+    },
+    [
+      documentDrives,
+      removeTrigger,
+      renameDrive,
+      setDriveSharingType,
+      getDriveIdBySlug,
+      addRemoteDrive
+    ]
+  );
+  const strandsErrorHandler = useCallback(
+    async (driveId, trigger, status, errorMessage) => {
+      var _a;
+      switch (status) {
+        case 400: {
+          if (isListenerIdNotFound(
+            errorMessage,
+            (_a = trigger.data) == null ? void 0 : _a.listenerId
+          )) {
+            const autoRegisterPullResponder = localStorage.getItem(
+              "AUTO_REGISTER_PULL_RESPONDER"
+            ) !== "false";
+            if (!autoRegisterPullResponder) return;
+            const handlerCode = `strands:${driveId}:${status}`;
+            if (handlingInProgress.includes(handlerCode))
+              return;
+            if (!trigger.data) return;
+            const delay = pullResponderRegisterDelay.current.get(
+              handlerCode
+            ) || 0;
+            setTimeout(
+              () => handleStrands400(
+                driveId,
+                trigger,
+                handlerCode
+              ),
+              delay
+            );
+          }
+          break;
+        }
+        case 404: {
+          const handlerCode = `strands:${driveId}:${status}`;
+          if (handlingInProgress.includes(handlerCode)) return;
+          setTimeout(
+            () => handleDriveNotFound(
+              driveId,
+              trigger,
+              handlerCode
+            ),
+            0
+          );
+          break;
+        }
+      }
+    },
+    [handleDriveNotFound, handleStrands400, handlingInProgress]
+  );
+  return useMemo(() => ({ strandsErrorHandler }), [strandsErrorHandler]);
+};
+const currentVersion = window.__VITE_ENVS.APP_VERSION;
+const isElectron = window.navigator.userAgent.includes("Electron");
+const isMac = window.navigator.appVersion.includes("Mac");
+const urlBranchMap = {
+  "staging/makerdao": "deployments/staging/makerdao",
+  "staging/arbitrum": "arb-ltip",
+  "staging/powerhouse": "staging",
+  makerdao: "deployments/makerdao",
+  arbitrum: "deployments/arbitrum",
+  arbgrants: "deployments/arbitrum",
+  localhost: "develop"
+};
+const getGithubLinkFromUrl = () => {
+  const githubLink = "https://raw.githubusercontent.com/powerhouse-inc/connect";
+  const url = window.location.href;
+  const env = Object.keys(urlBranchMap).find((env2) => url.includes(env2));
+  const value = env ? urlBranchMap[env] : void 0;
+  if (!value) {
+    return void 0;
+  } else {
+    return `${githubLink}/${value}/package.json`;
+  }
+};
+const fetchLatestVersion = async () => {
+  const link = getGithubLinkFromUrl();
+  if (!link) {
+    return void 0;
+  }
+  const result = await fetch(link);
+  const data = await result.json();
+  const { version } = data;
+  return version;
+};
+const isLatestVersion = async () => {
+  const deployed = await fetchLatestVersion();
+  if (deployed) {
+    return {
+      isLatest: deployed === currentVersion,
+      currentVersion,
+      latestVersion: deployed
+    };
+  }
+  return null;
+};
+const useLoadInitialData = () => {
+  const { t } = useTranslation();
+  const {
+    documentDrives,
+    driveNodes,
+    setDriveNodes,
+    makeUiDriveNodes,
+    onSyncStatus
+  } = useUiNodes();
+  const prevDrivesState = useRef([...driveNodes]);
+  const drivesWithError = useRef([]);
+  const [, , serverSubscribeUpdates] = useDocumentDrives();
+  const { readDrives } = useReadModeContext();
+  const clientErrorHandler = useClientErrorHandler();
+  const reactor = useAsyncReactor();
+  const [connectConfig] = useConnectConfig();
+  async function checkLatestVersion() {
+    const result = await isLatestVersion();
+    if (result === null) return;
+    if (result.isLatest) {
+      return true;
+    }
+    if (window.__VITE_ENVS.MODE === "development" || connectConfig.studioMode) {
+      console.warn(
+        `Connect is outdated: 
+Current: ${result.currentVersion}
+Latest: ${result.latestVersion}`
+      );
+    } else {
+      p$3(/* @__PURE__ */ jsx(ReloadConnectToast, {}), {
+        type: "connect-warning",
+        toastId: "outdated-app",
+        autoClose: false
+      });
+    }
+  }
+  useEffect(() => {
+    checkLatestVersion().catch(console.error);
+  }, []);
+  useEffect(() => {
+    const unsubscribe = serverSubscribeUpdates(clientErrorHandler);
+    return unsubscribe;
+  }, [serverSubscribeUpdates, documentDrives, clientErrorHandler]);
+  const checkDrivesErrors = useCallback(
+    async (driveNodes2, t2) => {
+      driveNodes2.forEach((drive) => {
+        const prevDrive = prevDrivesState.current.find(
+          (prevDrive2) => prevDrive2.id === drive.id
+        );
+        if (!prevDrive) return;
+        if (drive.sharingType !== o && drive.syncStatus === I && drivesWithError.current.includes(drive)) {
+          drivesWithError.current = drivesWithError.current.filter(
+            (d) => d.id !== drive.id
+          );
+          return p$3(t2("notifications.driveSyncSuccess"), {
+            type: "connect-success"
+          });
+        }
+        if ((drive.syncStatus === C || drive.syncStatus === s$1) && drive.syncStatus !== prevDrive.syncStatus) {
+          drivesWithError.current.push(drive);
+        }
+      });
+      prevDrivesState.current = [...driveNodes2];
+      if (drivesWithError.current.length > 0) {
+        const isCurrent = await checkLatestVersion();
+        if (isCurrent) {
+          drivesWithError.current.forEach((drive) => {
+            p$3(
+              t2(
+                `notifications.${drive.syncStatus === C ? "driveSyncConflict" : "driveSyncError"}`,
+                { drive: drive.name }
+              ),
+              {
+                type: "connect-warning",
+                toastId: `${drive.syncStatus === C ? "driveSyncConflict" : "driveSyncError"}-${drive.id}`
+              }
+            );
+          });
+        }
+      }
+    },
+    []
+  );
+  useEffect(() => {
+    checkDrivesErrors(driveNodes, t).catch(console.error);
+  }, [driveNodes, t, checkDrivesErrors]);
+  const updateUiDriveNodes = useCallback(
+    async (documentDrives2) => {
+      const uiDriveNodes = await makeUiDriveNodes(documentDrives2);
+      setDriveNodes(uiDriveNodes);
+    },
+    [makeUiDriveNodes, setDriveNodes]
+  );
+  useEffect(() => {
+    const drives = [
+      ...readDrives,
+      ...documentDrives
+    ];
+    updateUiDriveNodes(drives).catch(console.error);
+  }, [documentDrives, readDrives, updateUiDriveNodes]);
+  useEffect(() => {
+    if (!reactor) {
+      return;
+    }
+    const unsub = onSyncStatus(() => updateUiDriveNodes(documentDrives));
+    return unsub;
+  }, [reactor, documentDrives, onSyncStatus, updateUiDriveNodes]);
+};
+function buildPathname(selectedNodePath) {
+  const driveNode = selectedNodePath[0];
+  if (!driveNode) {
+    return;
+  }
+  if (driveNode.kind !== E) {
+    throw new Error(
+      "Node path is invalid, first node is not a drive node."
+    );
+  }
+  const driveNodeComponent = makeDriveNodeUrlComponent(driveNode);
+  const nodePathComponents = selectedNodePath.slice(1).map((node) => encodeURIComponent(node.slug || node.name));
+  const pathname = [driveNodeComponent, ...nodePathComponents].join("/");
+  return pathname;
+}
+function makeDriveNodeUrlComponent(driveNode) {
+  const component = driveNode.slug || driveNode.name || driveNode.id;
+  return `/d/${encodeURIComponent(component)}`;
+}
+function getSelectedNodeFromPathname(driveNodes, driveIdFromPathname, nodeNamesFromPathname) {
+  if (!driveIdFromPathname) {
+    return null;
+  }
+  const driveId = decodeURIComponent(driveIdFromPathname);
+  const driveNode = driveNodes.find(
+    (node) => (node == null ? void 0 : node.id) === driveId || (node == null ? void 0 : node.slug) === driveId || (node == null ? void 0 : node.name) === driveId
+  );
+  if (!driveNode) return null;
+  if (!nodeNamesFromPathname) return driveNode;
+  const nodeNames = nodeNamesFromPathname.split("/").filter(Boolean).map(decodeURIComponent);
+  let selectedNode = driveNode;
+  for (const nodeName of nodeNames) {
+    if (selectedNode.kind === o$1) break;
+    const nextNode = selectedNode.children.find(
+      (node) => node.slug === nodeName || node.name === nodeName
+    );
+    if (!nextNode) {
+      console.error("Node not found:", nodeName);
+      break;
+    }
+    selectedNode = nextNode;
+  }
+  return selectedNode;
+}
+const useNodeNavigation = () => {
+  const navigate = useNavigate();
+  const location2 = useLocation();
+  const { search, pathname } = location2;
+  const params = useParams();
+  const { driveNodes, selectedNode, selectedNodePath, setSelectedNode } = useUiNodesContext();
+  const driveIdFromPathname = params.driveId;
+  const nodeNamesFromPathname = params["*"];
+  const selectedNodeFromPathname = getSelectedNodeFromPathname(
+    driveNodes,
+    driveIdFromPathname,
+    nodeNamesFromPathname
+  );
+  const selectedNodePathname = buildPathname(selectedNodePath);
+  useEffect(() => {
+    if (!selectedNodePathname || selectedNodePathname === pathname) return;
+    navigate({ pathname: selectedNodePathname, search });
+  }, [search, navigate, selectedNodePathname]);
+  useEffect(() => {
+    if (selectedNode || !selectedNodeFromPathname) return;
+    setSelectedNode(selectedNodeFromPathname);
+  }, [selectedNode, selectedNodeFromPathname, setSelectedNode]);
+  useEffect(() => {
+    const selectedNodeFromPathname2 = getSelectedNodeFromPathname(
+      driveNodes,
+      driveIdFromPathname,
+      nodeNamesFromPathname
+    );
+    if (!selectedNodeFromPathname2) return;
+    setSelectedNode(selectedNodeFromPathname2);
+  }, [
+    driveNodes,
+    driveIdFromPathname,
+    nodeNamesFromPathname,
+    setSelectedNode
+  ]);
+};
+const SvgConnect = (props) => /* @__PURE__ */ React.createElement("svg", { width: 107, height: 20, viewBox: "0 0 107 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M0.666504 10.1087C0.666504 8.30419 1.056 6.69918 1.83499 5.29371C2.61398 3.8709 3.6959 2.76908 5.08077 1.98827C6.48295 1.1901 8.0669 0.791016 9.83261 0.791016C11.9965 0.791016 13.8487 1.36361 15.3894 2.50881C16.9301 3.654 17.9601 5.21563 18.4794 7.1937H13.5977C13.2342 6.43023 12.7149 5.84896 12.0397 5.44988C11.3819 5.05079 10.6289 4.85125 9.78067 4.85125C8.41311 4.85125 7.30522 5.32842 6.45699 6.28275C5.60876 7.23708 5.18464 8.51241 5.18464 10.1087C5.18464 11.7051 5.60876 12.9804 6.45699 13.9347C7.30522 14.8891 8.41311 15.3662 9.78067 15.3662C10.6289 15.3662 11.3819 15.1667 12.0397 14.7676C12.7149 14.3685 13.2342 13.7872 13.5977 13.0238H18.4794C17.9601 15.0018 16.9301 16.5635 15.3894 17.7087C13.8487 18.8365 11.9965 19.4004 9.83261 19.4004C8.0669 19.4004 6.48295 19.01 5.08077 18.2292C3.6959 17.431 2.61398 16.3292 1.83499 14.9238C1.056 13.5183 0.666504 11.9133 0.666504 10.1087Z" }), /* @__PURE__ */ React.createElement("path", { d: "M26.7553 19.4785C25.3358 19.4785 24.0548 19.1749 22.9123 18.5676C21.7871 17.9603 20.8956 17.0927 20.2378 15.9648C19.5973 14.837 19.277 13.5183 19.277 12.0087C19.277 10.5165 19.6059 9.20646 20.2638 8.07862C20.9216 6.93343 21.8217 6.05718 22.9642 5.44988C24.1068 4.84258 25.3878 4.53893 26.8073 4.53893C28.2267 4.53893 29.5078 4.84258 30.6503 5.44988C31.7928 6.05718 32.693 6.93343 33.3508 8.07862C34.0086 9.20646 34.3375 10.5165 34.3375 12.0087C34.3375 13.5009 33.9999 14.8197 33.3248 15.9648C32.667 17.0927 31.7582 17.9603 30.5983 18.5676C29.4558 19.1749 28.1748 19.4785 26.7553 19.4785ZM26.7553 15.6265C27.6036 15.6265 28.322 15.3142 28.9105 14.6895C29.5164 14.0649 29.8193 13.1713 29.8193 12.0087C29.8193 10.8462 29.5251 9.95257 28.9365 9.32792C28.3652 8.70327 27.6555 8.39095 26.8073 8.39095C25.9417 8.39095 25.2233 8.70327 24.6521 9.32792C24.0808 9.93522 23.7952 10.8288 23.7952 12.0087C23.7952 13.1713 24.0721 14.0649 24.6261 14.6895C25.1973 15.3142 25.9071 15.6265 26.7553 15.6265Z" }), /* @__PURE__ */ React.createElement("path", { d: "M44.483 4.59098C46.1795 4.59098 47.5297 5.14623 48.5337 6.25672C49.5551 7.34986 50.0658 8.85944 50.0658 10.7854V19.2703H45.6515V11.3841C45.6515 10.4124 45.4005 9.6576 44.8985 9.11971C44.3964 8.58181 43.7213 8.31286 42.8731 8.31286C42.0249 8.31286 41.3497 8.58181 40.8477 9.11971C40.3457 9.6576 40.0947 10.4124 40.0947 11.3841V19.2703H35.6545V4.74714H40.0947V6.67315C40.5448 6.03115 41.1507 5.52796 41.9123 5.16358C42.674 4.78185 43.5309 4.59098 44.483 4.59098Z" }), /* @__PURE__ */ React.createElement("path", { d: "M60.9412 4.59098C62.6376 4.59098 63.9879 5.14623 64.9919 6.25672C66.0133 7.34986 66.5239 8.85944 66.5239 10.7854V19.2703H62.1096V11.3841C62.1096 10.4124 61.8586 9.6576 61.3566 9.11971C60.8546 8.58181 60.1795 8.31286 59.3313 8.31286C58.483 8.31286 57.8079 8.58181 57.3059 9.11971C56.8039 9.6576 56.5529 10.4124 56.5529 11.3841V19.2703H52.1126V4.74714H56.5529V6.67315C57.0029 6.03115 57.6088 5.52796 58.3705 5.16358C59.1322 4.78185 59.9891 4.59098 60.9412 4.59098Z" }), /* @__PURE__ */ React.createElement("path", { d: "M82.2291 11.7745C82.2291 12.1909 82.2031 12.6247 82.1512 13.0758H72.1022C72.1715 13.9781 72.4571 14.6722 72.9591 15.158C73.4784 15.6265 74.1103 15.8607 74.8546 15.8607C75.9625 15.8607 76.7329 15.3923 77.1656 14.4553H81.8915C81.6491 15.4096 81.2077 16.2685 80.5672 17.032C79.944 17.7954 79.1564 18.3941 78.2043 18.8278C77.2522 19.2616 76.1876 19.4785 75.0104 19.4785C73.5909 19.4785 72.3272 19.1749 71.2194 18.5676C70.1115 17.9603 69.2459 17.0927 68.6227 15.9648C67.9995 14.837 67.6879 13.5183 67.6879 12.0087C67.6879 10.4991 67.9909 9.18044 68.5968 8.05259C69.2199 6.92475 70.0855 6.05718 71.1934 5.44988C72.3013 4.84258 73.5736 4.53893 75.0104 4.53893C76.4126 4.53893 77.659 4.8339 78.7496 5.42385C79.8402 6.0138 80.6884 6.85534 81.2943 7.94848C81.9175 9.04163 82.2291 10.317 82.2291 11.7745ZM77.685 10.6033C77.685 9.83979 77.4253 9.23249 76.906 8.78135C76.3866 8.33022 75.7375 8.10465 74.9585 8.10465C74.2141 8.10465 73.5823 8.32154 73.063 8.75533C72.561 9.18911 72.2494 9.80509 72.1282 10.6033H77.685Z" }), /* @__PURE__ */ React.createElement("path", { d: "M82.65 12.0087C82.65 10.4991 82.9529 9.18044 83.5588 8.05259C84.182 6.92475 85.0389 6.05718 86.1295 5.44988C87.2374 4.84258 88.5011 4.53893 89.9206 4.53893C91.7382 4.53893 93.2529 5.01609 94.4647 5.97042C95.6937 6.92475 96.4987 8.26949 96.8795 10.0046H92.1537C91.7555 8.89414 90.9852 8.33889 89.8427 8.33889C89.0291 8.33889 88.3799 8.65989 87.8952 9.3019C87.4105 9.92655 87.1681 10.8288 87.1681 12.0087C87.1681 13.1886 87.4105 14.0996 87.8952 14.7416C88.3799 15.3662 89.0291 15.6786 89.8427 15.6786C90.9852 15.6786 91.7555 15.1233 92.1537 14.0128H96.8795C96.4987 15.7133 95.6937 17.0493 94.4647 18.021C93.2356 18.9927 91.7209 19.4785 89.9206 19.4785C88.5011 19.4785 87.2374 19.1749 86.1295 18.5676C85.0389 17.9603 84.182 17.0927 83.5588 15.9648C82.9529 14.837 82.65 13.5183 82.65 12.0087Z" }), /* @__PURE__ */ React.createElement("path", { d: "M106.291 15.4964V19.2703H104.032C102.423 19.2703 101.167 18.8799 100.267 18.0991C99.3672 17.3009 98.9171 16.0082 98.9171 14.221V8.443H97.1514V4.74714H98.9171V1.20745H103.357V4.74714H106.266V8.443H103.357V14.2731C103.357 14.7069 103.461 15.0192 103.669 15.2101C103.877 15.4009 104.223 15.4964 104.708 15.4964H106.291Z" }));
+const SvgLogo = (props) => /* @__PURE__ */ React.createElement("svg", { width: 26, height: 26, viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M20.105 7.37978C19.9097 7.18452 19.9097 6.86795 20.105 6.67269L22.5725 4.20504C24.9229 6.75889 26.0649 10.0248 25.9972 13.2723L20.105 7.37978ZM16.1222 10.6556C15.927 10.8509 15.927 11.1674 16.1222 11.3627L24.2614 19.5023C25.125 18.0079 25.667 16.378 25.8875 14.7149L19.3289 8.15595C19.1336 7.96068 18.817 7.96068 18.6218 8.15595L16.1222 10.6556ZM0.00284613 12.729C-0.0649083 15.9752 1.07706 19.2411 3.42753 21.7962L5.89504 19.3285C6.09029 19.1333 6.09029 18.8167 5.89504 18.6214L0.00284613 12.729ZM4.20485 22.5723C6.75858 24.9229 10.0256 26.0649 13.2716 25.9972L7.37946 20.1047C7.1842 19.9094 6.8676 19.9094 6.67234 20.1047L4.20485 22.5723ZM13.0519 18.5174C13.2472 18.3222 13.2472 18.0056 13.0519 17.8103L1.73982 6.49772C0.87626 7.99209 0.334223 9.62072 0.113713 11.2851L9.84523 21.0171C10.0405 21.2124 10.3571 21.2124 10.5524 21.0171L13.0519 18.5174ZM9.60276 7.08454C9.78969 6.88798 9.7858 6.57823 9.594 6.38642L5.55009 2.34233C4.93783 2.77105 4.35391 3.25889 3.80695 3.80588C3.25998 4.35287 2.77216 4.93684 2.34346 5.54912L6.3864 9.59111C6.57859 9.78325 6.88907 9.7867 7.08548 9.59887L8.47817 8.26702L9.60276 7.08454ZM11.2072 21.6733C11.012 21.8685 11.012 22.1851 11.2072 22.3804L14.7142 25.8875C16.3785 25.667 18.0071 25.1249 19.5013 24.2613L14.4139 19.1736C14.2186 18.9783 13.902 18.9783 13.7067 19.1736L11.2072 21.6733ZM23.6565 20.4496L11.0843 7.87683C10.8891 7.68156 10.5725 7.68156 10.3772 7.87683L7.87766 10.3765C7.68241 10.5718 7.68241 10.8883 7.87766 11.0836L20.4499 23.6564C21.0622 23.2277 21.6461 22.7398 22.193 22.1929C22.74 21.6459 23.2278 21.0619 23.6565 20.4496ZM17.8445 7.37855C18.0397 7.18329 18.0397 6.86672 17.8445 6.67146L11.2858 0.112477C9.62151 0.332998 7.99294 0.875053 6.49865 1.73866L14.6378 9.87821C14.8331 10.0735 15.1497 10.0735 15.3449 9.87821L17.8445 7.37855ZM21.7951 3.42769C19.2414 1.07712 15.9744 -0.0649114 12.7284 0.00284625L18.6205 5.89529C18.8158 6.09056 19.1324 6.09056 19.3277 5.89529L21.7951 3.42769Z", fill: "url(#paint0_linear_526_12008)" }), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_526_12008", x1: 13, y1: 0, x2: 13, y2: 26, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "currentColor" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "currentColor" }))));
+function Sidebar() {
+  const { showModal } = useModal();
+  const navigate = useNavigate();
+  const { user, openRenown } = useLogin();
+  const { driveNodes, setSelectedNode, selectedNode, showAddDriveModal } = useUiNodes();
+  const connectDebug = localStorage.getItem("CONNECT_DEBUG") === "true";
+  const onClickSettings = () => {
+    showModal("settingsModal", { onRefresh: () => navigate(0) });
+  };
+  const onRootClick = useCallback(() => {
+    setSelectedNode(null);
+    navigate("/");
+  }, [navigate, setSelectedNode]);
+  const onAddDriveClick = useCallback(() => {
+    showAddDriveModal();
+  }, [showAddDriveModal]);
+  const headerContent = /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center", children: [
+    /* @__PURE__ */ jsx(
+      S$1,
+      {
+        name: "Connect",
+        className: "!h-[30px] !w-[100px] cursor-pointer",
+        onClick: onRootClick
+      }
+    ),
+    connectDebug && /* @__PURE__ */ jsx(
+      "button",
+      {
+        id: "connect-debug-button",
+        className: "ml-6",
+        onClick: () => showModal("debugSettingsModal", {}),
+        children: /* @__PURE__ */ jsx("img", { src: "settings.png", className: "h-5 text-gray-600" })
+      }
+    )
+  ] });
+  const handleDriveClick = useCallback(
+    (driveNode) => {
+      setSelectedNode(driveNode);
+    },
+    [setSelectedNode]
+  );
+  return /* @__PURE__ */ jsx(
+    j,
+    {
+      id: "sidebar",
+      onClick: () => onRootClick(),
+      onClickSettings,
+      headerContent,
+      address: user == null ? void 0 : user.address,
+      onLogin: openRenown,
+      children: /* @__PURE__ */ jsxs(
+        ErrorBoundary,
+        {
+          fallback: /* @__PURE__ */ jsx("div", { className: "text-center", children: "There was an error loading drives" }),
+          onError: logger.error,
+          children: [
+            driveNodes.map((node, index) => /* @__PURE__ */ jsx(
+              p,
+              {
+                title: node.name,
+                onClick: () => handleDriveClick(node),
+                active: (selectedNode == null ? void 0 : selectedNode.id) === node.id,
+                icon: node.icon ? /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: node.icon,
+                    alt: node.name,
+                    width: 32,
+                    height: 32
+                  }
+                ) : void 0
+              },
+              index
+            )),
+            /* @__PURE__ */ jsx(s, { onClick: onAddDriveClick })
+          ]
+        }
+      )
+    }
+  );
+}
+function Root() {
+  useLoadInitialData();
+  useNodeNavigation();
+  const navigate = useNavigate();
+  const { login } = useLogin();
+  useEffect(() => {
+    var _a;
+    (_a = window.electronAPI) == null ? void 0 : _a.ready();
+  }, []);
+  const [searchParams, setSearchParams] = useSearchParams();
+  useEffect(() => {
+    const userStr = searchParams.get("user");
+    if (userStr && login) {
+      const userDid = decodeURIComponent(userStr);
+      searchParams.delete("user");
+      setSearchParams(searchParams);
+      login(userDid).catch(logger.error);
+    }
+  }, [login, searchParams, setSearchParams]);
+  useEffect(() => {
+    var _a;
+    const unsubscribe = (_a = window.electronAPI) == null ? void 0 : _a.handleURL((_e, url) => {
+      navigate(`/${url}`);
+    });
+    return unsubscribe;
+  }, [navigate]);
+  return /* @__PURE__ */ jsxs("div", { className: "h-screen", children: [
+    isElectron && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `h-8 w-full
+                    ${isMac && "justify-center"}
+                    flex items-center bg-gray-50`,
+        children: [
+          /* @__PURE__ */ jsx(SvgLogo, { className: "ml-1 mr-0.5 p-1.5" }),
+          /* @__PURE__ */ jsx(SvgConnect, { className: "h-3 w-fit" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `flex items-stretch overflow-auto
+                        ${isElectron ? "h-app-height" : "h-screen"}
+                    `,
+        role: "presentation",
+        tabIndex: 0,
+        children: /* @__PURE__ */ jsxs(Suspense, { children: [
+          /* @__PURE__ */ jsx(Sidebar, {}),
+          /* @__PURE__ */ jsx("div", { className: "relative flex-1 overflow-auto", children: /* @__PURE__ */ jsx(Outlet, {}) })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  Root as default
+};