@powerhousedao/connect 1.0.0-dev.246 → 1.0.0-dev.248

package/dist/assets/{app-loader-Bnp0H-wa.css → app-loader-DC8DXqh9.css}

@@ -1,7 +1,7 @@
 @import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
 
-/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
-/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
 :root {
   --toastify-color-light: #fff;
   --toastify-color-dark: #121212;
@@ -715,7 +715,6 @@
 @layer theme {
   :root, :host {
     --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --color-red-100: #fdedec;
     --color-red-400: oklch(.704 .191 22.216);
     --color-red-500: oklch(.637 .237 25.331);
@@ -736,6 +735,7 @@
     --color-green-700: oklch(.527 .154 150.069);
     --color-green-800: oklch(.448 .119 151.328);
     --color-green-900: oklch(.393 .095 152.535);
+    --color-blue-50: oklch(.97 .014 254.604);
     --color-blue-100: oklch(.932 .032 255.585);
     --color-blue-400: oklch(.707 .165 254.624);
     --color-blue-500: oklch(.623 .214 259.815);
@@ -798,12 +798,6 @@
     --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-    --default-font-family: var(--font-sans);
-    --default-font-feature-settings: var(--font-sans--font-feature-settings);
-    --default-font-variation-settings: var(--font-sans--font-variation-settings);
-    --default-mono-font-family: var(--font-mono);
-    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
-    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
     --color-charcoal-300: #9da6b9;
     --color-charcoal-700: #485265;
     --color-charcoal-800: #373e4e;
@@ -816,20 +810,51 @@
     --animate-slide-in-from-bottom: slideInFromBottom .2s ease-in-out;
     --animate-slide-in-from-left: slideInFromLeft .2s ease-in-out;
     --animate-slide-in-from-right: slideInFromRight .2s ease-in-out;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --text-3xl: 1.875rem;
     --text-3xl--line-height: calc(2.25 / 1.875);
     --leading-normal: 1.5;
     --leading-relaxed: 1.625;
     --drop-shadow-sm: 0 1px 2px #00000026;
     --blur-sm: 8px;
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
     --spacing-app-height: calc(100vh - 32px);
   }
 }
 @layer base {
+  html, :host {
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-feature-settings: initial;
+    font-variation-settings: initial;
+    -webkit-tap-highlight-color: transparent;
+    font-family: Inter, sans-serif;
+    line-height: 1.5;
+  }
+
+  code, kbd, samp, pre {
+    font-feature-settings: initial;
+    font-variation-settings: initial;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
+    font-size: 1em;
+  }
+
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: color-mix(in oklab, currentColor 50%, transparent);
+    }
+  }
+
   h1, h2, h3, h4, h5, h6, p {
     color: var(--color-gray-900);
   }
 
+  * {
+    scrollbar-color: initial;
+    scrollbar-width: initial;
+  }
+
   *, :after, :before, ::backdrop {
     box-sizing: border-box;
     border: 0 solid;
@@ -854,10 +879,6 @@
     -webkit-tap-highlight-color: transparent;
   }
 
-  body {
-    line-height: inherit;
-  }
-
   hr {
     height: 0;
     color: inherit;
@@ -980,7 +1001,12 @@
 
   ::placeholder {
     opacity: 1;
-    color: color-mix(in oklab, currentColor 50%, transparent);
+  }
+
+  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: color-mix(in oklab, currentColor 50%, transparent);
+    }
   }
 
   textarea {
@@ -1384,6 +1410,32 @@
     margin-left: auto;
   }
 
+  .scrollbar-thin {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial);
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-track {
+    background-color: var(--scrollbar-track);
+    border-radius: var(--scrollbar-track-radius);
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-thumb);
+    border-radius: var(--scrollbar-thumb-radius);
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-corner {
+    background-color: var(--scrollbar-corner);
+    border-radius: var(--scrollbar-corner-radius);
+  }
+
+  .scrollbar-thin::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+    display: block;
+  }
+
   .line-clamp-2 {
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
@@ -1793,6 +1845,10 @@
     min-width: calc(var(--spacing) * 8);
   }
 
+  .min-w-9 {
+    min-width: calc(var(--spacing) * 9);
+  }
+
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
@@ -1809,10 +1865,6 @@
     min-width: 142px;
   }
 
-  .min-w-\[160px\] {
-    min-width: 160px;
-  }
-
   .min-w-\[360px\] {
     min-width: 360px;
   }
@@ -2053,6 +2105,10 @@
     overflow: scroll;
   }
 
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -2159,6 +2215,11 @@
     border-top-width: 1px;
   }
 
+  .border-r {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+
   .border-r-\[0\.5px\] {
     border-right-style: var(--tw-border-style);
     border-right-width: .5px;
@@ -2202,6 +2263,10 @@
     border-color: var(--color-blue-600);
   }
 
+  .border-blue-900 {
+    border-color: var(--color-blue-900);
+  }
+
   .border-gray-100 {
     border-color: var(--color-gray-100);
   }
@@ -2262,6 +2327,10 @@
     background-color: #fff;
   }
 
+  .bg-blue-50 {
+    background-color: var(--color-blue-50);
+  }
+
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
@@ -2398,6 +2467,10 @@
     padding-inline: 5.5px;
   }
 
+  .px-\[12px\] {
+    padding-inline: 12px;
+  }
+
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -2430,6 +2503,10 @@
     padding-block: 7px;
   }
 
+  .py-\[15px\] {
+    padding-block: 15px;
+  }
+
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -2589,6 +2666,11 @@
     line-height: calc(var(--spacing) * 5);
   }
 
+  .leading-\[14px\] {
+    --tw-leading: 14px;
+    line-height: 14px;
+  }
+
   .leading-\[18px\] {
     --tw-leading: 18px;
     line-height: 18px;
@@ -2962,6 +3044,19 @@
     scrollbar-width: none;
   }
 
+  .scrollbar-thumb-gray-300 {
+    --scrollbar-thumb: #d8d9da;
+  }
+
+  .scrollbar-track-transparent {
+    --scrollbar-track: transparent;
+  }
+
+  .not-last\:border-b:not(:last-child) {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+
   .group-focus-within\:\!text-gray-900:is(:where(.group):focus-within *) {
     color: var(--color-gray-900) !important;
   }
@@ -3499,6 +3594,10 @@
       filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
     }
 
+    .hover\:scrollbar-thumb-gray-300:hover {
+      --scrollbar-thumb: #d8d9da;
+    }
+
     .focus-within\:hover\:cursor-default:focus-within:hover {
       cursor: default;
     }
@@ -4066,6 +4165,10 @@
     --tw-ring-color: var(--color-charcoal-300);
   }
 
+  .dark\:scrollbar-thumb-charcoal-700:where(.dark, .dark *) {
+    --scrollbar-thumb: #485265;
+  }
+
   .dark\:group-focus-within\:\!text-gray-50:where(.dark, .dark *):is(:where(.group):focus-within *) {
     color: var(--color-gray-50) !important;
   }
@@ -4235,6 +4338,10 @@
       color: var(--color-slate-50);
     }
 
+    .dark\:hover\:scrollbar-thumb-charcoal-700:where(.dark, .dark *):hover {
+      --scrollbar-thumb: #485265;
+    }
+
     .dark\:focus-within\:hover\:bg-charcoal-900:where(.dark, .dark *):focus-within:hover {
       background-color: var(--color-charcoal-900);
     }
@@ -4340,6 +4447,10 @@
     background-color: #404446;
   }
 
+  .\[\&\]\:\!w-\[120px\] {
+    width: 120px !important;
+  }
+
   .focus\:\[\&_\.input-field\]\:bg-transparent:focus .input-field {
     background-color: #0000;
   }

package/dist/assets/{ccip-rCu2dOKk.js → ccip-KX_YlO62.js}

@@ -1,7 +1,7 @@
-import { aD as BaseError, aE as getUrl, aF as stringify, aG as decodeErrorResult, aH as isAddressEqual, aI as call, aJ as concat, aK as encodeAbiParameters, aL as HttpRequestError, aM as isHex } from "./app-BT03qzg4.js";
-import "./main.Hm4UID1Z.js";
+import { aD as BaseError, aE as getUrl, aF as stringify, aG as decodeErrorResult, aH as isAddressEqual, aI as call, aJ as concat, aK as encodeAbiParameters, aL as HttpRequestError, aM as isHex } from "./app-BgY4XbK3.js";
+import "./main.BvYgkrO6.js";
 import "react/jsx-runtime";
-import "./app-loader-Cp_C_kSQ.js";
+import "./app-loader-Be1urgPw.js";
 import "react";
 import "@powerhousedao/reactor-browser";
 import "react-dom";

package/dist/assets/{content-B1RXkSXz.js → content-CrBPsYmC.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { t as twMerge, B as Button, m as mergeClassNameProps, E as ERROR, M as MISSING, C as CONFLICT, S as SUCCESS, h as SYNCING, I as INITIAL_SYNC, i as ConnectDropdownMenu, u as useOnClickOutside, j as useEventListener, k as useCopyToClipboard, l as Select, n as ENSAvatar, P as Provider, o as Root3, T as Trigger, p as Portal, q as Content2, v as validateInitialState, w as validateStateSchemaName, x as validateModules, y as useUnwrappedReactor, z as useConnectDid, A as useConnectCrypto, D as useTranslation, F as useModal, G as useAtomValue, H as themeAtom, J as useUser, K as useUserPermissions, L as useUiNodes, N as exportFile, O as useGetDocumentModelModule, Q as addActionContext, U as signOperation, V as useDocumentDriveServer, W as useHotkeys, X as useGetEditor, Y as isSameDocument, Z as useNavigate, _ as ErrorBoundary, $ as DriveLayout, a0 as SearchBar, a1 as useAsyncReactor, a2 as useFilteredDocumentModels, a3 as useDriveEditor, a4 as useDocumentDriveById } from "./app-BT03qzg4.js";
+import { t as twMerge, B as Button, m as mergeClassNameProps, E as ERROR, M as MISSING, C as CONFLICT, S as SUCCESS, h as SYNCING, I as INITIAL_SYNC, i as ConnectDropdownMenu, u as useOnClickOutside, j as useEventListener, k as useCopyToClipboard, l as Select, n as ENSAvatar, P as Provider, o as Root3, T as Trigger, p as Portal, q as Content2, v as validateInitialState, w as validateStateSchemaName, x as validateModules, y as useUnwrappedReactor, z as useConnectDid, A as useConnectCrypto, D as useTranslation, F as useModal, G as useAtomValue, H as themeAtom, J as useUser, K as useUserPermissions, L as useUiNodes, N as exportFile, O as useGetDocumentModelModule, Q as addActionContext, U as signOperation, V as useDocumentDriveServer, W as useHotkeys, X as useGetEditor, Y as isSameDocument, Z as useNavigate, _ as ErrorBoundary, $ as DriveLayout, a0 as SearchBar, a1 as useAsyncReactor, a2 as useFilteredDocumentModels, a3 as useDriveEditor, a4 as useDocumentDriveById } from "./app-BgY4XbK3.js";
 import * as React from "react";
 import React__default, { useState, useCallback, useMemo, useEffect, Fragment, useRef, useLayoutEffect, memo as memo$1, createElement, useSyncExternalStore, Suspense } from "react";
-import { _ as Icon, aX as getDimensions, aY as READ, aZ as nodeOptionsMap, a_ as defaultFileOptions, a$ as DELETE, b0 as RENAME, b1 as WRITE, b2 as DUPLICATE, b3 as defaultFolderOptions, b4 as garbageCollect, b5 as sortOperations, b6 as UI_NODE, aO as DRIVE, ay as FILE, b7 as undo, b8 as redo, ac as logger, b9 as useDocumentDispatch, aP as FOLDER, ak as driveDocumentModelModule } from "./app-loader-Cp_C_kSQ.js";
+import { _ as Icon, aX as getDimensions, aY as READ, aZ as nodeOptionsMap, a_ as defaultFileOptions, a$ as DELETE, b0 as RENAME, b1 as WRITE, b2 as DUPLICATE, b3 as defaultFolderOptions, b4 as garbageCollect, b5 as sortOperations, b6 as UI_NODE, aO as DRIVE, ay as FILE, b7 as undo, b8 as redo, ac as logger, b9 as useDocumentDispatch, aP as FOLDER, ak as driveDocumentModelModule } from "./app-loader-Be1urgPw.js";
 import { useDocument, useDocumentEditorProps } from "@powerhousedao/reactor-browser";
 import { useUiNodesContext, FILE as FILE$1 } from "@powerhousedao/reactor-browser/hooks/useUiNodesContext";
 import { useDriveActionsWithUiNodes } from "@powerhousedao/reactor-browser/hooks/useDriveActionsWithUiNodes";
@@ -10,7 +10,7 @@ import { useDriveContext, DriveContextProvider } from "@powerhousedao/reactor-br
 import "@powerhousedao/reactor-browser/uiNodes/constants";
 import { makeDriveDocumentStateHook } from "@powerhousedao/reactor-browser/hooks/document-state";
 import { flushSync } from "react-dom";
-import "./main.Hm4UID1Z.js";
+import "./main.BvYgkrO6.js";
 const PaginationButton = ({ active = false, ...props }) => {
   const className = twMerge("h-8 min-w-8 border border-solid border-gray-300 bg-white px-3 py-1 text-xs text-gray-900 hover:bg-gray-100", !active && "border-0");
   return jsx(Button, { color: "light", size: "small", ...mergeClassNameProps(props, className), children: props.children });
@@ -238,7 +238,7 @@ function FolderItem(props) {
   const { uiNode, isAllowedToCreateDocuments, className, onRenameNode, onDuplicateNode, onDeleteNode, onSelectNode, onAddFile, onCopyNode, onMoveNode } = props;
   const [mode, setMode] = useState(READ);
   const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
-  const { dragProps } = useDrag(props);
+  const { dragProps } = useDrag({ ...props, uiNode });
   const { isDropTarget, dropProps } = useDrop({
     uiNode,
     onAddFile,
@@ -251,6 +251,7 @@ function FolderItem(props) {
   }
   function onSubmit(name) {
     onRenameNode(name, uiNode);
+    setMode(READ);
   }
   function onClick() {
     onSelectNode(uiNode);
@@ -2577,6 +2578,12 @@ function calculateRange({
 }) {
   const lastIndex = measurements.length - 1;
   const getOffset = (index) => measurements[index].start;
+  if (measurements.length <= lanes) {
+    return {
+      startIndex: 0,
+      endIndex: lastIndex
+    };
+  }
   let startIndex = findNearestBinarySearch(
     0,
     lastIndex,
@@ -3710,13 +3717,36 @@ function FolderView(props) {
   const { t } = useTranslation();
   const folderNodes = node.children.filter((node2) => node2.kind === FOLDER).sort(sortUiNodesByName);
   const fileNodes = node.children.filter((node2) => node2.kind === FILE).sort(sortUiNodesByName);
+  const folderCallbacks = {
+    onSelectNode: (node2) => nodeProps.onSelectNode(node2),
+    onRenameNode: (name, node2) => nodeProps.onRenameNode(name, node2),
+    onDuplicateNode: (node2) => nodeProps.onDuplicateNode(node2),
+    onDeleteNode: (node2) => nodeProps.onDeleteNode(node2)
+  };
+  const fileCallbacks = {
+    onSelectNode: (node2) => nodeProps.onSelectNode(node2),
+    onRenameNode: (name, node2) => nodeProps.onRenameNode(name, node2),
+    onDuplicateNode: (node2) => nodeProps.onDuplicateNode(node2),
+    onDeleteNode: (node2) => nodeProps.onDeleteNode(node2)
+  };
+  const baseNodeCallbacks = {
+    onAddFile: async (file, parentNode) => {
+      await nodeProps.onAddFile(file, parentNode);
+    },
+    onCopyNode: async (uiNode, targetNode) => {
+      await nodeProps.onCopyNode(uiNode, targetNode);
+    },
+    onMoveNode: async (uiNode, targetNode) => {
+      await nodeProps.onMoveNode(uiNode, targetNode);
+    }
+  };
   return jsxs("div", { className: twMerge("rounded-md border-2 border-transparent p-2", isDropTarget && "border-dashed border-blue-100", className), ...containerProps, children: [jsx(DriveLayout.ContentSection, { title: t("folderView.sections.folders.title", {
     defaultValue: "Folders"
-  }), className: "mb-4", children: folderNodes.length > 0 ? folderNodes.map((folderNode) => jsx(FolderItem, { uiNode: folderNode, onAddFile: nodeProps.onAddFile, onCopyNode: nodeProps.onCopyNode, onMoveNode: nodeProps.onMoveNode, onSelectNode: nodeProps.onSelectNode, onRenameNode: nodeProps.onRenameNode, onDuplicateNode: nodeProps.onDuplicateNode, onDeleteNode: nodeProps.onDeleteNode, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }, folderNode.id)) : jsx("div", { className: "mb-8 text-sm text-gray-400", children: t("folderView.sections.folders.empty", {
+  }), className: "mb-4", children: folderNodes.length > 0 ? folderNodes.map((folderNode) => jsx(FolderItem, { uiNode: folderNode, ...baseNodeCallbacks, ...folderCallbacks, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }, folderNode.id)) : jsx("div", { className: "mb-8 text-sm text-gray-400", children: t("folderView.sections.folders.empty", {
     defaultValue: "No documents or files 📄"
   }) }) }), jsx(DriveLayout.ContentSection, { title: t("folderView.sections.documents.title", {
     defaultValue: "Documents and files"
-  }), children: jsx("div", { className: twMerge("w-full", fileNodes.length > 0 ? "min-h-[400px]" : "min-h-14"), children: jsx(FileContentView, { fileNodes, onSelectNode: nodeProps.onSelectNode, onRenameNode: nodeProps.onRenameNode, onDuplicateNode: nodeProps.onDuplicateNode, onDeleteNode: nodeProps.onDeleteNode, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }) }) })] });
+  }), children: jsx("div", { className: twMerge("w-full", fileNodes.length > 0 ? "min-h-[400px]" : "min-h-14"), children: jsx(FileContentView, { fileNodes, ...fileCallbacks, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }) }) })] });
 }
 function Editor(props) {
   const { document: document2, dispatch, className, children } = props;

package/dist/assets/{index-CJbQZ7hP.js → index-Ca8tBMzh.js}

@@ -1,8 +1,8 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/app-loader-Cp_C_kSQ.js","assets/main.Hm4UID1Z.js","assets/app-loader-Bnp0H-wa.css"])))=>i.map(i=>d[i]);
-import { _ as __vitePreload } from "./main.Hm4UID1Z.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/app-loader-Be1urgPw.js","assets/main.BvYgkrO6.js","assets/app-loader-DC8DXqh9.css"])))=>i.map(i=>d[i]);
+import { _ as __vitePreload } from "./main.BvYgkrO6.js";
 import { createRoot } from "react-dom/client";
 async function renderApp(element) {
-  const AppLoader = await __vitePreload(() => import("./app-loader-Cp_C_kSQ.js").then((n) => n.c9), true ? __vite__mapDeps([0,1,2]) : void 0);
+  const AppLoader = await __vitePreload(() => import("./app-loader-Be1urgPw.js").then((n) => n.c9), true ? __vite__mapDeps([0,1,2]) : void 0);
   createRoot(element).render(AppLoader.default);
 }
 const AppElement = document.getElementById("app");