@loom-framework/core 0.1.0-alpha.19 → 0.1.0-alpha.190

package/dist/cli/templates/crud-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crud-page.js","sourceRoot":"","sources":["../../../src/cli/templates/crud-page.ts"],"names":[],"mappings":"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"}

package/dist/cli/templates/dashboard-page.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Dashboard page template generator
+ *
+ * Pure function: takes dashboard config + model schemas, returns TSX string.
+ * No I/O side effects — file writing is done by the command.
+ */
+import type { DashboardConfig } from '../../types/dashboard.js';
+import type { ModelSchema } from '../../types/model.js';
+/** Generate the full Dashboard page TSX */
+export declare function dashboardPageTemplate(dashboard: DashboardConfig, models: ModelSchema[]): string;
+//# sourceMappingURL=dashboard-page.d.ts.map

package/dist/cli/templates/dashboard-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page.d.ts","sourceRoot":"","sources":["../../../src/cli/templates/dashboard-page.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAmB,MAAM,0BAA0B,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AA8YxD,2CAA2C;AAC3C,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,eAAe,EAC1B,MAAM,EAAE,WAAW,EAAE,GACpB,MAAM,CAqPR"}

package/dist/cli/templates/dashboard-page.js

@@ -0,0 +1,613 @@
+/**
+ * Dashboard page template generator
+ *
+ * Pure function: takes dashboard config + model schemas, returns TSX string.
+ * No I/O side effects — file writing is done by the command.
+ */
+import { resolveLocale } from '../../types/locale.js';
+import { toPascalCase } from '../helpers/naming.js';
+import { fieldToTsType } from '../helpers/field-template.js';
+import { generateDashboardMessages } from '../helpers/i18n-template.js';
+/** Build variable name for chart data: e.g. "subjectPieData" */
+function buildChartDataVarName(widget, index) {
+    let prefix;
+    if (widget.groupBy) {
+        prefix = toPascalCase(widget.groupBy);
+    }
+    else if (widget.title) {
+        const titleStr = typeof widget.title === 'string' ? widget.title : resolveLocale(widget.title, 'en-US');
+        // Title may contain spaces (e.g. "By Subject") — split, PascalCase each word, join
+        prefix = titleStr.split(/[\s\-_]+/).map(w => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join('');
+    }
+    else {
+        prefix = '';
+    }
+    const suffix = toPascalCase(widget.type);
+    const baseName = prefix
+        ? `${prefix.charAt(0).toLowerCase() + prefix.slice(1)}${suffix}Data${index > 1 ? index : ''}`
+        : `${suffix.charAt(0).toLowerCase() + suffix.slice(1)}Data${index > 0 ? index : ''}`;
+    return baseName;
+}
+/** Build enum field names used as groupBy/crossGroupBy in a model's widgets */
+function getEnumGroupByFields(modelName, dashboard, models) {
+    const model = models.find(m => m.name === modelName);
+    if (!model)
+        return [];
+    const enumFieldNames = new Set();
+    for (const row of dashboard.layout) {
+        for (const widget of row.row) {
+            if (widget.model !== modelName)
+                continue;
+            if (widget.groupBy && model.fields.find(f => f.name === widget.groupBy && f.enum)) {
+                enumFieldNames.add(widget.groupBy);
+            }
+            if (widget.crossGroupBy && model.fields.find(f => f.name === widget.crossGroupBy && f.enum)) {
+                enumFieldNames.add(widget.crossGroupBy);
+            }
+        }
+    }
+    // Also include enum fields used in filterDimensions
+    for (const dim of dashboard.filterDimensions ?? []) {
+        if (model.fields.find(f => f.name === dim.field && f.enum)) {
+            enumFieldNames.add(dim.field);
+        }
+    }
+    return Array.from(enumFieldNames);
+}
+/** Build useChartData() call string */
+function buildUseChartDataCall(widget, modelName, pascalModelName, isBooleanField, isDateField, usedVarNames, enumLabelMaps) {
+    const listVar = `${pascalModelName.charAt(0).toLowerCase() + pascalModelName.slice(1)}List`;
+    let varName = buildChartDataVarName(widget, 0);
+    // Deduplicate variable names
+    if (usedVarNames.has(varName)) {
+        let idx = 2;
+        while (usedVarNames.has(varName)) {
+            varName = buildChartDataVarName(widget, idx);
+            idx++;
+        }
+    }
+    usedVarNames.add(varName);
+    const options = [];
+    if (widget.type === 'stat') {
+        // Stats don't use useChartData
+        return '';
+    }
+    // 2D charts use useCrossGroupChartData
+    const is2D = ['heatmap', 'stacked_bar', 'grouped_bar'].includes(widget.type) && widget.crossGroupBy;
+    // Treemap uses useTreemapChartData
+    const isTreemap = widget.type === 'treemap';
+    if (widget.groupBy) {
+        if (isBooleanField) {
+            options.push(`groupByBoolean: '${widget.groupBy}'`);
+        }
+        else if (isDateField) {
+            options.push(`groupByDate: '${widget.groupBy}'`);
+        }
+        else {
+            options.push(`groupBy: '${widget.groupBy}'`);
+        }
+    }
+    if (widget.crossGroupBy) {
+        options.push(`crossGroupBy: '${widget.crossGroupBy}'`);
+    }
+    if (widget.aggregate && widget.aggregate !== 'count') {
+        options.push(`aggregate: '${widget.aggregate}'`);
+    }
+    if (widget.field) {
+        options.push(`field: '${widget.field}'`);
+    }
+    if (widget.interval) {
+        options.push(`interval: '${widget.interval}'`);
+    }
+    if (widget.filter) {
+        options.push(`filter: ${JSON.stringify(widget.filter)}`);
+    }
+    // Add enumLabels for groupBy field if available
+    const labelMapVar = enumLabelMaps.get(modelName);
+    if (labelMapVar && widget.groupBy && !isBooleanField && !isDateField) {
+        options.push(`enumLabels: ${labelMapVar}`);
+    }
+    // Add crossGroupLabels for crossGroupBy field if available
+    if (labelMapVar && widget.crossGroupBy) {
+        options.push(`crossGroupLabels: ${labelMapVar}`);
+    }
+    const optionsStr = options.length > 0 ? `{ ${options.join(', ')} }` : '{}';
+    if (is2D) {
+        return `const ${varName} = useCrossGroupChartData(${listVar}, ${optionsStr}, locale);`;
+    }
+    if (isTreemap) {
+        return `const ${varName} = useTreemapChartData(${listVar}, ${optionsStr}, locale);`;
+    }
+    return `const ${varName} = useChartData(${listVar}, ${optionsStr}, locale);`;
+}
+/** Build G2 Spec object literal code */
+function buildG2Spec(widget, varName) {
+    switch (widget.type) {
+        case 'pie':
+            return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { y: 'value', color: 'name' },
+          coordinate: { type: 'theta' },
+          transform: [{ type: 'stackY' }],
+          labels: [{ text: 'name', position: 'outside' }],
+          animate: { enter: { type: 'waveIn', duration: 400, easing: 'easeQuadOut' }, update: { duration: 240, easing: 'easeQuadOut' } },
+        }`;
+        case 'ring':
+            return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { y: 'value', color: 'name' },
+          coordinate: { type: 'theta', innerRadius: 0.6 },
+          transform: [{ type: 'stackY' }],
+          labels: [{ text: 'name', position: 'outside' }],
+          animate: { enter: { type: 'waveIn', duration: 400, easing: 'easeQuadOut' }, update: { duration: 240, easing: 'easeQuadOut' } },
+        }`;
+        case 'bar':
+            return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { x: 'value', y: 'name', color: 'name' },
+          coordinate: { transform: [{ type: 'transpose' }] },
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+        case 'stacked_bar':
+            if (widget.crossGroupBy) {
+                return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { x: 'group', y: 'value', color: 'name' },
+          coordinate: { transform: [{ type: 'transpose' }] },
+          transform: [{ type: 'stackY' }],
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+            }
+            return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { x: 'value', y: 'name', color: 'name' },
+          coordinate: { transform: [{ type: 'transpose' }] },
+          transform: [{ type: 'stackY' }],
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+        case 'grouped_bar':
+            if (widget.crossGroupBy) {
+                return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { x: 'group', y: 'value', color: 'name' },
+          coordinate: { transform: [{ type: 'transpose' }] },
+          transform: [{ type: 'dodgeX' }],
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+            }
+            return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { x: 'value', y: 'name', color: 'name' },
+          coordinate: { transform: [{ type: 'transpose' }] },
+          transform: [{ type: 'dodgeX' }],
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+        case 'line':
+            return `{
+          type: 'line',
+          data: ${varName},
+          encode: { x: 'name', y: 'value' },
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+        case 'area':
+            return `{
+          type: 'area',
+          data: ${varName},
+          encode: { x: 'name', y: 'value' },
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+        case 'scatter':
+            return `{
+          type: 'point',
+          data: ${varName},
+          encode: { x: 'name', y: 'value', color: 'name', size: 4 },
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+        case 'radar':
+            return `{
+          type: 'view',
+          data: ${varName},
+          coordinate: { type: 'polar' },
+          scale: { x: { padding: 0.5, align: 0 }, y: { tickCount: 5 } },
+          axis: { x: { grid: true }, y: { zIndex: 1, title: false } },
+          children: [
+            { type: 'area', encode: { x: 'name', y: 'value' }, style: { fillOpacity: 0.3 } },
+            { type: 'line', encode: { x: 'name', y: 'value' }, style: { lineWidth: 2 } },
+          ],
+        }`;
+        case 'funnel':
+            return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { x: 'name', y: 'value', color: 'name', shape: 'funnel' },
+          transform: [{ type: 'symmetryY' }],
+          scale: { x: { padding: 0 } },
+          coordinate: { transform: [{ type: 'transpose' }] },
+          axis: false,
+          labels: [{ text: (d: any) => d.name + '\\n' + d.value, position: 'inside', transform: [{ type: 'contrastReverse' }] }],
+        }`;
+        case 'treemap':
+            return `{
+          type: 'treemap',
+          data: { value: { name: 'root', children: ${varName} } },
+          encode: { value: 'value' },
+        }`;
+        case 'gauge':
+            return `{
+          type: 'gauge',
+          data: { value: { target: ${varName}.length ? Math.round(${varName}[0].value * 100) : 0, total: 100 } },
+          scale: { color: { range: ['#5B8FF9', '#E8E8E8'] } },
+          style: { textContent: (target: number, total: number) => Math.round(target / total * 100) + '%' },
+        }`;
+        case 'liquid':
+            return `{
+          type: 'liquid',
+          data: ${varName}.length ? ${varName}[0].value : 0,
+          style: { outlineBorder: 4, outlineDistance: 8 },
+        }`;
+        case 'heatmap':
+            if (widget.crossGroupBy) {
+                return `{
+          type: 'cell',
+          data: ${varName},
+          encode: { x: 'name', y: 'group', color: 'value' },
+          style: { inset: 1 },
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+            }
+            return `{
+          type: 'cell',
+          data: ${varName},
+          encode: { x: 'name', y: 'name', color: 'value' },
+          style: { inset: 1 },
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+        default:
+            return `{
+          type: 'interval',
+          data: ${varName},
+          encode: { x: 'name', y: 'value', color: 'name' },
+          axis: { x: { title: false }, y: { title: false } },
+        }`;
+    }
+}
+/** Build stat card JSX string using CountUp for animated number display */
+function statCardCode(widget, modelName, pascalModelName, titleKey, _usesDateFilter) {
+    // Server-side filtering handles date range, so always use the raw list
+    const listVar = `${pascalModelName.charAt(0).toLowerCase() + pascalModelName.slice(1)}List`;
+    const titleExpr = `{t('${titleKey}')}`;
+    let valueExpr;
+    let precision = 0;
+    let suffix = '';
+    if (widget.aggregate === 'ratio') {
+        if (widget.filter && Object.keys(widget.filter).length > 0) {
+            const filterExpr = Object.entries(widget.filter)
+                .map(([key, val]) => {
+                if (typeof val === 'boolean')
+                    return `d.${key} === ${val}`;
+                if (typeof val === 'string')
+                    return `d.${key} === '${val}'`;
+                return `d.${key} === ${JSON.stringify(val)}`;
+            })
+                .join(' && ');
+            valueExpr = `${listVar}.length ? Math.round(${listVar}.filter(d => ${filterExpr}).length / ${listVar}.length * 1000) / 10 : 0`;
+        }
+        else {
+            valueExpr = '100';
+        }
+        precision = 1;
+        suffix = '%';
+    }
+    else if (widget.aggregate === 'count' || !widget.aggregate) {
+        if (widget.filter && Object.keys(widget.filter).length > 0) {
+            const filterExpr = Object.entries(widget.filter)
+                .map(([key, val]) => {
+                if (typeof val === 'boolean')
+                    return `d.${key} === ${val}`;
+                if (typeof val === 'string')
+                    return `d.${key} === '${val}'`;
+                return `d.${key} === ${JSON.stringify(val)}`;
+            })
+                .join(' && ');
+            valueExpr = `${listVar}.filter(d => ${filterExpr}).length`;
+        }
+        else {
+            valueExpr = `${listVar}.length`;
+        }
+    }
+    else {
+        const agg = widget.aggregate;
+        const field = widget.field || 'value';
+        if (agg === 'sum') {
+            valueExpr = `${listVar}.reduce((s, d) => s + (Number(d.${field}) || 0), 0)`;
+            precision = 1;
+        }
+        else if (agg === 'avg') {
+            valueExpr = `${listVar}.length ? ${listVar}.reduce((s, d) => s + (Number(d.${field}) || 0), 0) / ${listVar}.length : 0`;
+            precision = 1;
+        }
+        else if (agg === 'min') {
+            valueExpr = `${listVar}.length ? Math.min(...${listVar}.map(d => Number(d.${field}) || 0)) : 0`;
+        }
+        else if (agg === 'max') {
+            valueExpr = `${listVar}.length ? Math.max(...${listVar}.map(d => Number(d.${field}) || 0)) : 0`;
+        }
+        else {
+            valueExpr = `${listVar}.length`;
+        }
+    }
+    const countUpProps = [
+        precision > 0 ? `precision={${precision}}` : '',
+        suffix ? `suffix="${suffix}"` : '',
+    ].filter(Boolean).join(' ');
+    return `<div style={{ textAlign: 'center' }}>
+  <div style={{ fontSize: 24, fontWeight: 600, lineHeight: 1.4, color: 'var(--ant-color-text)' }}>
+    <CountUp value={${valueExpr}}${countUpProps ? ` ${countUpProps}` : ''} />
+  </div>
+  <div style={{ fontSize: 14, color: 'var(--ant-color-text-secondary)', marginTop: 4 }}>${titleExpr}</div>
+</div>`;
+}
+/** Detect boolean fields for groupByBoolean usage in generated code */
+function detectBooleanFields(models) {
+    const booleanFields = new Set();
+    for (const model of models) {
+        for (const field of model.fields) {
+            if (field.type === 'boolean') {
+                booleanFields.add(`${model.name}.${field.name}`);
+            }
+        }
+    }
+    return booleanFields;
+}
+/** Detect date fields for groupByDate usage in generated code */
+function detectDateFields(models) {
+    const dateFields = new Set();
+    for (const model of models) {
+        for (const field of model.fields) {
+            if (field.type === 'date') {
+                dateFields.add(`${model.name}.${field.name}`);
+            }
+        }
+    }
+    return dateFields;
+}
+/** Generate the full Dashboard page TSX */
+export function dashboardPageTemplate(dashboard, models) {
+    const pascalName = toPascalCase(dashboard.name);
+    const pageLabel = resolveLocale(dashboard.description, 'zh-CN') || pascalName;
+    const booleanFields = detectBooleanFields(models);
+    const dateFields = detectDateFields(models);
+    // Auto-detect date field from models when defaultDateField is not configured
+    const autoDateField = dashboard.defaultDateField ? undefined : models
+        .flatMap(m => m.fields)
+        .find(f => f.type === 'date')?.name;
+    // Build i18n registrations for dashboard
+    const i18nRegistration = generateDashboardMessages(dashboard.name, dashboard.description, dashboard.layout);
+    // Collect unique model names used in widgets
+    const usedModels = new Set();
+    for (const row of dashboard.layout) {
+        for (const widget of row.row) {
+            usedModels.add(widget.model);
+        }
+    }
+    // Also include all declared models
+    for (const modelName of dashboard.models) {
+        usedModels.add(modelName);
+    }
+    // Build useData hooks for each model
+    const useDataHooks = Array.from(usedModels).map((modelName) => {
+        const pascalModel = toPascalCase(modelName);
+        const listVar = `${pascalModel.charAt(0).toLowerCase() + pascalModel.slice(1)}List`;
+        const refreshVar = `refresh${pascalModel}`;
+        return `const { list: ${listVar}, refresh: ${refreshVar} } = useData('${modelName}');`;
+    }).join('\n  ');
+    // Build useChartData calls — collect all chart (non-stat) widget data hooks
+    // Track used variable names to deduplicate when groupBy is missing
+    // Also track enum label maps per model for i18n translation
+    // Build a widget-to-varName map so layout JSX can reference the same deduplicated names
+    const chartDataHooks = [];
+    const usedVarNames = new Set();
+    const enumLabelMaps = new Map(); // modelName → variable name
+    const widgetVarNames = new Map(); // widget → deduplicated varName
+    for (const modelName of usedModels) {
+        const enumFields = getEnumGroupByFields(modelName, dashboard, models);
+        if (enumFields.length > 0) {
+            const pascalModel = toPascalCase(modelName);
+            const varName = `${pascalModel.charAt(0).toLowerCase() + pascalModel.slice(1)}EnumLabels`;
+            enumLabelMaps.set(modelName, varName);
+        }
+    }
+    for (const row of dashboard.layout) {
+        for (const widget of row.row) {
+            if (widget.type !== 'stat') {
+                const pascalModel = toPascalCase(widget.model);
+                const isBoolean = booleanFields.has(`${widget.model}.${widget.groupBy}`);
+                const isDate = dateFields.has(`${widget.model}.${widget.groupBy}`);
+                const hookCall = buildUseChartDataCall(widget, widget.model, pascalModel, isBoolean, isDate, usedVarNames, enumLabelMaps);
+                if (hookCall) {
+                    chartDataHooks.push(hookCall);
+                    // Extract the variable name from the hook call: "const xxx = ..."
+                    const match = hookCall.match(/^const\s+(\w+)\s*=/);
+                    if (match) {
+                        widgetVarNames.set(widget, match[1]);
+                    }
+                }
+            }
+        }
+    }
+    // Determine if any model has enum fields used in filters
+    const hasEnumFilterFields = (dashboard.filterDimensions ?? []).some(dim => models.some(m => dashboard.models.includes(m.name) && m.fields.find(f => f.name === dim.field && f.enum)));
+    // Build DashboardFilterBar enumLabelsMap: per-field nested map for filter dropdowns
+    const filterEnumLabelsVar = hasEnumFilterFields ? 'filterFieldLabels' : '';
+    const filterFieldNames = (dashboard.filterDimensions ?? [])
+        .filter(d => d.type === 'select')
+        .map(d => d.field);
+    const filterEnumLabelsCode = hasEnumFilterFields
+        ? Array.from(usedModels).map(modelName => {
+            const pascalModel = toPascalCase(modelName);
+            const camelModel = pascalModel.charAt(0).toLowerCase() + pascalModel.slice(1);
+            const model = models.find(m => m.name === modelName);
+            const modelFilterFields = filterFieldNames.filter(f => model?.fields.some(mf => mf.name === f && mf.enum));
+            if (modelFilterFields.length === 0)
+                return '';
+            return `const ${camelModel}FilterLabels = useMemo(() => buildFieldEnumLabelsMap(${camelModel}Schema, ${JSON.stringify(modelFilterFields)}), [${camelModel}Schema]);`;
+        }).filter(Boolean).join('\n  ') + `\n  const filterFieldLabels = useMemo(() => ({${Array.from(usedModels).map(modelName => {
+            const pascalModel = toPascalCase(modelName);
+            const camelModel = pascalModel.charAt(0).toLowerCase() + pascalModel.slice(1);
+            const model = models.find(m => m.name === modelName);
+            const modelFilterFields = filterFieldNames.filter(f => model?.fields.some(mf => mf.name === f && mf.enum));
+            return modelFilterFields.length > 0 ? `...${camelModel}FilterLabels` : '';
+        }).filter(Boolean).join(', ')} }), [${Array.from(usedModels).map(modelName => {
+            const pascalModel = toPascalCase(modelName);
+            const camelModel = pascalModel.charAt(0).toLowerCase() + pascalModel.slice(1);
+            const model = models.find(m => m.name === modelName);
+            const modelFilterFields = filterFieldNames.filter(f => model?.fields.some(mf => mf.name === f && mf.enum));
+            return modelFilterFields.length > 0 ? `${camelModel}FilterLabels` : '';
+        }).filter(Boolean).join(', ')}]);`
+        : '';
+    // Build layout rows JSX
+    let widgetCounter = 0;
+    const layoutJsx = dashboard.layout.map((layoutRow) => {
+        const colCount = layoutRow.row.length;
+        const defaultSpan = Math.floor(24 / colCount);
+        const cols = layoutRow.row.map((widget) => {
+            const span = widget.span || defaultSpan;
+            const titleKey = `dashboard.${dashboard.name}.widget.${widgetCounter}`;
+            widgetCounter++;
+            if (widget.type === 'stat') {
+                const pascalModel = toPascalCase(widget.model);
+                const statCode = statCardCode(widget, widget.model, pascalModel, titleKey, !!dashboard.defaultDateField);
+                return `          <Col span={${span}}>
+            <Card styles={{ body: { textAlign: 'center' } }}>
+              ${statCode}
+            </Card>
+          </Col>`;
+            }
+            // Chart widget — use the deduplicated varName from the hooks phase
+            const varName = widgetVarNames.get(widget) || buildChartDataVarName(widget, 0);
+            const spec = buildG2Spec(widget, varName);
+            return `          <Col span={${span}}>
+            <Card title={t('${titleKey}')} styles={{ body: { padding: '8px 16px 16px' } }}>
+              <DashboardChart spec={${spec}} />
+            </Card>
+          </Col>`;
+        }).join('\n');
+        return `        <Row gutter={16}>
+${cols}
+        </Row>`;
+    }).join('\n');
+    // Build TypeScript interfaces for each model
+    const interfaces = models.map((model) => {
+        const pascalModel = toPascalCase(model.name);
+        const hasId = model.fields.some(f => f.name === 'id');
+        const fieldDefs = model.fields.map((f) => {
+            const tsType = fieldToTsType(f.type);
+            return `  ${f.name}${f.required ? '' : '?'}: ${tsType};`;
+        }).join('\n');
+        const idLine = hasId ? '' : '  id: string;\n';
+        return `interface ${pascalModel}Record {\n${idLine}${fieldDefs}\n}`;
+    }).join('\n\n');
+    return `import React, { useState, useMemo, useEffect, useRef } from 'react';
+import { Row, Col, Card } from 'antd';
+import { useData, useChartData, useCrossGroupChartData, useTreemapChartData, DashboardChart, DashboardFilterBar, CountUp, useLocale, registerMessages, useSchema, buildEnumLabelsMap, buildFieldEnumLabelsMap } from '@loom-framework/frontend-antd';
+
+${i18nRegistration}
+
+${interfaces}
+
+export function ${pascalName}Page(): React.ReactElement {
+  const { t, locale } = useLocale();
+  const [dateRange, setDateRange] = useState<[string, string] | null>(null);
+  const [filterValues, setFilterValues] = useState<Record<string, string | string[] | undefined>>({});
+
+  const defaultDateField = ${dashboard.defaultDateField ? `'${dashboard.defaultDateField}'` : `${autoDateField ? `'${autoDateField}'` : 'undefined'}`};
+  const dateField = defaultDateField${dashboard.layout.flatMap(r => r.row).find(w => w.dateField) ? ` || '${dashboard.layout.flatMap(r => r.row).find(w => w.dateField).dateField}'` : ''};
+
+  ${useDataHooks}
+  ${Array.from(usedModels).map(modelName => {
+        const pascalModel = toPascalCase(modelName);
+        const camelModel = pascalModel.charAt(0).toLowerCase() + pascalModel.slice(1);
+        return `const { schema: ${camelModel}Schema } = useSchema('${modelName}');`;
+    }).join('\n  ')}
+  ${Array.from(enumLabelMaps.entries()).map(([modelName, varName]) => {
+        const pascalModel = toPascalCase(modelName);
+        const camelModel = pascalModel.charAt(0).toLowerCase() + pascalModel.slice(1);
+        const fields = getEnumGroupByFields(modelName, dashboard, models);
+        return `const ${varName} = useMemo(() => buildEnumLabelsMap(${camelModel}Schema, ${JSON.stringify(fields)}), [${camelModel}Schema]);`;
+    }).join('\n  ')}
+  ${filterEnumLabelsCode}
+  ${chartDataHooks.join('\n  ')}
+
+  ${dashboard.filterDimensions?.length ? `const filterDimensions = ${JSON.stringify(dashboard.filterDimensions)};` : ''}
+
+  // Collect unique values for select filter options from data (frozen on first load to avoid shrinking)
+  ${dashboard.filterDimensions?.filter(d => d.type === 'select' && !d.options).length ? (() => {
+        const modelName = dashboard.models[0];
+        const pascalModel = toPascalCase(modelName);
+        const listVar = `${pascalModel.charAt(0).toLowerCase() + pascalModel.slice(1)}List`;
+        return `const selectOptionsRef = useRef<Record<string, string[]>>({});
+  if (Object.keys(selectOptionsRef.current).length === 0 && ${listVar}.length > 0) {
+    const opts: Record<string, string[]> = {};
+${dashboard.filterDimensions.filter(d => d.type === 'select' && !d.options).map(d => {
+            return `    opts['${d.field}'] = [...new Set(${listVar}.map((d: any) => String(d.${d.field} ?? '')))].filter(Boolean).sort();`;
+        }).join('\n')}
+    selectOptionsRef.current = opts;
+  }
+  const selectOptions = selectOptionsRef.current;`;
+    })() : ''}
+
+  // Server-side filtering: send date range and select filters to backend
+  const initialFetchDone = useRef(false);
+  useEffect(() => {
+    if (!initialFetchDone.current) {
+      initialFetchDone.current = true;
+      return; // Skip first run — useData's auto-fetch already loaded data
+    }
+    ${Array.from(usedModels).map((modelName) => {
+        const pascalModel = toPascalCase(modelName);
+        const refreshVar = `refresh${pascalModel}`;
+        return `{
+      const filter: Record<string, unknown> = {};
+      if (dateRange && dateField) {
+        filter[dateField] = { __range: dateRange };
+      }
+      ${dashboard.filterDimensions?.filter(d => d.type === 'select').map(d => `
+      if (filterValues['${d.field}'] !== undefined && filterValues['${d.field}'] !== '' && !(Array.isArray(filterValues['${d.field}']) && filterValues['${d.field}'].length === 0)) {
+        filter['${d.field}'] = filterValues['${d.field}'];
+      }`).join('') || ''}
+      ${refreshVar}({ filter });
+    }`;
+    }).join('\n    ')}
+  }, [dateRange, filterValues, dateField, ${Array.from(usedModels).map(m => `refresh${toPascalCase(m)}`).join(', ')}]);
+
+  const handleFilterChange = (field: string, value: string | string[] | undefined) => {
+    setFilterValues(prev => ({ ...prev, [field]: value }));
+  };
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
+      <DashboardFilterBar
+        ${dashboard.filterDimensions?.length ? 'filterDimensions={filterDimensions}' : ''}
+        dateRange={dateRange ?? undefined}
+        onDateRangeChange={setDateRange}
+        ${dashboard.filterDimensions?.filter(d => d.type === 'select' && !d.options).length ? 'selectOptions={selectOptions}' : ''}
+        filterValues={filterValues}
+        onFilterChange={handleFilterChange}
+        ${hasEnumFilterFields ? 'enumLabelsMap={filterFieldLabels}' : ''}
+      />
+${layoutJsx}
+    </div>
+  );
+}
+
+export default ${pascalName}Page;
+`;
+}
+//# sourceMappingURL=dashboard-page.js.map