@hanzo/ui 8.0.27 → 8.0.28

package/dist/framework/MediaGrid.cjs

@@ -0,0 +1,134 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaGrid = MediaGrid;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * MediaGrid — the DAM (media library) for a media DocType (an Attach-backed
+ * collection). A REAL asset manager: drag/drop or pick files → they upload through
+ * the injected `MediaUploader` (the host's own per-org object store) → a document
+ * is created from the DocType's OWN schema → the grid shows a live thumbnail
+ * (presigned on view, since object URLs are short-lived). Delete removes the
+ * document AND the object.
+ *
+ * The document body is `mediaDocPayload(dt, facts)` — metadata-driven. This used
+ * to write a hardcoded `{title, file, mime, size, width, height}`, which is the
+ * CMS Media fixture's schema: a lane whose media type labels its rows `caption`
+ * got untitled rows, silently, because the engine drops unknown keys. Now the
+ * filename lands on the DocType's declared title field and each fact is written
+ * only if that DocType has somewhere to put it.
+ *
+ * MOBILE FIRST: tiles are flex-basis, not a fixed 200px — two-up on a phone,
+ * filling whatever the box gives on a desktop. The upload control is a full-width
+ * tap target on a phone, and the per-tile delete is a 44px control rather than a
+ * 13px glyph.
+ *
+ * Web-first by nature (file picker + drag/drop + `<img>` thumbnails), like the
+ * other file-touching components in this layer.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const EmptyState_1 = require("../product/EmptyState.cjs");
+const BackendState_1 = require("../product/BackendState.cjs");
+const fields_1 = require("./fields.cjs");
+const media_1 = require("./media.cjs");
+const parts_1 = require("./parts.cjs");
+const responsive_1 = require("./responsive.cjs");
+function MediaGrid({ client, dt, docs, media, onOpen, onChanged, toolbarExtra, accept = 'image/*,application/pdf,video/*,audio/*', }) {
+    const fileField = (0, fields_1.mediaFileField)(dt);
+    const inputRef = (0, react_1.useRef)(null);
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [progress, setProgress] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const { phone, onLayout } = (0, responsive_1.useContainerLayout)();
+    const upload = (0, react_1.useCallback)(async (files) => {
+        const list = Array.from(files);
+        if (list.length === 0)
+            return;
+        setBusy(true);
+        setError(null);
+        setProgress({ done: 0, total: list.length });
+        try {
+            for (let i = 0; i < list.length; i += 1) {
+                const facts = await media.upload(list[i]);
+                await client.records.create(dt.name, (0, fields_1.mediaDocPayload)(dt, facts));
+                setProgress({ done: i + 1, total: list.length });
+            }
+            onChanged();
+        }
+        catch (e) {
+            setError((0, BackendState_1.classifyBackend)(e).message);
+        }
+        finally {
+            setBusy(false);
+            setProgress(null);
+        }
+    }, [client, dt, media, onChanged]);
+    const pick = () => inputRef.current?.click();
+    const onInput = (e) => {
+        if (e.target.files)
+            void upload(e.target.files);
+        e.target.value = ''; // allow re-selecting the same file
+    };
+    const HiddenInput = ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "file", multiple: true, accept: accept, style: { display: 'none' }, onChange: onInput }));
+    const uploadLabel = busy ? (progress ? `Uploading ${progress.done}/${progress.total}…` : 'Uploading…') : 'Upload';
+    if (docs.length === 0) {
+        return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { onLayout: onLayout, gap: "$3", width: "100%", children: [HiddenInput, toolbarExtra ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { justify: phone ? 'flex-start' : 'flex-end', gap: "$2", width: "100%", children: toolbarExtra })) : null, error ? (0, jsx_runtime_1.jsx)(parts_1.ErrorBar, { message: error }) : null, (0, jsx_runtime_1.jsx)(DropZone, { busy: busy, onDrop: upload, children: (0, jsx_runtime_1.jsx)(EmptyState_1.EmptyState, { icon: lucide_icons_2_1.Image, title: "No media yet", description: "Drag files here, or upload \u2014 images and files go to your organization's object storage and become reusable media you can attach to any record.", primary: { label: uploadLabel, onPress: pick } }) })] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { onLayout: onLayout, gap: "$3", width: "100%", children: [HiddenInput, (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", flexWrap: "wrap", justify: phone ? 'flex-start' : 'flex-end', width: "100%", children: [toolbarExtra, (0, jsx_runtime_1.jsx)(parts_1.Action, { phone: phone, primary: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Upload, { size: 15 }), disabled: busy, onPress: pick, children: uploadLabel })] }), error ? (0, jsx_runtime_1.jsx)(parts_1.ErrorBar, { message: error }) : null, (0, jsx_runtime_1.jsx)(DropZone, { busy: busy, onDrop: upload, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$3", flexWrap: "wrap", width: "100%", children: docs.map((d) => ((0, jsx_runtime_1.jsx)(MediaCard, { doc: d, dt: dt, fileField: fileField, media: media, phone: phone, onOpen: () => onOpen(String(d.name)), onDelete: async () => {
+                            setBusy(true);
+                            setError(null);
+                            try {
+                                await media.remove(d[fileField]);
+                                await client.records.remove(dt.name, String(d.name));
+                                onChanged();
+                            }
+                            catch (e) {
+                                setError((0, BackendState_1.classifyBackend)(e).message);
+                            }
+                            finally {
+                                setBusy(false);
+                            }
+                        }, disabled: busy }, String(d.name)))) }) })] }));
+}
+/** One asset card — presigned thumbnail, title, type, and a delete affordance. */
+function MediaCard({ doc, dt, fileField, media, phone, onOpen, onDelete, disabled, }) {
+    const [url, setUrl] = (0, react_1.useState)('');
+    const [confirming, setConfirming] = (0, react_1.useState)(false);
+    const raw = String(doc[fileField] ?? '');
+    const title = (0, fields_1.titleOf)(doc, dt);
+    (0, react_1.useEffect)(() => {
+        let cancelled = false;
+        void media.resolveUrl(raw).then((u) => {
+            if (!cancelled)
+                setUrl(u);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [raw, media]);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$4", 
+        // Two-up on a phone, a 200px tile once there is room — never a fixed column
+        // with dead space beside it.
+        grow: 0, flexBasis: phone ? '47%' : 200, maxW: phone ? undefined : 200, minW: 140, overflow: "hidden", hoverStyle: { borderColor: '$color8' }, children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { height: phone ? 110 : 130, bg: "$color3", items: "center", justify: "center", overflow: "hidden", cursor: "pointer", pressStyle: { opacity: 0.8 }, onPress: onOpen, children: url && ((0, media_1.looksLikeImage)(raw) || (0, media_1.looksLikeImage)(url)) ? (
+                // eslint-disable-next-line @next/next/no-img-element
+                (0, jsx_runtime_1.jsx)("img", { src: url, alt: String(doc.alt ?? title), style: { width: '100%', height: '100%', objectFit: 'cover' } })) : ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.Image, { size: 28 })) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { p: "$3", gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", fontWeight: "700", numberOfLines: 1, children: title }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { justify: "space-between", items: "center", gap: "$2", children: [(0, jsx_runtime_1.jsx)(parts_1.Meta, { children: String(doc.mime ?? 'file') }), confirming ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$1", children: [(0, jsx_runtime_1.jsx)(gui_1.Button, { size: phone ? '$3' : '$1', minH: phone ? responsive_1.TAP : undefined, theme: "red", disabled: disabled, onPress: () => {
+                                            setConfirming(false);
+                                            void onDelete();
+                                        }, children: "Delete" }), (0, jsx_runtime_1.jsx)(gui_1.Button, { size: phone ? '$3' : '$1', minH: phone ? responsive_1.TAP : undefined, disabled: disabled, onPress: () => setConfirming(false), children: "No" })] })) : ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: phone ? '$3' : '$1', circular: true, chromeless: true, minW: phone ? responsive_1.TAP : undefined, minH: phone ? responsive_1.TAP : undefined, "aria-label": `Delete ${title}`, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Trash2, { size: phone ? 16 : 13 }), disabled: disabled, onPress: () => setConfirming(true) }))] })] })] }));
+}
+/** A drag-and-drop wrapper that highlights on drag-over and uploads on drop. */
+function DropZone({ children, busy, onDrop, }) {
+    const [over, setOver] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: "100%", onDragOver: (e) => {
+            e.preventDefault();
+            if (!busy)
+                setOver(true);
+        }, onDragLeave: () => setOver(false), onDrop: (e) => {
+            e.preventDefault();
+            setOver(false);
+            if (!busy && e.dataTransfer?.files?.length)
+                void onDrop(e.dataTransfer.files);
+        }, rounded: "$4", p: over ? '$3' : 0, borderWidth: over ? 2 : 0, borderColor: "$color8", style: { borderStyle: 'dashed' }, children: children }));
+}

package/dist/framework/MediaGrid.d.ts

@@ -22,9 +22,9 @@
  * other file-touching components in this layer.
  */
 import { type ReactNode } from 'react';
-import type { FrameworkClient } from './client';
-import type { DocType, FrameworkDoc } from './types';
-import { type MediaUploader } from './media';
+import type { FrameworkClient } from './client.js';
+import type { DocType, FrameworkDoc } from './types.js';
+import { type MediaUploader } from './media.js';
 export interface MediaGridProps {
     client: FrameworkClient;
     dt: DocType;
@@ -40,3 +40,4 @@ export interface MediaGridProps {
     accept?: string;
 }
 export declare function MediaGrid({ client, dt, docs, media, onOpen, onChanged, toolbarExtra, accept, }: MediaGridProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MediaGrid.d.ts.map

package/dist/framework/MediaGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGrid.d.ts","sourceRoot":"","sources":["../../src/framework/MediaGrid.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMhF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAI5D,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,eAAe,CAAA;IACvB,EAAE,EAAE,OAAO,CAAA;IACX,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,4DAA4D;IAC5D,KAAK,EAAE,aAAa,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,sDAAsD;IACtD,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,EAAE,EACF,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,YAAY,EACZ,MAAkD,GACnD,EAAE,cAAc,2CA2GhB"}

package/dist/framework/MediaGrid.js

@@ -0,0 +1,132 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * MediaGrid — the DAM (media library) for a media DocType (an Attach-backed
+ * collection). A REAL asset manager: drag/drop or pick files → they upload through
+ * the injected `MediaUploader` (the host's own per-org object store) → a document
+ * is created from the DocType's OWN schema → the grid shows a live thumbnail
+ * (presigned on view, since object URLs are short-lived). Delete removes the
+ * document AND the object.
+ *
+ * The document body is `mediaDocPayload(dt, facts)` — metadata-driven. This used
+ * to write a hardcoded `{title, file, mime, size, width, height}`, which is the
+ * CMS Media fixture's schema: a lane whose media type labels its rows `caption`
+ * got untitled rows, silently, because the engine drops unknown keys. Now the
+ * filename lands on the DocType's declared title field and each fact is written
+ * only if that DocType has somewhere to put it.
+ *
+ * MOBILE FIRST: tiles are flex-basis, not a fixed 200px — two-up on a phone,
+ * filling whatever the box gives on a desktop. The upload control is a full-width
+ * tap target on a phone, and the per-tile delete is a 44px control rather than a
+ * 13px glyph.
+ *
+ * Web-first by nature (file picker + drag/drop + `<img>` thumbnails), like the
+ * other file-touching components in this layer.
+ */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Button, Text, XStack, YStack } from '@hanzo/gui';
+import { Image as ImageIcon, Trash2, Upload } from '@hanzogui/lucide-icons-2';
+import { EmptyState } from '../product/EmptyState.js';
+import { classifyBackend } from '../product/BackendState.js';
+import { mediaDocPayload, mediaFileField, titleOf } from './fields.js';
+import { looksLikeImage } from './media.js';
+import { Action, ErrorBar, Meta } from './parts.js';
+import { useContainerLayout, TAP } from './responsive.js';
+export function MediaGrid({ client, dt, docs, media, onOpen, onChanged, toolbarExtra, accept = 'image/*,application/pdf,video/*,audio/*', }) {
+    const fileField = mediaFileField(dt);
+    const inputRef = useRef(null);
+    const [busy, setBusy] = useState(false);
+    const [progress, setProgress] = useState(null);
+    const [error, setError] = useState(null);
+    const { phone, onLayout } = useContainerLayout();
+    const upload = useCallback(async (files) => {
+        const list = Array.from(files);
+        if (list.length === 0)
+            return;
+        setBusy(true);
+        setError(null);
+        setProgress({ done: 0, total: list.length });
+        try {
+            for (let i = 0; i < list.length; i += 1) {
+                const facts = await media.upload(list[i]);
+                await client.records.create(dt.name, mediaDocPayload(dt, facts));
+                setProgress({ done: i + 1, total: list.length });
+            }
+            onChanged();
+        }
+        catch (e) {
+            setError(classifyBackend(e).message);
+        }
+        finally {
+            setBusy(false);
+            setProgress(null);
+        }
+    }, [client, dt, media, onChanged]);
+    const pick = () => inputRef.current?.click();
+    const onInput = (e) => {
+        if (e.target.files)
+            void upload(e.target.files);
+        e.target.value = ''; // allow re-selecting the same file
+    };
+    const HiddenInput = (_jsx("input", { ref: inputRef, type: "file", multiple: true, accept: accept, style: { display: 'none' }, onChange: onInput }));
+    const uploadLabel = busy ? (progress ? `Uploading ${progress.done}/${progress.total}…` : 'Uploading…') : 'Upload';
+    if (docs.length === 0) {
+        return (_jsxs(YStack, { onLayout: onLayout, gap: "$3", width: "100%", children: [HiddenInput, toolbarExtra ? (_jsx(XStack, { justify: phone ? 'flex-start' : 'flex-end', gap: "$2", width: "100%", children: toolbarExtra })) : null, error ? _jsx(ErrorBar, { message: error }) : null, _jsx(DropZone, { busy: busy, onDrop: upload, children: _jsx(EmptyState, { icon: ImageIcon, title: "No media yet", description: "Drag files here, or upload \u2014 images and files go to your organization's object storage and become reusable media you can attach to any record.", primary: { label: uploadLabel, onPress: pick } }) })] }));
+    }
+    return (_jsxs(YStack, { onLayout: onLayout, gap: "$3", width: "100%", children: [HiddenInput, _jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", justify: phone ? 'flex-start' : 'flex-end', width: "100%", children: [toolbarExtra, _jsx(Action, { phone: phone, primary: true, icon: _jsx(Upload, { size: 15 }), disabled: busy, onPress: pick, children: uploadLabel })] }), error ? _jsx(ErrorBar, { message: error }) : null, _jsx(DropZone, { busy: busy, onDrop: upload, children: _jsx(XStack, { gap: "$3", flexWrap: "wrap", width: "100%", children: docs.map((d) => (_jsx(MediaCard, { doc: d, dt: dt, fileField: fileField, media: media, phone: phone, onOpen: () => onOpen(String(d.name)), onDelete: async () => {
+                            setBusy(true);
+                            setError(null);
+                            try {
+                                await media.remove(d[fileField]);
+                                await client.records.remove(dt.name, String(d.name));
+                                onChanged();
+                            }
+                            catch (e) {
+                                setError(classifyBackend(e).message);
+                            }
+                            finally {
+                                setBusy(false);
+                            }
+                        }, disabled: busy }, String(d.name)))) }) })] }));
+}
+/** One asset card — presigned thumbnail, title, type, and a delete affordance. */
+function MediaCard({ doc, dt, fileField, media, phone, onOpen, onDelete, disabled, }) {
+    const [url, setUrl] = useState('');
+    const [confirming, setConfirming] = useState(false);
+    const raw = String(doc[fileField] ?? '');
+    const title = titleOf(doc, dt);
+    useEffect(() => {
+        let cancelled = false;
+        void media.resolveUrl(raw).then((u) => {
+            if (!cancelled)
+                setUrl(u);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [raw, media]);
+    return (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$4", 
+        // Two-up on a phone, a 200px tile once there is room — never a fixed column
+        // with dead space beside it.
+        grow: 0, flexBasis: phone ? '47%' : 200, maxW: phone ? undefined : 200, minW: 140, overflow: "hidden", hoverStyle: { borderColor: '$color8' }, children: [_jsx(YStack, { height: phone ? 110 : 130, bg: "$color3", items: "center", justify: "center", overflow: "hidden", cursor: "pointer", pressStyle: { opacity: 0.8 }, onPress: onOpen, children: url && (looksLikeImage(raw) || looksLikeImage(url)) ? (
+                // eslint-disable-next-line @next/next/no-img-element
+                _jsx("img", { src: url, alt: String(doc.alt ?? title), style: { width: '100%', height: '100%', objectFit: 'cover' } })) : (_jsx(ImageIcon, { size: 28 })) }), _jsxs(YStack, { p: "$3", gap: "$1", children: [_jsx(Text, { fontSize: "$3", fontWeight: "700", numberOfLines: 1, children: title }), _jsxs(XStack, { justify: "space-between", items: "center", gap: "$2", children: [_jsx(Meta, { children: String(doc.mime ?? 'file') }), confirming ? (_jsxs(XStack, { gap: "$1", children: [_jsx(Button, { size: phone ? '$3' : '$1', minH: phone ? TAP : undefined, theme: "red", disabled: disabled, onPress: () => {
+                                            setConfirming(false);
+                                            void onDelete();
+                                        }, children: "Delete" }), _jsx(Button, { size: phone ? '$3' : '$1', minH: phone ? TAP : undefined, disabled: disabled, onPress: () => setConfirming(false), children: "No" })] })) : (_jsx(Button, { size: phone ? '$3' : '$1', circular: true, chromeless: true, minW: phone ? TAP : undefined, minH: phone ? TAP : undefined, "aria-label": `Delete ${title}`, icon: _jsx(Trash2, { size: phone ? 16 : 13 }), disabled: disabled, onPress: () => setConfirming(true) }))] })] })] }));
+}
+/** A drag-and-drop wrapper that highlights on drag-over and uploads on drop. */
+function DropZone({ children, busy, onDrop, }) {
+    const [over, setOver] = useState(false);
+    return (_jsx(YStack, { width: "100%", onDragOver: (e) => {
+            e.preventDefault();
+            if (!busy)
+                setOver(true);
+        }, onDragLeave: () => setOver(false), onDrop: (e) => {
+            e.preventDefault();
+            setOver(false);
+            if (!busy && e.dataTransfer?.files?.length)
+                void onDrop(e.dataTransfer.files);
+        }, rounded: "$4", p: over ? '$3' : 0, borderWidth: over ? 2 : 0, borderColor: "$color8", style: { borderStyle: 'dashed' }, children: children }));
+}
+//# sourceMappingURL=MediaGrid.js.map

package/dist/framework/MediaGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaGrid.js","sourceRoot":"","sources":["../../src/framework/MediaGrid.tsx"],"names":[],"mappings":"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"}

package/dist/framework/RecordCards.cjs

@@ -0,0 +1,47 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecordCards = RecordCards;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * RecordCards — the PHONE view of a DocType's documents: one stacked card per
+ * record instead of a horizontally-scrolling grid.
+ *
+ * A 12-column ERP Sales Order in a table on a 390px screen is a wall you drag
+ * sideways to read one row; the same record as a card is a title plus its declared
+ * list columns as label → value pairs, reading top to bottom in the width you
+ * have. Nothing is hidden that the table would have shown — the card renders the
+ * DocType's OWN `inListView` projection (`cardFields`), and the full record is one
+ * tap away.
+ *
+ * The whole card is the tap target (far past the 44px floor), values render
+ * through the SAME `FieldDisplay` router the table uses, so every field type
+ * behaves identically in both, and search is the pure `searchRecords` — no second
+ * filtering model.
+ */
+const react_1 = require("react");
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const data_1 = require("@hanzo/data");
+const parts_1 = require("./parts.cjs");
+/** The headline for a card: the title field, else the record key. */
+function headline(record, titleField) {
+    const t = titleField ? record[titleField] : undefined;
+    if (typeof t === 'string' && t.trim())
+        return t;
+    if (typeof t === 'number')
+        return String(t);
+    const name = record.name ?? record.id;
+    return typeof name === 'string' && name ? name : 'Untitled';
+}
+function RecordCards({ titleField, fields, cardFields, records, loading, empty, onOpen, onCreate, createLabel = 'New record', toolbarExtra, }) {
+    const [query, setQuery] = (0, react_1.useState)('');
+    const visible = (0, react_1.useMemo)(() => (0, data_1.searchRecords)(records, query, fields), [records, query, fields]);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { testID: "doctype-cards", gap: "$3", width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$3", minH: 44, rounded: "$3", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Search, { size: 15, opacity: 0.6 }), (0, jsx_runtime_1.jsx)(gui_1.Input, { unstyled: true, flex: 1, minW: 0, height: 42, fontSize: "$3", color: "$color12", placeholder: "Search", value: query, onChangeText: setQuery, autoCapitalize: "none" })] }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "center", flexWrap: "wrap", width: "100%", children: [onCreate ? ((0, jsx_runtime_1.jsx)(parts_1.Action, { phone: true, primary: true, onPress: onCreate, children: createLabel })) : null, toolbarExtra] })] }), loading ? (0, jsx_runtime_1.jsx)(parts_1.Loading, { label: "Loading records\u2026" }) : null, !loading && visible.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.Card, { borderWidth: 1, borderColor: "$borderColor", p: "$4", width: "100%", children: (0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$3", color: "$color10", children: query ? `No records match “${query}”.` : empty ?? 'No records yet.' }) })) : null, (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$2", width: "100%", children: visible.map((rec, i) => {
+                    const key = String(rec.name ?? rec.id ?? i);
+                    return ((0, jsx_runtime_1.jsx)(gui_1.Card, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", p: "$3", width: "100%", cursor: onOpen ? 'pointer' : undefined, pressStyle: onOpen ? { bg: '$color3' } : undefined, hoverStyle: onOpen ? { borderColor: '$color8' } : undefined, onPress: onOpen ? () => onOpen(rec) : undefined, style: parts_1.WRAP_ANYWHERE, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$2", width: "100%", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", width: "100%", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$4", fontWeight: "700", flex: 1, minW: 0, numberOfLines: 2, children: headline(rec, titleField) }), onOpen ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 16, opacity: 0.5 }) : null] }), cardFields.map((f) => (
+                                // Label above value: a two-column row forces the value into a
+                                // sliver at 390px. Stacked, every field type gets the full width.
+                                (0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$0.5", width: "100%", children: [(0, jsx_runtime_1.jsx)(gui_1.Text, { fontSize: "$1", color: "$color10", textTransform: "uppercase", letterSpacing: 0.4, children: f.label }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { width: "100%", flexWrap: "wrap", children: (0, jsx_runtime_1.jsx)(data_1.FieldDisplay, { field: f, value: rec[f.name] }) })] }, f.name)))] }) }, key));
+                }) }), visible.length ? ((0, jsx_runtime_1.jsxs)(parts_1.Meta, { children: [visible.length, " of ", records.length, " record", records.length === 1 ? '' : 's'] })) : null] }));
+}

package/dist/framework/RecordCards.d.ts

@@ -33,3 +33,4 @@ export interface RecordCardsProps {
     toolbarExtra?: ReactNode;
 }
 export declare function RecordCards({ titleField, fields, cardFields, records, loading, empty, onOpen, onCreate, createLabel, toolbarExtra, }: RecordCardsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RecordCards.d.ts.map

package/dist/framework/RecordCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordCards.d.ts","sourceRoot":"","sources":["../../src/framework/RecordCards.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EAA+B,KAAK,eAAe,EAAE,MAAM,aAAa,CAAA;AAI/E,MAAM,WAAW,gBAAgB;IAC/B,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4EAA4E;IAC5E,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,8DAA8D;IAC9D,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAWD,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,MAAM,EACN,UAAU,EACV,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACR,WAA0B,EAC1B,YAAY,GACb,EAAE,gBAAgB,2CAuGlB"}

package/dist/framework/RecordCards.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RecordCards — the PHONE view of a DocType's documents: one stacked card per
+ * record instead of a horizontally-scrolling grid.
+ *
+ * A 12-column ERP Sales Order in a table on a 390px screen is a wall you drag
+ * sideways to read one row; the same record as a card is a title plus its declared
+ * list columns as label → value pairs, reading top to bottom in the width you
+ * have. Nothing is hidden that the table would have shown — the card renders the
+ * DocType's OWN `inListView` projection (`cardFields`), and the full record is one
+ * tap away.
+ *
+ * The whole card is the tap target (far past the 44px floor), values render
+ * through the SAME `FieldDisplay` router the table uses, so every field type
+ * behaves identically in both, and search is the pure `searchRecords` — no second
+ * filtering model.
+ */
+import { useMemo, useState } from 'react';
+import { Card, Input, Text, XStack, YStack } from '@hanzo/gui';
+import { ChevronRight, Search } from '@hanzogui/lucide-icons-2';
+import { FieldDisplay, searchRecords } from '@hanzo/data';
+import { Action, Loading, Meta, WRAP_ANYWHERE } from './parts.js';
+/** The headline for a card: the title field, else the record key. */
+function headline(record, titleField) {
+    const t = titleField ? record[titleField] : undefined;
+    if (typeof t === 'string' && t.trim())
+        return t;
+    if (typeof t === 'number')
+        return String(t);
+    const name = record.name ?? record.id;
+    return typeof name === 'string' && name ? name : 'Untitled';
+}
+export function RecordCards({ titleField, fields, cardFields, records, loading, empty, onOpen, onCreate, createLabel = 'New record', toolbarExtra, }) {
+    const [query, setQuery] = useState('');
+    const visible = useMemo(() => searchRecords(records, query, fields), [records, query, fields]);
+    return (_jsxs(YStack, { testID: "doctype-cards", gap: "$3", width: "100%", children: [_jsxs(YStack, { gap: "$2", width: "100%", children: [_jsxs(XStack, { items: "center", gap: "$2", px: "$3", minH: 44, rounded: "$3", borderWidth: 1, borderColor: "$borderColor", width: "100%", children: [_jsx(Search, { size: 15, opacity: 0.6 }), _jsx(Input, { unstyled: true, flex: 1, minW: 0, height: 42, fontSize: "$3", color: "$color12", placeholder: "Search", value: query, onChangeText: setQuery, autoCapitalize: "none" })] }), _jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", width: "100%", children: [onCreate ? (_jsx(Action, { phone: true, primary: true, onPress: onCreate, children: createLabel })) : null, toolbarExtra] })] }), loading ? _jsx(Loading, { label: "Loading records\u2026" }) : null, !loading && visible.length === 0 ? (_jsx(Card, { borderWidth: 1, borderColor: "$borderColor", p: "$4", width: "100%", children: _jsx(Text, { fontSize: "$3", color: "$color10", children: query ? `No records match “${query}”.` : empty ?? 'No records yet.' }) })) : null, _jsx(YStack, { gap: "$2", width: "100%", children: visible.map((rec, i) => {
+                    const key = String(rec.name ?? rec.id ?? i);
+                    return (_jsx(Card, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", p: "$3", width: "100%", cursor: onOpen ? 'pointer' : undefined, pressStyle: onOpen ? { bg: '$color3' } : undefined, hoverStyle: onOpen ? { borderColor: '$color8' } : undefined, onPress: onOpen ? () => onOpen(rec) : undefined, style: WRAP_ANYWHERE, children: _jsxs(YStack, { gap: "$2", width: "100%", children: [_jsxs(XStack, { items: "center", gap: "$2", width: "100%", children: [_jsx(Text, { fontSize: "$4", fontWeight: "700", flex: 1, minW: 0, numberOfLines: 2, children: headline(rec, titleField) }), onOpen ? _jsx(ChevronRight, { size: 16, opacity: 0.5 }) : null] }), cardFields.map((f) => (
+                                // Label above value: a two-column row forces the value into a
+                                // sliver at 390px. Stacked, every field type gets the full width.
+                                _jsxs(YStack, { gap: "$0.5", width: "100%", children: [_jsx(Text, { fontSize: "$1", color: "$color10", textTransform: "uppercase", letterSpacing: 0.4, children: f.label }), _jsx(XStack, { width: "100%", flexWrap: "wrap", children: _jsx(FieldDisplay, { field: f, value: rec[f.name] }) })] }, f.name)))] }) }, key));
+                }) }), visible.length ? (_jsxs(Meta, { children: [visible.length, " of ", records.length, " record", records.length === 1 ? '' : 's'] })) : null] }));
+}
+//# sourceMappingURL=RecordCards.js.map

package/dist/framework/RecordCards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordCards.js","sourceRoot":"","sources":["../../src/framework/RecordCards.tsx"],"names":[],"mappings":"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"}

package/dist/framework/builder-logic.cjs

@@ -0,0 +1,169 @@
+'use client';"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BUILDER_FIELD_TYPES = void 0;
+exports.fieldTypeLabel = fieldTypeLabel;
+exports.fieldNeedsOptions = fieldNeedsOptions;
+exports.newKey = newKey;
+exports.blankField = blankField;
+exports.starterFields = starterFields;
+exports.fieldsFromDocType = fieldsFromDocType;
+exports.fieldNameFromLabel = fieldNameFromLabel;
+exports.validateBuilder = validateBuilder;
+exports.toDocField = toDocField;
+exports.moveField = moveField;
+exports.toDocType = toDocType;
+const fields_1 = require("./fields.cjs");
+/**
+ * The builder's field-type vocabulary — every framework fieldtype, with a friendly
+ * label + hint. This is the ONE list the "add field" type picker renders, so the
+ * builder always offers exactly what the engine accepts (no drift). Order is the
+ * author-facing order (common types first).
+ */
+exports.BUILDER_FIELD_TYPES = [
+    { type: 'Data', label: 'Text', hint: 'Single line of text' },
+    { type: 'RichText', label: 'Rich text', hint: 'Formatted body (WYSIWYG)' },
+    { type: 'LongText', label: 'Long text', hint: 'Multi-line plain text' },
+    { type: 'Int', label: 'Number', hint: 'Whole number' },
+    { type: 'Float', label: 'Decimal', hint: 'Decimal number' },
+    { type: 'Currency', label: 'Currency', hint: 'Money amount' },
+    { type: 'Check', label: 'Checkbox', hint: 'True / false' },
+    { type: 'Date', label: 'Date', hint: 'Calendar date' },
+    { type: 'Datetime', label: 'Date & time', hint: 'Date with time' },
+    { type: 'Select', label: 'Select', hint: 'One of a list of options' },
+    { type: 'Link', label: 'Relation', hint: 'Reference another collection' },
+    { type: 'Attach', label: 'Attachment', hint: 'A file / image URL' },
+    { type: 'Table', label: 'Table', hint: 'Repeatable child rows (JSON)' },
+    { type: 'JSON', label: 'JSON', hint: 'Arbitrary JSON' },
+];
+const LABELS = Object.fromEntries(exports.BUILDER_FIELD_TYPES.map((t) => [t.type, t.label]));
+/** The friendly label for a fieldtype (falls back to the raw type). */
+function fieldTypeLabel(t) {
+    return LABELS[t] ?? t;
+}
+/** True when a fieldtype needs `options` (Select choices, Link/Table target). */
+function fieldNeedsOptions(t) {
+    return t === 'Select' || t === 'Link' || t === 'Table';
+}
+let seq = 0;
+/** A fresh, unique client key. */
+function newKey() {
+    seq += 1;
+    return `f${seq}_${Math.random().toString(36).slice(2, 8)}`;
+}
+/** A blank field row of a given type. */
+function blankField(type = 'Data') {
+    return { key: newKey(), label: '', type, required: false, inListView: false, options: '' };
+}
+/**
+ * The default starter fields for a NEW content collection: a required Title, a URL
+ * Slug (the autoname key), a rich Body, and a Draft/Published Status. The author
+ * edits from here. Mirrors the cloud CMS seed so a hand-built collection matches a
+ * seeded one.
+ */
+function starterFields() {
+    return [
+        { key: newKey(), label: 'Title', type: 'Data', required: true, inListView: true, options: '' },
+        { key: newKey(), label: 'Slug', type: 'Data', required: true, inListView: true, options: '' },
+        { key: newKey(), label: 'Body', type: 'RichText', required: false, inListView: false, options: '' },
+        { key: newKey(), label: 'Status', type: 'Select', required: false, inListView: true, options: 'Draft\nPublished' },
+        // Optional project scope — lets a host's org→project switcher filter this collection.
+        { key: newKey(), label: 'Project', type: 'Data', required: false, inListView: false, options: '' },
+    ];
+}
+/** An existing DocType → editable builder rows (drops engine-managed fields). */
+function fieldsFromDocType(dt) {
+    return (dt.fields ?? []).map((f) => ({
+        key: newKey(),
+        label: f.label || f.fieldname,
+        type: f.fieldtype,
+        required: Boolean(f.reqd),
+        inListView: Boolean(f.inListView),
+        options: f.options ?? '',
+    }));
+}
+/** The fieldname derived from a label (slug with underscores; identifier-safe). */
+function fieldNameFromLabel(label) {
+    const slug = (0, fields_1.slugify)(label).replace(/-/g, '_');
+    // A leading digit isn't a valid identifier lead; prefix it.
+    return /^[0-9]/.test(slug) ? `f_${slug}` : slug;
+}
+/**
+ * Validate the whole builder: the collection name, at least one field, unique
+ * non-empty field labels/names, and options present where required. Pure.
+ */
+function validateBuilder(name, fields) {
+    const fieldErrors = {};
+    let formError = null;
+    if (!(0, fields_1.isValidDoctypeName)(name.trim())) {
+        formError = 'Enter a collection name with letters, digits, dashes or underscores (no spaces).';
+    }
+    else if (fields.length === 0) {
+        formError = 'Add at least one field.';
+    }
+    const seen = new Set();
+    for (const f of fields) {
+        const label = f.label.trim();
+        if (!label) {
+            fieldErrors[f.key] = 'Name this field.';
+            continue;
+        }
+        const fname = fieldNameFromLabel(label);
+        if (!fname) {
+            fieldErrors[f.key] = 'Use letters or digits in the field name.';
+            continue;
+        }
+        if (seen.has(fname)) {
+            fieldErrors[f.key] = `Duplicate field "${fname}".`;
+            continue;
+        }
+        seen.add(fname);
+        if ((f.type === 'Link' || f.type === 'Table') && !f.options.trim()) {
+            fieldErrors[f.key] = f.type === 'Link' ? 'Choose the collection to relate to.' : 'Name the child collection.';
+        }
+        else if (f.type === 'Select' && !f.options.trim()) {
+            fieldErrors[f.key] = 'Add at least one option.';
+        }
+    }
+    return { ok: !formError && Object.keys(fieldErrors).length === 0, fieldErrors, formError };
+}
+/** A builder row → a framework DocField (drops UI-only bits, coerces options). */
+function toDocField(f) {
+    const fieldname = fieldNameFromLabel(f.label);
+    const field = {
+        fieldname,
+        fieldtype: f.type,
+        label: f.label.trim(),
+    };
+    if (f.required)
+        field.reqd = true;
+    if (f.inListView)
+        field.inListView = true;
+    if (fieldNeedsOptions(f.type) && f.options.trim())
+        field.options = f.options.trim();
+    return field;
+}
+/** Move a row within the ordered field list (a no-op at either end). Pure. */
+function moveField(fields, key, dir) {
+    const i = fields.findIndex((f) => f.key === key);
+    const j = i + dir;
+    if (i < 0 || j < 0 || j >= fields.length)
+        return fields;
+    const next = [...fields];
+    [next[i], next[j]] = [next[j], next[i]];
+    return next;
+}
+/**
+ * The builder → a `DocType` create body. Auto-derives `autoname`/`titleField` from
+ * conventional fields when present (a `slug` field → `field:slug` naming; a `title`
+ * field → the title). Tags the module so the collection joins the lane.
+ */
+function toDocType(name, module, fields) {
+    const docFields = fields.map(toDocField);
+    const byName = new Set(docFields.map((f) => f.fieldname));
+    const dt = { name: name.trim(), module, fields: docFields };
+    if (byName.has('slug'))
+        dt.autoname = 'field:slug';
+    if (byName.has('title'))
+        dt.titleField = 'title';
+    return dt;
+}

package/dist/framework/builder-logic.d.ts

@@ -9,7 +9,7 @@
  * projects the whole thing to a valid `DocType` create body. Names are slugified
  * to field-name rules so a save never 400s on a bad identifier.
  */
-import type { DocType, DocField, Fieldtype } from './types';
+import type { DocType, DocField, Fieldtype } from './types.js';
 /**
  * The builder's field-type vocabulary — every framework fieldtype, with a friendly
  * label + hint. This is the ONE list the "add field" type picker renders, so the
@@ -74,3 +74,4 @@ export declare function moveField(fields: BuilderField[], key: string, dir: -1 |
  * field → the title). Tags the module so the collection joins the lane.
  */
 export declare function toDocType(name: string, module: string, fields: BuilderField[]): DocType;
+//# sourceMappingURL=builder-logic.d.ts.map

package/dist/framework/builder-logic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"builder-logic.d.ts","sourceRoot":"","sources":["../../src/framework/builder-logic.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAG3D;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAejF,CAAA;AAMD,uEAAuE;AACvE,wBAAgB,cAAc,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAEnD;AAED,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,GAAG,OAAO,CAEvD;AAED,+EAA+E;AAC/E,MAAM,WAAW,YAAY;IAC3B,mDAAmD;IACnD,GAAG,EAAE,MAAM,CAAA;IACX,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,OAAO,EAAE,MAAM,CAAA;CAChB;AAGD,kCAAkC;AAClC,wBAAgB,MAAM,IAAI,MAAM,CAG/B;AAED,yCAAyC;AACzC,wBAAgB,UAAU,CAAC,IAAI,GAAE,SAAkB,GAAG,YAAY,CAEjE;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,YAAY,EAAE,CAS9C;AAED,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,OAAO,GAAG,YAAY,EAAE,CAS7D;AAED,mFAAmF;AACnF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIxD;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,OAAO,CAAA;IACX,+CAA+C;IAC/C,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,6CAA6C;IAC7C,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,iBAAiB,CAmCvF;AAED,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,CAAC,EAAE,YAAY,GAAG,QAAQ,CAWpD;AAED,8EAA8E;AAC9E,wBAAgB,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,YAAY,EAAE,CAO1F;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,CAOvF"}