@cosmicdrift/kumiko-renderer-web 0.72.0 → 0.73.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer-web",
-  "version": "0.72.0",
+  "version": "0.73.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>",
@@ -16,9 +16,9 @@
     "./styles.css": "./src/styles.css"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.72.0",
-    "@cosmicdrift/kumiko-headless": "0.72.0",
-    "@cosmicdrift/kumiko-renderer": "0.72.0",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.73.0",
+    "@cosmicdrift/kumiko-headless": "0.73.0",
+    "@cosmicdrift/kumiko-renderer": "0.73.0",
     "@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__/render-list.test.tsx

@@ -1,4 +1,4 @@
-import { describe, expect, mock, test } from "bun:test";
+import { describe, expect, mock, spyOn, test } from "bun:test";
 import type {
   EntityDefinition,
   EntityListScreenDefinition,
@@ -184,11 +184,13 @@ describe("RenderList — slots.header", () => {
   });
 
   test("slots.header gesetzt, aber Component nicht registriert → kein Crash, kein Header", () => {
+    const warn = spyOn(console, "warn").mockImplementation(() => {});
     render(
       <ExtensionSectionsProvider value={{}}>
         <RenderList screen={screenWithHeader} entity={taskEntity} rows={[]} featureName="tasks" />
       </ExtensionSectionsProvider>,
     );
     expect(screen.queryByTestId("list-header-slot")).toBeNull();
+    warn.mockRestore();
   });
 });

package/src/layout/sidebar-brand.tsx

@@ -1,7 +1,7 @@
 // SidebarBrand — der TeamSwitcher-Header aus shadcns sidebar-07: Logo-Kachel +
-// Name + Plan/Tagline + ChevronsUpDown. App-Author reicht ihn als `brand` an
-// DefaultAppShell. Reiner Look (kein Team-Switch-Dropdown) — eine App hat
-// meist EINE Identität; wer wechseln will, baut den Dropdown selbst drumrum.
+// Name + Plan/Tagline. App-Author reicht ihn als `brand` an DefaultAppShell.
+// Reiner Look (kein Team-Switch-Dropdown) — eine App hat meist EINE Identität;
+// wer wechseln will, baut den Dropdown selbst drumrum und setzt `collapsible`.
 
 import { ChevronsUpDown } from "lucide-react";
 import type { ReactNode } from "react";
@@ -15,9 +15,18 @@ export type SidebarBrandProps = {
   /** Logo in der Kachel — typisch ein Lucide-Icon. Fehlt es, steht der
    *  erste Buchstabe des Namens. */
   readonly logo?: ReactNode;
+  /** Zeigt das ChevronsUpDown-Icon (Aufklapp-Affordance) nur wenn die App den
+   *  Brand tatsächlich in ein Dropdown wrappt. Default false: ohne Dropdown
+   *  ist das Chevron irreführend (suggeriert ein Menü, das nicht aufgeht). */
+  readonly collapsible?: boolean;
 };
 
-export function SidebarBrand({ name, plan, logo }: SidebarBrandProps): ReactNode {
+export function SidebarBrand({
+  name,
+  plan,
+  logo,
+  collapsible = false,
+}: SidebarBrandProps): ReactNode {
   return (
     <SidebarMenu>
       <SidebarMenuItem>
@@ -32,7 +41,7 @@ export function SidebarBrand({ name, plan, logo }: SidebarBrandProps): ReactNode
             <span className="truncate font-semibold">{name}</span>
             {plan !== undefined && <span className="truncate text-xs">{plan}</span>}
           </div>
-          <ChevronsUpDown className="ml-auto" />
+          {collapsible && <ChevronsUpDown className="ml-auto" />}
         </SidebarMenuButton>
       </SidebarMenuItem>
     </SidebarMenu>

package/src/primitives/index.tsx

@@ -605,8 +605,10 @@ function tableInner(
             <TableHead
               data-testid="column-actions"
               // sticky right-0 + bg-muted (= Header-Ton) damit die Action-
-              // Spalte beim horizontalen Scroll am rechten Rand bleibt.
-              className="sticky right-0 z-10 w-px border-l bg-muted text-right text-muted-foreground"
+              // Spalte beim horizontalen Scroll am rechten Rand bleibt. Kein
+              // border-l: der ständige Trenner wirkt schwer; die sticky-bg
+              // grenzt die Spalte beim Scroll ohnehin ab.
+              className="sticky right-0 z-10 w-px bg-muted text-right text-muted-foreground"
               aria-label="Actions"
             />
           )}
@@ -646,9 +648,9 @@ function tableInner(
               <TableCell
                 data-testid={`cell-${row.id}-actions`}
                 // Sticky-right damit beim horizontalen Scroll die Actions
-                // am rechten Rand sichtbar bleiben. bg-background +
-                // border-l für den visuellen Abschluss.
-                className="sticky right-0 z-10 border-l bg-background text-right"
+                // am rechten Rand sichtbar bleiben. bg-background grenzt die
+                // Spalte beim Scroll ab — kein border-l (Trenner zu schwer).
+                className="sticky right-0 z-10 bg-background text-right"
                 // Action-Cell-Events dürfen nicht den Row-Click/Activation
                 // triggern (typisch "Open Detail" — der User wollte ja die
                 // Action, nicht navigieren). Wir stopPropagation für Mouse