@powerhousedao/connect 1.0.1-dev.0 → 1.0.1-dev.1

package/dist/assets/{app-CDyci3gH.js → app-Cb8xcxJJ.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ccip-D3crAAb6.js","assets/main.-_7fbZHa.js","assets/app-loader-CrrV0_f9.js","assets/app-loader-DC8DXqh9.css","assets/index-gSAUFVts.js","assets/style-Ce3V83BE.css","assets/index-CvT8Fjzs.js","assets/content-BCSN7ap3.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/ccip-BbAUwp0P.js","assets/main.BNGQlqIn.js","assets/app-loader-CfbWOr8s.js","assets/app-loader-DC8DXqh9.css","assets/index-Cl1ixFSY.js","assets/style-Ce3V83BE.css","assets/index-D5GGGw27.js","assets/content-DspmvCI5.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __typeError = (msg) => {
   throw TypeError(msg);
@@ -19,9 +19,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
 });
 var _focused, _cleanup, _setup, _a, _online, _cleanup2, _setup2, _b, _gcTimeout, _c, _initialState, _revertState, _cache, _client, _retryer, _defaultOptions, _abortSignalConsumed, _Query_instances, dispatch_fn, _d, _queries, _e2, _observers, _mutationCache, _retryer2, _Mutation_instances, dispatch_fn2, _f, _mutations, _scopes, _mutationId, _g, _queryCache, _mutationCache2, _defaultOptions2, _queryDefaults, _mutationDefaults, _mountCount, _unsubscribeFocus, _unsubscribeOnline, _h, _client2, _currentQuery, _currentQueryInitialState, _currentResult, _currentResultState, _currentResultOptions, _currentThenable, _selectError, _selectFn, _selectResult, _lastQueryWithDefinedData, _staleTimeoutId, _refetchIntervalId, _currentRefetchInterval, _trackedProps, _QueryObserver_instances, executeFetch_fn, updateStaleTimeout_fn, computeRefetchInterval_fn, updateRefetchInterval_fn, updateTimers_fn, clearStaleTimeout_fn, clearRefetchInterval_fn, updateQuery_fn, notify_fn, _i;
-import { _ as __vitePreload } from "./main.-_7fbZHa.js";
+import { _ as __vitePreload } from "./main.BNGQlqIn.js";
 import { jsx as jsx$1, Fragment, jsxs } from "react/jsx-runtime";
-import { c as createAction, a as createReducer, i as isDocumentAction, R as ReorderStateExamplesInputSchema, D as DeleteStateExampleInputSchema, U as UpdateStateExampleInputSchema, A as AddStateExampleInputSchema, S as SetInitialStateInputSchema, b as SetStateSchemaInputSchema, d as ReorderModuleOperationsInputSchema, e as DeleteOperationInputSchema, M as MoveOperationInputSchema, f as SetOperationReducerInputSchema, g as SetOperationTemplateInputSchema, h as SetOperationDescriptionInputSchema, j as SetOperationSchemaInputSchema, k as SetOperationScopeInputSchema, l as SetOperationNameInputSchema, m as AddOperationInputSchema, n as ReorderOperationExamplesInputSchema, o as DeleteOperationExampleInputSchema, p as UpdateOperationExampleInputSchema, q as AddOperationExampleInputSchema, r as ReorderOperationErrorsInputSchema, s as DeleteOperationErrorInputSchema, t as SetOperationErrorTemplateInputSchema, u as SetOperationErrorDescriptionInputSchema, v as SetOperationErrorNameInputSchema, w as SetOperationErrorCodeInputSchema, x as AddOperationErrorInputSchema, y as ReorderModulesInputSchema, z as DeleteModuleInputSchema, B as SetModuleDescriptionInputSchema, C as SetModuleNameInputSchema, E as AddModuleInputSchema, F as ReorderChangeLogItemsInputSchema, G as DeleteChangeLogItemInputSchema, H as UpdateChangeLogItemInputSchema, I as AddChangeLogItemInputSchema, J as SetAuthorWebsiteInputSchema, K as SetAuthorNameInputSchema, L as SetModelDescriptionInputSchema, N as SetModelExtensionInputSchema, O as SetModelIdInputSchema, P as SetModelNameInputSchema, Q as baseCreateExtendedState, T as baseCreateDocument, V as baseSaveToFile, W as baseSaveToFileHandle, X as baseLoadFromFile, Y as baseLoadFromInput, Z as pascalCase, _ as Icon, $ as getDefaultExportFromCjs, a0 as LOCAL, a1 as commonjsGlobal, a2 as PUBLIC, a3 as SWITCHBOARD, a4 as locationInfoByLocation, a5 as sharingTypeOptions, a6 as objectType, a7 as recordType, a8 as stringType, a9 as capitalCase, aa as CLOUD, ab as createZip, ac as logger$1, ad as LZString, ae as buildSignedOperation, af as getI18n, ag as getDefaults, ah as connectConfig, ai as hashDocumentStateForScope, aj as setErrorHandler, ak as driveDocumentModelModule, al as createBrowserDocumentDriveServer, am as hashKey$1, an as childLogger, ao as reducer$8, ap as isDocumentDrive, aq as generateAddNodeAction, ar as isFileNode, as as uploadDocumentOperations, at as updateFile, au as addFolder, av as isFolderNode, aw as deleteNode, ax as updateNode, ay as FILE, az as moveNode, aA as generateNodesCopy, aB as copyNode, aC as createState$1, aD as setDriveName, aE as setAvailableOffline, aF as setSharingType, aG as SynchronizationUnitNotFoundError, aH as removeTrigger, aI as generateUUID, aJ as PullResponderTransmitter, aK as addTrigger, aL as ReadDriveNotFoundError, aM as openUrl, aN as getNodeOptions, aO as DRIVE, aP as FOLDER, aQ as requestPublicDrive, aR as serviceWorkerManager, aS as packageJson, aT as t$1, aU as gql, aV as request } from "./app-loader-CrrV0_f9.js";
+import { c as createAction, a as createReducer, i as isDocumentAction, R as ReorderStateExamplesInputSchema, D as DeleteStateExampleInputSchema, U as UpdateStateExampleInputSchema, A as AddStateExampleInputSchema, S as SetInitialStateInputSchema, b as SetStateSchemaInputSchema, d as ReorderModuleOperationsInputSchema, e as DeleteOperationInputSchema, M as MoveOperationInputSchema, f as SetOperationReducerInputSchema, g as SetOperationTemplateInputSchema, h as SetOperationDescriptionInputSchema, j as SetOperationSchemaInputSchema, k as SetOperationScopeInputSchema, l as SetOperationNameInputSchema, m as AddOperationInputSchema, n as ReorderOperationExamplesInputSchema, o as DeleteOperationExampleInputSchema, p as UpdateOperationExampleInputSchema, q as AddOperationExampleInputSchema, r as ReorderOperationErrorsInputSchema, s as DeleteOperationErrorInputSchema, t as SetOperationErrorTemplateInputSchema, u as SetOperationErrorDescriptionInputSchema, v as SetOperationErrorNameInputSchema, w as SetOperationErrorCodeInputSchema, x as AddOperationErrorInputSchema, y as ReorderModulesInputSchema, z as DeleteModuleInputSchema, B as SetModuleDescriptionInputSchema, C as SetModuleNameInputSchema, E as AddModuleInputSchema, F as ReorderChangeLogItemsInputSchema, G as DeleteChangeLogItemInputSchema, H as UpdateChangeLogItemInputSchema, I as AddChangeLogItemInputSchema, J as SetAuthorWebsiteInputSchema, K as SetAuthorNameInputSchema, L as SetModelDescriptionInputSchema, N as SetModelExtensionInputSchema, O as SetModelIdInputSchema, P as SetModelNameInputSchema, Q as baseCreateExtendedState, T as baseCreateDocument, V as baseSaveToFile, W as baseSaveToFileHandle, X as baseLoadFromFile, Y as baseLoadFromInput, Z as pascalCase, _ as Icon, $ as getDefaultExportFromCjs, a0 as LOCAL, a1 as commonjsGlobal, a2 as PUBLIC, a3 as SWITCHBOARD, a4 as locationInfoByLocation, a5 as sharingTypeOptions, a6 as objectType, a7 as recordType, a8 as stringType, a9 as capitalCase, aa as CLOUD, ab as createZip, ac as logger$1, ad as LZString, ae as buildSignedOperation, af as getI18n, ag as getDefaults, ah as connectConfig, ai as hashDocumentStateForScope, aj as setErrorHandler, ak as driveDocumentModelModule, al as createBrowserDocumentDriveServer, am as hashKey$1, an as childLogger, ao as reducer$8, ap as isDocumentDrive, aq as generateAddNodeAction, ar as isFileNode, as as uploadDocumentOperations, at as updateFile, au as addFolder, av as isFolderNode, aw as deleteNode, ax as updateNode, ay as FILE, az as moveNode, aA as generateNodesCopy, aB as copyNode, aC as createState$1, aD as setDriveName, aE as setAvailableOffline, aF as setSharingType, aG as SynchronizationUnitNotFoundError, aH as removeTrigger, aI as generateUUID, aJ as PullResponderTransmitter, aK as addTrigger, aL as ReadDriveNotFoundError, aM as openUrl, aN as getNodeOptions, aO as DRIVE, aP as FOLDER, aQ as requestPublicDrive, aR as serviceWorkerManager, aS as packageJson, aT as t$1, aU as gql, aV as request } from "./app-loader-CfbWOr8s.js";
 import * as React from "react";
 import React__default, { useLayoutEffect, useEffect, useState, forwardRef, useRef, useCallback, useContext, useMemo, createContext, Component, Fragment as Fragment$1, createElement, useSyncExternalStore, useId as useId$1, isValidElement, cloneElement, Children, useReducer, useDebugValue, Suspense } from "react";
 import "@powerhousedao/reactor-browser";
@@ -3718,7 +3718,7 @@ const computePosition = (reference, floating, options2) => {
   });
 };
 var index$3 = typeof document !== "undefined" ? useLayoutEffect : useEffect;
-function deepEqual$2(a2, b2) {
+function deepEqual$3(a2, b2) {
   if (a2 === b2) {
     return true;
   }
@@ -3736,7 +3736,7 @@ function deepEqual$2(a2, b2) {
       length2 = a2.length;
       if (length2 !== b2.length) return false;
       for (i2 = length2; i2-- !== 0; ) {
-        if (!deepEqual$2(a2[i2], b2[i2])) {
+        if (!deepEqual$3(a2[i2], b2[i2])) {
           return false;
         }
       }
@@ -3757,7 +3757,7 @@ function deepEqual$2(a2, b2) {
       if (key === "_owner" && a2.$$typeof) {
         continue;
       }
-      if (!deepEqual$2(a2[key], b2[key])) {
+      if (!deepEqual$3(a2[key], b2[key])) {
         return false;
       }
     }
@@ -3809,7 +3809,7 @@ function useFloating(options2) {
     isPositioned: false
   });
   const [latestMiddleware, setLatestMiddleware] = React.useState(middleware2);
-  if (!deepEqual$2(latestMiddleware, middleware2)) {
+  if (!deepEqual$3(latestMiddleware, middleware2)) {
     setLatestMiddleware(middleware2);
   }
   const [_reference, _setReference] = React.useState(null);
@@ -3856,7 +3856,7 @@ function useFloating(options2) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: openRef.current !== false
       };
-      if (isMountedRef.current && !deepEqual$2(dataRef.current, fullData)) {
+      if (isMountedRef.current && !deepEqual$3(dataRef.current, fullData)) {
         dataRef.current = fullData;
         ReactDOM.flushSync(() => {
           setData(fullData);
@@ -5299,7 +5299,7 @@ var Popover$1 = (props) => {
 };
 Popover$1.displayName = POPOVER_NAME;
 var ANCHOR_NAME$1 = "PopoverAnchor";
-var PopoverAnchor = React.forwardRef(
+var PopoverAnchor$1 = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...anchorProps } = props;
     const context = usePopoverContext(ANCHOR_NAME$1, __scopePopover);
@@ -5312,7 +5312,7 @@ var PopoverAnchor = React.forwardRef(
     return /* @__PURE__ */ jsx$1(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
   }
 );
-PopoverAnchor.displayName = ANCHOR_NAME$1;
+PopoverAnchor$1.displayName = ANCHOR_NAME$1;
 var TRIGGER_NAME$4 = "PopoverTrigger";
 var PopoverTrigger$1 = React.forwardRef(
   (props, forwardedRef) => {
@@ -5533,6 +5533,7 @@ function getState$1(open) {
   return open ? "open" : "closed";
 }
 var Root2$2 = Popover$1;
+var Anchor2$1 = PopoverAnchor$1;
 var Trigger$3 = PopoverTrigger$1;
 var Portal$3 = PopoverPortal;
 var Content2$3 = PopoverContent$1;
@@ -8251,6 +8252,7 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 const Popover = Root2$2;
+const PopoverAnchor = Anchor2$1;
 const PopoverTrigger = Trigger$3;
 const PopoverContent = React__default.forwardRef(({ align = "center", sideOffset = 4, className, ...props }, ref) => jsx$1(Portal$3, { children: jsx$1(Content2$3, { align, sideOffset, className: cn([
   "data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
@@ -20572,7 +20574,7 @@ async function call(client2, args) {
   } catch (err) {
     const data2 = getRevertErrorData(err);
     const { offchainLookup, offchainLookupSignature } = await __vitePreload(async () => {
-      const { offchainLookup: offchainLookup2, offchainLookupSignature: offchainLookupSignature2 } = await import("./ccip-D3crAAb6.js");
+      const { offchainLookup: offchainLookup2, offchainLookupSignature: offchainLookupSignature2 } = await import("./ccip-BbAUwp0P.js");
       return { offchainLookup: offchainLookup2, offchainLookupSignature: offchainLookupSignature2 };
     }, true ? __vite__mapDeps([0,1,2,3]) : void 0);
     if (client2.ccipRead !== false && (data2 == null ? void 0 : data2.slice(0, 10)) === offchainLookupSignature && to)
@@ -32175,7 +32177,7 @@ var createSubject = () => {
   };
 };
 var isPrimitive$1 = (value) => isNullOrUndefined(value) || !isObjectType(value);
-function deepEqual$1(object1, object2) {
+function deepEqual$2(object1, object2) {
   if (isPrimitive$1(object1) || isPrimitive$1(object2)) {
     return object1 === object2;
   }
@@ -32194,7 +32196,7 @@ function deepEqual$1(object1, object2) {
     }
     if (key !== "ref") {
       const val2 = object2[key];
-      if (isDateObject(val1) && isDateObject(val2) || isObject(val1) && isObject(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual$1(val1, val2) : val1 !== val2) {
+      if (isDateObject(val1) && isDateObject(val2) || isObject(val1) && isObject(val2) || Array.isArray(val1) && Array.isArray(val2) ? !deepEqual$2(val1, val2) : val1 !== val2) {
         return false;
       }
     }
@@ -32237,7 +32239,7 @@ function getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues
           getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
         }
       } else {
-        dirtyFieldsFromValues[key] = !deepEqual$1(data[key], formValues[key]);
+        dirtyFieldsFromValues[key] = !deepEqual$2(data[key], formValues[key]);
       }
     }
   }
@@ -32470,7 +32472,7 @@ function createFormControl(props = {}) {
           _formState.isDirty = output.isDirty = _getDirty();
           shouldUpdateField = isPreviousDirty !== output.isDirty;
         }
-        const isCurrentFieldPristine = disabledField || deepEqual$1(get(_defaultValues, name), fieldValue);
+        const isCurrentFieldPristine = disabledField || deepEqual$2(get(_defaultValues, name), fieldValue);
         isPreviousDirty = !!(!disabledField && get(_formState.dirtyFields, name));
         isCurrentFieldPristine || disabledField ? unset(_formState.dirtyFields, name) : set(_formState.dirtyFields, name, true);
         output.dirtyFields = _formState.dirtyFields;
@@ -32499,7 +32501,7 @@ function createFormControl(props = {}) {
       delayErrorCallback = null;
       error ? set(_formState.errors, name, error) : unset(_formState.errors, name);
     }
-    if ((error ? !deepEqual$1(previousFieldError, error) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
+    if ((error ? !deepEqual$2(previousFieldError, error) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
       const updatedFormState = {
         ...fieldState,
         ...shouldUpdateValid && isBoolean(isValid) ? { isValid } : {},
@@ -32568,7 +32570,7 @@ function createFormControl(props = {}) {
     }
     _names.unMount = /* @__PURE__ */ new Set();
   };
-  const _getDirty = (name, data) => !_options.disabled && (name && data && set(_formValues, name, data), !deepEqual$1(getValues(), _defaultValues));
+  const _getDirty = (name, data) => !_options.disabled && (name && data && set(_formValues, name, data), !deepEqual$2(getValues(), _defaultValues));
   const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
     ..._state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString$1(names) ? { [names]: defaultValue } : defaultValue
   }, isGlobal, defaultValue);
@@ -32647,7 +32649,7 @@ function createFormControl(props = {}) {
     const field = get(_fields, name);
     const getCurrentFieldValue = () => target.type ? getFieldValue(field._f) : getEventValue(event);
     const _updateIsFieldValueUpdated = (fieldValue) => {
-      isFieldValueUpdated = Number.isNaN(fieldValue) || isDateObject(fieldValue) && isNaN(fieldValue.getTime()) || deepEqual$1(fieldValue, get(_formValues, name, fieldValue));
+      isFieldValueUpdated = Number.isNaN(fieldValue) || isDateObject(fieldValue) && isNaN(fieldValue.getTime()) || deepEqual$2(fieldValue, get(_formValues, name, fieldValue));
     };
     if (field) {
       let error;
@@ -33023,7 +33025,7 @@ function createFormControl(props = {}) {
     _state.watch = !!_options.shouldUnregister;
     _subjects.state.next({
       submitCount: keepStateOptions.keepSubmitCount ? _formState.submitCount : 0,
-      isDirty: isEmptyResetValues ? false : keepStateOptions.keepDirty ? _formState.isDirty : !!(keepStateOptions.keepDefaultValues && !deepEqual$1(formValues, _defaultValues)),
+      isDirty: isEmptyResetValues ? false : keepStateOptions.keepDirty ? _formState.isDirty : !!(keepStateOptions.keepDefaultValues && !deepEqual$2(formValues, _defaultValues)),
       isSubmitted: keepStateOptions.keepIsSubmitted ? _formState.isSubmitted : false,
       dirtyFields: isEmptyResetValues ? {} : keepStateOptions.keepDirtyValues ? keepStateOptions.keepDefaultValues && _formValues ? getDirtyFields(_defaultValues, _formValues) : _formState.dirtyFields : keepStateOptions.keepDefaultValues && formValues ? getDirtyFields(_defaultValues, formValues) : keepStateOptions.keepDirty ? _formState.dirtyFields : {},
       touchedFields: keepStateOptions.keepTouched ? _formState.touchedFields : {},
@@ -33177,7 +33179,7 @@ function useForm(props = {}) {
     }
   }, [control, formState.isDirty]);
   React__default.useEffect(() => {
-    if (props.values && !deepEqual$1(props.values, _values.current)) {
+    if (props.values && !deepEqual$2(props.values, _values.current)) {
       control._reset(props.values, control._options.resetOptions);
       _values.current = props.values;
       updateFormState((state) => ({ ...state }));
@@ -33396,6 +33398,44 @@ function useCopyToClipboard() {
   }, []);
   return [copiedText, copy2];
 }
+var IS_SERVER2 = typeof window === "undefined";
+function useMediaQuery(query, {
+  defaultValue = false,
+  initializeWithValue = true
+} = {}) {
+  const getMatches = (query2) => {
+    if (IS_SERVER2) {
+      return defaultValue;
+    }
+    return window.matchMedia(query2).matches;
+  };
+  const [matches, setMatches] = useState(() => {
+    if (initializeWithValue) {
+      return getMatches(query);
+    }
+    return defaultValue;
+  });
+  function handleChange() {
+    setMatches(getMatches(query));
+  }
+  useIsomorphicLayoutEffect$1(() => {
+    const matchMedia = window.matchMedia(query);
+    handleChange();
+    if (matchMedia.addListener) {
+      matchMedia.addListener(handleChange);
+    } else {
+      matchMedia.addEventListener("change", handleChange);
+    }
+    return () => {
+      if (matchMedia.removeListener) {
+        matchMedia.removeListener(handleChange);
+      } else {
+        matchMedia.removeEventListener("change", handleChange);
+      }
+    };
+  }, [query]);
+  return matches;
+}
 function useUnmount(func) {
   const funcRef = useRef(func);
   funcRef.current = func;
@@ -33783,6 +33823,27 @@ function About$1(props) {
   const { packageJson: packageJson2, phCliVersion } = props;
   return jsxs("div", { className: "bg-white p-3", children: [jsx$1("h2", { className: "font-semibold", children: "About" }), jsx$1("p", { className: "text-sm font-normal text-gray-600", children: "Connect is the hub for your most important documents and processes translated into software. Easily capture data in a structured way with Connect." }), jsx$1("div", { className: "my-4", children: jsx$1(DependencyVersions, { packageJson: packageJson2, phCliVersion }) })] });
 }
+const IdAutocompleteContext = createContext({});
+const useIdAutocompleteContext = () => useContext(IdAutocompleteContext);
+const IconRenderer = ({ customIcon, asPlaceholder }) => {
+  if (typeof customIcon === "string") {
+    return jsx$1(Icon, { name: customIcon, size: 24, className: cn("shrink-0", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-900 dark:text-gray-300") });
+  }
+  if (React__default.isValidElement(customIcon)) {
+    return jsx$1("div", { className: "size-6 shrink-0 overflow-hidden", children: customIcon });
+  }
+  return null;
+};
+const ReloadButton = ({ isLoadingSelectedOption, handleFetchSelectedOption, isFetchSelectedOptionSync, value }) => jsx$1("div", { children: jsx$1("button", { type: "button", disabled: isLoadingSelectedOption || isFetchSelectedOptionSync, onClick: () => {
+  if (!isLoadingSelectedOption && !isFetchSelectedOptionSync) {
+    handleFetchSelectedOption(value);
+  }
+}, className: cn("mt-0.5 focus-visible:outline-none", "disabled:pointer-events-none [&_svg]:pointer-events-none"), "aria-label": isLoadingSelectedOption ? "Loading" : isFetchSelectedOptionSync ? "Success" : "Reload", children: jsx$1(Icon, { name: isFetchSelectedOptionSync ? "Checkmark" : "Reload", size: 16, className: cn("text-gray-500 dark:text-gray-600", isLoadingSelectedOption && "animate-spin", isFetchSelectedOptionSync && "animate-in fade-in duration-500") }) }) });
+const IdAutocompleteListOption = ({ variant = "withValue", icon, title = "Title not available", path = "Path not available", value, description = "Description not available", asPlaceholder, showValue = true, isLoadingSelectedOption, handleFetchSelectedOption, isFetchSelectedOptionSync, className, placeholderIcon = "PowerhouseLogoSmall", ...extraProps }) => {
+  const renderWithValue = () => jsx$1("div", { className: cn("flex w-full items-center"), children: jsx$1("span", { className: cn("truncate text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"), children: value }) });
+  const renderWithValueTitleAndDescription = (showDescription = true) => jsxs("div", { className: cn("flex w-full flex-col gap-1"), children: [jsxs("div", { className: cn("flex gap-2"), children: [jsx$1(IconRenderer, { customIcon: asPlaceholder ? placeholderIcon : icon, asPlaceholder }), jsxs("div", { className: cn("flex min-w-0 grow flex-col gap-[-2px]"), children: [jsx$1("span", { className: cn("truncate text-sm font-bold leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-900 dark:text-gray-300"), children: title }), !showValue && typeof path === "object" ? jsx$1("a", { href: path.url, target: "_blank", rel: "noopener noreferrer", className: cn("truncate text-xs leading-5 text-gray-500 hover:underline dark:text-gray-600"), children: path.text }) : jsx$1("span", { className: cn("truncate text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"), children: typeof path === "object" ? path.text : path })] }), asPlaceholder === false && handleFetchSelectedOption && jsx$1(ReloadButton, { isLoadingSelectedOption, handleFetchSelectedOption, isFetchSelectedOptionSync, value })] }), showValue && jsx$1("div", { className: cn("flex max-w-full items-center"), children: jsx$1("span", { className: cn("truncate text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"), children: value }) }), showDescription && jsx$1("div", { className: cn("flex flex-col"), children: jsx$1("p", { className: cn("line-clamp-2 text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-900 dark:text-gray-300"), children: description }) }), showDescription && "agentType" in extraProps && typeof extraProps.agentType === "string" && jsx$1("div", { className: cn("flex max-w-full items-center justify-end"), children: jsx$1("span", { className: cn("truncate text-xs leading-5", asPlaceholder ? "text-gray-400 dark:text-gray-700" : "text-gray-500 dark:text-gray-600"), children: extraProps.agentType }) })] });
+  return jsxs("div", { className: cn("max-w-full rounded-md bg-transparent px-3 pb-2", variant === "withValue" ? "pt-2" : "pt-3", className), children: [variant === "withValue" && renderWithValue(), variant === "withValueAndTitle" && renderWithValueTitleAndDescription(false), variant === "withValueTitleAndDescription" && renderWithValueTitleAndDescription()] });
+};
 var [createTooltipContext, createTooltipScope] = createContextScope("Tooltip", [
   createPopperScope
 ]);
@@ -34570,6 +34631,150 @@ const FormDescription = ({ children, as, className }) => {
 const FormGroup = ({ children }) => {
   return jsx$1("div", { className: "flex flex-col gap-2", children });
 };
+function deepEqual$1(a2, b2, visited = /* @__PURE__ */ new Map()) {
+  if (a2 === b2) {
+    return true;
+  }
+  if (a2 === null || b2 === null || a2 === void 0 || b2 === void 0) {
+    return false;
+  }
+  if (typeof a2 !== typeof b2) {
+    return false;
+  }
+  if (Array.isArray(a2) && Array.isArray(b2)) {
+    if (visited.get(a2) === b2) {
+      return true;
+    }
+    visited.set(a2, b2);
+    return a2.length === b2.length && a2.every((value, index2) => deepEqual$1(value, b2[index2], visited));
+  }
+  if (typeof a2 === "object" && typeof b2 === "object" && !Array.isArray(a2) && !Array.isArray(b2)) {
+    if (visited.get(a2) === b2) {
+      return true;
+    }
+    visited.set(a2, b2);
+    const aKeys = Object.keys(a2);
+    const bKeys = Object.keys(b2);
+    return aKeys.length === bKeys.length && aKeys.every((key) => {
+      return key in b2 && deepEqual$1(a2[key], b2[key], visited);
+    });
+  }
+  return false;
+}
+function setNativeValue(element, value) {
+  var _a2, _b2;
+  const valueSetter = (_a2 = Object.getOwnPropertyDescriptor(element, "value")) == null ? void 0 : _a2.set;
+  const prototype = Object.getPrototypeOf(element);
+  const prototypeValueSetter = (_b2 = Object.getOwnPropertyDescriptor(prototype, "value")) == null ? void 0 : _b2.set;
+  if (valueSetter && valueSetter !== prototypeValueSetter) {
+    prototypeValueSetter == null ? void 0 : prototypeValueSetter.call(element, value);
+  } else {
+    valueSetter == null ? void 0 : valueSetter.call(element, value);
+  }
+}
+function _applyTransformers(transformers, value, filter = "blur") {
+  return transformers.reduce((value2, transformer) => {
+    var _a2, _b2;
+    if (typeof transformer === "function") {
+      if (filter === "blur" || filter === "all") {
+        return transformer(value2);
+      }
+      return value2;
+    }
+    if ((((_a2 = transformer.options) == null ? void 0 : _a2.trigger) ?? "blur") !== filter && filter !== "all") {
+      return value2;
+    }
+    if (((_b2 = transformer.options) == null ? void 0 : _b2.if) === void 0 || transformer.options.if) {
+      return transformer.transformer(value2);
+    }
+    return value2;
+  }, value);
+}
+function ValueTransformer({ transformers, children }) {
+  const formContext = useFormContext();
+  const setValue = formContext == null ? void 0 : formContext.setValue;
+  useEffect(() => {
+    var _a2, _b2;
+    const value = children.props.value;
+    const transformedValue = _applyTransformers(transformers, value, "all");
+    if (!deepEqual$1(transformedValue, value)) {
+      if (typeof setValue === "function") {
+        setValue == null ? void 0 : setValue(children.props.name, transformedValue);
+      } else {
+        (_b2 = (_a2 = children.props).onChange) == null ? void 0 : _b2.call(_a2, {
+          target: { value: transformedValue }
+        });
+      }
+    }
+  }, [transformers]);
+  return React__default.cloneElement(children, {
+    ...children.props,
+    onChange: (event) => {
+      var _a2, _b2;
+      const transformedValue = _applyTransformers(transformers, event.target.value, "change");
+      if (transformedValue !== event.target.value) {
+        setValue == null ? void 0 : setValue(children.props.name, transformedValue);
+        setNativeValue(event.target, transformedValue);
+      }
+      (_b2 = (_a2 = children.props).onChange) == null ? void 0 : _b2.call(_a2, event);
+    },
+    // apply transformers on blur
+    onBlur: (event) => {
+      var _a2, _b2;
+      (_b2 = (_a2 = children.props).onBlur) == null ? void 0 : _b2.call(_a2, event);
+      const target = event.target;
+      const transformedValue = _applyTransformers(transformers, target.value, "blur");
+      if (!deepEqual$1(transformedValue, target.value)) {
+        setNativeValue(target, transformedValue);
+        const changeEvent = new Event("change", { bubbles: true });
+        target.dispatchEvent(changeEvent);
+      }
+    },
+    onKeyDown: (event) => {
+      var _a2, _b2;
+      (_b2 = (_a2 = children.props).onKeyDown) == null ? void 0 : _b2.call(_a2, event);
+      if (event.key === "Enter") {
+        const target = event.target;
+        const transformedValue = _applyTransformers(transformers, target.value, "keyDown");
+        if (!deepEqual$1(transformedValue, target.value)) {
+          setNativeValue(target, transformedValue);
+          const changeEvent = new Event("change", { bubbles: true });
+          target.dispatchEvent(changeEvent);
+        }
+      }
+    }
+  });
+}
+const sharedValueTransformers = {
+  trimOnBlur: (ifParam = true) => ({
+    transformer: (value) => value == null ? void 0 : value.trim(),
+    options: {
+      trigger: "blur",
+      if: ifParam
+    }
+  }),
+  lowercaseOnChange: (ifParam = true) => ({
+    transformer: (value) => value == null ? void 0 : value.toLowerCase(),
+    options: {
+      trigger: "change",
+      if: ifParam
+    }
+  }),
+  uppercaseOnChange: (ifParam = true) => ({
+    transformer: (value) => value == null ? void 0 : value.toUpperCase(),
+    options: {
+      trigger: "change",
+      if: ifParam
+    }
+  }),
+  trimOnEnter: (ifParam = true) => ({
+    transformer: (value) => value == null ? void 0 : value.trim(),
+    options: {
+      trigger: "keyDown",
+      if: ifParam
+    }
+  })
+};
 const withFieldValidation = (Component2, options2) => {
   return React__default.forwardRef(({ value, name, showErrorOnBlur, showErrorOnChange, validators: customValidators, ...props }, ref) => {
     var _a2;
@@ -35245,6 +35450,357 @@ const SelectFieldRaw = React__default.forwardRef(({
 });
 const SelectField = withFieldValidation(SelectFieldRaw);
 SelectField.displayName = "SelectField";
+const IdAutocompleteInputContainer = React__default.forwardRef(({ id, name, value, className, isLoading, haveFetchError, disabled, onChange: onChange2, onBlur, onClick, selectedOption, optionsLength, handleOpenChange, onKeyDown, onMouseDown, placeholder, hasError, label, required, isPopoverOpen, maxLength, handlePaste, onPaste, ...props }, ref) => {
+  const [hasCopied, setHasCopied] = useState(false);
+  const hasHover = useMediaQuery("(hover: hover) and (pointer: fine)");
+  const transformers = useMemo(() => [
+    sharedValueTransformers.trimOnBlur(),
+    sharedValueTransformers.trimOnEnter()
+  ], []);
+  return jsxs("div", { className: cn("group relative"), children: [jsx$1(ValueTransformer, { transformers, children: jsx$1(_e.Input, { asChild: true, children: jsx$1(Input, { id, name, value, className: cn("pr-9", className), disabled, onChange: onChange2, onBlur, onClick: (e2) => {
+    const input = e2.target;
+    if (!(isLoading || haveFetchError) && !selectedOption && input.value !== "") {
+      handleOpenChange == null ? void 0 : handleOpenChange(true);
+    }
+    onClick == null ? void 0 : onClick(e2);
+  }, onKeyDown: (e2) => {
+    onKeyDown == null ? void 0 : onKeyDown(e2);
+    const isOptionsRelatedKey = [
+      "ArrowUp",
+      "ArrowDown",
+      "Enter"
+    ].includes(e2.key);
+    if (e2.key === "Enter" && isPopoverOpen && optionsLength === 0) {
+      handleOpenChange == null ? void 0 : handleOpenChange(false);
+      e2.preventDefault();
+      return;
+    }
+    if (!(isOptionsRelatedKey && isPopoverOpen && optionsLength > 0)) {
+      e2.stopPropagation();
+    }
+  }, onMouseDown: (e2) => {
+    const input = e2.target;
+    if (!input.contains(document.activeElement)) {
+      requestAnimationFrame(() => {
+        input.select();
+      });
+    }
+    onMouseDown == null ? void 0 : onMouseDown(e2);
+  }, onPaste: (e2) => {
+    handlePaste == null ? void 0 : handlePaste(e2);
+    onPaste == null ? void 0 : onPaste(e2);
+  }, placeholder, "aria-invalid": hasError, "aria-label": !label ? "Id Autocomplete" : void 0, "aria-required": required, "aria-expanded": isPopoverOpen, maxLength, ...props, ref }) }) }), jsxs("div", { className: cn("absolute right-3 top-1/2 flex size-4 -translate-y-1/2 items-center", !isLoading && !haveFetchError && !selectedOption && "pointer-events-none"), children: [isLoading && jsx$1(Icon, { name: "Reload", size: 16, className: cn("animate-spin text-gray-500 dark:text-gray-600") }), haveFetchError && jsx$1(Provider$1, { children: jsx$1(Tooltip, { content: "Network error!", children: jsx$1(Icon, { name: "Error", size: 16, className: cn("text-red-900") }) }) }), selectedOption && !isLoading && !haveFetchError && jsx$1(Provider$1, { children: jsx$1(Tooltip, { content: "Copied!", open: hasCopied, triggerAsChild: true, children: jsx$1("button", { type: "button", onClick: () => {
+    navigator.clipboard.writeText(selectedOption.value).then(() => {
+      setHasCopied(true);
+      setTimeout(() => setHasCopied(false), 2e3);
+    }).catch((error) => {
+      console.error("Failed to copy value: ", error);
+    });
+  }, className: cn("focus-visible:outline-none [&_svg]:pointer-events-none", hasHover && "opacity-0 transition-opacity duration-500 group-hover:opacity-100"), children: jsx$1(Icon, { name: "Copy", size: 16, className: cn("text-gray-500 dark:text-gray-600") }) }) }) })] })] });
+});
+const IdAutocompleteList = ({ variant, commandListRef, selectedValue, options: options2 = [], toggleOption, renderOption, previewPlaceholder }) => {
+  const cmdkSearch = P$1((state) => state.search);
+  const defaultOption = previewPlaceholder || {
+    value: "value not available",
+    title: "Title not available",
+    path: "Path not available",
+    description: "Description not available"
+  };
+  useEffect(() => {
+    var _a2;
+    (_a2 = commandListRef == null ? void 0 : commandListRef.current) == null ? void 0 : _a2.scrollTo({ top: 0, behavior: "instant" });
+  }, [commandListRef, cmdkSearch]);
+  return jsxs(CommandList, { ref: commandListRef, children: [jsx$1(CommandEmpty, { className: cn("h-full p-1"), children: renderOption ? renderOption(defaultOption, {
+    asPlaceholder: true,
+    showValue: true,
+    className: cn("pb-0")
+  }) : jsx$1(IdAutocompleteListOption, { variant, icon: defaultOption.icon, title: defaultOption.title, path: defaultOption.path, value: defaultOption.value, description: defaultOption.description, asPlaceholder: true, className: cn("pb-0") }) }), jsx$1(CommandGroup, { className: cn("px-1"), children: options2.map((opt) => {
+    const isSelected = selectedValue === opt.value;
+    return jsx$1(CommandItem, { value: opt.value, onSelect: () => toggleOption == null ? void 0 : toggleOption(opt.value), className: cn("h-full cursor-pointer border-y-0 p-0", "data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900"), role: "option", "aria-selected": isSelected, children: renderOption ? renderOption(opt, {
+      asPlaceholder: false,
+      showValue: true
+    }) : jsx$1(IdAutocompleteListOption, { variant, ...opt }) }, opt.value);
+  }) })] });
+};
+function useIdAutocomplete({ autoComplete, defaultValue, value, isOpenByDefault, initialOptions, onChange: onChange2, onBlur, fetchOptions, fetchSelectedOption }) {
+  const context = useIdAutocompleteContext();
+  const shouldFetchOptions = useRef(false);
+  const isInternalChange = useRef(false);
+  const commandListRef = useRef(null);
+  const [isPopoverOpen, setIsPopoverOpen] = useState(isOpenByDefault ?? false);
+  const [options2, setOptions] = useState(initialOptions ?? []);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isLoadingSelectedOption, setIsLoadingSelectedOption] = useState(false);
+  const [haveFetchError, setHaveFetchError] = useState(false);
+  const [selectedValue, setSelectedValue] = useState(value ?? defaultValue ?? "");
+  const [selectedOption, setSelectedOption] = useState(void 0);
+  const [commandValue, setCommandValue] = useState("");
+  const [isFetchSelectedOptionSync, setIsFetchSelectedOptionSync] = useState(false);
+  const clear = useCallback(() => {
+    setHaveFetchError(false);
+    setIsLoading(false);
+    setIsLoadingSelectedOption(false);
+    setIsPopoverOpen(false);
+  }, []);
+  const debouncedFetchOptions = useDebounceCallback(useCallback((newValue) => {
+    if (!autoComplete || !fetchOptions)
+      return;
+    if (newValue === "") {
+      clear();
+      setOptions([]);
+      setSelectedValue("");
+      setSelectedOption(void 0);
+      return;
+    }
+    setHaveFetchError(false);
+    setIsLoading(true);
+    try {
+      const result = fetchOptions(newValue, context);
+      Promise.resolve(result).then((newOptions) => {
+        setOptions(newOptions);
+        const matchingOption = newOptions.find((opt) => opt.value === newValue);
+        if (matchingOption) {
+          setSelectedOption(matchingOption);
+          setIsPopoverOpen(false);
+        } else {
+          setSelectedOption(void 0);
+          setIsPopoverOpen(true);
+        }
+        setIsLoading(false);
+      }).catch(() => {
+        setHaveFetchError(true);
+        setIsLoading(false);
+      });
+    } catch {
+      setHaveFetchError(true);
+      setIsLoading(false);
+    }
+  }, [clear, autoComplete, fetchOptions, context]));
+  const handleFetchSelectedOption = useCallback((value2) => {
+    if (!autoComplete || !fetchSelectedOption)
+      return;
+    setIsLoadingSelectedOption(true);
+    try {
+      const result = fetchSelectedOption(value2);
+      const isPromise2 = result instanceof Promise;
+      Promise.resolve(result).then((option) => {
+        if (option) {
+          setSelectedOption(option);
+          setOptions((prevOptions) => {
+            const optionIndex = prevOptions.findIndex((opt) => opt.value === value2);
+            if (optionIndex !== -1) {
+              const newOptions = [...prevOptions];
+              newOptions[optionIndex] = option;
+              return newOptions;
+            }
+            return prevOptions;
+          });
+        } else {
+          clear();
+          setOptions([]);
+          setSelectedValue("");
+          setSelectedOption(void 0);
+        }
+        setIsLoadingSelectedOption(false);
+        if (!isPromise2) {
+          setIsFetchSelectedOptionSync(true);
+          setTimeout(() => {
+            setIsFetchSelectedOptionSync(false);
+          }, 1500);
+        }
+      }).catch(() => {
+        setIsLoadingSelectedOption(false);
+      });
+    } catch {
+      setIsLoadingSelectedOption(false);
+    }
+  }, [clear, autoComplete, fetchSelectedOption]);
+  const handleOpenChange = useCallback((open) => {
+    var _a2;
+    if (!open) {
+      setCommandValue(((_a2 = options2[0]) == null ? void 0 : _a2.value) ?? "");
+    }
+    setIsPopoverOpen(open);
+  }, [options2]);
+  const toggleOption = useCallback((optionValue) => {
+    shouldFetchOptions.current = false;
+    isInternalChange.current = true;
+    setSelectedValue(optionValue);
+    setSelectedOption(options2.find((opt) => opt.value === optionValue));
+    clear();
+    onChange2 == null ? void 0 : onChange2(optionValue);
+  }, [onChange2, clear, options2]);
+  const handleChange = useCallback((e2) => {
+    const newValue = e2.target.value;
+    shouldFetchOptions.current = true;
+    setSelectedValue(newValue);
+    setSelectedOption(void 0);
+    onChange2 == null ? void 0 : onChange2(newValue);
+  }, [onChange2]);
+  const handleCommandValue = useCallback((value2) => {
+    setCommandValue(value2);
+  }, []);
+  const onTriggerBlur = useCallback((e2) => {
+    if (!isPopoverOpen) {
+      onBlur == null ? void 0 : onBlur(e2);
+    }
+  }, [onBlur, isPopoverOpen]);
+  const handlePaste = useCallback((e2) => {
+    const clipboardData = e2.clipboardData.getData("text");
+    const trimmedValue = clipboardData.trim();
+    if (clipboardData !== trimmedValue) {
+      e2.preventDefault();
+      const input = e2.currentTarget;
+      const start = input.selectionStart || 0;
+      const end = input.selectionEnd || 0;
+      const currentValue = input.value;
+      const newValue = currentValue.substring(0, start) + trimmedValue + currentValue.substring(end);
+      onChange2 == null ? void 0 : onChange2(newValue);
+      requestAnimationFrame(() => {
+        const newPosition = start + trimmedValue.length;
+        input.setSelectionRange(newPosition, newPosition);
+        debouncedFetchOptions(newValue);
+      });
+    } else if (clipboardData === selectedValue) {
+      debouncedFetchOptions(selectedValue);
+    }
+  }, [selectedValue, debouncedFetchOptions, onChange2]);
+  useEffect(() => {
+    if (autoComplete) {
+      if (shouldFetchOptions.current) {
+        debouncedFetchOptions(selectedValue);
+      }
+    } else {
+      clear();
+      setOptions([]);
+      setSelectedValue("");
+      setSelectedOption(void 0);
+    }
+  }, [autoComplete, selectedValue, debouncedFetchOptions, clear]);
+  useEffect(() => {
+    if (!isInternalChange.current) {
+      shouldFetchOptions.current = false;
+      setSelectedValue(value ?? "");
+      setSelectedOption(void 0);
+    }
+    isInternalChange.current = false;
+  }, [value]);
+  useEffect(() => {
+    if ((initialOptions == null ? void 0 : initialOptions.length) && selectedValue) {
+      const matchingOption = initialOptions.find((opt) => opt.value === selectedValue);
+      if (matchingOption) {
+        setSelectedOption(matchingOption);
+      }
+    }
+  }, []);
+  return {
+    selectedValue,
+    selectedOption,
+    isPopoverOpen,
+    commandListRef,
+    options: options2,
+    isLoading,
+    isLoadingSelectedOption,
+    haveFetchError,
+    commandValue,
+    isFetchSelectedOptionSync,
+    toggleOption,
+    handleOpenChange,
+    onTriggerBlur,
+    handleChange,
+    handleCommandValue,
+    handleFetchSelectedOption,
+    handlePaste
+  };
+}
+const IdAutocomplete = React__default.forwardRef(({
+  id: idProp,
+  name,
+  className,
+  label,
+  description,
+  value,
+  defaultValue,
+  disabled,
+  placeholder,
+  required,
+  errors,
+  warnings,
+  onChange: onChange2,
+  onBlur,
+  onClick,
+  onKeyDown,
+  onMouseDown,
+  autoComplete = true,
+  variant = "withValue",
+  maxLength,
+  fetchOptionsCallback,
+  fetchSelectedOptionCallback,
+  isOpenByDefault,
+  // to be used only in stories
+  initialOptions,
+  // to be used only in stories
+  renderOption,
+  previewPlaceholder,
+  ...props
+}, ref) => {
+  const prefix2 = useId$1();
+  const id = idProp ?? `${prefix2}-id-autocomplete`;
+  const inputRef = useRef(null);
+  const mergedRef = (node2) => {
+    inputRef.current = node2;
+    if (typeof ref === "function") {
+      ref(node2);
+    } else if (ref) {
+      ref.current = node2;
+    }
+  };
+  const hasWarning = Array.isArray(warnings) && warnings.length > 0;
+  const hasError = Array.isArray(errors) && errors.length > 0;
+  const { selectedValue, selectedOption, isPopoverOpen, commandListRef, options: options2, isLoading, isLoadingSelectedOption, haveFetchError, commandValue, isFetchSelectedOptionSync, toggleOption, handleOpenChange, onTriggerBlur, handleChange, handleCommandValue, handleFetchSelectedOption, handlePaste } = useIdAutocomplete({
+    autoComplete,
+    defaultValue,
+    value,
+    isOpenByDefault,
+    initialOptions,
+    onChange: onChange2,
+    onBlur,
+    fetchOptions: fetchOptionsCallback,
+    fetchSelectedOption: fetchSelectedOptionCallback
+  });
+  const handleOptionSelection = (optionValue) => {
+    var _a2;
+    toggleOption(optionValue);
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+  };
+  const asCard = variant === "withValueAndTitle" || variant === "withValueTitleAndDescription";
+  const transformers = useMemo(() => [
+    sharedValueTransformers.trimOnBlur(),
+    sharedValueTransformers.trimOnEnter()
+  ], []);
+  return jsxs(FormGroup, { children: [!!label && jsx$1(FormLabel, { htmlFor: id, disabled, hasError, required, onClick: (e2) => {
+    var _a2;
+    e2.preventDefault();
+    (_a2 = e2.target.control) == null ? void 0 : _a2.focus();
+  }, children: label }), autoComplete && fetchOptionsCallback ? jsx$1(Popover, { open: isPopoverOpen, onOpenChange: handleOpenChange, children: jsxs(Command, { shouldFilter: false, value: commandValue, onValueChange: handleCommandValue, className: cn("dark:bg-charcoal-900 bg-gray-100"), children: [jsx$1(PopoverAnchor, { asChild: true, children: jsx$1(IdAutocompleteInputContainer, { id, name, value: selectedValue, className, isLoading, haveFetchError, disabled, onChange: handleChange, onBlur: onTriggerBlur, onClick, selectedOption, optionsLength: options2.length, handleOpenChange, onKeyDown, onMouseDown, placeholder, hasError, label, required, isPopoverOpen, maxLength, handlePaste, ...props, ref: mergedRef }) }), asCard && (renderOption ? renderOption(selectedOption === void 0 && previewPlaceholder ? {
+    ...previewPlaceholder
+  } : {
+    ...selectedOption,
+    value: (selectedOption == null ? void 0 : selectedOption.value) ?? ""
+  }, {
+    asPlaceholder: selectedOption === void 0,
+    showValue: false,
+    isLoadingSelectedOption,
+    handleFetchSelectedOption: fetchSelectedOptionCallback ? handleFetchSelectedOption : void 0,
+    isFetchSelectedOptionSync,
+    className: cn("rounded-t-none pt-2")
+  }) : jsx$1(IdAutocompleteListOption, { variant, icon: (selectedOption == null ? void 0 : selectedOption.icon) ?? (previewPlaceholder == null ? void 0 : previewPlaceholder.icon), title: (selectedOption == null ? void 0 : selectedOption.title) ?? (previewPlaceholder == null ? void 0 : previewPlaceholder.title), path: (selectedOption == null ? void 0 : selectedOption.path) ?? (previewPlaceholder == null ? void 0 : previewPlaceholder.path), value: (selectedOption == null ? void 0 : selectedOption.value) ?? (previewPlaceholder == null ? void 0 : previewPlaceholder.value) ?? "", description: (selectedOption == null ? void 0 : selectedOption.description) ?? (previewPlaceholder == null ? void 0 : previewPlaceholder.description), asPlaceholder: selectedOption === void 0, showValue: false, isLoadingSelectedOption, handleFetchSelectedOption: fetchSelectedOptionCallback ? handleFetchSelectedOption : void 0, isFetchSelectedOptionSync, className: cn("rounded-t-none pt-2") })), jsx$1(PopoverContent, { align: "start", onOpenAutoFocus: (e2) => e2.preventDefault(), onInteractOutside: (e2) => {
+    if (e2.target instanceof Element && e2.target.id === id) {
+      e2.preventDefault();
+    }
+  }, children: jsx$1(IdAutocompleteList, { variant, commandListRef, selectedValue, options: options2, toggleOption: handleOptionSelection, renderOption, previewPlaceholder }) })] }) }) : jsx$1(ValueTransformer, { transformers, children: jsx$1(Input, { id, name, value: selectedValue, className, disabled, onChange: handleChange, onBlur, onClick, onMouseDown, placeholder, "aria-invalid": hasError, "aria-label": !label ? "Id Autocomplete" : void 0, "aria-required": required, maxLength, ...props, ref: mergedRef }) }), !!description && jsx$1(FormDescription, { children: description }), hasWarning && jsx$1(FormMessageList, { messages: warnings, type: "warning" }), hasError && jsx$1(FormMessageList, { messages: errors, type: "error" })] });
+});
+IdAutocomplete.displayName = "IdAutocomplete";
 function DangerZone$1(props) {
   const { className, ...rest } = props;
   return jsxs("div", { className: cn("h-full rounded-lg bg-white p-3", className), children: [jsx$1("h2", { className: "mb-4 font-semibold", children: "Modify Drives" }), jsx$1(ModifyDrives, { ...rest }), jsx$1("h2", { className: "my-4 font-semibold", children: "Local Storage" }), jsx$1(LocalStorage, { ...rest })] });
@@ -35301,8 +35857,17 @@ function DefaultEditorSelect(props) {
   const { documentModelEditor, setDocumentModelEditor, documentModelEditorOptions: documentModelEditorOptions2, className } = props;
   return jsxs("div", { children: [jsx$1("h3", { className: "mb-4 font-semibold text-gray-900", children: "Default Editor Selection" }), jsx$1(SelectFieldRaw, { className: twMerge("min-w-36 max-w-fit", className), name: "default-editor", required: true, value: documentModelEditor, options: documentModelEditorOptions2, multiple: false, onChange: (value) => setDocumentModelEditor(value) })] });
 }
+const ProviderIconMap = {
+  npm: { icon: "Npm" },
+  github: { icon: "Github", size: 28 },
+  local: { icon: "Hdd" }
+};
+const PackageItem = ({ packageName, provider }) => {
+  const icon = provider && ProviderIconMap[provider];
+  return jsxs("div", { className: "flex w-full items-center justify-between px-2 py-1", children: [jsx$1("p", { className: "font-medium", children: packageName }), icon && jsx$1(Icon, { name: icon.icon, size: icon.size })] });
+};
 const PackageManagerInput = (props) => {
-  const { onInstall, className } = props;
+  const { onInstall, packageOptions, className } = props;
   const [value, setValue] = useState("");
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState();
@@ -35320,7 +35885,27 @@ const PackageManagerInput = (props) => {
     setValue(e2.target.value);
   }, []);
   const errorMessage = !error ? " " : typeof error === "string" ? error : error instanceof Error ? error.message : error;
-  return jsxs("div", { className, children: [jsx$1("h3", { className: "mb-4 font-semibold text-gray-900", children: "Install Package" }), jsxs("div", { className: "flex items-center gap-4", children: [jsx$1(Input, { name: "package", className: "max-w-xs text-gray-700", value, onChange: handleChange, onSubmit: handleSubmit, disabled: loading }), jsx$1(Button$1, { className: "h-9 rounded-md text-sm", onClick: handleSubmit, disabled: loading, children: "Install" })] }), jsx$1("p", { className: "mb-3 ml-2 h-3 text-sm text-red-800", children: errorMessage })] });
+  const autoCompleteOptions = useMemo(() => {
+    const initialOptions = packageOptions == null ? void 0 : packageOptions.map((option) => ({
+      ...option,
+      value: option.packageName
+    }));
+    return !(packageOptions == null ? void 0 : packageOptions.length) ? {
+      autoComplete: false
+    } : {
+      autoComplete: true,
+      initialOptions,
+      fetchOptionsCallback: (userInput) => (initialOptions == null ? void 0 : initialOptions.filter((o) => o.packageName.toLowerCase().includes(userInput.toLowerCase()))) ?? [],
+      renderOption: (option) => (
+        // eslint-disable-next-line react/jsx-props-no-spreading
+        jsx$1(PackageItem, { ...option })
+      )
+    };
+  }, [packageOptions]);
+  return jsxs("div", { className, children: [jsx$1("h3", { className: "mb-4 font-semibold text-gray-900", children: "Install Package" }), jsxs("div", { className: "flex items-center gap-4", children: [!(packageOptions == null ? void 0 : packageOptions.length) ? jsx$1(Input, { name: "package", className: "max-w-xs text-gray-700", value, onChange: handleChange, onSubmit: handleSubmit, disabled: loading }) : (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    jsx$1(IdAutocomplete, { ...autoCompleteOptions, onChange: setValue })
+  ), jsx$1(Button$1, { className: "h-9 rounded-md text-sm", onClick: handleSubmit, disabled: loading, children: "Install" })] }), jsx$1("p", { className: "mb-3 ml-2 h-3 text-sm text-red-800", children: errorMessage })] });
 };
 const PackageDetail = ({ label, value }) => {
   return jsxs("div", { className: "flex items-start gap-2 text-sm", children: [jsxs("p", { className: "text-gray-600", children: [label, ":"] }), jsx$1("p", { className: "text-gray-600", children: value })] });
@@ -35359,8 +35944,9 @@ const PackageManagerReactorSelect = (props) => {
   return jsxs("div", { ...rest, children: [jsx$1("h3", { className: "mb-4 font-semibold text-gray-900", children: "Select Reactor" }), jsx$1(SelectFieldRaw, { className: "min-w-36 max-w-fit", name: "reactor", required: true, value: reactor, options: reactorOptions, multiple: false, onChange: handleChange })] });
 };
 const PackageManager$1 = (props) => {
-  const { className, reactorOptions, reactor, onReactorChange, onInstall, packages, onUninstall, mutable, ...rest } = props;
-  return jsxs("div", { ...rest, className: twMerge("flex h-full flex-1 flex-col rounded-lg p-3", className), children: [jsx$1(PackageManagerReactorSelect, { reactor, reactorOptions, onReactorChange, className: "mb-4" }), mutable && jsx$1(PackageManagerInput, { onInstall }), jsx$1(PackageManagerList, { packages, onUninstall, mutable })] });
+  const { className, reactorOptions, reactor, onReactorChange, onInstall, packages, onUninstall, mutable, packageOptions, ...rest } = props;
+  const packageOptionsSet = useMemo(() => packageOptions == null ? void 0 : packageOptions.filter((o) => !packages.find((p2) => p2.name === o.packageName)), [packages, packageOptions]);
+  return jsxs("div", { ...rest, className: twMerge("flex h-full flex-1 flex-col rounded-lg p-3", className), children: [jsx$1(PackageManagerReactorSelect, { reactor, reactorOptions, onReactorChange, className: "mb-4" }), mutable && jsx$1(PackageManagerInput, { onInstall, packageOptions: packageOptionsSet }), jsx$1(PackageManagerList, { packages, onUninstall, mutable })] });
 };
 function SettingsModal$1(props) {
   var _a2, _b2;
@@ -53284,6 +53870,9 @@ function observe$1(effect, store = getDefaultStore()) {
   return unobserve;
 }
 async function getHMRModule() {
+  if (import.meta.hot) {
+    return import.meta.hot;
+  }
   try {
     const module = await __vitePreload(() => import("../hmr.js"), true ? [] : void 0);
     const hmr = module.hmr;
@@ -71078,7 +71667,7 @@ const useFilteredDocumentModels = () => {
   return filteredDocumentModels;
 };
 async function loadBaseEditors() {
-  const documentModelEditor = await __vitePreload(() => import("./index-gSAUFVts.js"), true ? __vite__mapDeps([4,2,1,3]) : void 0);
+  const documentModelEditor = await __vitePreload(() => import("./index-Cl1ixFSY.js"), true ? __vite__mapDeps([4,2,1,3]) : void 0);
   await __vitePreload(() => Promise.resolve({}), true ? __vite__mapDeps([5]) : void 0);
   const module = documentModelEditor.documentModelEditorModule;
   return [module];
@@ -71229,11 +71818,11 @@ const connectCrypto = (async () => {
     return window.connectCrypto;
   }
   const { ConnectCrypto } = await __vitePreload(async () => {
-    const { ConnectCrypto: ConnectCrypto2 } = await import("./index-CvT8Fjzs.js");
+    const { ConnectCrypto: ConnectCrypto2 } = await import("./index-D5GGGw27.js");
     return { ConnectCrypto: ConnectCrypto2 };
   }, true ? __vite__mapDeps([6,1,2,3]) : void 0);
   const { BrowserKeyStorage } = await __vitePreload(async () => {
-    const { BrowserKeyStorage: BrowserKeyStorage2 } = await import("./index-CvT8Fjzs.js");
+    const { BrowserKeyStorage: BrowserKeyStorage2 } = await import("./index-D5GGGw27.js");
     return { BrowserKeyStorage: BrowserKeyStorage2 };
   }, true ? __vite__mapDeps([6,1,2,3]) : void 0);
   const connectCrypto2 = new ConnectCrypto(new BrowserKeyStorage());
@@ -71282,7 +71871,7 @@ function useRenown() {
       return;
     }
     const { initRenownBrowser } = await __vitePreload(async () => {
-      const { initRenownBrowser: initRenownBrowser2 } = await import("./index-CvT8Fjzs.js");
+      const { initRenownBrowser: initRenownBrowser2 } = await import("./index-D5GGGw27.js");
       return { initRenownBrowser: initRenownBrowser2 };
     }, true ? __vite__mapDeps([6,1,2,3]) : void 0);
     const renownBrowser = initRenownBrowser(did2);
@@ -78852,6 +79441,14 @@ const DefaultEditor = () => {
     }
   );
 };
+const PH_PACKAGES = [
+  {
+    packageName: "@sky-ph/atlas",
+    version: "latest",
+    provider: "npm",
+    url: "https://www.npmjs.com/package/@sky-ph/atlas"
+  }
+];
 const LOCAL_REACTOR_VALUE = "local-reactor";
 const LOCAL_REACTOR_LABEL = "Local Reactor";
 function manifestToDetails(manifest, id, removable) {
@@ -78958,7 +79555,8 @@ const PackageManager = () => {
       packages: packagesInfo,
       onReactorChange: handleReactorChange,
       onInstall: handleInstall,
-      onUninstall: handleUninstall
+      onUninstall: handleUninstall,
+      packageOptions: PH_PACKAGES
     }
   );
 };
@@ -79603,7 +80201,7 @@ function Home() {
     /* @__PURE__ */ jsx$1(HomeScreenAddDriveItem, { onClick: onAddDriveClick })
   ] });
 }
-const Content = React__default.lazy(() => __vitePreload(() => import("./content-BCSN7ap3.js"), true ? __vite__mapDeps([7,2,1,3]) : void 0));
+const Content = React__default.lazy(() => __vitePreload(() => import("./content-DspmvCI5.js"), true ? __vite__mapDeps([7,2,1,3]) : void 0));
 async function createRouter(routes) {
   var _a2;
   const isPackaged = await ((_a2 = window.electronAPI) == null ? void 0 : _a2.isPackaged());

package/dist/assets/{app-loader-CrrV0_f9.js → app-loader-CfbWOr8s.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/app-CDyci3gH.js","assets/main.-_7fbZHa.js","assets/app-CYjeY4R-.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/app-Cb8xcxJJ.js","assets/main.BNGQlqIn.js","assets/app-CYjeY4R-.css"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __typeError = (msg) => {
   throw TypeError(msg);
@@ -11,7 +11,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _tags, _levelString, _errorHandler, _ConsoleLogger_instances, levelValue_get, _getDocumentModelModule, _drives, _ReadModeService_instances, parseGraphQLErrors_fn, fetchDrive_fn, _a, _ServiceWorkerManager_instances, handleServiceWorkerMessage_fn, handleServiceWorker_fn;
-import { _ as __vitePreload } from "./main.-_7fbZHa.js";
+import { _ as __vitePreload } from "./main.BNGQlqIn.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, Suspense, lazy } from "react";
 function _mergeNamespaces(n, m) {
@@ -25251,6 +25251,9 @@ function Modified(props) {
 function Moved(props) {
   return jsxs("svg", { ...props, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { d: "M7.07143 1.96429C7.07143 2.2207 6.86356 2.42857 6.60714 2.42857H5.21429C3.67578 2.42857 2.42857 3.67578 2.42857 5.21429V10.7857C2.42857 12.3242 3.67578 13.5714 5.21429 13.5714H10.7857C12.3242 13.5714 13.5714 12.3242 13.5714 10.7857V9.39286C13.5714 9.13644 13.7793 8.92857 14.0357 8.92857C14.2921 8.92857 14.5 9.13644 14.5 9.39286V10.7857C14.5 12.8371 12.8371 14.5 10.7857 14.5H5.21429C3.16294 14.5 1.5 12.8371 1.5 10.7857V5.21429C1.5 3.16294 3.16294 1.5 5.21429 1.5H6.60714C6.86356 1.5 7.07143 1.70787 7.07143 1.96429Z", fill: "currentcolor" }), jsx("path", { d: "M14 6.5V2.5C14 2.22386 13.7761 2 13.5 2H9.5", stroke: "currentcolor", strokeLinecap: "round" }), jsx("path", { d: "M7 10L7.28346 9.29136C8.39378 6.51556 10.4269 4.20728 13.0403 2.75539L13.5 2.5", stroke: "currentcolor", strokeLinecap: "round" })] });
 }
+function Npm(props) {
+  return jsx("svg", { ...props, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", children: jsx("path", { fill: "#cb3837", d: "M2 38.5h124v43.71H64v7.29H36.44v-7.29H2zm6.89 36.43h13.78V53.07h6.89v21.86h6.89V45.79H8.89zm34.44-29.14v36.42h13.78v-7.28h13.78V45.79zm13.78 7.29H64v14.56h-6.89zm20.67-7.29v29.14h13.78V53.07h6.89v21.86h6.89V53.07h6.89v21.86h6.89V45.79z" }) });
+}
 function PackageManager(props) {
   return jsx("svg", { ...props, width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentcolor", children: jsx("path", { d: "M1.22323 -0.00109863C0.549226 -0.00109863 -0.00610352 0.533576 -0.00610352 1.20691V2.79089C-0.00610352 3.46423 0.549226 3.9989 1.22323 3.9989H4.0979C4.7719 3.9989 5.32723 3.46423 5.32723 2.79089V1.20691C5.32723 0.533576 4.7719 -0.00109863 4.0979 -0.00109863H1.22323ZM7.9939 -0.00109863C7.25723 -0.00109863 6.66056 0.595568 6.66056 1.33223V5.33223C6.66056 6.0689 7.25723 6.66557 7.9939 6.66557H10.6606C11.3972 6.66557 11.9939 6.0689 11.9939 5.33223V1.33223C11.9939 0.595568 11.3972 -0.00109863 10.6606 -0.00109863H7.9939ZM1.32723 5.33223C0.590563 5.33223 -0.00610352 5.9289 -0.00610352 6.66557V10.6656C-0.00610352 11.4022 0.590563 11.9989 1.32723 11.9989H3.9939C4.73056 11.9989 5.32723 11.4022 5.32723 10.6656V6.66557C5.32723 5.9289 4.73056 5.33223 3.9939 5.33223H1.32723ZM7.88989 7.9989C7.21589 7.9989 6.66056 8.53358 6.66056 9.20691V10.7909C6.66056 11.4642 7.21589 11.9989 7.88989 11.9989H10.7646C11.4386 11.9989 11.9939 11.4642 11.9939 10.7909V9.20691C11.9939 8.53358 11.4386 7.9989 10.7646 7.9989H7.88989Z" }) });
 }
@@ -25439,6 +25442,7 @@ const iconComponents = {
   M,
   Modified,
   Moved,
+  Npm,
   PackageManager,
   Pencil,
   PeopleFill,
@@ -25616,7 +25620,7 @@ const nodeOptionsMap = {
 };
 const name = "@powerhousedao/connect";
 const productName = "Powerhouse-Connect";
-const version$1 = "1.0.1-dev.0";
+const version$1 = "1.0.1-dev.1";
 const description = "Powerhouse Connect";
 const main = "./dist/index.html";
 const type = "module";
@@ -31256,7 +31260,7 @@ if (window.__VITE_ENVS.MODE === "development") {
 } else {
   serviceWorkerManager.registerServiceWorker(false);
 }
-const App = lazy(() => __vitePreload(() => import("./app-CDyci3gH.js").then((n) => n.aN), true ? __vite__mapDeps([0,1,2]) : void 0));
+const App = lazy(() => __vitePreload(() => import("./app-Cb8xcxJJ.js").then((n) => n.aN), true ? __vite__mapDeps([0,1,2]) : void 0));
 const AppLoader = /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(App, {}) });
 const appLoader = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,

package/dist/assets/{ccip-D3crAAb6.js → ccip-BbAUwp0P.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-CDyci3gH.js";
-import "./main.-_7fbZHa.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-Cb8xcxJJ.js";
+import "./main.BNGQlqIn.js";
 import "react/jsx-runtime";
-import "./app-loader-CrrV0_f9.js";
+import "./app-loader-CfbWOr8s.js";
 import "react";
 import "@powerhousedao/reactor-browser";
 import "react-dom";

package/dist/assets/{content-BCSN7ap3.js → content-DspmvCI5.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-CDyci3gH.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-Cb8xcxJJ.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-CrrV0_f9.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-CfbWOr8s.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.-_7fbZHa.js";
+import "./main.BNGQlqIn.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 });

package/dist/assets/{index-BomSBpCj.js → index-Ck3cnDWg.js}

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

package/dist/assets/{index-gSAUFVts.js → index-Cl1ixFSY.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { t as twMerge, a5 as clsx, a6 as get, a7 as set, a8 as appendErrors, a9 as useFormContext, aa as Primitive, ab as cva, ac as FormProvider, ad as Controller, ae as Slot, af as useForm, ag as Root2, ah as List, ai as Trigger, aj as Content, ak as setModelName, al as setModelId, am as setModelDescription, an as setModelExtension, ao as setAuthorName, ap as setAuthorWebsite, aq as setStateSchema, ar as setInitialState, as as addModule, at as setModuleName, au as deleteModule, av as addOperation, aw as setOperationName, ax as setOperationSchema, ay as setOperationDescription, az as deleteOperation, aA as addOperationError, aB as deleteOperationError, aC as setOperationErrorName } from "./app-CDyci3gH.js";
-import { ba as inspect$1, bb as GraphQLError$1, bc as getNamedType, bd as invariant$2, be as isInputObjectType, bf as isScalarType, bg as isObjectType, bh as isInterfaceType, bi as isUnionType, bj as isEnumType, bk as print, bl as isPrintableAsBlockString, bm as Kind, bn as astFromValue$1, bo as DEFAULT_DEPRECATION_REASON, bp as isSpecifiedDirective, bq as isSpecifiedScalarType, br as isIntrospectionType, bs as z, bt as GraphQLScalarType, Z as pascalCase, bu as parse, bv as visit, bw as buildASTSchema, bx as extendSchema, by as getNullableType, bz as isListType, $ as getDefaultExportFromCjs, bA as snakeCase, bB as constantCase, bC as isAbstractType, bD as BREAK, bE as GraphQLInputObjectType, bF as GraphQLList, bG as GraphQLEnumType, bH as GraphQLObjectType, bI as GraphQLInterfaceType, bJ as SchemaMetaFieldDef, bK as TypeMetaFieldDef, bL as TypeNameMetaFieldDef, bM as isCompositeType, bN as isOutputType, bO as isInputType, bP as GraphQLBoolean, bQ as assertAbstractType, bR as doTypesOverlap, bS as DirectiveLocation, bT as specifiedRules$1, bU as NoUnusedFragmentsRule$1, bV as ExecutableDefinitionsRule$1, bW as validate$2, bX as validateSchema, bY as GraphQLID, bZ as GraphQLString, b_ as GraphQLFloat, b$ as GraphQLInt, c0 as GraphQLDirective, c1 as GraphQLUnionType, c2 as isNonNullType, c3 as GraphQLNonNull, c4 as isNamedType, c5 as isLeafType, c6 as GraphQLSchema, c7 as buildSchema, c8 as sentenceCase, am as hashKey } from "./app-loader-CrrV0_f9.js";
+import { t as twMerge, a5 as clsx, a6 as get, a7 as set, a8 as appendErrors, a9 as useFormContext, aa as Primitive, ab as cva, ac as FormProvider, ad as Controller, ae as Slot, af as useForm, ag as Root2, ah as List, ai as Trigger, aj as Content, ak as setModelName, al as setModelId, am as setModelDescription, an as setModelExtension, ao as setAuthorName, ap as setAuthorWebsite, aq as setStateSchema, ar as setInitialState, as as addModule, at as setModuleName, au as deleteModule, av as addOperation, aw as setOperationName, ax as setOperationSchema, ay as setOperationDescription, az as deleteOperation, aA as addOperationError, aB as deleteOperationError, aC as setOperationErrorName } from "./app-Cb8xcxJJ.js";
+import { ba as inspect$1, bb as GraphQLError$1, bc as getNamedType, bd as invariant$2, be as isInputObjectType, bf as isScalarType, bg as isObjectType, bh as isInterfaceType, bi as isUnionType, bj as isEnumType, bk as print, bl as isPrintableAsBlockString, bm as Kind, bn as astFromValue$1, bo as DEFAULT_DEPRECATION_REASON, bp as isSpecifiedDirective, bq as isSpecifiedScalarType, br as isIntrospectionType, bs as z, bt as GraphQLScalarType, Z as pascalCase, bu as parse, bv as visit, bw as buildASTSchema, bx as extendSchema, by as getNullableType, bz as isListType, $ as getDefaultExportFromCjs, bA as snakeCase, bB as constantCase, bC as isAbstractType, bD as BREAK, bE as GraphQLInputObjectType, bF as GraphQLList, bG as GraphQLEnumType, bH as GraphQLObjectType, bI as GraphQLInterfaceType, bJ as SchemaMetaFieldDef, bK as TypeMetaFieldDef, bL as TypeNameMetaFieldDef, bM as isCompositeType, bN as isOutputType, bO as isInputType, bP as GraphQLBoolean, bQ as assertAbstractType, bR as doTypesOverlap, bS as DirectiveLocation, bT as specifiedRules$1, bU as NoUnusedFragmentsRule$1, bV as ExecutableDefinitionsRule$1, bW as validate$2, bX as validateSchema, bY as GraphQLID, bZ as GraphQLString, b_ as GraphQLFloat, b$ as GraphQLInt, c0 as GraphQLDirective, c1 as GraphQLUnionType, c2 as isNonNullType, c3 as GraphQLNonNull, c4 as isNamedType, c5 as isLeafType, c6 as GraphQLSchema, c7 as buildSchema, c8 as sentenceCase, am as hashKey } from "./app-loader-CfbWOr8s.js";
 import * as React from "react";
 import React__default, { forwardRef, useRef, useCallback, useImperativeHandle, useEffect, useState, createContext, useContext, memo, useId, useMemo } from "react";
-import "./main.-_7fbZHa.js";
+import "./main.BNGQlqIn.js";
 import "@powerhousedao/reactor-browser";
 import "react-dom";
 import "@powerhousedao/reactor-browser/hooks/useUiNodesContext";

package/dist/assets/{index-CvT8Fjzs.js → index-D5GGGw27.js}

@@ -10,10 +10,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _DB_NAME, _STORE_NAME, _KEY, _db, _BrowserKeyStorage_instances, useStore_fn, _subtleCrypto, _keyPair, _keyPairStorage, _did, _ConnectCrypto_instances, initCrypto_fn, initialize_fn, parseDid_fn, generateECDSAKeyPair_fn, exportKeyPair_fn, importKeyPair_fn, _sign, _verify, _store, _namespace, _BaseStorage_instances, buildKey_fn, _baseUrl, _store2, _connectId, _eventEmitter, _Renown_instances, updateUser_fn, getCredential_fn;
-import { _ as __vitePreload } from "./main.-_7fbZHa.js";
-import { aW as getAugmentedNamespace, $ as getDefaultExportFromCjs, ah as connectConfig, ac as logger } from "./app-loader-CrrV0_f9.js";
-import { e as eventsExports, R as RENOWN_URL, g as getEnsInfo } from "./app-CDyci3gH.js";
-import { d, c, b, f, a, r, s } from "./app-CDyci3gH.js";
+import { _ as __vitePreload } from "./main.BNGQlqIn.js";
+import { aW as getAugmentedNamespace, $ as getDefaultExportFromCjs, ah as connectConfig, ac as logger } from "./app-loader-CfbWOr8s.js";
+import { e as eventsExports, R as RENOWN_URL, g as getEnsInfo } from "./app-Cb8xcxJJ.js";
+import { d, c, b, f, a, r, s } from "./app-Cb8xcxJJ.js";
 import "react/jsx-runtime";
 import "react";
 import "@powerhousedao/reactor-browser";

package/dist/assets/{main.-_7fbZHa.js → main.BNGQlqIn.js}

@@ -99,7 +99,7 @@ const __vitePreload = function preload(baseModule, deps, importerUrl) {
     return baseModule().catch(handlePreloadError);
   });
 };
-__vitePreload(() => import("./index-BomSBpCj.js"), true ? [] : void 0);
+__vitePreload(() => import("./index-Ck3cnDWg.js"), true ? [] : void 0);
 export {
   __vitePreload as _
 };

package/dist/hmr.js

@@ -1,4 +1,4 @@
-const hmr = void 0;
+const hmr = import.meta.hot;
 export {
   hmr
 };

package/dist/index.html

@@ -94,4 +94,4 @@
     "@powerhousedao/reactor-browser/utils/index": "/modules/@powerhousedao/reactor-browser/utils/index.js",
     "@powerhousedao/reactor-browser/utils/signature": "/modules/@powerhousedao/reactor-browser/utils/signature.js"
   }
-}</script><script type="module" crossorigin="" src="/assets/main.-_7fbZHa.js"></script></head><body><div id="app"></div></body></html>
+}</script><script type="module" crossorigin="" src="/assets/main.BNGQlqIn.js"></script></head><body><div id="app"></div></body></html>

package/dist/vite-envs.sh

@@ -11,7 +11,7 @@ replaceAll() {
     }'
 }
 
-html=$(echo "PCFET0NUWVBFIGh0bWw+PGh0bWw+PGhlYWQ+PG1ldGEgY2hhcnNldD0iVVRGLTgiPjxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsaW5pdGlhbC1zY2FsZT0xIj48dGl0bGU+UG93ZXJob3VzZSBDb25uZWN0PC90aXRsZT48YmFzZSBocmVmPSIvIj48bGluayByZWw9Imljb24iIGhyZWY9Ii9pY29uLmljbyI+PCEtLSB2aXRlLWVudnMgc2NyaXB0IHBsYWNlaG9sZGVyIHhLc1BtTHMzMHN3S3NkSXNWeCAtLT48c2NyaXB0IHR5cGU9ImltcG9ydG1hcCI+ewogICJpbXBvcnRzIjogewogICAgInJlYWN0IjogImh0dHBzOi8vZXNtLnNoL3JlYWN0IiwKICAgICJyZWFjdC8iOiAiaHR0cHM6Ly9lc20uc2gvcmVhY3QvIiwKICAgICJyZWFjdC1kb20iOiAiaHR0cHM6Ly9lc20uc2gvcmVhY3QtZG9tIiwKICAgICJyZWFjdC1kb20vIjogImh0dHBzOi8vZXNtLnNoL3JlYWN0LWRvbS8iLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3NlciI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaW5kZXguanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9kb2N1bWVudC1tb2RlbCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvZG9jdW1lbnQtbW9kZWwuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaW5kZXguanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9yZWFjdG9yIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9yZWFjdG9yLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvY29udGV4dC9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvY29udGV4dC9pbmRleC5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2NvbnRleHQvcmVhZC1tb2RlIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9jb250ZXh0L3JlYWQtbW9kZS5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2NyeXB0by9icm93c2VyIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9jcnlwdG8vYnJvd3Nlci5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2NyeXB0by9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvY3J5cHRvL2luZGV4LmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvZG9jdW1lbnQtc3RhdGUiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL2RvY3VtZW50LXN0YXRlLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvaW5kZXgiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL2luZGV4LmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlQWRkRGVib3VuY2VkT3BlcmF0aW9ucyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlQWRkRGVib3VuY2VkT3BlcmF0aW9ucy5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZUNvbm5lY3RDcnlwdG8iOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZUNvbm5lY3RDcnlwdG8uanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEb2N1bWVudCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRG9jdW1lbnQuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEb2N1bWVudERpc3BhdGNoIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEb2N1bWVudERpc3BhdGNoLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRG9jdW1lbnREcml2ZXMiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZURvY3VtZW50RHJpdmVzLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRG9jdW1lbnRFZGl0b3IiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZURvY3VtZW50RWRpdG9yLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRHJpdmVBY3Rpb25zIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEcml2ZUFjdGlvbnMuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEcml2ZUFjdGlvbnNXaXRoVWlOb2RlcyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRHJpdmVBY3Rpb25zV2l0aFVpTm9kZXMuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEcml2ZUNvbnRleHQiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZURyaXZlQ29udGV4dC5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZVVpTm9kZXNDb250ZXh0IjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VVaU5vZGVzQ29udGV4dC5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZVVzZXJQZXJtaXNzaW9ucyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlVXNlclBlcm1pc3Npb25zLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvcmVub3duL2NvbnN0YW50cyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvcmVub3duL2NvbnN0YW50cy5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL3Jlbm93bi90eXBlcyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvcmVub3duL3R5cGVzLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvc3RvcmFnZS9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvc3RvcmFnZS9pbmRleC5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL3N0b3JhZ2UvdHlwZXMiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL3N0b3JhZ2UvdHlwZXMuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91aU5vZGVzL2NvbnN0YW50cyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvdWlOb2Rlcy9jb25zdGFudHMuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91aU5vZGVzL3R5cGVzIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91aU5vZGVzL3R5cGVzLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvdXRpbHMvZXhwb3J0LWRvY3VtZW50IjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91dGlscy9leHBvcnQtZG9jdW1lbnQuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91dGlscy9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvdXRpbHMvaW5kZXguanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91dGlscy9zaWduYXR1cmUiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL3V0aWxzL3NpZ25hdHVyZS5qcyIKICB9Cn08L3NjcmlwdD48c2NyaXB0IHR5cGU9Im1vZHVsZSIgY3Jvc3NvcmlnaW49IiIgc3JjPSIvYXNzZXRzL21haW4uLV83ZmJaSGEuanMiPjwvc2NyaXB0PjwvaGVhZD48Ym9keT48ZGl2IGlkPSJhcHAiPjwvZGl2PjwvYm9keT48L2h0bWw+" | base64 -d)
+html=$(echo "PCFET0NUWVBFIGh0bWw+PGh0bWw+PGhlYWQ+PG1ldGEgY2hhcnNldD0iVVRGLTgiPjxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Utd2lkdGgsaW5pdGlhbC1zY2FsZT0xIj48dGl0bGU+UG93ZXJob3VzZSBDb25uZWN0PC90aXRsZT48YmFzZSBocmVmPSIvIj48bGluayByZWw9Imljb24iIGhyZWY9Ii9pY29uLmljbyI+PCEtLSB2aXRlLWVudnMgc2NyaXB0IHBsYWNlaG9sZGVyIHhLc1BtTHMzMHN3S3NkSXNWeCAtLT48c2NyaXB0IHR5cGU9ImltcG9ydG1hcCI+ewogICJpbXBvcnRzIjogewogICAgInJlYWN0IjogImh0dHBzOi8vZXNtLnNoL3JlYWN0IiwKICAgICJyZWFjdC8iOiAiaHR0cHM6Ly9lc20uc2gvcmVhY3QvIiwKICAgICJyZWFjdC1kb20iOiAiaHR0cHM6Ly9lc20uc2gvcmVhY3QtZG9tIiwKICAgICJyZWFjdC1kb20vIjogImh0dHBzOi8vZXNtLnNoL3JlYWN0LWRvbS8iLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3NlciI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaW5kZXguanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9kb2N1bWVudC1tb2RlbCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvZG9jdW1lbnQtbW9kZWwuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaW5kZXguanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9yZWFjdG9yIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9yZWFjdG9yLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvY29udGV4dC9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvY29udGV4dC9pbmRleC5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2NvbnRleHQvcmVhZC1tb2RlIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9jb250ZXh0L3JlYWQtbW9kZS5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2NyeXB0by9icm93c2VyIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9jcnlwdG8vYnJvd3Nlci5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2NyeXB0by9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvY3J5cHRvL2luZGV4LmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvZG9jdW1lbnQtc3RhdGUiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL2RvY3VtZW50LXN0YXRlLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvaW5kZXgiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL2luZGV4LmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlQWRkRGVib3VuY2VkT3BlcmF0aW9ucyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlQWRkRGVib3VuY2VkT3BlcmF0aW9ucy5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZUNvbm5lY3RDcnlwdG8iOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZUNvbm5lY3RDcnlwdG8uanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEb2N1bWVudCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRG9jdW1lbnQuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEb2N1bWVudERpc3BhdGNoIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEb2N1bWVudERpc3BhdGNoLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRG9jdW1lbnREcml2ZXMiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZURvY3VtZW50RHJpdmVzLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRG9jdW1lbnRFZGl0b3IiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZURvY3VtZW50RWRpdG9yLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRHJpdmVBY3Rpb25zIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEcml2ZUFjdGlvbnMuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEcml2ZUFjdGlvbnNXaXRoVWlOb2RlcyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlRHJpdmVBY3Rpb25zV2l0aFVpTm9kZXMuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VEcml2ZUNvbnRleHQiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZURyaXZlQ29udGV4dC5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZVVpTm9kZXNDb250ZXh0IjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci9ob29rcy91c2VVaU5vZGVzQ29udGV4dC5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL2hvb2tzL3VzZVVzZXJQZXJtaXNzaW9ucyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvaG9va3MvdXNlVXNlclBlcm1pc3Npb25zLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvcmVub3duL2NvbnN0YW50cyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvcmVub3duL2NvbnN0YW50cy5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL3Jlbm93bi90eXBlcyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvcmVub3duL3R5cGVzLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvc3RvcmFnZS9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvc3RvcmFnZS9pbmRleC5qcyIsCiAgICAiQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL3N0b3JhZ2UvdHlwZXMiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL3N0b3JhZ2UvdHlwZXMuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91aU5vZGVzL2NvbnN0YW50cyI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvdWlOb2Rlcy9jb25zdGFudHMuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91aU5vZGVzL3R5cGVzIjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91aU5vZGVzL3R5cGVzLmpzIiwKICAgICJAcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvdXRpbHMvZXhwb3J0LWRvY3VtZW50IjogIi9tb2R1bGVzL0Bwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91dGlscy9leHBvcnQtZG9jdW1lbnQuanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91dGlscy9pbmRleCI6ICIvbW9kdWxlcy9AcG93ZXJob3VzZWRhby9yZWFjdG9yLWJyb3dzZXIvdXRpbHMvaW5kZXguanMiLAogICAgIkBwb3dlcmhvdXNlZGFvL3JlYWN0b3ItYnJvd3Nlci91dGlscy9zaWduYXR1cmUiOiAiL21vZHVsZXMvQHBvd2VyaG91c2VkYW8vcmVhY3Rvci1icm93c2VyL3V0aWxzL3NpZ25hdHVyZS5qcyIKICB9Cn08L3NjcmlwdD48c2NyaXB0IHR5cGU9Im1vZHVsZSIgY3Jvc3NvcmlnaW49IiIgc3JjPSIvYXNzZXRzL21haW4uQk5HUWxxSW4uanMiPjwvc2NyaXB0PjwvaGVhZD48Ym9keT48ZGl2IGlkPSJhcHAiPjwvZGl2PjwvYm9keT48L2h0bWw+" | base64 -d)
 
 BASE_URL_base64="eEFwV2RSclg5OWtQclZnZ0UiLyIK"
 BASE_URL=$(echo "Lwo=" | base64 -d)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/connect",
   "productName": "Powerhouse-Connect",
-  "version": "1.0.1-dev.0",
+  "version": "1.0.1-dev.1",
   "description": "Powerhouse Connect",
   "main": "./dist/index.html",
   "type": "module",
@@ -82,14 +82,14 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.2",
     "xvfb-maybe": "^0.2.1",
-    "@powerhousedao/builder-tools": "0.9.8-dev.0",
-    "@powerhousedao/config": "1.27.0-dev.0",
-    "@powerhousedao/design-system": "1.39.4-dev.0",
-    "@powerhousedao/reactor-browser": "1.22.9-dev.0",
+    "@powerhousedao/builder-tools": "0.9.9-dev.0",
+    "@powerhousedao/common": "1.10.10-dev.0",
+    "@powerhousedao/config": "1.27.0-dev.1",
     "@powerhousedao/scalars": "1.33.1-dev.0",
-    "@powerhousedao/common": "1.10.9-dev.0",
-    "document-drive": "1.29.2-dev.0",
-    "document-model": "2.28.0"
+    "@powerhousedao/design-system": "1.39.4-dev.1",
+    "document-drive": "1.29.3-dev.0",
+    "document-model": "2.28.0",
+    "@powerhousedao/reactor-browser": "1.22.10-dev.0"
   },
   "optionalDependencies": {
     "@esbuild/linux-x64": "^0.21.4",