jazz-tools 0.19.10 → 0.19.12

package/dist/inspector/pages/home.d.ts

@@ -0,0 +1,2 @@
+export declare function HomePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=home.d.ts.map

package/dist/inspector/pages/home.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../../src/inspector/pages/home.tsx"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,4CAmDvB"}

package/dist/inspector/register-custom-element.js

@@ -1,5 +1,5 @@
 // src/inspector/register-custom-element.ts
 if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
-  import("./custom-element-P76EIWEV.js");
+  import("./custom-element-KYV64IOC.js");
 }
 //# sourceMappingURL=register-custom-element.js.map

package/dist/inspector/router/context.d.ts

@@ -0,0 +1,12 @@
+import { CoID, RawCoValue } from "cojson";
+import { PageInfo } from "../viewer/types.js";
+export interface Router {
+    path: PageInfo[];
+    setPage: (coId: CoID<RawCoValue>) => void;
+    addPages: (newPages: PageInfo[]) => void;
+    goToIndex: (index: number) => void;
+    goBack: () => void;
+}
+export declare const RouterContext: import("react").Context<Router | null>;
+export declare function useRouter(): Router;
+//# sourceMappingURL=context.d.ts.map

package/dist/inspector/router/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/inspector/router/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACzC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,wCAAqC,CAAC;AAEhE,wBAAgB,SAAS,IAAI,MAAM,CAMlC"}

package/dist/inspector/router/hash-router.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { PageInfo } from "../viewer/types.js";
+export declare function HashRouterProvider({ children, defaultPath, }: {
+    children: ReactNode;
+    defaultPath?: PageInfo[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=hash-router.d.ts.map

package/dist/inspector/router/hash-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-router.d.ts","sourceRoot":"","sources":["../../../src/inspector/router/hash-router.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC1B,2CAyFA"}

package/dist/inspector/router/in-memory-router.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { PageInfo } from "../viewer/types.js";
+export declare function InMemoryRouterProvider({ children, defaultPath, }: {
+    children: ReactNode;
+    defaultPath?: PageInfo[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=in-memory-router.d.ts.map

package/dist/inspector/router/in-memory-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-memory-router.d.ts","sourceRoot":"","sources":["../../../src/inspector/router/in-memory-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAI9C,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC1B,2CAsDA"}

package/dist/inspector/router/index.d.ts

@@ -0,0 +1,5 @@
+export type { Router } from "./context.js";
+export { useRouter } from "./context.js";
+export { InMemoryRouterProvider } from "./in-memory-router.js";
+export { HashRouterProvider } from "./hash-router.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/inspector/router/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/inspector/router/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/inspector/standalone.d.ts

@@ -0,0 +1,6 @@
+type InspectorAppProps = {
+    defaultSyncServer?: string;
+};
+export default function InspectorStandalone(props: InspectorAppProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=standalone.d.ts.map

package/dist/inspector/standalone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"standalone.d.ts","sourceRoot":"","sources":["../../src/inspector/standalone.tsx"],"names":[],"mappings":"AASA,KAAK,iBAAiB,GAAG;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,2CAuBnE"}

package/dist/inspector/standalone.js

@@ -0,0 +1,420 @@
+"use client";
+import {
+  AccountOrGroupText,
+  Button,
+  GlobalStyles,
+  HashRouterProvider,
+  Header,
+  Icon,
+  Input,
+  Modal,
+  NodeContext,
+  NodeProvider,
+  PageStack,
+  useNode
+} from "./chunk-YQNK5Y7B.js";
+
+// src/inspector/standalone.tsx
+import React2 from "react";
+import { setup, styled as styled2 } from "goober";
+
+// src/inspector/account-switcher.tsx
+import { useCallback, useEffect, useState } from "react";
+import { styled } from "goober";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function AccountSwitcher({
+  defaultSyncServer
+}) {
+  const {
+    accountID: currentAccountId,
+    localNode,
+    createLocalNode,
+    reset
+  } = useNode();
+  const [accounts, setAccounts] = useState(() => {
+    const storedAccounts = localStorage.getItem("inspectorAccounts");
+    return storedAccounts ? JSON.parse(storedAccounts) : [];
+  });
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [selectedAccountId, setSelectedAccountId] = useState(() => {
+    const lastSelectedAccountId = localStorage.getItem(
+      "lastSelectedAccountId"
+    );
+    return lastSelectedAccountId ? lastSelectedAccountId : currentAccountId;
+  });
+  const [newAccountId, setNewAccountId] = useState("");
+  const [newAccountSecret, setNewAccountSecret] = useState("");
+  const [newAccountSyncServer, setNewAccountSyncServer] = useState(
+    "wss://cloud.jazz.tools"
+  );
+  const [addAccountError, setAddAccountError] = useState(null);
+  const addAccount = (id, secret, syncServer) => {
+    const newAccount = {
+      id,
+      secret,
+      syncServer
+    };
+    const accountExists = accounts.some((account) => account.id === id);
+    if (!accountExists) {
+      const updatedAccounts = [...accounts, newAccount];
+      setAccounts(updatedAccounts);
+      localStorage.setItem(
+        "inspectorAccounts",
+        JSON.stringify(updatedAccounts)
+      );
+      setSelectedAccountId(id);
+    } else {
+      setSelectedAccountId(id);
+    }
+    setNewAccountId("");
+    setNewAccountSecret("");
+    setNewAccountSyncServer(syncServer);
+    setAddAccountError(null);
+  };
+  const deleteAccount = (accountId) => {
+    const updatedAccounts = accounts.filter(
+      (account) => account.id !== accountId
+    );
+    setAccounts(updatedAccounts);
+    localStorage.setItem("inspectorAccounts", JSON.stringify(updatedAccounts));
+    if (updatedAccounts.length > 0) {
+      setCurrentAccount(updatedAccounts[0].id);
+    } else {
+      setSelectedAccountId(null);
+      localStorage.removeItem("lastSelectedAccountId");
+      reset();
+    }
+  };
+  const deleteCurrentAccount = () => {
+    if (currentAccountId) {
+      deleteAccount(currentAccountId);
+    }
+  };
+  const setCurrentAccount = useCallback(
+    async (accountId) => {
+      if (accountId === null) {
+        localStorage.removeItem("lastSelectedAccountId");
+        reset();
+        setSelectedAccountId(null);
+        return;
+      }
+      const account = accounts.find((a) => a.id === accountId);
+      if (!account) {
+        throw new Error(`Account ${accountId} not found in accounts list`);
+      }
+      const syncServer = account.syncServer || defaultSyncServer || "wss://cloud.jazz.tools";
+      await createLocalNode(accountId, account.secret, syncServer);
+      setSelectedAccountId(accountId);
+      localStorage.setItem("lastSelectedAccountId", accountId);
+    },
+    [createLocalNode, accounts, defaultSyncServer]
+  );
+  const handleModalCancel = () => {
+    setSelectedAccountId(currentAccountId);
+    setNewAccountId("");
+    setNewAccountSecret("");
+    setNewAccountSyncServer("wss://cloud.jazz.tools/");
+    setAddAccountError(null);
+    setIsModalOpen(false);
+  };
+  const handleNewAccountIdChange = (e) => {
+    const value = e.target.value;
+    setNewAccountId(value);
+    if (value.trim().startsWith("{") && value.trim().endsWith("}")) {
+      try {
+        const parsed = JSON.parse(value);
+        if (parsed.accountID && parsed.accountSecret) {
+          setNewAccountId(parsed.accountID);
+          setNewAccountSecret(parsed.accountSecret);
+        }
+      } catch (error) {
+        console.log("Failed to parse JSON:", error);
+      }
+    }
+  };
+  const handleAddAccountSubmit = async (e) => {
+    e.preventDefault();
+    if (!newAccountId || !newAccountSecret) {
+      setAddAccountError("Account ID and secret are required");
+      return;
+    }
+    try {
+      addAccount(
+        newAccountId,
+        newAccountSecret,
+        newAccountSyncServer
+      );
+      setSelectedAccountId(newAccountId);
+      setIsModalOpen(false);
+    } catch (error) {
+      setAddAccountError(
+        error instanceof Error ? error.message : "Failed to add account"
+      );
+      deleteAccount(newAccountId);
+    }
+  };
+  useEffect(() => {
+    if (selectedAccountId) {
+      setCurrentAccount(selectedAccountId);
+    }
+  }, [selectedAccountId]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(AccountSwitcherContainer, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: () => {
+            setSelectedAccountId(currentAccountId);
+            setIsModalOpen(true);
+          },
+          className: "max-w-96",
+          children: currentAccountId ? localNode ? /* @__PURE__ */ jsx(
+            AccountOrGroupText,
+            {
+              coId: currentAccountId,
+              showId: true,
+              node: localNode
+            }
+          ) : currentAccountId : "Select account"
+        }
+      ),
+      currentAccountId && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          onClick: deleteCurrentAccount,
+          className: "rounded-md p-2 ml-1",
+          "aria-label": "Remove account",
+          children: /* @__PURE__ */ jsx(Icon, { name: "delete", className: "text-gray-500" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        isOpen: isModalOpen,
+        onClose: handleModalCancel,
+        heading: "Select Account",
+        showButtons: false,
+        wide: true,
+        children: /* @__PURE__ */ jsxs(ModalContentGrid, { children: [
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(AccountSelectionFieldset, { children: [
+            /* @__PURE__ */ jsx("legend", { children: "Accounts" }),
+            accounts.length === 0 ? /* @__PURE__ */ jsx("p", { style: { color: "var(--j-text-color)", margin: "0.5rem 0" }, children: "No accounts available. Add one below." }) : accounts.map((account) => /* @__PURE__ */ jsxs(RadioOption, { children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  id: `account-${account.id}`,
+                  name: "account-selection",
+                  value: account.id,
+                  checked: selectedAccountId === account.id,
+                  onChange: (e) => setSelectedAccountId(e.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsx("label", { htmlFor: `account-${account.id}`, children: /* @__PURE__ */ jsxs(AccountLabelContent, { children: [
+                localNode ? /* @__PURE__ */ jsx(
+                  AccountOrGroupText,
+                  {
+                    coId: account.id,
+                    showId: true,
+                    node: localNode
+                  }
+                ) : account.id,
+                /* @__PURE__ */ jsx(SyncServerText, { children: account.syncServer ?? "cloud.jazz.tools" })
+              ] }) })
+            ] }, account.id))
+          ] }) }),
+          /* @__PURE__ */ jsxs(ModalAddAccountForm, { onSubmit: handleAddAccountSubmit, children: [
+            /* @__PURE__ */ jsx(FormHeading, { children: "Add an account to inspect" }),
+            /* @__PURE__ */ jsxs(FormDescription, { children: [
+              "Use the ",
+              /* @__PURE__ */ jsx(CodeInline, { children: "jazz-logged-in-secret" }),
+              " local storage key from within your Jazz app for your account credentials. You can paste the full JSON object or enter the ID and secret separately."
+            ] }),
+            addAccountError && /* @__PURE__ */ jsx(ErrorText, { children: addAccountError }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Account ID",
+                value: newAccountId,
+                required: true,
+                placeholder: "co_z1234567890abcdef123456789 or paste full JSON",
+                onChange: handleNewAccountIdChange
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Account secret",
+                type: "password",
+                required: true,
+                value: newAccountSecret,
+                onChange: (e) => setNewAccountSecret(e.target.value),
+                placeholder: "sealerSecret_ziz7NA12340abcdef123789..."
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                label: "Sync server",
+                required: true,
+                value: newAccountSyncServer,
+                onChange: (e) => setNewAccountSyncServer(e.target.value),
+                placeholder: "wss://cloud.jazz.tools/"
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { className: "mt-3", type: "submit", children: "Add account" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+var AccountSwitcherContainer = styled("div")`
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  gap: 0.25rem;
+`;
+var ModalContentGrid = styled("div")`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+
+  @media (min-width: 768px) {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.5rem;
+  }
+`;
+var AccountSelectionFieldset = styled("fieldset")`
+  border: 1px solid var(--j-border-color);
+  border-radius: var(--j-radius-md);
+  padding: 1rem;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+
+  legend {
+    padding: 0 0.5rem;
+    font-weight: 500;
+    color: var(--j-text-color);
+  }
+`;
+var ConfirmButtonContainer = styled("div")`
+  margin-top: 0.5rem;
+  display: flex;
+  justify-content: flex-end;
+`;
+var RadioOption = styled("div")`
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+
+  input[type="radio"] {
+    margin: 0;
+    cursor: pointer;
+    margin-top: 0.25rem;
+  }
+
+  label {
+    cursor: pointer;
+    color: var(--j-text-color);
+    flex: 1;
+  }
+`;
+var AccountLabelContent = styled("div")`
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+`;
+var SyncServerText = styled("span")`
+  font-style: italic;
+  font-size: 0.875rem;
+  color: var(--j-text-color);
+  opacity: 0.7;
+`;
+var ModalAddAccountForm = styled("form")`
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+
+  @media (max-width: 767px) {
+    padding-top: 1rem;
+    border-top: 1px solid var(--j-border-color);
+  }
+`;
+var ErrorText = styled("p")`
+  color: #b91c1c;
+  font-size: 0.875rem;
+  margin: 0;
+  padding: 0.5rem;
+  background-color: #fee2e2;
+  border-radius: var(--j-radius-sm);
+  border: 1px solid #f87171;
+
+  @media (prefers-color-scheme: dark) {
+    color: #fca5a5;
+    background-color: #7f1d1d;
+    border-color: #991b1b;
+  }
+`;
+var FormHeading = styled("h2")`
+  font-size: 1.5rem;
+  font-weight: 500;
+  color: #111827;
+
+  @media (prefers-color-scheme: dark) {
+    color: #fff;
+  }
+`;
+var FormDescription = styled("p")`
+  margin-bottom: 1.25rem;
+  font-size: 0.875rem;
+  color: var(--j-text-color);
+`;
+var CodeInline = styled("code")`
+  white-space: nowrap;
+  color: #0c0a09;
+  font-weight: 600;
+
+  @media (prefers-color-scheme: dark) {
+    color: #fff;
+  }
+`;
+
+// src/inspector/standalone.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+setup(React2.createElement);
+function InspectorStandalone(props) {
+  return /* @__PURE__ */ jsx2(HashRouterProvider, { children: /* @__PURE__ */ jsx2(NodeProvider, { children: /* @__PURE__ */ jsxs2(InspectorContainer, { as: GlobalStyles, children: [
+    /* @__PURE__ */ jsx2(Header, { children: /* @__PURE__ */ jsx2(AccountSwitcher, { defaultSyncServer: props.defaultSyncServer }) }),
+    /* @__PURE__ */ jsx2(NodeContext.Consumer, { children: ({ accountID }) => accountID ? /* @__PURE__ */ jsx2(PageStack, {}) : /* @__PURE__ */ jsx2(CenteredMessage, { children: "Select an account to connect to the inspector." }) })
+  ] }) }) });
+}
+var InspectorContainer = styled2("div")`
+  height: 100vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  color: #44403c; /* text-stone-700 */
+  background-color: #fff; /* bg-white */
+
+  @media (prefers-color-scheme: dark) {
+    color: #d6d3d1; /* text-stone-300 */
+    background-color: #0c0a09; /* bg-stone-950 */
+  }
+`;
+var CenteredMessage = styled2("p")`
+  text-align: center;
+  margin: 0;
+  padding: 1rem;
+  color: var(--j-text-color);
+`;
+export {
+  InspectorStandalone as default
+};
+//# sourceMappingURL=standalone.js.map

package/dist/inspector/standalone.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/inspector/standalone.tsx","../../src/inspector/account-switcher.tsx"],"sourcesContent":["import React from \"react\";\nimport { HashRouterProvider } from \"./router\";\nimport { setup, styled } from \"goober\";\nimport { NodeContext, NodeProvider } from \"./contexts/node\";\nimport { Header } from \"./viewer/header\";\nimport { GlobalStyles } from \"./ui/global-styles\";\nimport { PageStack } from \"./viewer/page-stack\";\nimport { AccountSwitcher } from \"./account-switcher\";\n\ntype InspectorAppProps = {\n  defaultSyncServer?: string;\n};\n\nsetup(React.createElement);\n\nexport default function InspectorStandalone(props: InspectorAppProps) {\n  return (\n    <HashRouterProvider>\n      <NodeProvider>\n        <InspectorContainer as={GlobalStyles}>\n          <Header>\n            <AccountSwitcher defaultSyncServer={props.defaultSyncServer} />\n          </Header>\n          <NodeContext.Consumer>\n            {({ accountID }) =>\n              accountID ? (\n                <PageStack />\n              ) : (\n                <CenteredMessage>\n                  Select an account to connect to the inspector.\n                </CenteredMessage>\n              )\n            }\n          </NodeContext.Consumer>\n        </InspectorContainer>\n      </NodeProvider>\n    </HashRouterProvider>\n  );\n}\n\nconst InspectorContainer = styled(\"div\")`\n  height: 100vh;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  color: #44403c; /* text-stone-700 */\n  background-color: #fff; /* bg-white */\n\n  @media (prefers-color-scheme: dark) {\n    color: #d6d3d1; /* text-stone-300 */\n    background-color: #0c0a09; /* bg-stone-950 */\n  }\n`;\n\nconst CenteredMessage = styled(\"p\")`\n  text-align: center;\n  margin: 0;\n  padding: 1rem;\n  color: var(--j-text-color);\n`;\n","import type { AgentSecret, RawAccountID } from \"cojson\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { styled } from \"goober\";\nimport { useNode } from \"./contexts/node\";\nimport { Button, Icon, Input, Modal } from \"./ui\";\nimport { AccountOrGroupText } from \"./viewer/account-or-group-text\";\n\ninterface Account {\n  id: RawAccountID;\n  secret: AgentSecret;\n  syncServer?: string;\n}\n\ninterface JazzLoggedInSecret {\n  accountID: string;\n  accountSecret: string;\n  secretSeed?: number[];\n  provider?: string;\n}\n\nexport function AccountSwitcher({\n  defaultSyncServer,\n}: {\n  defaultSyncServer?: string;\n}) {\n  const {\n    accountID: currentAccountId,\n    localNode,\n    createLocalNode,\n    reset,\n  } = useNode();\n  const [accounts, setAccounts] = useState<Account[]>(() => {\n    const storedAccounts = localStorage.getItem(\"inspectorAccounts\");\n    return storedAccounts ? JSON.parse(storedAccounts) : [];\n  });\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [selectedAccountId, setSelectedAccountId] =\n    useState<RawAccountID | null>(() => {\n      const lastSelectedAccountId = localStorage.getItem(\n        \"lastSelectedAccountId\",\n      );\n      return lastSelectedAccountId\n        ? (lastSelectedAccountId as RawAccountID)\n        : currentAccountId;\n    });\n  const [newAccountId, setNewAccountId] = useState(\"\");\n  const [newAccountSecret, setNewAccountSecret] = useState(\"\");\n  const [newAccountSyncServer, setNewAccountSyncServer] = useState(\n    \"wss://cloud.jazz.tools\",\n  );\n  const [addAccountError, setAddAccountError] = useState<string | null>(null);\n\n  const addAccount = (\n    id: RawAccountID,\n    secret: AgentSecret,\n    syncServer: string,\n  ) => {\n    const newAccount: Account = {\n      id,\n      secret,\n      syncServer,\n    };\n    const accountExists = accounts.some((account) => account.id === id);\n    if (!accountExists) {\n      const updatedAccounts = [...accounts, newAccount];\n      setAccounts(updatedAccounts);\n      localStorage.setItem(\n        \"inspectorAccounts\",\n        JSON.stringify(updatedAccounts),\n      );\n      setSelectedAccountId(id);\n    } else {\n      setSelectedAccountId(id);\n    }\n\n    setNewAccountId(\"\");\n    setNewAccountSecret(\"\");\n    setNewAccountSyncServer(syncServer);\n    setAddAccountError(null);\n  };\n\n  const deleteAccount = (accountId: RawAccountID) => {\n    const updatedAccounts = accounts.filter(\n      (account) => account.id !== accountId,\n    );\n    setAccounts(updatedAccounts);\n    localStorage.setItem(\"inspectorAccounts\", JSON.stringify(updatedAccounts));\n    if (updatedAccounts.length > 0) {\n      setCurrentAccount(updatedAccounts[0]!.id);\n    } else {\n      setSelectedAccountId(null);\n      localStorage.removeItem(\"lastSelectedAccountId\");\n      reset();\n    }\n  };\n\n  const deleteCurrentAccount = () => {\n    if (currentAccountId) {\n      deleteAccount(currentAccountId);\n    }\n  };\n\n  const setCurrentAccount = useCallback(\n    async (accountId: RawAccountID | null) => {\n      if (accountId === null) {\n        localStorage.removeItem(\"lastSelectedAccountId\");\n        reset();\n        setSelectedAccountId(null);\n\n        return;\n      }\n\n      const account = accounts.find((a) => a.id === accountId);\n      if (!account) {\n        throw new Error(`Account ${accountId} not found in accounts list`);\n      }\n      const syncServer =\n        account.syncServer || defaultSyncServer || \"wss://cloud.jazz.tools\";\n\n      await createLocalNode(accountId, account.secret, syncServer);\n\n      setSelectedAccountId(accountId);\n      localStorage.setItem(\"lastSelectedAccountId\", accountId);\n    },\n    [createLocalNode, accounts, defaultSyncServer],\n  );\n\n  const handleModalCancel = () => {\n    setSelectedAccountId(currentAccountId);\n    setNewAccountId(\"\");\n    setNewAccountSecret(\"\");\n    setNewAccountSyncServer(\"wss://cloud.jazz.tools/\");\n    setAddAccountError(null);\n    setIsModalOpen(false);\n  };\n\n  const handleNewAccountIdChange = (\n    e: React.ChangeEvent<HTMLInputElement>,\n  ): void => {\n    const value = e.target.value;\n    setNewAccountId(value);\n\n    if (value.trim().startsWith(\"{\") && value.trim().endsWith(\"}\")) {\n      try {\n        const parsed: JazzLoggedInSecret = JSON.parse(value);\n        if (parsed.accountID && parsed.accountSecret) {\n          setNewAccountId(parsed.accountID);\n          setNewAccountSecret(parsed.accountSecret);\n        }\n      } catch (error) {\n        console.log(\"Failed to parse JSON:\", error);\n      }\n    }\n  };\n\n  const handleAddAccountSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!newAccountId || !newAccountSecret) {\n      setAddAccountError(\"Account ID and secret are required\");\n      return;\n    }\n    try {\n      // first: try to use the credentials\n      // if successful, add the account to the list\n      addAccount(\n        newAccountId as RawAccountID,\n        newAccountSecret as AgentSecret,\n        newAccountSyncServer,\n      );\n\n      // await setCurrentAccount(newAccountId as RawAccountID);\n      setSelectedAccountId(newAccountId as RawAccountID);\n\n      setIsModalOpen(false);\n    } catch (error) {\n      setAddAccountError(\n        error instanceof Error ? error.message : \"Failed to add account\",\n      );\n      deleteAccount(newAccountId as RawAccountID);\n    }\n  };\n\n  useEffect(() => {\n    if (selectedAccountId) {\n      setCurrentAccount(selectedAccountId);\n    }\n  }, [selectedAccountId]);\n\n  return (\n    <>\n      <AccountSwitcherContainer>\n        <Button\n          variant=\"secondary\"\n          onClick={() => {\n            setSelectedAccountId(currentAccountId);\n            setIsModalOpen(true);\n          }}\n          className=\"max-w-96\"\n        >\n          {currentAccountId ? (\n            localNode ? (\n              <AccountOrGroupText\n                coId={currentAccountId}\n                showId\n                node={localNode}\n              />\n            ) : (\n              currentAccountId\n            )\n          ) : (\n            \"Select account\"\n          )}\n        </Button>\n        {currentAccountId && (\n          <Button\n            variant=\"secondary\"\n            onClick={deleteCurrentAccount}\n            className=\"rounded-md p-2 ml-1\"\n            aria-label=\"Remove account\"\n          >\n            <Icon name=\"delete\" className=\"text-gray-500\" />\n          </Button>\n        )}\n      </AccountSwitcherContainer>\n\n      <Modal\n        isOpen={isModalOpen}\n        onClose={handleModalCancel}\n        heading=\"Select Account\"\n        showButtons={false}\n        wide={true}\n      >\n        <ModalContentGrid>\n          <div>\n            <AccountSelectionFieldset>\n              <legend>Accounts</legend>\n              {accounts.length === 0 ? (\n                <p style={{ color: \"var(--j-text-color)\", margin: \"0.5rem 0\" }}>\n                  No accounts available. Add one below.\n                </p>\n              ) : (\n                accounts.map((account) => (\n                  <RadioOption key={account.id}>\n                    <input\n                      type=\"radio\"\n                      id={`account-${account.id}`}\n                      name=\"account-selection\"\n                      value={account.id}\n                      checked={selectedAccountId === account.id}\n                      onChange={(e) =>\n                        setSelectedAccountId(e.target.value as RawAccountID)\n                      }\n                    />\n                    <label htmlFor={`account-${account.id}`}>\n                      <AccountLabelContent>\n                        {localNode ? (\n                          <AccountOrGroupText\n                            coId={account.id}\n                            showId\n                            node={localNode}\n                          />\n                        ) : (\n                          account.id\n                        )}\n                        <SyncServerText>\n                          {account.syncServer ?? \"cloud.jazz.tools\"}\n                        </SyncServerText>\n                      </AccountLabelContent>\n                    </label>\n                  </RadioOption>\n                ))\n              )}\n            </AccountSelectionFieldset>\n          </div>\n\n          <ModalAddAccountForm onSubmit={handleAddAccountSubmit}>\n            <FormHeading>Add an account to inspect</FormHeading>\n            <FormDescription>\n              Use the <CodeInline>jazz-logged-in-secret</CodeInline> local\n              storage key from within your Jazz app for your account\n              credentials. You can paste the full JSON object or enter the ID\n              and secret separately.\n            </FormDescription>\n            {addAccountError && <ErrorText>{addAccountError}</ErrorText>}\n            <Input\n              label=\"Account ID\"\n              value={newAccountId}\n              required\n              placeholder=\"co_z1234567890abcdef123456789 or paste full JSON\"\n              onChange={handleNewAccountIdChange}\n            />\n            <Input\n              label=\"Account secret\"\n              type=\"password\"\n              required\n              value={newAccountSecret}\n              onChange={(e) => setNewAccountSecret(e.target.value)}\n              placeholder=\"sealerSecret_ziz7NA12340abcdef123789...\"\n            />\n            <Input\n              label=\"Sync server\"\n              required\n              value={newAccountSyncServer}\n              onChange={(e) => setNewAccountSyncServer(e.target.value)}\n              placeholder=\"wss://cloud.jazz.tools/\"\n            />\n            <Button className=\"mt-3\" type=\"submit\">\n              Add account\n            </Button>\n          </ModalAddAccountForm>\n        </ModalContentGrid>\n      </Modal>\n    </>\n  );\n}\n\nconst AccountSwitcherContainer = styled(\"div\")`\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  gap: 0.25rem;\n`;\n\nconst ModalContentGrid = styled(\"div\")`\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n\n  @media (min-width: 768px) {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 1.5rem;\n  }\n`;\n\nconst AccountSelectionFieldset = styled(\"fieldset\")`\n  border: 1px solid var(--j-border-color);\n  border-radius: var(--j-radius-md);\n  padding: 1rem;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n\n  legend {\n    padding: 0 0.5rem;\n    font-weight: 500;\n    color: var(--j-text-color);\n  }\n`;\n\nconst ConfirmButtonContainer = styled(\"div\")`\n  margin-top: 0.5rem;\n  display: flex;\n  justify-content: flex-end;\n`;\n\nconst RadioOption = styled(\"div\")`\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5rem;\n\n  input[type=\"radio\"] {\n    margin: 0;\n    cursor: pointer;\n    margin-top: 0.25rem;\n  }\n\n  label {\n    cursor: pointer;\n    color: var(--j-text-color);\n    flex: 1;\n  }\n`;\n\nconst AccountLabelContent = styled(\"div\")`\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n`;\n\nconst SyncServerText = styled(\"span\")`\n  font-style: italic;\n  font-size: 0.875rem;\n  color: var(--j-text-color);\n  opacity: 0.7;\n`;\n\nconst ModalAddAccountForm = styled(\"form\")`\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n\n  @media (max-width: 767px) {\n    padding-top: 1rem;\n    border-top: 1px solid var(--j-border-color);\n  }\n`;\n\nconst ErrorText = styled(\"p\")`\n  color: #b91c1c;\n  font-size: 0.875rem;\n  margin: 0;\n  padding: 0.5rem;\n  background-color: #fee2e2;\n  border-radius: var(--j-radius-sm);\n  border: 1px solid #f87171;\n\n  @media (prefers-color-scheme: dark) {\n    color: #fca5a5;\n    background-color: #7f1d1d;\n    border-color: #991b1b;\n  }\n`;\n\nconst FormHeading = styled(\"h2\")`\n  font-size: 1.5rem;\n  font-weight: 500;\n  color: #111827;\n\n  @media (prefers-color-scheme: dark) {\n    color: #fff;\n  }\n`;\n\nconst FormDescription = styled(\"p\")`\n  margin-bottom: 1.25rem;\n  font-size: 0.875rem;\n  color: var(--j-text-color);\n`;\n\nconst CodeInline = styled(\"code\")`\n  white-space: nowrap;\n  color: #0c0a09;\n  font-weight: 600;\n\n  @media (prefers-color-scheme: dark) {\n    color: #fff;\n  }\n`;\n"],"mappings":"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","names":["React","styled","jsx","jsxs","React","styled"]}

package/dist/inspector/tests/router/hash-router.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hash-router.test.d.ts.map

package/dist/inspector/tests/router/hash-router.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-router.test.d.ts","sourceRoot":"","sources":["../../../../src/inspector/tests/router/hash-router.test.tsx"],"names":[],"mappings":""}

package/dist/inspector/tests/router/in-memory-router.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=in-memory-router.test.d.ts.map

package/dist/inspector/tests/router/in-memory-router.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-memory-router.test.d.ts","sourceRoot":"","sources":["../../../../src/inspector/tests/router/in-memory-router.test.tsx"],"names":[],"mappings":""}

package/dist/inspector/tests/utils/transactions-changes.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=transactions-changes.test.d.ts.map

package/dist/inspector/tests/utils/transactions-changes.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transactions-changes.test.d.ts","sourceRoot":"","sources":["../../../../src/inspector/tests/utils/transactions-changes.test.ts"],"names":[],"mappings":""}

package/dist/inspector/ui/modal.d.ts

@@ -10,6 +10,7 @@ interface ModalProps {
     onCancel?: () => void;
     showButtons?: boolean;
     className?: string;
+    wide?: boolean;
 }
 export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDialogElement>>;
 export {};

package/dist/inspector/ui/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/modal.tsx"],"names":[],"mappings":"AAKA,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6DD,eAAO,MAAM,KAAK,0GA6EjB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/inspector/ui/modal.tsx"],"names":[],"mappings":"AAKA,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AA6DD,eAAO,MAAM,KAAK,0GA+EjB,CAAC"}

package/dist/inspector/utils/transactions-changes.d.ts

@@ -2,37 +2,37 @@ import type { AccountRole, BinaryStreamStart, CoID, RawCoValue, Role } from "coj
 import type { ListOpPayload } from "cojson/dist/coValues/coList.js";
 import type { MapOpPayload } from "cojson/dist/coValues/coMap.js";
 import type { BinaryStreamChunk, BinaryStreamEnd } from "cojson/dist/coValues/coStream.js";
-export declare const isGroupExtension: (change: any) => change is Extract<MapOpPayload<`child_${string}`, "extend">, {
+export declare const isGroupExtension: (coValue: RawCoValue, change: any) => change is Extract<MapOpPayload<`child_${string}`, "extend">, {
     op: "set";
 }>;
-export declare const isGroupExtendRevocation: (change: any) => change is Extract<MapOpPayload<`child_${string}`, "revoked">, {
+export declare const isGroupExtendRevocation: (coValue: RawCoValue, change: any) => change is Extract<MapOpPayload<`child_${string}`, "revoked">, {
     op: "set";
 }>;
-export declare const isGroupPromotion: (change: any) => change is Extract<MapOpPayload<`parent_co_${string}`, AccountRole>, {
+export declare const isGroupPromotion: (coValue: RawCoValue, change: any) => change is Extract<MapOpPayload<`parent_co_${string}`, AccountRole>, {
     op: "set";
 }>;
-export declare const isUserPromotion: (change: any) => change is Extract<MapOpPayload<CoID<RawCoValue>, Role>, {
+export declare const isUserPromotion: (coValue: RawCoValue, change: any) => change is Extract<MapOpPayload<CoID<RawCoValue>, Role>, {
     op: "set";
 }>;
-export declare const isKeyRevelation: (change: any) => change is Extract<MapOpPayload<`${string}_for_${string}`, string>, {
+export declare const isKeyRevelation: (coValue: RawCoValue, change: any) => change is Extract<MapOpPayload<`${string}_for_${string}`, string>, {
     op: "set";
 }>;
-export declare const isPropertySet: (change: any) => change is Extract<MapOpPayload<string, any>, {
+export declare const isPropertySet: (coValue: RawCoValue, change: any) => change is Extract<MapOpPayload<string, any>, {
     op: "set";
 }>;
-export declare const isPropertyDeletion: (change: any) => change is Extract<MapOpPayload<string, any>, {
+export declare const isPropertyDeletion: (coValue: RawCoValue, change: any) => change is Extract<MapOpPayload<string, any>, {
     op: "del";
 }>;
-export declare const isItemAppend: (change: any) => change is Extract<ListOpPayload<any>, {
+export declare const isItemAppend: (coValue: RawCoValue, change: any) => change is Extract<ListOpPayload<any>, {
     op: "app";
 }>;
-export declare const isItemPrepend: (change: any) => change is Extract<ListOpPayload<any>, {
+export declare const isItemPrepend: (coValue: RawCoValue, change: any) => change is Extract<ListOpPayload<any>, {
     op: "pre";
 }>;
-export declare const isItemDeletion: (change: any) => change is Extract<ListOpPayload<any>, {
+export declare const isItemDeletion: (coValue: RawCoValue, change: any) => change is Extract<ListOpPayload<any>, {
     op: "del";
 }>;
-export declare const isStreamStart: (change: any) => change is BinaryStreamStart;
-export declare const isStreamChunk: (change: any) => change is BinaryStreamChunk;
-export declare const isStreamEnd: (change: any) => change is BinaryStreamEnd;
+export declare const isStreamStart: (coValue: RawCoValue, change: any) => change is BinaryStreamStart;
+export declare const isStreamChunk: (coValue: RawCoValue, change: any) => change is BinaryStreamChunk;
+export declare const isStreamEnd: (coValue: RawCoValue, change: any) => change is BinaryStreamEnd;
 //# sourceMappingURL=transactions-changes.d.ts.map

package/dist/inspector/utils/transactions-changes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transactions-changes.d.ts","sourceRoot":"","sources":["../../../src/inspector/utils/transactions-changes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,IAAI,EACJ,UAAU,EACV,IAAI,EACL,MAAM,QAAQ,CAAC;AAChB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EAChB,MAAM,kCAAkC,CAAC;AAG1C,eAAO,MAAM,gBAAgB,WACnB,GAAG,KACV,MAAM,IAAI,OAAO,CAClB,YAAY,CAAC,SAAS,MAAM,EAAE,EAAE,QAAQ,CAAC,EACzC;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAGd,CAAC;AAEF,eAAO,MAAM,uBAAuB,WAC1B,GAAG,KACV,MAAM,IAAI,OAAO,CAClB,YAAY,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,CAAC,EAC1C;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAGd,CAAC;AAEF,eAAO,MAAM,gBAAgB,WACnB,GAAG,KACV,MAAM,IAAI,OAAO,CAClB,YAAY,CAAC,aAAa,MAAM,EAAE,EAAE,WAAW,CAAC,EAChD;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAGd,CAAC;AAEF,eAAO,MAAM,eAAe,WAClB,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAIvE,CAAC;AAEF,eAAO,MAAM,eAAe,WAClB,GAAG,KACV,MAAM,IAAI,OAAO,CAClB,YAAY,CAAC,GAAG,MAAM,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,EAC/C;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAGd,CAAC;AAEF,eAAO,MAAM,aAAa,WAChB,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAE5D,CAAC;AACF,eAAO,MAAM,kBAAkB,WACrB,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,WACf,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAErD,CAAC;AACF,eAAO,MAAM,aAAa,WAChB,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAErD,CAAC;AAEF,eAAO,MAAM,cAAc,WACjB,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAErD,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,GAAG,KAAG,MAAM,IAAI,iBAErD,CAAC;AAEF,eAAO,MAAM,aAAa,WAAY,GAAG,KAAG,MAAM,IAAI,iBAErD,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,GAAG,KAAG,MAAM,IAAI,eAEnD,CAAC"}
+{"version":3,"file":"transactions-changes.d.ts","sourceRoot":"","sources":["../../../src/inspector/utils/transactions-changes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,IAAI,EACJ,UAAU,EACV,IAAI,EACL,MAAM,QAAQ,CAAC;AAChB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EACV,iBAAiB,EACjB,eAAe,EAChB,MAAM,kCAAkC,CAAC;AAG1C,eAAO,MAAM,gBAAgB,YAClB,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAClB,YAAY,CAAC,SAAS,MAAM,EAAE,EAAE,QAAQ,CAAC,EACzC;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAId,CAAC;AAEF,eAAO,MAAM,uBAAuB,YACzB,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAClB,YAAY,CAAC,SAAS,MAAM,EAAE,EAAE,SAAS,CAAC,EAC1C;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAId,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAClB,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAClB,YAAY,CAAC,aAAa,MAAM,EAAE,EAAE,WAAW,CAAC,EAChD;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAId,CAAC;AAEF,eAAO,MAAM,eAAe,YACjB,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAKvE,CAAC;AAEF,eAAO,MAAM,eAAe,YACjB,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAClB,YAAY,CAAC,GAAG,MAAM,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,EAC/C;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAQd,CAAC;AAEF,eAAO,MAAM,aAAa,YACf,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAE5D,CAAC;AACF,eAAO,MAAM,kBAAkB,YACpB,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,YACd,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAGrD,CAAC;AACF,eAAO,MAAM,aAAa,YACf,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAGrD,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,UAAU,UACX,GAAG,KACV,MAAM,IAAI,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;IAAE,EAAE,EAAE,KAAK,CAAA;CAAE,CAGrD,CAAC;AAEF,eAAO,MAAM,aAAa,YACf,UAAU,UACX,GAAG,KACV,MAAM,IAAI,iBAGZ,CAAC;AAEF,eAAO,MAAM,aAAa,YACf,UAAU,UACX,GAAG,KACV,MAAM,IAAI,iBAGZ,CAAC;AAEF,eAAO,MAAM,WAAW,YACb,UAAU,UACX,GAAG,KACV,MAAM,IAAI,eAGZ,CAAC"}