@cosmicdrift/kumiko-renderer-web 0.149.1 → 0.149.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.149.1",
+  "version": "0.149.2",
   "description": "Web-platform bindings for @cosmicdrift/kumiko-renderer. HTML default-primitives, browser history-based navigation, EventSource-backed live events, and a one-call createKumikoApp that mounts the whole stack via react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -16,9 +16,9 @@
     "./styles.css": "./src/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.149.1",
-    "@cosmicdrift/kumiko-headless": "0.149.1",
-    "@cosmicdrift/kumiko-renderer": "0.149.1",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.149.2",
+    "@cosmicdrift/kumiko-headless": "0.149.2",
+    "@cosmicdrift/kumiko-renderer": "0.149.2",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",

package/src/__tests__/workspace-shell.test.tsx

@@ -834,4 +834,40 @@ describe("WorkspaceShell — EINE Nav", () => {
     // Die screen-children sind ersetzt, nicht zusätzlich gerendert.
     expect(screen.queryByText("content")).toBeNull();
   });
+
+  test("navBadges pass through to NavTree leaf items", () => {
+    const schema = {
+      featureName: "bmc",
+      entities: {},
+      screens: [],
+      navs: [
+        { id: "system", label: "System", screen: "bmc:screen:system" },
+        { id: "orders", label: "Orders", screen: "bmc:screen:orders" },
+      ],
+      workspaces: [
+        ws("admin", {
+          label: "Admin",
+          roles: ["admin"],
+          order: 1,
+          isDefault: true,
+          navMembers: ["bmc:nav:system", "bmc:nav:orders"],
+        }),
+      ],
+    } as const;
+
+    renderShell(
+      <WorkspaceShell
+        brand={<div>Brand</div>}
+        schema={schema}
+        user={{ id: "u1", roles: ["admin"] }}
+        navBadges={new Map([["orders", <span>3</span>]])}
+      >
+        <div>content</div>
+      </WorkspaceShell>,
+    );
+    const ordersItems = screen.getAllByText("Orders");
+    const systemItems = screen.getAllByText("System");
+    expect(ordersItems.some((el) => el.closest("li")?.textContent?.includes("3"))).toBe(true);
+    expect(systemItems.every((el) => !el.closest("li")?.textContent?.includes("3"))).toBe(true);
+  });
 });

package/src/layout/workspace-shell.tsx

@@ -75,6 +75,8 @@ export type WorkspaceShellProps = {
    *  Info. Klebt am unteren Rand via `mt-auto` (siehe Sidebar.footer).
    *  Symmetrisch zu DefaultAppShell.sidebarFooter. */
   readonly sidebarFooter?: ReactNode;
+  /** Runtime badge slot per nav leaf (bare nav id), same as DefaultAppShell. */
+  readonly navBadges?: ReadonlyMap<string, ReactNode>;
   /** Screen content. */
   readonly children: ReactNode;
 };
@@ -86,6 +88,7 @@ export function WorkspaceShell({
   user,
   initialWorkspaceId,
   sidebarFooter,
+  navBadges,
   children,
 }: WorkspaceShellProps): ReactNode {
   const app = useMemo(() => toAppSchema(schema), [schema]);
@@ -207,6 +210,7 @@ export function WorkspaceShell({
       schema={app}
       {...(user !== undefined && { user })}
       {...(allowedNavQns !== undefined && { allowedNavQns })}
+      {...(navBadges !== undefined && { navBadges })}
     />
   );