@hanzo/ui 8.0.26 → 8.0.28

package/dist/framework/DocTypeRecords.cjs

@@ -0,0 +1,130 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocTypeRecords = DocTypeRecords;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * DocTypeRecords — the documents surface for ONE framework DocType, driven
+ * ENTIRELY by DocType metadata. It loads the schema (→ @hanzo/data
+ * `FieldDefinition[]` via `docTypeToFields`), the documents, and each relation's
+ * candidate records, then renders them in the shape the CONTAINER can actually
+ * hold. Every field type shows the right Display/Input with ZERO per-doctype code,
+ * so a CMS Page, an ERP Invoice, or a Helpdesk Ticket all render here.
+ *
+ * MOBILE FIRST — the layout is a decision, not a media query afterthought:
+ *   · phone   → `RecordCards`, a stacked card per record. A table of 12 columns on
+ *               a 390px screen is a sideways drag; a card is a read.
+ *   · desktop → @hanzo/data's `RecordsView` (table ⇆ board, filter/sort/group,
+ *               inline cell editing).
+ * The first paint is ALWAYS the card list (see `responsive.ts`), and the table is
+ * the enhancement applied once the box measures wide enough.
+ *
+ * The table also finally honors the DocType's OWN column projection
+ * (`listHiddenFields` → `inListView`): a Sales Order that declares 4 list columns
+ * out of 12 fields now renders 4. That projection was implemented and tested but
+ * never passed to a view — which is exactly why the grid was unusable narrow.
+ *
+ * Persistence is REAL: an inline cell edit sends the FULL record (the engine
+ * validates the whole document on update) via `savePayload`, and reflects the
+ * server's row. States are honest — loading / empty / backend-error, never a
+ * fabricated row.
+ */
+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 BackendState_1 = require("../product/BackendState.cjs");
+const fields_1 = require("./fields.cjs");
+const data_2 = require("./data.cjs");
+const MediaGrid_1 = require("./MediaGrid.cjs");
+const RecordCards_1 = require("./RecordCards.cjs");
+const parts_1 = require("./parts.cjs");
+const responsive_1 = require("./responsive.cjs");
+function DocTypeRecords({ client, doctype, onOpen, onCreate, project, title, media, renderMedia, limit = 200, }) {
+    const [state, setState] = (0, react_1.useState)({ phase: 'loading' });
+    const [mutationError, setMutationError] = (0, react_1.useState)(null);
+    const { phone, onLayout } = (0, responsive_1.useContainerLayout)();
+    const load = (0, react_1.useCallback)(async (signal) => {
+        setState({ phase: 'loading' });
+        try {
+            const dt = await client.doctypes.get(doctype);
+            const linkOptions = await (0, data_2.loadLinkOptions)(client, dt);
+            // Scope the list to the selected project ONLY when the collection declares
+            // a `project` field (the engine 400s a filter on an unknown field). No
+            // project selected, or a collection without the field → org-level list.
+            const filters = project && (0, fields_1.hasProjectField)(dt) ? { [fields_1.PROJECT_FIELD]: project } : undefined;
+            const docs = await client.records.list(doctype, { limit, ...(filters ? { filters } : {}) });
+            if (signal.cancelled)
+                return;
+            const records = docs.map((d) => (0, fields_1.enrichLinks)((0, fields_1.toRecord)(d, dt), dt, linkOptions));
+            setState({ phase: 'ready', dt, fields: (0, fields_1.docTypeToFields)(dt), docs, records, linkOptions });
+        }
+        catch (e) {
+            if (!signal.cancelled)
+                setState({ phase: 'error', error: (0, BackendState_1.classifyBackend)(e) });
+        }
+    }, [client, doctype, project, limit]);
+    (0, react_1.useEffect)(() => {
+        const signal = { cancelled: false };
+        void load(signal);
+        return () => {
+            signal.cancelled = true;
+        };
+    }, [load]);
+    const reload = (0, react_1.useCallback)(() => void load({ cancelled: false }), [load]);
+    const ready = state.phase === 'ready' ? state : undefined;
+    const fieldOptions = (0, react_1.useMemo)(() => (ready ? (0, data_2.makeFieldOptions)(ready.linkOptions) : undefined), [ready]);
+    /**
+     * The table view starts from the DocType's own column projection. Controlled,
+     * because a host that later persists saved views hands one in — but the DEFAULT
+     * is the schema's answer, not "every field".
+     */
+    const [view, setView] = (0, react_1.useState)(undefined);
+    const dtName = ready?.dt.name;
+    (0, react_1.useEffect)(() => {
+        if (!ready)
+            return;
+        setView({
+            id: `doctype:${ready.dt.name}`,
+            name: ready.dt.name,
+            kind: 'table',
+            filters: [],
+            sorts: [],
+            hiddenFields: (0, fields_1.listHiddenFields)(ready.dt),
+        });
+        // Re-seed only when the DocType changes; user edits to the view persist.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [dtName]);
+    const cards = (0, react_1.useMemo)(() => (ready ? (0, fields_1.cardFields)(ready.dt, ready.fields) : []), [ready]);
+    /** Persist ONE inline edit. The engine validates the whole document on update,
+     *  so send the full record with the cell change merged in (never a partial body). */
+    const onEditCommit = (0, react_1.useCallback)(async (record, field, value) => {
+        if (state.phase !== 'ready')
+            return;
+        const name = typeof record.name === 'string' ? record.name : '';
+        if (!name)
+            return;
+        setMutationError(null);
+        try {
+            const body = (0, fields_1.savePayload)({ ...record, [field.name]: value }, state.dt);
+            const saved = await client.records.update(doctype, name, body);
+            const next = (0, fields_1.enrichLinks)((0, fields_1.toRecord)(saved, state.dt), state.dt, state.linkOptions);
+            setState((s) => (s.phase === 'ready' ? { ...s, records: s.records.map((r) => (r.name === name ? next : r)) } : s));
+        }
+        catch (e) {
+            setMutationError((0, BackendState_1.classifyBackend)(e).message);
+            throw e; // let the board revert its optimistic move
+        }
+    }, [client, doctype, state]);
+    if (state.phase === 'error') {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { onLayout: onLayout, width: "100%", children: (0, jsx_runtime_1.jsx)(BackendState_1.BackendStateCard, { state: state.error, onRetry: reload, hint: `framework · GET /v1/framework/${doctype}` }) }));
+    }
+    const refresh = phone ? ((0, jsx_runtime_1.jsx)(parts_1.Action, { phone: true, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.RefreshCw, { size: 15 }), onPress: reload, children: "Refresh" })) : ((0, jsx_runtime_1.jsx)(gui_1.Button, { size: "$2", minH: responsive_1.TAP - 12, icon: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.RefreshCw, { size: 15 }), onPress: reload, children: "Refresh" }));
+    // A media/asset library (a required Attach) gets the DAM gallery instead of the
+    // record views — real upload to the host's object storage + presigned thumbnails.
+    if (ready && (media || renderMedia) && (0, fields_1.isMediaDoctype)(ready.dt)) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { onLayout: onLayout, width: "100%", children: renderMedia ? (renderMedia({ dt: ready.dt, docs: ready.docs, onOpen, onChanged: reload, toolbarExtra: refresh })) : ((0, jsx_runtime_1.jsx)(MediaGrid_1.MediaGrid, { client: client, dt: ready.dt, docs: ready.docs, media: media, onOpen: onOpen, onChanged: reload, toolbarExtra: refresh })) }));
+    }
+    const openByKey = (r) => onOpen(String(r.name ?? r.id ?? ''));
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { onLayout: onLayout, gap: "$3", width: "100%", children: [mutationError ? (0, jsx_runtime_1.jsx)(parts_1.ErrorBar, { message: mutationError }) : null, phone ? ((0, jsx_runtime_1.jsx)(RecordCards_1.RecordCards, { titleField: ready?.dt.titleField, fields: ready?.fields ?? [], cardFields: cards, records: ready?.records ?? [], loading: state.phase === 'loading', empty: `No records in ${doctype} yet.`, onOpen: openByKey, onCreate: onCreate, toolbarExtra: refresh })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { testID: "doctype-table", width: "100%", children: (0, jsx_runtime_1.jsx)(data_1.RecordsView, { title: title, fields: ready?.fields ?? [], records: ready?.records ?? [], loading: state.phase === 'loading', view: view, onViewChange: setView, onOpen: openByKey, onCreate: onCreate, createLabel: "New record", onEditCommit: onEditCommit, fieldOptions: fieldOptions, toolbarExtra: refresh, titleField: ready?.dt.titleField, empty: `No records in ${doctype} yet.` }) }))] }));
+}

package/dist/framework/DocTypeRecords.d.ts

@@ -25,9 +25,9 @@
  * fabricated row.
  */
 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 DocTypeRecordsProps {
     client: FrameworkClient;
     /** DocType name to render. */
@@ -61,3 +61,4 @@ export interface DocTypeRecordsProps {
     limit?: number;
 }
 export declare function DocTypeRecords({ client, doctype, onOpen, onCreate, project, title, media, renderMedia, limit, }: DocTypeRecordsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocTypeRecords.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocTypeRecords.d.ts","sourceRoot":"","sources":["../../src/framework/DocTypeRecords.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAA6C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAiBpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAc5C,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,mDAAmD;IACnD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE;QAChB,EAAE,EAAE,OAAO,CAAA;QACX,IAAI,EAAE,YAAY,EAAE,CAAA;QACpB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;QAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;QACrB,YAAY,EAAE,SAAS,CAAA;KACxB,KAAK,SAAS,CAAA;IACf,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,EACX,KAAW,GACZ,EAAE,mBAAmB,2CA2KrB"}

package/dist/framework/DocTypeRecords.js

@@ -0,0 +1,128 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DocTypeRecords — the documents surface for ONE framework DocType, driven
+ * ENTIRELY by DocType metadata. It loads the schema (→ @hanzo/data
+ * `FieldDefinition[]` via `docTypeToFields`), the documents, and each relation's
+ * candidate records, then renders them in the shape the CONTAINER can actually
+ * hold. Every field type shows the right Display/Input with ZERO per-doctype code,
+ * so a CMS Page, an ERP Invoice, or a Helpdesk Ticket all render here.
+ *
+ * MOBILE FIRST — the layout is a decision, not a media query afterthought:
+ *   · phone   → `RecordCards`, a stacked card per record. A table of 12 columns on
+ *               a 390px screen is a sideways drag; a card is a read.
+ *   · desktop → @hanzo/data's `RecordsView` (table ⇆ board, filter/sort/group,
+ *               inline cell editing).
+ * The first paint is ALWAYS the card list (see `responsive.ts`), and the table is
+ * the enhancement applied once the box measures wide enough.
+ *
+ * The table also finally honors the DocType's OWN column projection
+ * (`listHiddenFields` → `inListView`): a Sales Order that declares 4 list columns
+ * out of 12 fields now renders 4. That projection was implemented and tested but
+ * never passed to a view — which is exactly why the grid was unusable narrow.
+ *
+ * Persistence is REAL: an inline cell edit sends the FULL record (the engine
+ * validates the whole document on update) via `savePayload`, and reflects the
+ * server's row. States are honest — loading / empty / backend-error, never a
+ * fabricated row.
+ */
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Button, YStack } from '@hanzo/gui';
+import { RefreshCw } from '@hanzogui/lucide-icons-2';
+import { RecordsView } from '@hanzo/data';
+import { BackendStateCard, classifyBackend } from '../product/BackendState.js';
+import { cardFields as pickCardFields, docTypeToFields, enrichLinks, hasProjectField, isMediaDoctype, listHiddenFields, PROJECT_FIELD, savePayload, toRecord, } from './fields.js';
+import { loadLinkOptions, makeFieldOptions } from './data.js';
+import { MediaGrid } from './MediaGrid.js';
+import { RecordCards } from './RecordCards.js';
+import { Action, ErrorBar } from './parts.js';
+import { useContainerLayout, TAP } from './responsive.js';
+export function DocTypeRecords({ client, doctype, onOpen, onCreate, project, title, media, renderMedia, limit = 200, }) {
+    const [state, setState] = useState({ phase: 'loading' });
+    const [mutationError, setMutationError] = useState(null);
+    const { phone, onLayout } = useContainerLayout();
+    const load = useCallback(async (signal) => {
+        setState({ phase: 'loading' });
+        try {
+            const dt = await client.doctypes.get(doctype);
+            const linkOptions = await loadLinkOptions(client, dt);
+            // Scope the list to the selected project ONLY when the collection declares
+            // a `project` field (the engine 400s a filter on an unknown field). No
+            // project selected, or a collection without the field → org-level list.
+            const filters = project && hasProjectField(dt) ? { [PROJECT_FIELD]: project } : undefined;
+            const docs = await client.records.list(doctype, { limit, ...(filters ? { filters } : {}) });
+            if (signal.cancelled)
+                return;
+            const records = docs.map((d) => enrichLinks(toRecord(d, dt), dt, linkOptions));
+            setState({ phase: 'ready', dt, fields: docTypeToFields(dt), docs, records, linkOptions });
+        }
+        catch (e) {
+            if (!signal.cancelled)
+                setState({ phase: 'error', error: classifyBackend(e) });
+        }
+    }, [client, doctype, project, limit]);
+    useEffect(() => {
+        const signal = { cancelled: false };
+        void load(signal);
+        return () => {
+            signal.cancelled = true;
+        };
+    }, [load]);
+    const reload = useCallback(() => void load({ cancelled: false }), [load]);
+    const ready = state.phase === 'ready' ? state : undefined;
+    const fieldOptions = useMemo(() => (ready ? makeFieldOptions(ready.linkOptions) : undefined), [ready]);
+    /**
+     * The table view starts from the DocType's own column projection. Controlled,
+     * because a host that later persists saved views hands one in — but the DEFAULT
+     * is the schema's answer, not "every field".
+     */
+    const [view, setView] = useState(undefined);
+    const dtName = ready?.dt.name;
+    useEffect(() => {
+        if (!ready)
+            return;
+        setView({
+            id: `doctype:${ready.dt.name}`,
+            name: ready.dt.name,
+            kind: 'table',
+            filters: [],
+            sorts: [],
+            hiddenFields: listHiddenFields(ready.dt),
+        });
+        // Re-seed only when the DocType changes; user edits to the view persist.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [dtName]);
+    const cards = useMemo(() => (ready ? pickCardFields(ready.dt, ready.fields) : []), [ready]);
+    /** Persist ONE inline edit. The engine validates the whole document on update,
+     *  so send the full record with the cell change merged in (never a partial body). */
+    const onEditCommit = useCallback(async (record, field, value) => {
+        if (state.phase !== 'ready')
+            return;
+        const name = typeof record.name === 'string' ? record.name : '';
+        if (!name)
+            return;
+        setMutationError(null);
+        try {
+            const body = savePayload({ ...record, [field.name]: value }, state.dt);
+            const saved = await client.records.update(doctype, name, body);
+            const next = enrichLinks(toRecord(saved, state.dt), state.dt, state.linkOptions);
+            setState((s) => (s.phase === 'ready' ? { ...s, records: s.records.map((r) => (r.name === name ? next : r)) } : s));
+        }
+        catch (e) {
+            setMutationError(classifyBackend(e).message);
+            throw e; // let the board revert its optimistic move
+        }
+    }, [client, doctype, state]);
+    if (state.phase === 'error') {
+        return (_jsx(YStack, { onLayout: onLayout, width: "100%", children: _jsx(BackendStateCard, { state: state.error, onRetry: reload, hint: `framework · GET /v1/framework/${doctype}` }) }));
+    }
+    const refresh = phone ? (_jsx(Action, { phone: true, icon: _jsx(RefreshCw, { size: 15 }), onPress: reload, children: "Refresh" })) : (_jsx(Button, { size: "$2", minH: TAP - 12, icon: _jsx(RefreshCw, { size: 15 }), onPress: reload, children: "Refresh" }));
+    // A media/asset library (a required Attach) gets the DAM gallery instead of the
+    // record views — real upload to the host's object storage + presigned thumbnails.
+    if (ready && (media || renderMedia) && isMediaDoctype(ready.dt)) {
+        return (_jsx(YStack, { onLayout: onLayout, width: "100%", children: renderMedia ? (renderMedia({ dt: ready.dt, docs: ready.docs, onOpen, onChanged: reload, toolbarExtra: refresh })) : (_jsx(MediaGrid, { client: client, dt: ready.dt, docs: ready.docs, media: media, onOpen: onOpen, onChanged: reload, toolbarExtra: refresh })) }));
+    }
+    const openByKey = (r) => onOpen(String(r.name ?? r.id ?? ''));
+    return (_jsxs(YStack, { onLayout: onLayout, gap: "$3", width: "100%", children: [mutationError ? _jsx(ErrorBar, { message: mutationError }) : null, phone ? (_jsx(RecordCards, { titleField: ready?.dt.titleField, fields: ready?.fields ?? [], cardFields: cards, records: ready?.records ?? [], loading: state.phase === 'loading', empty: `No records in ${doctype} yet.`, onOpen: openByKey, onCreate: onCreate, toolbarExtra: refresh })) : (_jsx(YStack, { testID: "doctype-table", width: "100%", children: _jsx(RecordsView, { title: title, fields: ready?.fields ?? [], records: ready?.records ?? [], loading: state.phase === 'loading', view: view, onViewChange: setView, onOpen: openByKey, onCreate: onCreate, createLabel: "New record", onEditCommit: onEditCommit, fieldOptions: fieldOptions, toolbarExtra: refresh, titleField: ready?.dt.titleField, empty: `No records in ${doctype} yet.` }) }))] }));
+}
+//# sourceMappingURL=DocTypeRecords.js.map

package/dist/framework/DocTypeRecords.js.map

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

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":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,MAAM,EAAQ,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC/D,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAGzD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AACnE,OAAO,EAAE,cAAc,EAAsB,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,MAAM,cAAc,CAAA;AAiBtD,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,EACN,EAAE,EACF,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,YAAY,EACZ,MAAM,GAAG,yCAAyC,GACnC;IACf,MAAM,SAAS,GAAG,cAAc,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IACtD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAyC,IAAI,CAAC,CAAA;IACtF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEhD,MAAM,MAAM,GAAG,WAAW,CACxB,KAAK,EAAE,KAAwB,EAAE,EAAE;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC9B,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAM;QAC7B,OAAO,CAAC,IAAI,CAAC,CAAA;QACb,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;QAC5C,IAAI,CAAC;YACH,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;gBACxC,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;gBACzC,MAAM,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAA;gBAChE,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;YAClD,CAAC;YACD,SAAS,EAAE,CAAA;QACb,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QACtC,CAAC;gBAAS,CAAC;YACT,OAAO,CAAC,KAAK,CAAC,CAAA;YACd,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAC/B,CAAA;IAED,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;IAC5C,MAAM,OAAO,GAAG,CAAC,CAAsC,EAAE,EAAE;QACzD,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK;YAAE,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC/C,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAA,CAAC,mCAAmC;IACzD,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAClB,gBAAO,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,MAAM,EAAC,QAAQ,QAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,GAAI,CAC7G,CAAA;IAED,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEjH,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,CACL,MAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,aAC9C,WAAW,EACX,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,MAAM,IAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,YACtE,YAAY,GACN,CACV,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5C,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAClC,KAAC,UAAU,IACT,IAAI,EAAE,SAAS,EACf,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,qJAAgJ,EAC5J,OAAO,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,GAC9C,GACO,IACJ,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,aAC9C,WAAW,EACZ,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,EAAC,MAAM,aACrG,YAAY,EACb,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,QAAC,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,YACpF,WAAW,GACL,IACF,EACR,KAAK,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,OAAO,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC5C,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,YAClC,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YAC1C,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACf,KAAC,SAAS,IAER,GAAG,EAAE,CAAC,EACN,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EACpC,QAAQ,EAAE,KAAK,IAAI,EAAE;4BACnB,OAAO,CAAC,IAAI,CAAC,CAAA;4BACb,QAAQ,CAAC,IAAI,CAAC,CAAA;4BACd,IAAI,CAAC;gCACH,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;gCAChC,MAAM,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;gCACpD,SAAS,EAAE,CAAA;4BACb,CAAC;4BAAC,OAAO,CAAC,EAAE,CAAC;gCACX,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;4BACtC,CAAC;oCAAS,CAAC;gCACT,OAAO,CAAC,KAAK,CAAC,CAAA;4BAChB,CAAC;wBACH,CAAC,EACD,QAAQ,EAAE,IAAI,IApBT,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAqBnB,CACH,CAAC,GACK,GACA,IACJ,CACV,CAAA;AACH,CAAC;AAED,kFAAkF;AAClF,SAAS,SAAS,CAAC,EACjB,GAAG,EACH,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,GAUT;IACC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAA;IACxC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,GAAG,KAAK,CAAA;QACrB,KAAK,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,IAAI,CAAC,SAAS;gBAAE,MAAM,CAAC,CAAC,CAAC,CAAA;QAC3B,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAA;QAClB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,MAAC,MAAM,IACL,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,OAAO,EAAC,IAAI;QACZ,4EAA4E;QAC5E,6BAA6B;QAC7B,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,EAC9B,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAC7B,IAAI,EAAE,GAAG,EACT,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,aAEtC,KAAC,MAAM,IACL,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EACzB,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,SAAS,EAChB,UAAU,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAC5B,OAAO,EAAE,MAAM,YAEd,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrD,qDAAqD;gBACrD,cAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAI,CAC/G,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,CACxB,GACM,EACT,MAAC,MAAM,IAAC,CAAC,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,aACrB,KAAC,IAAI,IAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,aAAa,EAAE,CAAC,YAClD,KAAK,GACD,EACP,MAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aACrD,KAAC,IAAI,cAAE,MAAM,CAAC,GAAG,CAAC,IAAI,IAAI,MAAM,CAAC,GAAQ,EACxC,UAAU,CAAC,CAAC,CAAC,CACZ,MAAC,MAAM,IAAC,GAAG,EAAC,IAAI,aACd,KAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACzB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC7B,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE;4CACZ,aAAa,CAAC,KAAK,CAAC,CAAA;4CACpB,KAAK,QAAQ,EAAE,CAAA;wCACjB,CAAC,uBAGM,EACT,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,mBAEhH,IACF,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACzB,QAAQ,QACR,UAAU,QACV,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC7B,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,gBACjB,UAAU,KAAK,EAAE,EAC7B,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAI,EACvC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GAClC,CACH,IACM,IACF,IACF,CACV,CAAA;AACH,CAAC;AAED,gFAAgF;AAChF,SAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,IAAI,EACJ,MAAM,GAKP;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,CAAC,CAAkB,EAAE,EAAE;YACjC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,IAAI,CAAC,IAAI;gBAAE,OAAO,CAAC,IAAI,CAAC,CAAA;QAC1B,CAAC,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACjC,MAAM,EAAE,CAAC,CAAkB,EAAE,EAAE;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,OAAO,CAAC,KAAK,CAAC,CAAA;YACd,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM;gBAAE,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;QAC/E,CAAC,EACD,OAAO,EAAC,IAAI,EACZ,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAClB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,WAAW,EAAC,SAAS,EACrB,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,YAE/B,QAAQ,GACF,CACV,CAAA;AACH,CAAC"}