@cosmicdrift/kumiko-renderer 0.147.0 → 0.147.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer",
-  "version": "0.147.0",
+  "version": "0.147.2",
   "description": "Platform-agnostic React renderer for Kumiko screens. Contains the shared logic — primitives-contract, hooks, KumikoScreen, navigation & SSE abstractions — that any platform-specific renderer (web, native) composes. No DOM, no EventSource, no react-dom.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -15,8 +15,8 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-framework": "0.147.0",
-    "@cosmicdrift/kumiko-headless": "0.147.0",
+    "@cosmicdrift/kumiko-framework": "0.147.2",
+    "@cosmicdrift/kumiko-headless": "0.147.2",
     "react": "^19.2.6"
   },
   "devDependencies": {

package/src/__tests__/qn.test.ts

@@ -1,5 +1,5 @@
 import { describe, expect, test } from "bun:test";
-import { lastSegment } from "../app/qn";
+import { lastSegment, toKebab } from "../app/qn";
 
 describe("lastSegment", () => {
   test("strips feature-prefix from screen-QN", () => {
@@ -38,3 +38,18 @@ describe("lastSegment", () => {
     expect(lastSegment("publicstatus:screen:")).toBe("");
   });
 });
+
+describe("toKebab", () => {
+  test("camelCase entity ids match server qualifyEntityName", () => {
+    expect(toKebab("driverModel")).toBe("driver-model");
+    expect(toKebab("statementUpload")).toBe("statement-upload");
+  });
+
+  test("already kebab unchanged", () => {
+    expect(toKebab("driver-model")).toBe("driver-model");
+  });
+
+  test("preserves colon segments", () => {
+    expect(toKebab("driverModel:list")).toBe("driver-model:list");
+  });
+});

package/src/app/kumiko-screen.tsx

@@ -39,7 +39,7 @@ import { useDashboardBody } from "./dashboard-body";
 import type { FeatureSchema } from "./feature-schema";
 import { useNav } from "./nav";
 import { synthesizeProjectionEntity, synthesizeProjectionScreen } from "./projection-list-shim";
-import { lastSegment } from "./qn";
+import { lastSegment, toKebab } from "./qn";
 import { dispatcherErrorText, WriteFailedError } from "./write-failed-error";
 
 function evalRowExtractor(
@@ -208,15 +208,15 @@ function CustomScreenBody({ screenId }: { readonly screenId: string }): ReactNod
 // ---- entity-edit ----
 
 // Derives `<feature>:write:<entity>:<verb>` from the screen's entity
-// and the schema's feature name. Matches the qualification rule in
-// packages/framework/src/engine/qualified-name.ts so the server-side
-// handler resolves without extra wiring.
+// and the schema's feature name. Matches qualifyEntityName / toKebab in
+// packages/framework/src/engine/qualified-name.ts so camelCase entity
+// ids (e.g. driverModel) resolve to server QNs (driver-model:create).
 function entityWriteCommand(
   featureName: string,
   entity: string,
   verb: "create" | "update" | "delete",
 ): string {
-  return `${featureName}:write:${entity}:${verb}`;
+  return `${toKebab(featureName)}:write:${toKebab(entity)}:${verb}`;
 }
 
 // Default "success → zurück zur Liste"-Navigation. Findet den ersten
@@ -395,7 +395,7 @@ function EntityEditUpdateBody({
   readonly translate?: Translate;
 }): ReactNode {
   const { Banner, Text } = usePrimitives();
-  const detailQn = `${schema.featureName}:query:${screen.entity}:detail`;
+  const detailQn = `${toKebab(schema.featureName)}:query:${toKebab(screen.entity)}:detail`;
   const detailQuery = useQuery<Readonly<Record<string, unknown>>>(detailQn, { id: entityId });
 
   if (detailQuery.loading && detailQuery.data === null) {
@@ -539,7 +539,7 @@ function EntityEditUpdateForm({
 // ---- entity-list ----
 
 function entityQueryCommand(featureName: string, entity: string, verb: "list"): string {
-  return `${featureName}:query:${entity}:${verb}`;
+  return `${toKebab(featureName)}:query:${toKebab(entity)}:${verb}`;
 }
 
 // Server-side entity-query-handlers return the paged envelope

package/src/app/qn.ts

@@ -21,3 +21,16 @@ export function lastSegment(qn: string): string {
   const idx = qn.lastIndexOf(":");
   return idx < 0 ? qn : qn.slice(idx + 1);
 }
+
+/**
+ * Client-safe copy of framework `toKebab` (engine/qualified-name.ts).
+ * Must stay in sync — do NOT import from `@cosmicdrift/kumiko-framework/engine`
+ * here: that barrel pulls server deps into the browser bundle.
+ */
+export function toKebab(input: string): string {
+  return input
+    .replace(/\./g, "-")
+    .replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2")
+    .replace(/([a-z0-9])([A-Z])/g, "$1-$2")
+    .toLowerCase();
+}

package/src/components/render-field.tsx

@@ -1,5 +1,6 @@
 import type { EditFieldViewModel, FieldIssue } from "@cosmicdrift/kumiko-headless";
 import { type ReactNode, useCallback, useMemo, useState } from "react";
+import { toKebab } from "../app/qn";
 import { REFERENCE_COMBOBOX_LIMIT } from "../hooks/reference-limits";
 import { useQuery } from "../hooks/use-query";
 import { useLocale } from "../i18n";
@@ -118,7 +119,7 @@ function ReferenceInput({
   // Tier 2.7e Cross-Feature: refFeature kann ≠ featureName sein
   // (z.B. items.assignee → users:query:user:list). Default ist
   // same-feature, kommt aus dem ViewModel (parseRefTarget).
-  const queryQn = `${refFeature}:query:${refEntity}:list`;
+  const queryQn = `${toKebab(refFeature)}:query:${toKebab(refEntity)}:list`;
   // Tier 2.7e Remote-Search: User tippt im Combobox → Server filtert
   // via existing list-payload `search`-Param (Tier 2.6c). Combobox
   // debounced den keystroke selbst (300ms) und ruft onSearchChange.

package/src/hooks/use-reference-lookup.ts

@@ -18,6 +18,7 @@
 // Entity, Live-Updates kommen via SSE (use-query-live).
 
 import { useMemo } from "react";
+import { toKebab } from "../app/qn";
 import { REFERENCE_LIST_LOOKUP_LIMIT } from "./reference-limits";
 import { useQuery } from "./use-query";
 
@@ -35,7 +36,7 @@ export function useReferenceLookup(
   refEntity: string,
   labelField: string,
 ): { readonly map: ReferenceLookupMap; readonly loading: boolean } {
-  const queryQn = `${featureName}:query:${refEntity}:list`;
+  const queryQn = `${toKebab(featureName)}:query:${toKebab(refEntity)}:list`;
   const result = useQuery<{ rows: ReadonlyArray<Record<string, unknown>> }>(queryQn, {
     limit: REFERENCE_LIST_LOOKUP_LIMIT,
   });