@grackle-ai/web-components 0.112.0 → 0.112.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grackle-ai/web-components",
-  "version": "0.112.0",
+  "version": "0.112.2",
   "description": "Presentational React component library for the Grackle web UI",
   "license": "MIT",
   "sideEffects": [
@@ -46,7 +46,7 @@
     "remark-gfm": "^4.0.0",
     "lucide-react": "~0.474.0",
     "react-router": "^7.0.0",
-    "@grackle-ai/common": "0.112.0"
+    "@grackle-ai/common": "0.112.2"
   },
   "devDependencies": {
     "@rushstack/heft": "1.2.7",

package/rush-logs/web-components._phase_build.cache.log

@@ -1,4 +1,4 @@
 Build cache hit.
-Cache key: c8b4fba3a6cfb704f3582f1197cac0fc11abbc50
+Cache key: 1421806d07f6b0c455deca4bf89a6412726ffd8b
 Clearing cached folders: dist, storybook-static, .rush/temp/operation/_phase_build
 Successfully restored output from the build cache.

package/rush-logs/web-components._phase_build.log

@@ -7,12 +7,12 @@ Invoking: heft run --only build -- --clean
 [build:lint] Using ESLint version 9.39.4
 vite v6.4.2 building for production...
 transforming...
-✓ 2715 modules transformed.
+✓ 2716 modules transformed.
 rendering chunks...
 computing gzip size...
 dist/index.css    158.47 kB │ gzip:  20.60 kB
-dist/index.js   1,590.94 kB │ gzip: 401.57 kB
-✓ built in 5.74s
+dist/index.js   1,591.31 kB │ gzip: 401.72 kB
+✓ built in 5.69s
 [build:vite-build] Vite build completed.
- ---- build finished (74.958s) ---- 
--------------------- Finished (74.961s) --------------------
+ ---- build finished (72.731s) ---- 
+-------------------- Finished (72.734s) --------------------

package/rush-logs/web-components._phase_test.cache.log

@@ -1,4 +1,4 @@
 Build cache hit.
-Cache key: e2794f6b3dd02e58a0ca34e8c438c22d25296c3e
+Cache key: a0341c0f1c835c664217d8a879aa38d780e62122
 Clearing cached folders: .rush/temp/operation/_phase_test
 Successfully restored output from the build cache.

package/rush-logs/web-components._phase_test.log

@@ -5,30 +5,30 @@ The provided list of phases does not contain all phase dependencies. You may nee
 
  RUN  v3.2.4 /home/runner/work/grackle/grackle/packages/web-components
 
- ✓ src/utils/sessionEvents.test.ts (14 tests) 54ms
- ✓ src/utils/eventContent.test.ts (38 tests) 139ms
- ✓ src/utils/dashboard.test.ts (4 tests) 7ms
- ✓ src/utils/route-config.test.ts (23 tests) 30ms
- ✓ src/utils/scrollUtils.test.ts (11 tests) 24ms
- ✓ src/utils/breadcrumbs.test.ts (18 tests) 55ms
- ✓ src/components/tools/toolCardHelpers.test.ts (10 tests) 27ms
- ✓ src/components/tools/classifyTool.test.ts (6 tests) 28ms
- ✓ src/components/display/extractText.test.tsx (8 tests) 32ms
- ✓ src/hooks/useEventSelection.test.ts (13 tests) 131ms
- ✓ src/components/editable/useEditableField.test.tsx (17 tests) 200ms
- ✓ src/components/notifications/UpdateBanner.test.tsx (4 tests) 264ms
- ✓ src/utils/grackleHostStyleVariables.test.ts (2 tests) 540ms
-   ✓ grackleHostStyleVariables > always returns the MCP-standard fallback variables  516ms
- ✓ src/components/display/McpAppWidget.test.tsx (3 tests) 501ms
-   ✓ McpAppWidget > mounts an iframe host for the widget  321ms
-
- Test Files  14 passed (14)
-      Tests  171 passed (171)
-   Start at  22:02:20
-   Duration  16.20s (transform 2.92s, setup 0ms, collect 17.59s, tests 2.03s, environment 14.57s, prepare 5.64s)
+ ✓ src/utils/sessionEvents.test.ts (14 tests) 60ms
+ ✓ src/utils/eventContent.test.ts (38 tests) 155ms
+ ✓ src/utils/dashboard.test.ts (4 tests) 37ms
+ ✓ src/utils/route-config.test.ts (23 tests) 50ms
+ ✓ src/utils/scrollUtils.test.ts (11 tests) 20ms
+ ✓ src/utils/breadcrumbs.test.ts (18 tests) 65ms
+ ✓ src/components/tools/classifyTool.test.ts (6 tests) 22ms
+ ✓ src/components/tools/toolCardHelpers.test.ts (10 tests) 28ms
+ ✓ src/utils/assetUrl.test.ts (3 tests) 18ms
+ ✓ src/components/display/extractText.test.tsx (8 tests) 17ms
+ ✓ src/components/editable/useEditableField.test.tsx (17 tests) 206ms
+ ✓ src/hooks/useEventSelection.test.ts (13 tests) 146ms
+ ✓ src/components/notifications/UpdateBanner.test.tsx (4 tests) 199ms
+ ✓ src/utils/grackleHostStyleVariables.test.ts (2 tests) 445ms
+   ✓ grackleHostStyleVariables > always returns the MCP-standard fallback variables  416ms
+ ✓ src/components/display/McpAppWidget.test.tsx (3 tests) 258ms
+
+ Test Files  15 passed (15)
+      Tests  174 passed (174)
+   Start at  23:48:14
+   Duration  16.41s (transform 2.75s, setup 0ms, collect 18.15s, tests 1.73s, environment 14.38s, prepare 5.42s)
 
 [test:vitest] Vitest completed.
-[test:storybook-test] Starting Storybook static server on port 38719...
+[test:storybook-test] Starting Storybook static server on port 36655...
 [test:storybook-test] Storybook server ready. Running interaction tests...
 jest-haste-map: duplicate manual mock found: adapter-manager
   The following files share their name; please delete one of them:
@@ -121,5 +121,5 @@ jest-haste-map: duplicate manual mock found: utils/network
     * <rootDir>/packages/server/src/__mocks__/utils/network.ts
 
 [test:storybook-test] Storybook interaction tests completed.
- ---- test finished (115.550s) ---- 
--------------------- Finished (115.554s) --------------------
+ ---- test finished (113.186s) ---- 
+-------------------- Finished (113.19s) --------------------

package/src/components/display/SplashScreen.tsx

@@ -1,5 +1,6 @@
 import type { JSX } from "react";
 import { Spinner } from "./Spinner.js";
+import { assetUrl } from "../../utils/assetUrl.js";
 import styles from "./SplashScreen.module.scss";
 
 /**
@@ -9,7 +10,7 @@ import styles from "./SplashScreen.module.scss";
 export function SplashScreen(): JSX.Element {
   return (
     <div className={styles.splash} data-testid="splash-screen">
-      <img src="/grackle-logo.png" alt="Grackle" className={styles.logo} />
+      <img src={assetUrl("grackle-logo.png")} alt="Grackle" className={styles.logo} />
       <Spinner size="xl" label="Loading Grackle" liveRegion />
     </div>
   );

package/src/components/layout/AppNav.stories.tsx

@@ -17,7 +17,7 @@ type Story = StoryObj<typeof meta>;
 export const AllTabsRendered: Story = {
   play: async ({ canvas }) => {
     await expect(canvas.getByRole("tab", { name: /Dashboard/ })).toBeInTheDocument();
-    await expect(canvas.getByRole("tab", { name: /Chat/ })).toBeInTheDocument();
+    await expect(canvas.getByRole("tab", { name: /Sessions/ })).toBeInTheDocument();
     await expect(canvas.getByRole("tab", { name: /Tasks/ })).toBeInTheDocument();
     await expect(canvas.getByRole("tab", { name: /Environments/ })).toBeInTheDocument();
     await expect(canvas.getByRole("tab", { name: /Knowledge/ })).toBeInTheDocument();
@@ -30,14 +30,14 @@ export const CoreOnlyTabs: Story = {
   args: {
     tabs: [
       { view: "dashboard", label: "Dashboard", icon: <Home size={ICON_LG} />, route: HOME_URL, testId: "sidebar-tab-dashboard" },
-      { view: "chat", label: "Chat", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat" },
+      { view: "chat", label: "Sessions", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat" },
       { view: "environments", label: "Environments", icon: <Monitor size={ICON_LG} />, route: ENVIRONMENTS_URL, testId: "sidebar-tab-environments" },
       { view: "settings", label: "Settings", icon: <Settings size={ICON_LG} />, route: SETTINGS_CREDENTIALS_URL, testId: "sidebar-tab-settings" },
     ],
   },
   play: async ({ canvas }) => {
     await expect(canvas.getByRole("tab", { name: /Dashboard/ })).toBeInTheDocument();
-    await expect(canvas.getByRole("tab", { name: /Chat/ })).toBeInTheDocument();
+    await expect(canvas.getByRole("tab", { name: /Sessions/ })).toBeInTheDocument();
     await expect(canvas.getByRole("tab", { name: /Environments/ })).toBeInTheDocument();
     await expect(canvas.getByRole("tab", { name: /Settings/ })).toBeInTheDocument();
     await expect(canvas.queryByRole("tab", { name: /Tasks/ })).not.toBeInTheDocument();
@@ -51,7 +51,7 @@ export const AllTabsExplicit: Story = {
   args: {
     tabs: [
       { view: "dashboard", label: "Dashboard", icon: <Home size={ICON_LG} />, route: HOME_URL, testId: "sidebar-tab-dashboard" },
-      { view: "chat", label: "Chat", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat" },
+      { view: "chat", label: "Sessions", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat" },
       { view: "tasks", label: "Tasks", icon: <ClipboardList size={ICON_LG} />, route: TASKS_URL, testId: "sidebar-tab-tasks" },
       { view: "environments", label: "Environments", icon: <Monitor size={ICON_LG} />, route: ENVIRONMENTS_URL, testId: "sidebar-tab-environments" },
       { view: "knowledge", label: "Knowledge", icon: <Brain size={ICON_LG} />, route: KNOWLEDGE_URL, testId: "sidebar-tab-knowledge" },
@@ -78,7 +78,7 @@ export const SettingsPinnedRight: Story = {
   args: {
     tabs: [
       { view: "dashboard", label: "Dashboard", icon: <Home size={ICON_LG} />, route: HOME_URL, testId: "sidebar-tab-dashboard" },
-      { view: "chat", label: "Chat", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat" },
+      { view: "chat", label: "Sessions", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat" },
       { view: "environments", label: "Environments", icon: <Monitor size={ICON_LG} />, route: ENVIRONMENTS_URL, testId: "sidebar-tab-environments" },
       { view: "settings", label: "Settings", icon: <Settings size={ICON_LG} />, route: SETTINGS_CREDENTIALS_URL, testId: "sidebar-tab-settings", align: "end" },
       { view: "tasks", label: "Tasks", icon: <ClipboardList size={ICON_LG} />, route: TASKS_URL, testId: "sidebar-tab-tasks" },

package/src/components/layout/AppNav.tsx

@@ -21,18 +21,24 @@ export interface AppTab {
   route: string;
   /** data-testid suffix. */
   testId: string;
+  /**
+   * Display order within the nav bar (lower numbers appear first). Applied
+   * across all plugins so tab order is explicit rather than dependent on plugin
+   * load order. End-aligned tabs ignore this and are always pinned right.
+   */
+  order?: number;
   /** Horizontal alignment within the nav bar. `"end"` pins the tab to the right edge. */
   align?: "end";
 }
 
 /** Ordered list of all app navigation tabs. Exported for plugin registry use. */
 export const TABS: AppTab[] = [
-  { view: "dashboard", label: "Dashboard", icon: <Home size={ICON_LG} />, route: HOME_URL, testId: "sidebar-tab-dashboard" },
-  { view: "chat", label: "Chat", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat" },
-  { view: "tasks", label: "Tasks", icon: <ClipboardList size={ICON_LG} />, route: TASKS_URL, testId: "sidebar-tab-tasks" },
-  { view: "environments", label: "Environments", icon: <Monitor size={ICON_LG} />, route: ENVIRONMENTS_URL, testId: "sidebar-tab-environments" },
-  { view: "knowledge", label: "Knowledge", icon: <Brain size={ICON_LG} />, route: KNOWLEDGE_URL, testId: "sidebar-tab-knowledge" },
-  { view: "findings", label: "Findings", icon: <Search size={ICON_LG} />, route: FINDINGS_URL, testId: "sidebar-tab-findings" },
+  { view: "dashboard", label: "Dashboard", icon: <Home size={ICON_LG} />, route: HOME_URL, testId: "sidebar-tab-dashboard", order: 0 },
+  { view: "tasks", label: "Tasks", icon: <ClipboardList size={ICON_LG} />, route: TASKS_URL, testId: "sidebar-tab-tasks", order: 1 },
+  { view: "environments", label: "Environments", icon: <Monitor size={ICON_LG} />, route: ENVIRONMENTS_URL, testId: "sidebar-tab-environments", order: 2 },
+  { view: "chat", label: "Sessions", icon: <MessageSquare size={ICON_LG} />, route: CHAT_URL, testId: "sidebar-tab-chat", order: 3 },
+  { view: "findings", label: "Findings", icon: <Search size={ICON_LG} />, route: FINDINGS_URL, testId: "sidebar-tab-findings", order: 4 },
+  { view: "knowledge", label: "Knowledge", icon: <Brain size={ICON_LG} />, route: KNOWLEDGE_URL, testId: "sidebar-tab-knowledge", order: 5 },
   { view: "settings", label: "Settings", icon: <Settings size={ICON_LG} />, route: SETTINGS_CREDENTIALS_URL, testId: "sidebar-tab-settings", align: "end" },
 ];
 
@@ -67,15 +73,18 @@ export function AppNav({ tabs = TABS }: { tabs?: AppTab[] }): JSX.Element {
 
   const activeView = getActiveView(location.pathname);
 
-  // Render end-aligned tabs (e.g. Settings) last regardless of the incoming order,
-  // so they stay pinned to the right edge no matter which plugins contribute tabs.
-  const orderedTabs = useMemo(
-    () => [
-      ...tabs.filter((t) => t.align !== "end"),
+  // Sort by explicit `order`, then render end-aligned tabs (e.g. Settings) last
+  // regardless of order, so they stay pinned to the right edge no matter which
+  // plugins contribute tabs. Tabs without an `order` keep their incoming order
+  // (stable sort) and fall after explicitly-ordered ones.
+  const orderedTabs = useMemo(() => {
+    const byOrder = (a: AppTab, b: AppTab): number =>
+      (a.order ?? Number.MAX_SAFE_INTEGER) - (b.order ?? Number.MAX_SAFE_INTEGER);
+    return [
+      ...tabs.filter((t) => t.align !== "end").sort(byOrder),
       ...tabs.filter((t) => t.align === "end"),
-    ],
-    [tabs],
-  );
+    ];
+  }, [tabs]);
   const firstEndAlignedView = orderedTabs.find((t) => t.align === "end")?.view;
 
   const handleClick = useCallback((tab: AppTab) => {

package/src/components/layout/StatusBar.tsx

@@ -3,6 +3,7 @@ import { Circle, Menu } from "lucide-react";
 import type { ConnectionStatus, Environment, Session } from "../../hooks/types.js";
 import { ICON_LG, ICON_XS } from "../../utils/iconSize.js";
 import { HOME_URL, useAppNavigate } from "../../utils/navigation.js";
+import { assetUrl } from "../../utils/assetUrl.js";
 import { Tooltip } from "../display/Tooltip.js";
 import styles from "./StatusBar.module.scss";
 
@@ -51,7 +52,7 @@ export function StatusBar({ connectionStatus, environments, sessions, onToggleSi
       )}
       <Tooltip text="Home" placement="bottom">
         <button type="button" className={styles.brand} onClick={() => navigate(HOME_URL)} data-testid="statusbar-brand">
-          <img src="/icon-192x192.png" alt="" className={styles.brandLogo} aria-hidden="true" data-testid="statusbar-logo" />
+          <img src={assetUrl("icon-192x192.png")} alt="" className={styles.brandLogo} aria-hidden="true" data-testid="statusbar-logo" />
           Grackle
         </button>
       </Tooltip>

package/src/components/panels/KeyboardShortcutsPanel.stories.tsx

@@ -25,7 +25,7 @@ export const AllCategoriesRendered: Story = {
     await expect(canvas.getByText("Workspace Page")).toBeInTheDocument();
     await expect(canvas.getByText("Navigation Lists")).toBeInTheDocument();
     await expect(canvas.getByText("Editing")).toBeInTheDocument();
-    await expect(canvas.getByText("Chat")).toBeInTheDocument();
+    await expect(canvas.getByText("Sessions")).toBeInTheDocument();
   },
 };
 
@@ -35,6 +35,6 @@ export const ShortcutDescriptions: Story = {
     await expect(canvas.getByText("Open keyboard shortcuts reference")).toBeInTheDocument();
     await expect(canvas.getByText("Create a new task")).toBeInTheDocument();
     await expect(canvas.getByText("Switch to Overview tab")).toBeInTheDocument();
-    await expect(canvas.getByText("Send message (when input is focused)")).toBeInTheDocument();
+    await expect(canvas.getByText("Send message (when the composer is focused)")).toBeInTheDocument();
   },
 };

package/src/components/panels/KeyboardShortcutsPanel.tsx

@@ -66,9 +66,10 @@ const SHORTCUT_GROUPS: ShortcutGroup[] = [
     ],
   },
   {
-    title: "Chat",
+    title: "Sessions",
     shortcuts: [
-      { keys: ["Enter"], description: "Send message (when input is focused)" },
+      { keys: ["Ctrl/Cmd", "Enter"], description: "Send message (when the composer is focused)" },
+      { keys: ["Enter"], description: "Insert a new line in the message composer" },
     ],
   },
 ];

package/src/hooks/types.ts

@@ -327,7 +327,7 @@ export interface UseWorkspacesResult {
     defaultPersonaId?: string,
     useWorktrees?: boolean,
     workingDirectory?: string,
-    onSuccess?: () => void,
+    onSuccess?: (workspace: Workspace) => void,
     onError?: (message: string) => void,
   ) => Promise<void>;
   /** Archive a workspace by ID. */

package/src/index.ts

@@ -202,6 +202,8 @@ export { computeKpis, getAttentionTasks, getActiveSessions, getWorkspaceSnapshot
 
 export { isNearAnchor, computeScrollCompensation, SCROLL_ANCHOR_THRESHOLD_PX } from "./utils/scrollUtils.js";
 
+export { assetUrl } from "./utils/assetUrl.js";
+
 // ─── Themes ──────────────────────────────────────────────────────────────────
 
 export { THEMES, THEME_IDS, DEFAULT_THEME_ID, getThemeById } from "./themes.js";

package/src/mocks/MockGrackleProvider.tsx

@@ -382,7 +382,7 @@ export function MockGrackleProvider({ children }: MockGrackleProviderProps): JSX
       defaultPersonaId?: string,
       useWorktrees?: boolean,
       workingDirectory?: string,
-      onSuccess?: () => void,
+      onSuccess?: (workspace: Workspace) => void,
       _onError?: (message: string) => void,
     ) => {
       console.log("[MockGrackle] createWorkspace", { name, description });
@@ -405,7 +405,7 @@ export function MockGrackleProvider({ children }: MockGrackleProviderProps): JSX
 
       setWorkspaces((prev) => [...prev, newWorkspace]);
       if (onSuccess) {
-        onSuccess();
+        onSuccess(newWorkspace);
       }
     },
     [nextId],

package/src/utils/assetUrl.test.ts

@@ -0,0 +1,23 @@
+import { describe, it, expect, afterEach, vi } from "vitest";
+import { assetUrl } from "./assetUrl.js";
+
+describe("assetUrl", () => {
+  afterEach(() => {
+    vi.unstubAllEnvs();
+  });
+
+  it("prefixes the file with the default base URL", () => {
+    vi.stubEnv("BASE_URL", "/");
+    expect(assetUrl("icon-192x192.png")).toBe("/icon-192x192.png");
+  });
+
+  it("prefixes the file with a sub-path base URL (demo deployment)", () => {
+    vi.stubEnv("BASE_URL", "/grackle/demo/");
+    expect(assetUrl("icon-192x192.png")).toBe("/grackle/demo/icon-192x192.png");
+  });
+
+  it("collapses a leading slash on the file name so the base join never double-slashes", () => {
+    vi.stubEnv("BASE_URL", "/grackle/demo/");
+    expect(assetUrl("/grackle-logo.png")).toBe("/grackle/demo/grackle-logo.png");
+  });
+});

package/src/utils/assetUrl.ts

@@ -0,0 +1,33 @@
+// Minimal typing for Vite's `import.meta.env.BASE_URL`. We deliberately avoid a
+// full `/// <reference types="vite/client" />` so that Vite's broad ambient
+// asset-module declarations (`*.png`, `*.css`, ...) don't leak into the type
+// graph of every program that compiles this file — we only need `BASE_URL`.
+declare global {
+  interface ImportMetaEnv {
+    /** Base public path the app is served from (Vite `base`); always ends in `/`. */
+    readonly BASE_URL: string;
+  }
+  interface ImportMeta {
+    readonly env: ImportMetaEnv;
+  }
+}
+
+/**
+ * Resolve a public asset path against the application's configured base URL.
+ *
+ * Public assets (logos, icons, the web manifest) sit at the site root in local
+ * development but under a sub-path when the app is deployed to a base URL — e.g.
+ * the GitHub Pages demo served from `/grackle/demo/`. A leading-slash `src` is
+ * resolved by the browser against the origin root and ignores Vite's `base`, so
+ * such assets 404 on sub-path deployments. Prefixing with
+ * `import.meta.env.BASE_URL` (always set by Vite, with a trailing slash) yields
+ * a path that is correct in every deployment.
+ *
+ * @param fileName - The asset's file name relative to the public root, ideally
+ *   without a leading slash (e.g. `"icon-192x192.png"`). A leading slash is
+ *   tolerated and stripped to avoid a double slash after the base.
+ * @returns The base-prefixed asset URL (e.g. `"/grackle/demo/icon-192x192.png"`).
+ */
+export function assetUrl(fileName: string): string {
+  return `${import.meta.env.BASE_URL}${fileName.replace(/^\//, "")}`;
+}

package/temp/build/lint/_eslint-5eVG3S6w.json

@@ -7,7 +7,7 @@
     ],
     [
       "hooks/types.ts",
-      "/7ttZkjX3bM9oMWNFw/qQOYtrrI=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "Q3IfPXTzOZH/42LKa4mjM52/+X0=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/chat/ChatInput.tsx",
@@ -161,9 +161,13 @@
       "components/display/Spinner.tsx",
       "p7oAA36O26nwdV3QtEJdt9vSMRk=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
+    [
+      "utils/assetUrl.ts",
+      "KmzyO2hja0ddDKHVjGabZurZzN0=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+    ],
     [
       "components/display/SplashScreen.tsx",
-      "IfvUpfXP8s5Q2WYmnoIiSlxT2yk=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "OTmXaBxnSDqnKvDW1/SajhKz1zU=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/display/Tooltip.tsx",
@@ -267,11 +271,11 @@
     ],
     [
       "components/layout/StatusBar.tsx",
-      "aWpXsJzCfnZ4ljVx5oG3/oCIM+U=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "IwwWop/68/zHUpaH0JxUuhhga9Q=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/layout/AppNav.tsx",
-      "+ew0Cx3OJiv9FZ9/2F01S9ZazzQ=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "m+cH8YKux2EB/NGH9BzaikTuEw0=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/layout/Sidebar.tsx",
@@ -387,7 +391,7 @@
     ],
     [
       "components/panels/KeyboardShortcutsPanel.tsx",
-      "SnjqqP3Qk5aS/bY+pOhXbkbptec=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "0yOtcA8wE4p4ctgFYThvwW0x8Pk=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/panels/CredentialProvidersPanel.tsx",
@@ -467,7 +471,7 @@
     ],
     [
       "mocks/MockGrackleProvider.tsx",
-      "g+iRnCe9AbsL/7cGS7bBSU1JIsQ=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "Zrw0hhCq5Bbv4P33XGGTpJjLm/8=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "test-utils/storybook-decorators.tsx",
@@ -479,7 +483,7 @@
     ],
     [
       "index.ts",
-      "XEgfwrVvQNW7DJQmsu4ZpsFAvgQ=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "Lbo23h9QnwqCWZmf6x/aafniLGY=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/index.ts",
@@ -607,7 +611,7 @@
     ],
     [
       "components/layout/AppNav.stories.tsx",
-      "FhVGIPJJt0juJDi04NbgfMGBfSY=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "oYykVWEa7SEp4YtAOIe+xpB1D3k=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/layout/BottomStatusBar.stories.tsx",
@@ -671,7 +675,7 @@
     ],
     [
       "components/panels/KeyboardShortcutsPanel.stories.tsx",
-      "uJzJ+fBVMitfnq9Wk0qRLInrMHQ=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
+      "gZ9hP3WGlzy58xTJYrj2eHoEpYQ=_7W3TvvwZxl0TGST6/dyQa8DKDDc="
     ],
     [
       "components/panels/TaskActionButtons.stories.tsx",
@@ -797,6 +801,10 @@
       "hooks/useEventSelection.test.ts",
       "/ggsjovG/PzoHNtCbMzOcwYEa/k=_orHdc0vDZqoYfD6TIDl1Za3EAL4="
     ],
+    [
+      "utils/assetUrl.test.ts",
+      "IaZp6S9n0W2AQtaTJgpZV3+L9sQ=_orHdc0vDZqoYfD6TIDl1Za3EAL4="
+    ],
     [
       "utils/breadcrumbs.test.ts",
       "uvtwd3hxobqtDMQ8hessqUzyrmc=_orHdc0vDZqoYfD6TIDl1Za3EAL4="
@@ -826,5 +834,5 @@
       "hL9OyAvsoDAPSh4+TPUEgQrdYMI=_orHdc0vDZqoYfD6TIDl1Za3EAL4="
     ]
   ],
-  "filesHash": "PEVC244sy61mI2jL-TojYg"
+  "filesHash": "wzmDK7nkrsOam3n0gh_j3g"
 }