@cosmicdrift/kumiko-renderer 0.401.0 → 0.402.0

package/dist/app/projection-detail-header-model.d.ts

@@ -1,4 +1,5 @@
 import type { ProjectionDetailScreenDefinition } from "@cosmicdrift/kumiko-framework/ui-types";
+import type { FormatSpec } from "@cosmicdrift/kumiko-types/screen";
 import { type Translate } from "../headless/index.ts";
 import { type StatusBadgeOptionTone } from "../primitives.tsx";
 export declare function headerStatusTone(header: NonNullable<ProjectionDetailScreenDefinition["header"]>, record: Readonly<Record<string, unknown>>): StatusBadgeOptionTone | undefined;
@@ -10,3 +11,6 @@ export type DetailTabItem = {
     readonly count?: number;
 };
 export declare function buildDetailTabItems(sections: ProjectionDetailScreenDefinition["layout"]["sections"], record: Readonly<Record<string, unknown>>, translate: Translate, queryCounts?: Readonly<Record<string, number>>): DetailTabItem[];
+export declare function resolveMetricText(metric: {
+    readonly format?: FormatSpec;
+}, raw: unknown, translate: Translate): string;

package/dist/app/projection-detail-header-model.js

@@ -62,3 +62,10 @@ export function buildDetailTabItems(sections, record, translate, queryCounts = {
         };
     });
 }
+export function resolveMetricText(metric, raw, translate) {
+    const rawText = String(raw ?? "");
+    if (metric.format === undefined)
+        return rawText;
+    const formatted = applyFormatSpec(metric.format, raw, translate);
+    return formatted === "" ? rawText : formatted;
+}

package/dist/app/projection-detail-header.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { Fragment } from "react";
 import { ErrorReference } from "./error-reference.js";
 import { HeaderActionsBar } from "./header-actions-bar.js";
-import { headerStatusTone, resolveHeaderStatusText, resolveSubtitleHref, } from "./projection-detail-header-model.js";
+import { headerStatusTone, resolveHeaderStatusText, resolveMetricText, resolveSubtitleHref, } from "./projection-detail-header-model.js";
 import { buildSubtitleParts, metricNavigateResolves, runMetricNavigate, } from "./projection-detail-navigation.js";
 import { navigateTargetAllows } from "./screen-access.js";
 export function renderHeaderActionsContent(model) {
@@ -52,7 +52,7 @@ export function buildMetricItems(model) {
         const field = metric.field;
         const label = effectiveTranslate(metric.label);
         const rawValue = record[field];
-        const value = String(rawValue ?? "");
+        const value = resolveMetricText(metric, rawValue, effectiveTranslate);
         const tiles = screen.metricsStyle === "tiles";
         // Same rule as the dashboard stat panels: a fixed tone must not paint an all-clear 0.
         const tone = rawValue === 0 ? undefined : metric.tone;

package/dist/web/layout/editor-panel.js

@@ -22,7 +22,7 @@ export function EditorPanel({ resolvers }) {
     const handleClose = useCallback(() => {
         requestLeave(() => nav.setSearchParams(clearTargetSearchParams(nav.searchParams)));
     }, [nav]);
-    return (_jsx("div", { "data-kumiko-layout": "editor-main", className: "flex-1 overflow-y-auto", children: target === undefined ? (_jsx(EditorEmptyState, {})) : (_jsx(EditorPanelInner, { target: target, resolvers: resolvers, onClose: handleClose })) }));
+    return (_jsx("div", { "data-kumiko-layout": "editor-main", className: "h-full min-h-0 overflow-y-auto", children: target === undefined ? (_jsx(EditorEmptyState, {})) : (_jsx(EditorPanelInner, { target: target, resolvers: resolvers, onClose: handleClose })) }));
 }
 function EditorEmptyState() {
     return (_jsx("div", { className: "flex h-full items-center justify-center p-8 text-sm text-muted-foreground", children: _jsx("p", { children: "W\u00E4hle einen Knoten links zum Bearbeiten." }) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-renderer",
-  "version": "0.401.0",
+  "version": "0.402.0",
   "description": "React renderer for Kumiko screens. The root export holds the platform-agnostic logic (primitives contract, hooks, KumikoScreen, navigation and SSE abstractions); ./headless the DOM-free UI logic, ./live the HTTP dispatcher, ./web the browser bindings (HTML primitives, history navigation, EventSource live events, createKumikoApp).",
   "license": "MIT",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -48,8 +48,8 @@
     }
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-framework": "0.401.0",
-    "@cosmicdrift/kumiko-types": "0.401.0",
+    "@cosmicdrift/kumiko-framework": "0.402.0",
+    "@cosmicdrift/kumiko-types": "0.402.0",
     "@types/qrcode": "^1.5.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -79,8 +79,8 @@
     }
   },
   "devDependencies": {
-    "@cosmicdrift/kumiko-locale-de": "0.401.0",
-    "@cosmicdrift/kumiko-testing": "0.401.0",
+    "@cosmicdrift/kumiko-locale-de": "0.402.0",
+    "@cosmicdrift/kumiko-testing": "0.402.0",
     "@tailwindcss/cli": "^4.3.3",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.8",

package/src/changes.json

@@ -1,4 +1,16 @@
 [
+  {
+    "version": "0.402.0",
+    "type": "improvement",
+    "title": "The editor panel keeps its save bar pinned",
+    "detail": "A FormScreenLayout editor inside the editor panel gets the full panel height, so its save bar stays visible while the content scrolls."
+  },
+  {
+    "version": "0.402.0",
+    "type": "improvement",
+    "title": "projectionDetail metrics can be formatted",
+    "detail": "`metrics[].format` takes a `FormatSpec` such as `{ format: \"date\" }`. The metric shows the formatted value (an empty result falls back to the raw text); the tone still resolves on the raw value. Without `format` nothing changes."
+  },
   {
     "version": "0.401.0",
     "type": "fix",