@parca/profile 0.19.139 → 0.19.140

package/dist/SourceView/useSelectedLineRange.js

@@ -10,23 +10,28 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { useMemo } from 'react';
-import { useURLState } from '@parca/components';
+import { useCallback } from 'react';
+import { createParser, useQueryState } from 'nuqs';
+const lineRangeParser = createParser({
+    parse: (value) => {
+        const [start, end] = value.split('-');
+        const startNum = parseInt(start, 10);
+        if (isNaN(startNum))
+            return null;
+        const endNum = end !== undefined ? parseInt(end, 10) : startNum;
+        return { start: startNum, end: isNaN(endNum) ? startNum : endNum };
+    },
+    serialize: (value) => `${value.start}-${value.end}`,
+}).withOptions({ history: 'replace' });
 const useLineRange = () => {
-    const [sourceLine, setSourceLine] = useURLState('source_line');
-    const [startLine, endLine] = useMemo(() => {
-        if (sourceLine == null) {
-            return [-1, -1];
-        }
-        const [start, end] = sourceLine.split('-');
-        if (end === undefined) {
-            return [parseInt(start, 10), parseInt(start, 10)];
-        }
-        return [parseInt(start, 10), parseInt(end, 10)];
-    }, [sourceLine]);
-    const setLineRange = (start, end) => {
-        setSourceLine(`${start}-${end}`);
+    const [lineRange, setRawLineRange] = useQueryState('source_line', lineRangeParser.withDefault({ start: -1, end: -1 }));
+    const setLineRange = useCallback((start, end) => {
+        void setRawLineRange({ start, end });
+    }, [setRawLineRange]);
+    return {
+        startLine: lineRange.start,
+        endLine: lineRange.end,
+        setLineRange,
     };
-    return { startLine, endLine, setLineRange };
 };
 export default useLineRange;

package/dist/Table/MoreDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoreDropdown.d.ts","sourceRoot":"","sources":["../../src/Table/MoreDropdown.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,YAAY,GAAI,kBAAgB;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAgElF,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"MoreDropdown.d.ts","sourceRoot":"","sources":["../../src/Table/MoreDropdown.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,YAAY,GAAI,kBAAgB;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IA0DlF,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/Table/MoreDropdown.js

@@ -13,20 +13,17 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // limitations under the License.
 import { Menu } from '@headlessui/react';
 import { Icon } from '@iconify/react';
-import { useParcaContext, useURLState, useURLStateBatch } from '@parca/components';
+import { useQueryState } from 'nuqs';
+import { useParcaContext } from '@parca/components';
+import { stringParam } from '../hooks/urlParsers';
+import { useDashboardItems } from '../hooks/useDashboardItems';
 const MoreDropdown = ({ functionName }) => {
-    const [_, setSandwichFunctionName] = useURLState('sandwich_function_name');
-    const [dashboardItems, setDashboardItems] = useURLState('dashboard_items', {
-        alwaysReturnArray: true,
-    });
+    const [_, setSandwichFunctionName] = useQueryState('sandwich_function_name', stringParam);
+    const { dashboardItems, setDashboardItems } = useDashboardItems();
     const { enableSandwichView } = useParcaContext();
-    const batchUpdates = useURLStateBatch();
     const onSandwichViewSelect = () => {
-        // Batch updates to combine setSandwichFunctionName + setDashboardItems into single URL navigation
-        batchUpdates(() => {
-            setSandwichFunctionName(functionName.trim());
-            setDashboardItems([...dashboardItems, 'sandwich']);
-        });
+        void setSandwichFunctionName(functionName.trim());
+        setDashboardItems([...dashboardItems, 'sandwich']);
     };
     const menuItems = [];
     if (enableSandwichView === true) {

package/dist/Table/TableContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableContextMenu.d.ts","sourceRoot":"","sources":["../../src/Table/TableContextMenu.tsx"],"names":[],"mappings":"AAiBA,OAAO,yCAAyC,CAAC;AAKjD,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,GAAG,CAAC;AAG3B,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,gBAAgB,GAAI,kEAOvB,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OAmMpC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"TableContextMenu.d.ts","sourceRoot":"","sources":["../../src/Table/TableContextMenu.tsx"],"names":[],"mappings":"AAkBA,OAAO,yCAAyC,CAAC;AAKjD,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,GAAG,CAAC;AAK3B,OAAO,EAAC,KAAK,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAElD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAChD;AAED,QAAA,MAAM,gBAAgB,GAAI,kEAOvB,qBAAqB,KAAG,KAAK,CAAC,GAAG,CAAC,OA6LpC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Table/TableContextMenu.js

@@ -13,28 +13,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // limitations under the License.
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
+import { useQueryState } from 'nuqs';
 import { Item, Menu, Submenu } from 'react-contexify';
 import 'react-contexify/dist/ReactContexify.css';
-import { useParcaContext, useURLState, useURLStateBatch } from '@parca/components';
+import { useParcaContext } from '@parca/components';
 import { valueFormatter } from '@parca/utilities';
 import { getTextForCumulative } from '../ProfileFlameGraph/FlameGraphArrow/utils';
+import { stringParam } from '../hooks/urlParsers';
+import { useDashboardItems } from '../hooks/useDashboardItems';
 import { truncateString } from '../utils';
 const TableContextMenu = ({ menuId, row, unit, total, totalUnfiltered, columnVisibility, }) => {
-    const [_, setSandwichFunctionName] = useURLState('sandwich_function_name');
-    const [dashboardItems, setDashboardItems] = useURLState('dashboard_items', {
-        alwaysReturnArray: true,
-    });
+    const [_, setSandwichFunctionName] = useQueryState('sandwich_function_name', stringParam);
+    const { dashboardItems, setDashboardItems } = useDashboardItems();
     const { enableSandwichView, isDarkMode } = useParcaContext();
-    const batchUpdates = useURLStateBatch();
     const onSandwichViewSelect = () => {
         if (row?.name != null && row.name.length > 0) {
-            // Batch updates to combine setSandwichFunctionName + setDashboardItems into single URL navigation
-            batchUpdates(() => {
-                setSandwichFunctionName(row.name.trim());
-                if (!dashboardItems.includes('sandwich')) {
-                    setDashboardItems([...dashboardItems, 'sandwich']);
-                }
-            });
+            void setSandwichFunctionName(row.name.trim());
+            if (!dashboardItems.includes('sandwich')) {
+                setDashboardItems([...dashboardItems, 'sandwich']);
+            }
         }
     };
     const handleCopyItem = (text) => {

package/dist/Table/hooks/useTableConfiguration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableConfiguration.d.ts","sourceRoot":"","sources":["../../../src/Table/hooks/useTableConfiguration.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAKxE,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,IAAI,CAAC;AAE5B,OAAO,EAA2B,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAE7E,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,cAAc,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,0BAA0B,GAAG,kBAAkB,CA+KjD"}
+{"version":3,"file":"useTableConfiguration.d.ts","sourceRoot":"","sources":["../../../src/Table/hooks/useTableConfiguration.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAKxE,OAAO,EAAC,KAAK,GAAG,EAAC,MAAM,IAAI,CAAC;AAG5B,OAAO,EAA2B,KAAK,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAE7E,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,cAAc,EAAE,KAAK,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAC/C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,0BAA0B,GAAG,kBAAkB,CA6KjD"}

package/dist/Table/hooks/useTableConfiguration.js

@@ -13,15 +13,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // limitations under the License.
 import { useEffect, useMemo, useState } from 'react';
 import { createColumnHelper } from '@tanstack/table-core';
-import { useURLState } from '@parca/components';
+import { useQueryState } from 'nuqs';
 import { valueFormatter } from '@parca/utilities';
+import { tableColumnsParser } from '../../hooks/urlParsers';
 import { ColorCell } from '../ColorCell';
 import { addPlusSign, ratioString } from '../utils/functions';
 export function useTableConfiguration({ unit = '', total, filtered, compareMode, }) {
     const columnHelper = createColumnHelper();
-    const [tableColumns] = useURLState('table_columns', {
-        alwaysReturnArray: true,
-    });
+    const [tableColumns] = useQueryState('table_columns', tableColumnsParser);
     const [columnVisibility, setColumnVisibility] = useState(() => {
         return {
             color: true,

package/dist/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAYlD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAU1C,OAAO,EAAC,OAAO,EAAmC,MAAM,mBAAmB,CAAC;AAE5E,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAC7D,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAC7C,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AACvD,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,MAAM,MAAM,GAAG,GAAG,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,wCAyMhB,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAQlD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAa1C,OAAO,EAAC,OAAO,EAAmC,MAAM,mBAAmB,CAAC;AAE5E,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,sBAAsB,qBAAqB,CAAC;AACzD,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AACnD,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,wBAAwB,uBAAuB,CAAC;AAC7D,eAAO,MAAM,UAAU,SAAS,CAAC;AACjC,eAAO,MAAM,eAAe,cAAc,CAAC;AAC3C,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAC7C,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AACvD,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,MAAM,MAAM,GAAG,GAAG,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,KAAK,EAAE,QAAQ,GAAG,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,wCAiMhB,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/Table/index.js

@@ -14,11 +14,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { tableFromIPC } from '@uwdata/flechette';
 import { AnimatePresence, motion } from 'framer-motion';
+import { useQueryState } from 'nuqs';
 import { useContextMenu } from 'react-contexify';
-import { Table as TableComponent, TableSkeleton, useParcaContext, useURLState, } from '@parca/components';
+import { Table as TableComponent, TableSkeleton, useParcaContext } from '@parca/components';
 import { useCurrentColorProfile } from '@parca/hooks';
 import useMappingList, { useFilenamesList, } from '../ProfileFlameGraph/FlameGraphArrow/useMappingList';
 import { useProfileViewContext } from '../ProfileView/context/ProfileViewContext';
+import { stringParam } from '../hooks/urlParsers';
+import { useColorBy } from '../hooks/useColorBy';
+import { useDashboardItems } from '../hooks/useDashboardItems';
 import { alignedUint8Array } from '../utils';
 import TableContextMenuWrapper from './TableContextMenuWrapper';
 import { useColorManagement } from './hooks/useColorManagement';
@@ -37,11 +41,9 @@ export const FIELD_CALLERS = 'callers';
 export const FIELD_CALLEES = 'callees';
 export const Table = React.memo(function Table({ data, total, filtered, profileType, loading, isHalfScreen, unit, metadataMappingFiles, error, }) {
     const currentColorProfile = useCurrentColorProfile();
-    const [dashboardItems] = useURLState('dashboard_items', {
-        alwaysReturnArray: true,
-    });
-    const [_, setSandwichFunctionName] = useURLState('sandwich_function_name');
-    const [colorBy, setColorBy] = useURLState('color_by');
+    const { dashboardItems } = useDashboardItems();
+    const [_, setSandwichFunctionName] = useQueryState('sandwich_function_name', stringParam);
+    const { colorBy, setColorBy } = useColorBy();
     const { isDarkMode } = useParcaContext();
     const { compareMode } = useProfileViewContext();
     const MENU_ID = 'table-context-menu';
@@ -61,7 +63,7 @@ export const Table = React.memo(function Table({ data, total, filtered, profileT
     // If there is only one mapping file, we want to color by filename by default.
     useEffect(() => {
         if (mappingsListCount === 1 && colorBy !== 'filename') {
-            setColorBy('filename');
+            void setColorBy('filename');
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [mappingsListCount]);
@@ -70,7 +72,7 @@ export const Table = React.memo(function Table({ data, total, filtered, profileT
         currentColorProfile,
         mappingsList,
         filenamesList,
-        colorBy: colorBy,
+        colorBy,
     });
     unit = useMemo(() => unit ?? profileType?.sampleUnit ?? '', [unit, profileType?.sampleUnit]);
     const tableConfig = useTableConfiguration({
@@ -82,7 +84,7 @@ export const Table = React.memo(function Table({ data, total, filtered, profileT
     const { columns, initialSorting, columnVisibility } = tableConfig;
     const selectSpan = useCallback((span) => {
         if (!dashboardItems.includes('flamegraph')) {
-            setSandwichFunctionName(span.trim());
+            void setSandwichFunctionName(span.trim());
         }
     }, [setSandwichFunctionName, dashboardItems]);
     const onRowClick = useCallback((row) => {

package/dist/TopTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopTable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,GAAG,EAAW,WAAW,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAK1B,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,WAAW,GAAG,SAAS,KAAG,MAcxD,CAAC;AAYF,eAAO,MAAM,QAAQ,2CA4KnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopTable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,GAAG,EAAW,WAAW,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAM1B,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,WAAW,GAAG,SAAS,KAAG,MAcxD,CAAC;AAYF,eAAO,MAAM,QAAQ,2CA0KnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/TopTable/index.js

@@ -13,9 +13,10 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 // limitations under the License.
 import React, { useCallback, useEffect, useMemo } from 'react';
 import { createColumnHelper } from '@tanstack/react-table';
-import { Button, Table, useURLState } from '@parca/components';
+import { Button, Table } from '@parca/components';
 import { getLastItem, isSearchMatch, parseParams, valueFormatter, } from '@parca/utilities';
 import { useProfileViewContext } from '../ProfileView/context/ProfileViewContext';
+import { useDashboardItems } from '../hooks/useDashboardItems';
 import { hexifyAddress } from '../utils';
 export const RowLabel = (meta) => {
     if (meta === undefined)
@@ -38,9 +39,7 @@ const addPlusSign = (num) => {
 };
 export const TopTable = React.memo(function TopTable({ data: top, sampleUnit: unit, navigateTo, loading, currentSearchString, setActionButtons, }) {
     const router = parseParams(window?.location.search);
-    const [dashboardItems] = useURLState('dashboard_items', {
-        alwaysReturnArray: true,
-    });
+    const { dashboardItems } = useDashboardItems();
     const { compareMode } = useProfileViewContext();
     const columns = useMemo(() => {
         const cols = [

package/dist/hooks/urlParsers.d.ts

@@ -0,0 +1,18 @@
+import { createParser } from 'nuqs';
+export declare const stringParam: import("nuqs").SingleParserBuilder<string>;
+export declare const boolParam: import("nuqs").SingleParserBuilder<boolean>;
+export declare const intParam: import("nuqs").SingleParserBuilder<number>;
+export declare const commaArrayParam: import("nuqs").SingleParserBuilder<string[]>;
+export declare const invertCallStackParser: Omit<import("nuqs").SingleParserBuilder<boolean>, "parseServerSide"> & {
+    readonly defaultValue: boolean;
+    parseServerSide(value: string | string[] | undefined): boolean;
+};
+export declare const groupByParser: import("nuqs").SingleParserBuilder<string[]>;
+export declare const flamechartDimensionParser: import("nuqs").SingleParserBuilder<string[]>;
+export declare const tableColumnsParser: import("nuqs").SingleParserBuilder<string[]>;
+export declare const hiddenBinariesParser: Omit<import("nuqs").SingleParserBuilder<string[]>, "parseServerSide"> & {
+    readonly defaultValue: string[];
+    parseServerSide(value: string | string[] | undefined): string[];
+};
+export declare function jsonParser<T>(): ReturnType<typeof createParser<T>>;
+//# sourceMappingURL=urlParsers.d.ts.map

package/dist/hooks/urlParsers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlParsers.d.ts","sourceRoot":"","sources":["../../src/hooks/urlParsers.ts"],"names":[],"mappings":"AAaA,OAAO,EAAC,YAAY,EAAgE,MAAM,MAAM,CAAC;AAKjG,eAAO,MAAM,WAAW,4CAAkC,CAAC;AAC3D,eAAO,MAAM,SAAS,6CAAmC,CAAC;AAC1D,eAAO,MAAM,QAAQ,4CAAmC,CAAC;AACzD,eAAO,MAAM,eAAe,8CAAuD,CAAC;AAGpF,eAAO,MAAM,qBAAqB;;;CAA+B,CAAC;AAClE,eAAO,MAAM,aAAa,8CAAkB,CAAC;AAC7C,eAAO,MAAM,yBAAyB,8CAAkB,CAAC;AACzD,eAAO,MAAM,kBAAkB,8CAAkB,CAAC;AAClD,eAAO,MAAM,oBAAoB;;;CAAkC,CAAC;AAGpE,wBAAgB,UAAU,CAAC,CAAC,KAAK,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAMlE"}

package/dist/hooks/urlParsers.js

@@ -0,0 +1,32 @@
+// Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { createParser, parseAsArrayOf, parseAsBoolean, parseAsInteger, parseAsString } from 'nuqs';
+const opts = { history: 'replace' };
+// === Base parsers with common options ===
+export const stringParam = parseAsString.withOptions(opts);
+export const boolParam = parseAsBoolean.withOptions(opts);
+export const intParam = parseAsInteger.withOptions(opts);
+export const commaArrayParam = parseAsArrayOf(parseAsString, ',').withOptions(opts);
+// === Param-specific parsers with defaults ===
+export const invertCallStackParser = boolParam.withDefault(false);
+export const groupByParser = commaArrayParam;
+export const flamechartDimensionParser = commaArrayParam;
+export const tableColumnsParser = commaArrayParam;
+export const hiddenBinariesParser = commaArrayParam.withDefault([]);
+// === JSON parser with BigInt support ===
+export function jsonParser() {
+    return createParser({
+        parse: (value) => JSON.parse(value),
+        serialize: (value) => JSON.stringify(value, (_, v) => (typeof v === 'bigint' ? v.toString() : v)),
+    }).withOptions(opts);
+}

package/dist/hooks/useColorBy.d.ts

@@ -0,0 +1,5 @@
+export declare const useColorBy: () => {
+    colorBy: string;
+    setColorBy: (value: string) => void;
+};
+//# sourceMappingURL=useColorBy.d.ts.map

package/dist/hooks/useColorBy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorBy.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorBy.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,UAAU,QAAO;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAkBrC,CAAC"}

package/dist/hooks/useColorBy.js

@@ -0,0 +1,26 @@
+// Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { useCallback } from 'react';
+import { useQueryState } from 'nuqs';
+import { USER_PREFERENCES, useUserPreference } from '@parca/hooks';
+import { stringParam } from './urlParsers';
+export const useColorBy = () => {
+    const [colorByPreference, setColorByPreference] = useUserPreference(USER_PREFERENCES.COLOR_BY.key);
+    const [colorByRaw, setRawColorBy] = useQueryState('color_by', stringParam);
+    const colorBy = colorByRaw ?? colorByPreference ?? 'binary';
+    const setColorBy = useCallback((value) => {
+        void setRawColorBy(value);
+        setColorByPreference(value);
+    }, [setRawColorBy, setColorByPreference]);
+    return { colorBy, setColorBy };
+};

package/dist/hooks/useCompareModeMeta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCompareModeMeta.d.ts","sourceRoot":"","sources":["../../src/hooks/useCompareModeMeta.ts"],"names":[],"mappings":"AAiBA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAO;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI,CAAC;CA0G7C,CAAC"}
+{"version":3,"file":"useCompareModeMeta.d.ts","sourceRoot":"","sources":["../../src/hooks/useCompareModeMeta.ts"],"names":[],"mappings":"AAmBA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAO;IACpC,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,KAAK,IAAI,CAAC;CA0E7C,CAAC"}

package/dist/hooks/useCompareModeMeta.js

@@ -11,100 +11,69 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { useCallback } from 'react';
-import { useURLState, useURLStateBatch } from '@parca/components';
+import { useQueryStates } from 'nuqs';
+import { boolParam, stringParam } from './urlParsers';
 /**
  * Hook to manage compare mode state and operations
  * Returns compare mode flags and a function to close compare mode
  */
 export const useCompareModeMeta = () => {
-    const batchUpdates = useURLStateBatch();
-    // Side A URL state (only setters needed)
-    const [, setExpressionA] = useURLState('expression_a');
-    const [, setFromA] = useURLState('from_a');
-    const [, setToA] = useURLState('to_a');
-    const [, setTimeSelectionA] = useURLState('time_selection_a');
-    const [, setSumByA] = useURLState('sum_by_a');
-    const [, setMergeFromA] = useURLState('merge_from_a');
-    const [, setMergeToA] = useURLState('merge_to_a');
-    const [, setSelectionA] = useURLState('selection_a');
-    // Side B URL state
-    const [expressionB, setExpressionB] = useURLState('expression_b');
-    const [fromB, setFromB] = useURLState('from_b');
-    const [toB, setToB] = useURLState('to_b');
-    const [timeSelectionB, setTimeSelectionB] = useURLState('time_selection_b');
-    const [sumByB, setSumByB] = useURLState('sum_by_b');
-    const [mergeFromB, setMergeFromB] = useURLState('merge_from_b');
-    const [mergeToB, setMergeToB] = useURLState('merge_to_b');
-    const [selectionB, setSelectionB] = useURLState('selection_b');
-    // Compare mode flags (expose values for routing decisions)
-    const [compareA, setCompareA] = useURLState('compare_a');
-    const [compareB, setCompareB] = useURLState('compare_b');
-    const [compareAbsolute, setCompareAbsolute] = useURLState('compare_absolute');
+    const [state, setState] = useQueryStates({
+        // Side A
+        expression_a: stringParam,
+        from_a: stringParam,
+        to_a: stringParam,
+        time_selection_a: stringParam,
+        sum_by_a: stringParam,
+        merge_from_a: stringParam,
+        merge_to_a: stringParam,
+        selection_a: stringParam,
+        // Side B
+        expression_b: stringParam,
+        from_b: stringParam,
+        to_b: stringParam,
+        time_selection_b: stringParam,
+        sum_by_b: stringParam,
+        merge_from_b: stringParam,
+        merge_to_b: stringParam,
+        selection_b: stringParam,
+        // Compare flags
+        compare_a: boolParam,
+        compare_b: boolParam,
+        compare_absolute: boolParam,
+    }, { history: 'replace' });
     const closeCompareMode = useCallback((side) => {
-        batchUpdates(() => {
-            // If closing side A, swap A and B params first (keep B's data as the single view)
-            if (side === 'A') {
-                // Copy B to A
-                setExpressionA(expressionB);
-                setFromA(fromB);
-                setToA(toB);
-                setTimeSelectionA(timeSelectionB);
-                setSumByA(sumByB);
-                setMergeFromA(mergeFromB);
-                setMergeToA(mergeToB);
-                setSelectionA(selectionB);
+        // If closing side A, swap B → A first (keep B's data as the single view)
+        const swapAFromB = side === 'A'
+            ? {
+                expression_a: state.expression_b,
+                from_a: state.from_b,
+                to_a: state.to_b,
+                time_selection_a: state.time_selection_b,
+                sum_by_a: state.sum_by_b,
+                merge_from_a: state.merge_from_b,
+                merge_to_a: state.merge_to_b,
+                selection_a: state.selection_b,
             }
-            // Clear all B params
-            setExpressionB(undefined);
-            setFromB(undefined);
-            setToB(undefined);
-            setTimeSelectionB(undefined);
-            setSumByB(undefined);
-            setMergeFromB(undefined);
-            setMergeToB(undefined);
-            setSelectionB(undefined);
-            // Clear compare mode flags
-            setCompareA(undefined);
-            setCompareB(undefined);
-            setCompareAbsolute(undefined);
+            : {};
+        // Atomic update: swap A (if needed), clear all B params and compare flags
+        void setState({
+            ...swapAFromB,
+            expression_b: null,
+            from_b: null,
+            to_b: null,
+            time_selection_b: null,
+            sum_by_b: null,
+            merge_from_b: null,
+            merge_to_b: null,
+            selection_b: null,
+            compare_a: null,
+            compare_b: null,
+            compare_absolute: null,
         });
-    }, [
-        batchUpdates,
-        // Side A setters
-        setExpressionA,
-        setFromA,
-        setToA,
-        setTimeSelectionA,
-        setSumByA,
-        setMergeFromA,
-        setMergeToA,
-        setSelectionA,
-        // Side B values (for swapping)
-        expressionB,
-        fromB,
-        toB,
-        timeSelectionB,
-        sumByB,
-        mergeFromB,
-        mergeToB,
-        selectionB,
-        // Side B setters
-        setExpressionB,
-        setFromB,
-        setToB,
-        setTimeSelectionB,
-        setSumByB,
-        setMergeFromB,
-        setMergeToB,
-        setSelectionB,
-        // Compare flags
-        setCompareA,
-        setCompareB,
-        setCompareAbsolute,
-    ]);
-    // Derive isCompareMode from flags
-    const isCompareMode = compareA === 'true' || compareB === 'true';
-    const isCompareAbsolute = compareAbsolute === 'true';
+    }, [state, setState]);
+    const isCompareMode = state.compare_a === true || state.compare_b === true;
+    const isCompareAbsolute = state.compare_absolute === true;
     return {
         isCompareMode,
         isCompareAbsolute,

package/dist/hooks/useDashboardItems.d.ts

@@ -0,0 +1,5 @@
+export declare const useDashboardItems: () => {
+    dashboardItems: string[];
+    setDashboardItems: (items: string[]) => void;
+};
+//# sourceMappingURL=useDashboardItems.d.ts.map

package/dist/hooks/useDashboardItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardItems.d.ts","sourceRoot":"","sources":["../../src/hooks/useDashboardItems.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,iBAAiB,QAAO;IACnC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAsB9C,CAAC"}

package/dist/hooks/useDashboardItems.js

@@ -0,0 +1,27 @@
+// Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { useCallback, useMemo } from 'react';
+import { parseAsArrayOf, parseAsString, useQueryState } from 'nuqs';
+import { useParcaContext } from '@parca/components';
+const opts = { history: 'replace' };
+export const useDashboardItems = () => {
+    const { defaultDashboardItems } = useParcaContext();
+    const parser = useMemo(() => parseAsArrayOf(parseAsString, ',')
+        .withDefault(defaultDashboardItems ?? ['flamegraph'])
+        .withOptions(opts), [defaultDashboardItems]);
+    const [dashboardItems, setRawDashboardItems] = useQueryState('dashboard_items', parser);
+    const setDashboardItems = useCallback((items) => {
+        void setRawDashboardItems(items);
+    }, [setRawDashboardItems]);
+    return { dashboardItems, setDashboardItems };
+};

package/dist/hooks/useQueryState.d.ts

@@ -29,9 +29,9 @@ interface UseQueryStateReturn {
     sumByLoading: boolean;
     draftParsedQuery: Query | null;
     parsedQuery: Query | null;
-    setExpressionParam: (value: string | undefined) => void;
-    setSumByParam: (value: string | undefined) => void;
-    setGroupByParam: (value: string[] | undefined) => void;
+    setExpressionParam: (value: string | null) => void;
+    setSumByParam: (value: string | null) => void;
+    setGroupByParam: (value: string[] | null) => void;
 }
 export declare const useQueryState: (options?: UseQueryStateOptions) => UseQueryStateReturn;
 export {};

package/dist/hooks/useQueryState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryState.d.ts","sourceRoot":"","sources":["../../src/hooks/useQueryState.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAA8B,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAK7F,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,UAAU,mBAAmB;IAE3B,cAAc,EAAE,cAAc,CAAC;IAG/B,cAAc,EAAE,cAAc,CAAC;IAG/B,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG7C,WAAW,EAAE,CAAC,kBAAkB,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAG9F,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAG1C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IAGpC,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGhF,YAAY,EAAE,OAAO,CAAC;IAGtB,gBAAgB,EAAE,KAAK,GAAG,IAAI,CAAC;IAG/B,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAE1B,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,aAAa,GAAI,UAAS,oBAAyB,KAAG,mBA2alE,CAAC"}
+{"version":3,"file":"useQueryState.d.ts","sourceRoot":"","sources":["../../src/hooks/useQueryState.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAC,gBAAgB,EAA8B,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAM7F,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,UAAU,mBAAmB;IAE3B,cAAc,EAAE,cAAc,CAAC;IAG/B,cAAc,EAAE,cAAc,CAAC;IAG/B,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG7C,WAAW,EAAE,CAAC,kBAAkB,CAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAG9F,gBAAgB,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAG1C,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IAGpC,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGhF,YAAY,EAAE,OAAO,CAAC;IAGtB,gBAAgB,EAAE,KAAK,GAAG,IAAI,CAAC;IAG/B,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAE1B,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,aAAa,GAAI,UAAS,oBAAyB,KAAG,mBA0blE,CAAC"}