@cosmicdrift/kumiko-renderer-web 0.345.0 → 0.347.0

package/dist/layout/page-header-slot.d.ts

@@ -10,6 +10,8 @@ export type PageHeaderSlot = {
     readonly setTitle: (title: string | undefined) => void;
     readonly recordTitle: string | undefined;
     readonly setRecordTitle: (recordTitle: string | undefined) => void;
+    readonly breadcrumbHidden: boolean;
+    readonly setBreadcrumbHidden: (hidden: boolean) => void;
     readonly overflowItems: readonly ActionMenuItemSpec[] | undefined;
     readonly setOverflowItems: (items: readonly ActionMenuItemSpec[] | undefined) => void;
 };

package/dist/layout/page-header-slot.js

@@ -18,6 +18,7 @@ export function PageHeaderSlotProvider({ children }) {
     const [actionsElement, setActionsElement] = useState(null);
     const [title, setTitle] = useState(undefined);
     const [recordTitle, setRecordTitle] = useState(undefined);
+    const [breadcrumbHidden, setBreadcrumbHidden] = useState(false);
     const [overflowItems, setOverflowItems] = useState(undefined);
     const compact = useIsNarrowViewport();
     const value = useMemo(() => ({
@@ -29,8 +30,10 @@ export function PageHeaderSlotProvider({ children }) {
         setTitle,
         recordTitle,
         setRecordTitle,
+        breadcrumbHidden,
+        setBreadcrumbHidden,
         overflowItems,
         setOverflowItems,
-    }), [statusElement, actionsElement, title, recordTitle, overflowItems]);
+    }), [statusElement, actionsElement, title, recordTitle, breadcrumbHidden, overflowItems]);
     return (_jsx(PageHeaderSlotContext.Provider, { value: value, children: _jsx(PageHeaderSlotAvailableProvider, { value: true, children: _jsx(PageHeaderCompactProvider, { value: compact, children: children }) }) }));
 }

package/dist/layout/shell-header.js

@@ -45,9 +45,11 @@ export function ShellHeader({ schema, user, headerActions, }) {
     const compact = usePageHeaderCompact();
     const overflowItems = slot?.overflowItems ?? [];
     const hasOverflow = compact && (overflowItems.length > 0 || headerActions !== undefined);
-    const shownCrumbs = crumbs !== undefined && recordTitle !== undefined && crumbs.length > 0
-        ? [...crumbs.slice(0, -1), { label: recordTitle }, ...crumbs.slice(-1)]
-        : crumbs;
+    const shownCrumbs = slot?.breadcrumbHidden === true
+        ? undefined
+        : crumbs !== undefined && recordTitle !== undefined && crumbs.length > 0
+            ? [...crumbs.slice(0, -1), { label: recordTitle }, ...crumbs.slice(-1)]
+            : crumbs;
     return (_jsxs("header", { "data-kumiko-layout": "shell-header", className: cn("flex h-14 shrink-0 items-center gap-3 border-b border-border pl-1.5 pr-3 md:pl-4 md:pr-6", compact && "relative"), children: [_jsxs("div", { className: cn("flex min-w-0 items-center gap-3", compact && "flex-1"), children: [_jsx(SidebarTrigger, {}), shownCrumbs !== undefined && shownCrumbs.length > 0 && (_jsx(Breadcrumb, { className: "min-w-0", children: _jsx(BreadcrumbList, { className: "flex-nowrap gap-1.5 sm:gap-1.5", children: shownCrumbs.map((crumb, index) => {
                                 const screenId = crumb.screenId;
                                 const isLast = index === shownCrumbs.length - 1;

package/dist/primitives/page-header.d.ts

@@ -1,3 +1,3 @@
 import type { PageHeaderProps } from "@cosmicdrift/kumiko-renderer";
 import { type ReactNode } from "react";
-export declare function DefaultPageHeader({ title, recordTitle, status, actions, overflowItems, }: PageHeaderProps): ReactNode;
+export declare function DefaultPageHeader({ title, recordTitle, status, actions, overflowItems, hideBreadcrumb, }: PageHeaderProps): ReactNode;

package/dist/primitives/page-header.js

@@ -2,11 +2,18 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { useEffect } from "react";
 import { createPortal } from "react-dom";
 import { usePageHeaderSlot } from "../layout/page-header-slot.js";
-export function DefaultPageHeader({ title, recordTitle, status, actions, overflowItems, }) {
+export function DefaultPageHeader({ title, recordTitle, status, actions, overflowItems, hideBreadcrumb, }) {
     const slot = usePageHeaderSlot();
     const setOverflowItems = slot?.setOverflowItems;
     const setTitle = slot?.setTitle;
     const setRecordTitle = slot?.setRecordTitle;
+    const setBreadcrumbHidden = slot?.setBreadcrumbHidden;
+    useEffect(() => {
+        if (setBreadcrumbHidden === undefined || hideBreadcrumb !== true)
+            return;
+        setBreadcrumbHidden(true);
+        return () => setBreadcrumbHidden(false);
+    }, [setBreadcrumbHidden, hideBreadcrumb]);
     useEffect(() => {
         if (setRecordTitle === undefined || recordTitle === undefined)
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.345.0",
+  "version": "0.347.0",
   "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>",
@@ -20,11 +20,11 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.345.0",
-    "@cosmicdrift/kumiko-framework": "0.345.0",
-    "@cosmicdrift/kumiko-headless": "0.345.0",
-    "@cosmicdrift/kumiko-renderer": "0.345.0",
-    "@cosmicdrift/kumiko-types": "0.345.0",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.347.0",
+    "@cosmicdrift/kumiko-framework": "0.347.0",
+    "@cosmicdrift/kumiko-headless": "0.347.0",
+    "@cosmicdrift/kumiko-renderer": "0.347.0",
+    "@cosmicdrift/kumiko-types": "0.347.0",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",
@@ -72,7 +72,7 @@
     "@types/react-dom": "^19.2.3",
     "jsdom": "^29.1.1",
     "tailwindcss": "^4.3.0",
-    "@cosmicdrift/kumiko-locale-de": "0.345.0"
+    "@cosmicdrift/kumiko-locale-de": "0.347.0"
   },
   "repository": {
     "type": "git",