@xyo-network/react-debug 9.0.0 → 9.0.2

package/dist/browser/hooks/useDebugBoundWitness.d.ts

@@ -1,27 +1,11 @@
-export declare const useDebugBoundWitness: (input?: string) => {
-    boundWitness: {
-        schema: "network.xyo.boundwitness" & {
-            readonly __schema: true;
-        };
-        addresses: (Lowercase<string> & {
-            readonly __hex: true;
-        } & {
-            readonly __address: true;
-        })[];
-        payload_hashes: import("@xylabs/sdk-js").BrandedHash[];
-        payload_schemas: import("@xyo-network/payload-model").BrandedSchema<string>[];
-        previous_hashes: (import("@xylabs/sdk-js").BrandedHash | null)[];
-        $signatures: (import("@xylabs/sdk-js").BrandedHex | null)[];
-        $destination?: (Lowercase<string> & {
-            readonly __hex: true;
-        } & {
-            readonly __address: true;
-        }) | undefined;
-        $sourceQuery?: import("@xylabs/sdk-js").BrandedHash | undefined;
-    } | undefined;
+import type { Hash } from '@xylabs/sdk-js';
+import type { BoundWitness } from '@xyo-network/boundwitness-model';
+export interface DebugBoundWitnessState {
+    boundWitness?: BoundWitness;
+    dataHash?: Hash;
     errors: Error[];
+    rootHash?: Hash;
     valid: boolean;
-    rootHash: import("@xylabs/sdk-js").BrandedHash | undefined;
-    dataHash: import("@xylabs/sdk-js").BrandedHash | undefined;
-};
+}
+export declare const useDebugBoundWitness: (input?: string) => DebugBoundWitnessState;
 //# sourceMappingURL=useDebugBoundWitness.d.ts.map

package/dist/browser/hooks/useDebugBoundWitness.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebugBoundWitness.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebugBoundWitness.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAalD,CAAA"}
+{"version":3,"file":"useDebugBoundWitness.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebugBoundWitness.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAGnE,MAAM,WAAW,sBAAsB;IACrC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM,KAAG,sBAarD,CAAA"}

package/dist/browser/hooks/useDebugPayload.d.ts

@@ -1,8 +1,11 @@
-export declare const useDebugPayload: (input?: string) => {
-    payload: import("@xyo-network/payload-model").Payload | undefined;
+import type { Hash } from '@xylabs/sdk-js';
+import type { Payload } from '@xyo-network/payload-model';
+export interface DebugPayloadState {
+    dataHash?: Hash;
     errors: Error[];
+    payload?: Payload;
+    rootHash?: Hash;
     valid: boolean;
-    rootHash: import("@xylabs/sdk-js").BrandedHash | undefined;
-    dataHash: import("@xylabs/sdk-js").BrandedHash | undefined;
-};
+}
+export declare const useDebugPayload: (input?: string) => DebugPayloadState;
 //# sourceMappingURL=useDebugPayload.d.ts.map

package/dist/browser/hooks/useDebugPayload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebugPayload.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebugPayload.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM;;;;;;CAQ7C,CAAA"}
+{"version":3,"file":"useDebugPayload.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebugPayload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAGzD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,KAAK,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,KAAG,iBAQhD,CAAA"}

package/dist/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/BoundWitnessDebugger.tsx", "../../src/hooks/useDebugBoundWitness.tsx", "../../src/hooks/useDebugPayload.tsx", "../../src/components/shared/Chips.tsx", "../../src/components/shared/JsonPayloadLikeViewerEx.tsx", "../../src/components/PayloadDebugger.tsx"],
-  "sourcesContent": ["import {\n  FormControl, Grid,\n  TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugBoundWitness } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nexport interface BoundWitnessDebuggerProps {\n  defaultBoundWitnessInput?: string\n}\n\nexport const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {\n  const [input, setInput] = useState<string>(defaultBoundWitnessInput)\n\n  const {\n    boundWitness, errors, rootHash, dataHash, valid,\n  } = useDebugBoundWitness(input)\n\n  return (\n    <Grid\n      container\n      sx={{ justifyContent: 'center' }}\n    >\n      <Grid\n        size={{ xs: 12, sm: 6 }}\n      >\n        <FlexCol\n          sx={{\n            gap: 2,\n            width: '100%',\n            alignItems: 'start',\n          }}\n        >\n          <h2>BoundWitness Debugger</h2>\n          <FormControl fullWidth>\n            <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n          </FormControl>\n          <JsonPayloadLikeViewerEx value={boundWitness} />\n          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n        </FlexCol>\n      </Grid>\n    </Grid>\n  )\n}\n", "import { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'\n\nexport const useDebugBoundWitness = (input?: string) => {\n  const { payload: boundWitness, errors } = useValidateBoundWitness(input)\n\n  const rootHash = usePayloadRootHash(boundWitness)\n  const dataHash = usePayloadRootHash(boundWitness)\n\n  return {\n    boundWitness,\n    errors: errors ?? [],\n    valid: errors ? errors.length === 0 : true,\n    rootHash,\n    dataHash,\n  }\n}\n", "import { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'\n\nexport const useDebugPayload = (input?: string) => {\n  const { payload, errors } = usePayloadValidate(input)\n  const rootHash = usePayloadRootHash(payload)\n  const dataHash = usePayloadRootHash(payload)\n\n  return {\n    payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,\n  }\n}\n", "import { CheckCircle } from '@mui/icons-material'\nimport { Chip, type ChipProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ValidationChipsProps extends ChipProps {\n  dataHash?: string\n  rootHash?: string\n  valid?: boolean\n}\nexport const ValidationChips: React.FC<ValidationChipsProps> = ({\n  dataHash, rootHash, valid,\n}) => {\n  return (\n    <>\n      {valid ? <Chip avatar={<CheckCircle color=\"success\" />} label=\"Protocol Valid\" /> : null}\n      {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}\n      {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}\n    </>\n  )\n}\n", "import { Paper, useTheme } from '@mui/material'\nimport { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport React from 'react'\n\nexport interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}\n\nexport const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {\n  const theme = useTheme()\n\n  return props.value\n    ? (\n        <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>\n          <JsonViewerEx style={{ width: '100%' }} {...props} />\n        </Paper>\n      )\n    : null\n}\n", "import {\n  FormControl, Grid, TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugPayload } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nconst defaultPayload = '{ \"schema\": \"network.xyo.test\", \"foo\": true }'\n\nexport const PayloadDebugger: React.FC = () => {\n  const [input, setInput] = useState<string>(defaultPayload)\n\n  const {\n    payload, errors, rootHash, dataHash, valid,\n  } = useDebugPayload(input)\n\n  return (\n    <Grid\n      container\n      sx={{ justifyContent: 'center' }}\n    >\n      <Grid\n        size={{ xs: 12, sm: 6 }}\n      >\n        <FlexCol\n          sx={{\n            gap: 2,\n            width: '100%',\n            alignItems: 'start',\n          }}\n        >\n          <h2>Payload Debugger</h2>\n          <FormControl fullWidth>\n            <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n          </FormControl>\n          <JsonPayloadLikeViewerEx value={payload} />\n          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n        </FlexCol>\n      </Grid>\n    </Grid>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  FormControl, Grid,\n  TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugBoundWitness } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nexport interface BoundWitnessDebuggerProps {\n  defaultBoundWitnessInput?: string\n}\n\nexport const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {\n  const [input, setInput] = useState<string>(defaultBoundWitnessInput)\n\n  const {\n    boundWitness, errors, rootHash, dataHash, valid,\n  } = useDebugBoundWitness(input)\n\n  return (\n    <Grid\n      container\n      sx={{ justifyContent: 'center' }}\n    >\n      <Grid\n        size={{ xs: 12, sm: 6 }}\n      >\n        <FlexCol\n          sx={{\n            gap: 2,\n            width: '100%',\n            alignItems: 'start',\n          }}\n        >\n          <h2>BoundWitness Debugger</h2>\n          <FormControl fullWidth>\n            <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n          </FormControl>\n          <JsonPayloadLikeViewerEx value={boundWitness} />\n          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n        </FlexCol>\n      </Grid>\n    </Grid>\n  )\n}\n", "import type { Hash } from '@xylabs/sdk-js'\nimport type { BoundWitness } from '@xyo-network/boundwitness-model'\nimport { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'\n\nexport interface DebugBoundWitnessState {\n  boundWitness?: BoundWitness\n  dataHash?: Hash\n  errors: Error[]\n  rootHash?: Hash\n  valid: boolean\n}\n\nexport const useDebugBoundWitness = (input?: string): DebugBoundWitnessState => {\n  const { payload: boundWitness, errors } = useValidateBoundWitness(input)\n\n  const rootHash = usePayloadRootHash(boundWitness)\n  const dataHash = usePayloadRootHash(boundWitness)\n\n  return {\n    boundWitness,\n    errors: errors ?? [],\n    valid: errors ? errors.length === 0 : true,\n    rootHash,\n    dataHash,\n  }\n}\n", "import type { Hash } from '@xylabs/sdk-js'\nimport type { Payload } from '@xyo-network/payload-model'\nimport { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'\n\nexport interface DebugPayloadState {\n  dataHash?: Hash\n  errors: Error[]\n  payload?: Payload\n  rootHash?: Hash\n  valid: boolean\n}\n\nexport const useDebugPayload = (input?: string): DebugPayloadState => {\n  const { payload, errors } = usePayloadValidate(input)\n  const rootHash = usePayloadRootHash(payload)\n  const dataHash = usePayloadRootHash(payload)\n\n  return {\n    payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,\n  }\n}\n", "import { CheckCircle } from '@mui/icons-material'\nimport { Chip, type ChipProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ValidationChipsProps extends ChipProps {\n  dataHash?: string\n  rootHash?: string\n  valid?: boolean\n}\nexport const ValidationChips: React.FC<ValidationChipsProps> = ({\n  dataHash, rootHash, valid,\n}) => {\n  return (\n    <>\n      {valid ? <Chip avatar={<CheckCircle color=\"success\" />} label=\"Protocol Valid\" /> : null}\n      {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}\n      {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}\n    </>\n  )\n}\n", "import { Paper, useTheme } from '@mui/material'\nimport { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport React from 'react'\n\nexport interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}\n\nexport const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {\n  const theme = useTheme()\n\n  return props.value\n    ? (\n        <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>\n          <JsonViewerEx style={{ width: '100%' }} {...props} />\n        </Paper>\n      )\n    : null\n}\n", "import {\n  FormControl, Grid, TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugPayload } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nconst defaultPayload = '{ \"schema\": \"network.xyo.test\", \"foo\": true }'\n\nexport const PayloadDebugger: React.FC = () => {\n  const [input, setInput] = useState<string>(defaultPayload)\n\n  const {\n    payload, errors, rootHash, dataHash, valid,\n  } = useDebugPayload(input)\n\n  return (\n    <Grid\n      container\n      sx={{ justifyContent: 'center' }}\n    >\n      <Grid\n        size={{ xs: 12, sm: 6 }}\n      >\n        <FlexCol\n          sx={{\n            gap: 2,\n            width: '100%',\n            alignItems: 'start',\n          }}\n        >\n          <h2>Payload Debugger</h2>\n          <FormControl fullWidth>\n            <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n          </FormControl>\n          <JsonPayloadLikeViewerEx value={payload} />\n          {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n          <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n        </FlexCol>\n      </Grid>\n    </Grid>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["usePayloadRootHash", "jsx", "jsx", "jsxs", "FormControl", "Grid", "TextField", "ErrorRender", "FlexCol", "useState", "jsx", "jsxs", "useState", "Grid", "FlexCol", "FormControl", "TextField", "ErrorRender"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-debug",
-  "version": "9.0.0",
+  "version": "9.0.2",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -41,8 +41,8 @@
     "README.md"
   ],
   "dependencies": {
-    "@xyo-network/react-payload-raw-info": "~9.0.0",
-    "@xyo-network/react-shared": "~9.0.0"
+    "@xyo-network/react-shared": "~9.0.2",
+    "@xyo-network/react-payload-raw-info": "~9.0.2"
   },
   "devDependencies": {
     "@bitauth/libauth": "~3.0.0",
@@ -50,62 +50,56 @@
     "@mui/material": "^9.0.1",
     "@opentelemetry/api": "^1.9.1",
     "@opentelemetry/sdk-trace-base": "^2.7.1",
-    "@react-spring/web": "~10.0.3",
+    "@react-spring/web": "~10.1.0",
     "@scure/base": "~2.2.0",
-    "@storybook/react-vite": "~10.4.0",
-    "@types/react": "^19.2.15",
-    "@xylabs/pixel": "~6.0.2",
-    "@xylabs/react-button": "~9.0.0",
-    "@xylabs/react-error": "~9.0.0",
-    "@xylabs/react-flexbox": "~9.0.0",
-    "@xylabs/react-hooks": "~9.0.0",
-    "@xylabs/react-link": "~9.0.0",
-    "@xylabs/react-promise": "~9.0.0",
-    "@xylabs/react-shared": "~9.0.0",
-    "@xylabs/react-theme": "~9.0.0",
-    "@xylabs/sdk-js": "^6.0.2",
-    "@xylabs/sdk-react": "~9.0",
-    "@xylabs/threads": "~6.0.2",
-    "@xylabs/toolchain": "~8.1.1",
-    "@xylabs/tsconfig": "^8.1.1",
-    "@xylabs/tsconfig-dom": "^8.1.1",
-    "@xylabs/tsconfig-react": "~8.1.1",
-    "@xyo-network/boundwitness-model": "^6.0.0",
-    "@xyo-network/boundwitness-validator": "^6.0.0",
-    "@xyo-network/payload-builder": "^6.0.0",
-    "@xyo-network/payload-model": "^6.0.0",
+    "@storybook/react-vite": "~10.4.1",
+    "@types/react": "^19.2.16",
+    "@xylabs/pixel": "~6.0.7",
+    "@xylabs/react-button": "~9.0.2",
+    "@xylabs/react-error": "~9.0.2",
+    "@xylabs/react-flexbox": "~9.0.2",
+    "@xylabs/react-hooks": "~9.0.2",
+    "@xylabs/react-link": "~9.0.2",
+    "@xylabs/react-promise": "~9.0.2",
+    "@xylabs/react-shared": "~9.0.2",
+    "@xylabs/react-theme": "~9.0.2",
+    "@xylabs/sdk-js": "^6.0.7",
+    "@xylabs/sdk-react": "~9.0.2",
+    "@xylabs/threads": "^6.0.7",
+    "@xylabs/toolchain": "~8.1.12",
+    "@xylabs/tsconfig": "^8.1.12",
+    "@xylabs/tsconfig-dom": "^8.1.12",
+    "@xylabs/tsconfig-react": "~8.1.12",
+    "@xyo-network/boundwitness-model": "^6.0.7",
+    "@xyo-network/boundwitness-validator": "^6.0.7",
+    "@xyo-network/payload-builder": "^6.0.7",
+    "@xyo-network/payload-model": "^6.0.7",
     "async-mutex": "^0.5.0",
     "bn.js": "^5.2.3",
     "bowser": "^2.14.1",
     "buffer": "^6.0.3",
-    "chalk": "^5.6.2",
     "clsx": "~2.1.1",
     "debug": "~4.4.3",
-    "eslint": "^10.4.0",
+    "eslint": "^10.4.1",
     "ethers": "^6.16.0",
-    "fast-deep-equal": "~3.1.3",
     "hash-wasm": "~4.12.0",
-    "js-cookie": "~3.0.7",
-    "lru-cache": "^11.5.0",
+    "lru-cache": "^11.5.1",
     "md5": "~2.3.0",
-    "mixpanel-browser": "~2.79.0",
+    "mixpanel-browser": "~2.80.0",
     "numeral": "~2.0.6",
     "observable-fns": "~0.6.1",
     "pako": "^2.1.0",
-    "query-string": "~9.3.1",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
-    "react-is": "^19.2.6",
-    "react-router-dom": "^7.15.1",
-    "recharts": "~3.8.1",
+    "query-string": "~9.4.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-router-dom": "^7.16.0",
     "spark-md5": "~3.0.2",
-    "storybook": "^10.4.0",
+    "storybook": "^10.4.1",
     "typescript": "^6.0.3",
-    "viem": "^2.50.4",
-    "vite": "^8.0.13",
-    "wasm-feature-detect": "~1.8.0",
+    "viem": "^2.52.0",
+    "vite": "^8.0.16",
     "zod": "^4.4.3",
-    "zustand": "~5.0.13"
+    "zustand": "~5.0.14"
   },
   "peerDependencies": {
     "@bitauth/libauth": "~3.0",
@@ -113,7 +107,7 @@
     "@mui/material": "^9.0",
     "@opentelemetry/api": "^1.9",
     "@opentelemetry/sdk-trace-base": "^2.7",
-    "@react-spring/web": "~10.0",
+    "@react-spring/web": "~10.1",
     "@scure/base": "~2.2",
     "@xylabs/pixel": "~6.0",
     "@xylabs/react-button": "~9.0",
@@ -126,7 +120,7 @@
     "@xylabs/react-theme": "~9.0",
     "@xylabs/sdk-js": "^6.0",
     "@xylabs/sdk-react": "~9.0",
-    "@xylabs/threads": "~6.0",
+    "@xylabs/threads": "^6.0",
     "@xyo-network/boundwitness-model": "^6.0",
     "@xyo-network/boundwitness-validator": "^6.0",
     "@xyo-network/payload-builder": "^6.0",
@@ -135,28 +129,22 @@
     "bn.js": "^5.2",
     "bowser": "^2.14",
     "buffer": "^6.0",
-    "chalk": "^5.6",
     "clsx": "~2.1",
     "debug": "~4.4",
     "ethers": "^6.16",
-    "fast-deep-equal": "~3.1",
     "hash-wasm": "~4.12",
-    "js-cookie": "~3.0",
     "lru-cache": "^11.3",
     "md5": "~2.3",
-    "mixpanel-browser": "~2.79",
+    "mixpanel-browser": "~2.80",
     "numeral": "~2.0",
     "observable-fns": "~0.6",
     "pako": "^2.1",
-    "query-string": "~9.3",
+    "query-string": "~9.4",
     "react": "^19.2",
     "react-dom": "^19.2",
-    "react-is": "^19.2",
     "react-router-dom": "^7.15",
-    "recharts": "~3.8",
     "spark-md5": "~3.0",
     "viem": "^2.48",
-    "wasm-feature-detect": "~1.8",
     "zod": "^4.4",
     "zustand": "~5.0"
   },