@cosmicdrift/kumiko-renderer 0.305.0 → 0.306.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer",
-  "version": "0.305.0",
+  "version": "0.306.0",
   "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,9 +15,9 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-framework": "0.305.0",
-    "@cosmicdrift/kumiko-headless": "0.305.0",
-    "@cosmicdrift/kumiko-types": "0.305.0",
+    "@cosmicdrift/kumiko-framework": "0.306.0",
+    "@cosmicdrift/kumiko-headless": "0.306.0",
+    "@cosmicdrift/kumiko-types": "0.306.0",
     "react": "^19.2.6",
     "temporal-polyfill": "^0.3.2",
     "zod": "^4.4.3"
@@ -28,7 +28,7 @@
     "@types/react-dom": "^19.2.3",
     "jsdom": "^29.1.1",
     "react-dom": "^19.2.6",
-    "@cosmicdrift/kumiko-locale-de": "0.305.0"
+    "@cosmicdrift/kumiko-locale-de": "0.306.0"
   },
   "repository": {
     "type": "git",

package/src/changes.json

@@ -1,4 +1,15 @@
 [
+  {
+    "version": "0.306.0",
+    "type": "fix",
+    "title": "List search no longer drops input typed while the list mounts"
+  },
+  {
+    "version": "0.306.0",
+    "type": "fix",
+    "title": "projectionDetail without a fields section no longer shows a no-op Save; extension tabs no longer repeat their title",
+    "detail": "A projectionDetail layout of only extension/relatedList sections synthesized a fieldless entity and drew a Save that did nothing. Extensions that register with the form host still get their Save. In layout.mode tabs, extension sections now honour hideSectionTitles like relatedList and writeForm."
+  },
   {
     "version": "0.296.0",
     "type": "improvement",

package/src/components/render-edit.tsx

@@ -7,6 +7,7 @@ import {
   evalFieldCondition,
   isFieldsEditSection,
   normalizeEditField,
+  PROJECTION_DETAIL_ENTITY,
 } from "@cosmicdrift/kumiko-framework/ui-types";
 import type {
   DispatcherError,
@@ -158,6 +159,7 @@ function ExtensionSectionMount({
   values,
   patch,
   validate,
+  hideTitle,
 }: {
   readonly section: EditExtensionSectionViewModel;
   readonly entityName: string;
@@ -166,6 +168,7 @@ function ExtensionSectionMount({
   readonly values?: Readonly<Record<string, unknown>>;
   readonly patch?: (partial: Readonly<Record<string, unknown>>) => void;
   readonly validate?: () => boolean;
+  readonly hideTitle?: boolean;
 }): ReactNode {
   const { Banner, Section, Text } = usePrimitives();
   const name = extensionSectionName(section.component);
@@ -188,7 +191,10 @@ function ExtensionSectionMount({
     );
   }
   return (
-    <Section title={section.title} testId={`section-extension-${section.title}`}>
+    <Section
+      {...(hideTitle !== true && { title: section.title })}
+      testId={`section-extension-${section.title}`}
+    >
       <Component
         entityName={section.entityName ?? hostEntityName}
         entityId={entityId}
@@ -1128,6 +1134,12 @@ export function RenderEdit<TValues extends FormValues, TCtx = unknown>(
         values={snapshot.values}
       />
     ) : undefined;
+  // A projectionDetail's synthesized entity is empty when every section is an
+  // extension or relatedList; that is not a fieldless submit form, so it must not
+  // draw a no-op Save. Extension registrations still get their Save, since
+  // persistExtensions() runs on the customSubmit path too.
+  const isFieldlessSubmitForm = isFieldless && screen.entity !== PROJECTION_DETAIL_ENTITY;
+  const showsSubmit = isFormEditable || hasExtensionRegistrations || isFieldlessSubmitForm;
   const footerSlot = screen.slots?.footer;
   // Mirrors every branch inside formActions below — without this guard
   // DefaultForm renders an empty footer strip (border + padding, no content)
@@ -1136,8 +1148,7 @@ export function RenderEdit<TValues extends FormValues, TCtx = unknown>(
   const hasFormActions =
     (isWizard && currentStep > 0) ||
     (isWizard && !isLastWizardStep) ||
-    ((isFormEditable || hasExtensionRegistrations || isFieldless) &&
-      (!isWizard || isLastWizardStep)) ||
+    (showsSubmit && (!isWizard || isLastWizardStep)) ||
     footerSlot !== undefined;
   const formActions = (
     <>
@@ -1174,21 +1185,20 @@ export function RenderEdit<TValues extends FormValues, TCtx = unknown>(
           {translate("kumiko.actions.next")}
         </Button>
       )}
-      {(isFormEditable || hasExtensionRegistrations || isFieldless) &&
-        (!isWizard || isLastWizardStep) && (
-          <Button
-            type="submit"
-            disabled={
-              (snapshot.isUnchanged && !extensionDirty && !isFieldless) || isSubmitting || disabled
-            }
-            loading={isSubmitting}
-            variant={submitVariant ?? "primary"}
-            icon="check"
-            testId="render-edit-submit"
-          >
-            {translate(submitLabel ?? (isWizard ? "kumiko.actions.finish" : "kumiko.actions.save"))}
-          </Button>
-        )}
+      {showsSubmit && (!isWizard || isLastWizardStep) && (
+        <Button
+          type="submit"
+          disabled={
+            (snapshot.isUnchanged && !extensionDirty && !isFieldless) || isSubmitting || disabled
+          }
+          loading={isSubmitting}
+          variant={submitVariant ?? "primary"}
+          icon="check"
+          testId="render-edit-submit"
+        >
+          {translate(submitLabel ?? (isWizard ? "kumiko.actions.finish" : "kumiko.actions.save"))}
+        </Button>
+      )}
     </>
   );
 
@@ -1391,6 +1401,7 @@ export function RenderEdit<TValues extends FormValues, TCtx = unknown>(
                   patchAndScheduleDraftSave as (partial: Readonly<Record<string, unknown>>) => void
                 }
                 validate={scopedValidate}
+                hideTitle={hideSectionTitles}
               />
             );
             return wrapWizardStep(section.title, mount);

package/src/components/render-list.tsx

@@ -192,13 +192,18 @@ export function RenderList(props: RenderListProps): ReactNode {
   const translate: Translate = translateProp ?? t;
   const { DataTable, Button, Dialog, Input, Text, Banner } = usePrimitives();
 
-  // Local Search-Buffer + Debounce. Externe Änderungen (Browser-Back,
-  // Cross-Component-Reset) spiegeln wir per Sync-Effect zurück; Tipps
-  // im Input feuern onSearchChange erst nach 300ms ohne weitere Tasten.
+  // Local search buffer + debounce. External changes (browser back,
+  // cross-component reset) are mirrored back; typing only fires
+  // onSearchChange after 300ms without further keystrokes.
   const [localQ, setLocalQ] = useState(searchValue ?? "");
-  useEffect(() => {
+  // Sync during render, not in a useEffect: the passive effect also fires on
+  // mount and can flush after a keystroke landing in the same commit,
+  // resetting localQ and swallowing the input.
+  const [syncedSearchValue, setSyncedSearchValue] = useState(searchValue);
+  if (searchValue !== syncedSearchValue) {
+    setSyncedSearchValue(searchValue);
     setLocalQ(searchValue ?? "");
-  }, [searchValue]);
+  }
   useEffect(() => {
     if (onSearchChange === undefined) return;
     if (localQ === (searchValue ?? "")) return;