@fayz-ai/plugin-reports 0.9.0 → 0.9.1

package/dist/views/AnalyticsSurface.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { type AnalyticsCardDef, type AnalyticsProvider as AnalyticsProviderType, type AnalyticsColumnDef, type AnalyticsCompare } from '@fayz-ai/core';
+import { type AnalyticsRangePreset } from '@fayz-ai/ui';
+export declare const ANALYTICS_BASE = "/analytics";
+export declare const REPORTS_BASE = "/analytics/reports";
+export interface AnalyticsLabels {
+    analytics: string;
+    reports: string;
+    liveView: string;
+    overviewSubtitle: string;
+    reportsSubtitle: string;
+    searchReports: string;
+    category: string;
+    createdBy: string;
+    /** Cleared state of each facet chip: "All categories" / "All authors". */
+    allCategories: string;
+    allCreatedBy: string;
+    lastViewed: string;
+    name: string;
+    noResults: string;
+    never: string;
+    back: string;
+    export: string;
+    print: string;
+    unavailableTitle: string;
+    unavailableDescription: string;
+    emptyOverviewTitle: string;
+    emptyOverviewDescription: string;
+    liveViewSoon: string;
+    results: string;
+}
+export interface ResolvedAnalyticsConfig {
+    /** Cards declared by the host app (merged with the plugin registry at render). */
+    cards: AnalyticsCardDef[];
+    labels: AnalyticsLabels;
+    currency: {
+        code: string;
+        locale: string;
+        symbol: string;
+    };
+    /** Attribution for pre-built cards — the product name, e.g. "FayzShop". */
+    createdBy: string;
+    defaultPageSize: number;
+    showHeader: boolean;
+    /** Range the surface opens on. A salon reads 30 days; a school reads a term. */
+    defaultRange: AnalyticsRangePreset;
+    defaultCompare: AnalyticsCompare;
+}
+export declare function useAnalyticsConfig(): ResolvedAnalyticsConfig;
+/**
+ * Every card visible on this surface, registry + app, de-duplicated by id.
+ *
+ * The app's own definition wins a collision so a host can retune a card the
+ * plugin shipped (relabel it, move it off the overview) without forking the
+ * plugin — the alternative is apps carrying patched copies of plugin cards.
+ */
+export declare function useAnalyticsCards(): AnalyticsCardDef[];
+/** Cards a pack placed on the overview grid, in their declared order. */
+export declare function useOverviewCards(): AnalyticsCardDef[];
+/**
+ * Columns for a card's tabular view.
+ *
+ * An aggregate card has no `columns` of its own — its table IS its dimensions
+ * and measures, so deriving them keeps one definition instead of asking every
+ * card author to restate the same fields twice and let the two drift.
+ */
+export declare function cardColumns(card: AnalyticsCardDef): AnalyticsColumnDef[];
+export declare function navigateAnalytics(path: string): void;
+export interface AnalyticsSurfaceProps {
+    config: ResolvedAnalyticsConfig;
+    provider: AnalyticsProviderType;
+    children?: React.ReactNode;
+}
+export declare function AnalyticsSurface({ config, provider, children }: AnalyticsSurfaceProps): React.JSX.Element;
+//# sourceMappingURL=AnalyticsSurface.d.ts.map

package/dist/views/AnalyticsSurface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsSurface.d.ts","sourceRoot":"","sources":["../../src/views/AnalyticsSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAEL,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,IAAI,qBAAqB,EAAE,KAAK,kBAAkB,EAC/F,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA;AACtB,OAAO,EAA4B,KAAK,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAYjF,eAAO,MAAM,cAAc,eAAe,CAAA;AAC1C,eAAO,MAAM,YAAY,uBAA8B,CAAA;AAEvD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,MAAM,CAAA;IACxB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,wBAAwB,EAAE,MAAM,CAAA;IAChC,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,uBAAuB;IACtC,kFAAkF;IAClF,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,MAAM,EAAE,eAAe,CAAA;IACvB,QAAQ,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1D,2EAA2E;IAC3E,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,OAAO,CAAA;IACnB,gFAAgF;IAChF,YAAY,EAAE,oBAAoB,CAAA;IAClC,cAAc,EAAE,gBAAgB,CAAA;CACjC;AAID,wBAAgB,kBAAkB,IAAI,uBAAuB,CAI5D;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,IAAI,gBAAgB,EAAE,CAStD;AAED,yEAAyE;AACzE,wBAAgB,gBAAgB,IAAI,gBAAgB,EAAE,CAQrD;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,gBAAgB,GAAG,kBAAkB,EAAE,CAiBxE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAEpD;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,uBAAuB,CAAA;IAC/B,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,qBAAqB,qBAqBrF"}

package/dist/views/LiveViewPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function LiveViewPage(): React.JSX.Element;
+//# sourceMappingURL=LiveViewPage.d.ts.map

package/dist/views/LiveViewPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveViewPage.d.ts","sourceRoot":"","sources":["../../src/views/LiveViewPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,wBAAgB,YAAY,sBAW3B"}

package/dist/views/ReportsListPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ReportsListPage(): React.JSX.Element;
+//# sourceMappingURL=ReportsListPage.d.ts.map

package/dist/views/ReportsListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsListPage.d.ts","sourceRoot":"","sources":["../../src/views/ReportsListPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiCzB,wBAAgB,eAAe,sBAmK9B"}

package/dist/{ReportsPage.d.ts → views/ReportsPage.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { ResolvedReportsConfig } from './types';
-import type { ReportDataProvider } from './data/types';
+import type { ResolvedReportsConfig } from '../types';
+import type { ReportDataProvider } from '../data/types';
 export declare function ReportsPage({ config, provider, }: {
     config: ResolvedReportsConfig;
     provider: ReportDataProvider;

package/dist/views/ReportsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportsPage.d.ts","sourceRoot":"","sources":["../../src/views/ReportsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,qBAAqB,EAAa,MAAM,UAAU,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAYvD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,qBAAqB,CAAA;IAC7B,QAAQ,EAAE,kBAAkB,CAAA;CAC7B,qBAsCA"}

package/package.json

@@ -3,7 +3,7 @@
   "fayz": {
     "status": "preview"
   },
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "[experimental] Fayz SDK — plugin-reports plugin",
   "type": "module",
   "sideEffects": false,
@@ -12,14 +12,12 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "source": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     }
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -29,9 +27,9 @@
   },
   "dependencies": {
     "@tanstack/react-table": "^8.20.0",
-    "@fayz-ai/core": "^0.9.0",
-    "@fayz-ai/ui": "^0.9.0",
-    "@fayz-ai/saas": "^0.9.0"
+    "@fayz-ai/core": "^0.10.0",
+    "@fayz-ai/ui": "^0.10.0",
+    "@fayz-ai/admin": "^0.10.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",

package/dist/ReportsContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReportsContext.d.ts","sourceRoot":"","sources":["../src/ReportsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEtD,UAAU,mBAAmB;IAC3B,MAAM,EAAE,qBAAqB,CAAA;IAC7B,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,OAAO,EAAE,SAAS,EAAE,CAAA;CACrB;AAID,wBAAgB,iBAAiB,IAAI,mBAAmB,CAIvD;AAED,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,qBAAqB,CAAA;IAC7B,QAAQ,EAAE,kBAAkB,CAAA;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,qBAMA"}

package/dist/ReportsPage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReportsPage.d.ts","sourceRoot":"","sources":["../src/ReportsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAI/D,OAAO,KAAK,EAAE,qBAAqB,EAAa,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAYtD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,qBAAqB,CAAA;IAC7B,QAAQ,EAAE,kBAAkB,CAAA;CAC7B,qBAsCA"}

package/dist/chunk-LODXZ2SC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/lib/columns.ts"],"names":["formatCurrencyLocale","formatDateLocale","formatDateTimeLocale"],"mappings":"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","file":"chunk-LODXZ2SC.js","sourcesContent":["import React from 'react'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport type { ReportColumnDef } from '../types'\nimport { PersonLink } from '@fayz-ai/saas'\nimport {\n  formatCurrency as formatCurrencyLocale,\n  formatDate as formatDateLocale,\n  formatDateTime as formatDateTimeLocale,\n} from '@fayz-ai/core'\n\n// ---------------------------------------------------------------------------\n// Formatters (mirrors fieldToColumn.tsx logic)\n// ---------------------------------------------------------------------------\n\nfunction formatCurrency(value: any, currency?: string): string {\n  const num = typeof value === 'number' ? value : parseFloat(value)\n  if (isNaN(num)) return '—'\n  return formatCurrencyLocale(num, currency)\n}\n\nfunction formatDate(value: any): string {\n  if (!value) return '—'\n  return formatDateLocale(value)\n}\n\nfunction formatDateTime(value: any): string {\n  if (!value) return '—'\n  return formatDateTimeLocale(value)\n}\n\nfunction formatNumber(value: any): string {\n  if (value == null) return '—'\n  return typeof value === 'number' ? value.toLocaleString() : String(value)\n}\n\n// ---------------------------------------------------------------------------\n// Plain-text formatter for exports\n// ---------------------------------------------------------------------------\n\nexport function formatValuePlain(value: any, col: ReportColumnDef, currency?: string): string {\n  if (value == null || value === '') return ''\n  switch (col.type) {\n    case 'currency':\n      return formatCurrency(value, col.currency ?? currency)\n    case 'date':\n      return formatDate(value)\n    case 'datetime':\n      return formatDateTime(value)\n    case 'number':\n      return formatNumber(value)\n    case 'boolean':\n      return value ? 'Yes' : 'No'\n    default:\n      return String(value)\n  }\n}\n\n// ---------------------------------------------------------------------------\n// ReportColumnDef[] → TanStack ColumnDef[]\n// ---------------------------------------------------------------------------\n\nexport function reportColumnsToTanstack(\n  columns: ReportColumnDef[],\n  currency?: string,\n): ColumnDef<Record<string, any>>[] {\n  return columns\n    .filter((c) => c.visible !== false)\n    .map((col): ColumnDef<Record<string, any>> => {\n      const sortable = col.sortable ?? ['text', 'number', 'currency', 'date', 'datetime', 'email'].includes(col.type)\n      const alignRight = col.align === 'right' || (!col.align && (col.type === 'currency' || col.type === 'number'))\n      const alignCenter = col.align === 'center'\n\n      return {\n        accessorKey: col.key,\n        header: col.label,\n        enableSorting: sortable,\n        cell: (ctx) => {\n          const value = ctx.getValue()\n          const row = ctx.row.original\n\n          if (col.renderCell) {\n            return col.renderCell(value, row)\n          }\n\n          if (value == null || value === '') {\n            return React.createElement('span', { className: 'text-muted-foreground' }, '—')\n          }\n\n          let content: React.ReactNode\n          switch (col.type) {\n            case 'person':\n              content = React.createElement(PersonLink, {\n                personId: col.idKey ? row[col.idKey] : null,\n                name: String(value),\n                size: 'sm',\n                className: 'text-xs',\n              })\n              break\n            case 'currency':\n              content = formatCurrency(value, col.currency ?? currency)\n              break\n            case 'date':\n              content = formatDate(value)\n              break\n            case 'datetime':\n              content = formatDateTime(value)\n              break\n            case 'boolean':\n              content = value\n                ? React.createElement('svg', { className: 'h-4 w-4 text-success', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2' },\n                    React.createElement('polyline', { points: '20 6 9 17 4 12' }),\n                  )\n                : React.createElement('span', { className: 'text-muted-foreground' }, '—')\n              break\n            case 'number':\n              content = formatNumber(value)\n              break\n            default:\n              content = String(value)\n          }\n\n          const cls = alignRight ? 'text-right' : alignCenter ? 'text-center' : undefined\n          return cls\n            ? React.createElement('div', { className: cls }, content)\n            : React.createElement(React.Fragment, null, content)\n        },\n        meta: { align: alignRight ? 'right' : alignCenter ? 'center' : 'left' },\n      }\n    })\n}\n"]}

package/src/ReportsContext.tsx

@@ -1,33 +0,0 @@
-import React, { createContext, useContext } from 'react'
-import type { ResolvedReportsConfig, ReportDef } from './types'
-import type { ReportDataProvider } from './data/types'
-
-interface ReportsContextValue {
-  config: ResolvedReportsConfig
-  provider: ReportDataProvider
-  reports: ReportDef[]
-}
-
-const ReportsContext = createContext<ReportsContextValue | null>(null)
-
-export function useReportsContext(): ReportsContextValue {
-  const ctx = useContext(ReportsContext)
-  if (!ctx) throw new Error('useReportsContext must be used within ReportsContextProvider')
-  return ctx
-}
-
-export function ReportsContextProvider({
-  config,
-  provider,
-  children,
-}: {
-  config: ResolvedReportsConfig
-  provider: ReportDataProvider
-  children: React.ReactNode
-}) {
-  return (
-    <ReportsContext.Provider value={{ config, provider, reports: config.reports }}>
-      {children}
-    </ReportsContext.Provider>
-  )
-}

package/src/ReportsPage.tsx

@@ -1,62 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { ReportsContextProvider } from './ReportsContext'
-import { ReportHub } from './views/ReportHub'
-import { ReportViewer } from './views/ReportViewer'
-import type { ResolvedReportsConfig, ReportDef } from './types'
-import type { ReportDataProvider } from './data/types'
-
-const HASH_BASE = '/reports'
-
-function getReportIdFromHash(): string | null {
-  const hash = (window.location.hash.slice(1) || '/').split('?')[0]
-  if (hash.startsWith(HASH_BASE + '/') && hash.length > HASH_BASE.length + 1) {
-    return hash.slice(HASH_BASE.length + 1)
-  }
-  return null
-}
-
-export function ReportsPage({
-  config,
-  provider,
-}: {
-  config: ResolvedReportsConfig
-  provider: ReportDataProvider
-}) {
-  const [activeReportId, setActiveReportId] = useState<string | null>(getReportIdFromHash)
-
-  useEffect(() => {
-    function handler() {
-      setActiveReportId(getReportIdFromHash())
-    }
-    window.addEventListener('hashchange', handler)
-    return () => window.removeEventListener('hashchange', handler)
-  }, [])
-
-  const handleSelect = useCallback((report: ReportDef) => {
-    window.location.hash = `${HASH_BASE}/${report.id}`
-  }, [])
-
-  const handleBack = useCallback(() => {
-    window.location.hash = HASH_BASE
-  }, [])
-
-  const activeReport = activeReportId
-    ? config.reports.find((r) => r.id === activeReportId) ?? null
-    : null
-
-  return (
-    <ReportsContextProvider config={config} provider={provider}>
-      <div className="p-1">
-        {activeReport ? (
-          <ReportViewer
-            key={activeReport.id}
-            report={activeReport}
-            onBack={handleBack}
-          />
-        ) : (
-          <ReportHub onSelect={handleSelect} />
-        )}
-      </div>
-    </ReportsContextProvider>
-  )
-}

package/src/components/ExportDropdown.tsx

@@ -1,63 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { Download } from 'lucide-react'
-import { Button } from '@fayz-ai/ui'
-import {
-  Dropdown,
-  DropdownTrigger,
-  DropdownContent,
-  DropdownItem,
-} from '@fayz-ai/ui'
-import { useTranslation } from '@fayz-ai/core'
-import type { ReportColumnDef } from '../types'
-import { exportToCsv } from '../export/csv'
-
-interface ExportDropdownProps {
-  columns: ReportColumnDef[]
-  data: Record<string, any>[]
-  filename: string
-  currency?: string
-  title?: string
-}
-
-export function ExportDropdown({ columns, data, filename, currency, title }: ExportDropdownProps) {
-  const t = useTranslation()
-  const [excelAvailable, setExcelAvailable] = useState(false)
-  const [pdfAvailable, setPdfAvailable] = useState(false)
-
-  useEffect(() => {
-    import('../export/excel').then((m) => m.isExcelAvailable()).then(setExcelAvailable).catch(() => {})
-    import('../export/pdf').then((m) => m.isPdfAvailable()).then(setPdfAvailable).catch(() => {})
-  }, [])
-
-  const handleCsv = () => exportToCsv(columns, data, filename, currency)
-
-  const handleExcel = async () => {
-    const { exportToExcel } = await import('../export/excel')
-    await exportToExcel(columns, data, filename, currency)
-  }
-
-  const handlePdf = async () => {
-    const { exportToPdf } = await import('../export/pdf')
-    await exportToPdf(columns, data, filename, { title, currency })
-  }
-
-  return (
-    <Dropdown>
-      <DropdownTrigger asChild>
-        <Button variant="outline" size="sm">
-          <Download className="h-4 w-4 mr-1.5" />
-          {t('reports.export')}
-        </Button>
-      </DropdownTrigger>
-      <DropdownContent align="end">
-        <DropdownItem onClick={handleCsv}>{t('reports.exportCsv')}</DropdownItem>
-        {excelAvailable && (
-          <DropdownItem onClick={handleExcel}>{t('reports.exportExcel')}</DropdownItem>
-        )}
-        {pdfAvailable && (
-          <DropdownItem onClick={handlePdf}>{t('reports.exportPdf')}</DropdownItem>
-        )}
-      </DropdownContent>
-    </Dropdown>
-  )
-}

package/src/components/ReportCard.tsx

@@ -1,38 +0,0 @@
-import React from 'react'
-import { FileText } from 'lucide-react'
-import { Badge, getLucideIcon } from '@fayz-ai/ui'
-import type { ReportDef } from '../types'
-
-interface ReportCardProps {
-  report: ReportDef
-  onClick: (report: ReportDef) => void
-}
-
-export function ReportCard({ report, onClick }: ReportCardProps) {
-  const IconComp = getLucideIcon(report.icon) ?? FileText
-
-  return (
-    <button
-      type="button"
-      onClick={() => onClick(report)}
-      className="flex flex-col items-start gap-2 rounded-xl border bg-card p-4 text-left transition-all hover:border-primary/30 hover:shadow-md"
-    >
-      <div className="flex w-full items-start justify-between">
-        <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary">
-          <IconComp className="h-5 w-5" />
-        </div>
-        {report.badge && (
-          <Badge variant="secondary" className="text-xs capitalize">
-            {report.badge}
-          </Badge>
-        )}
-      </div>
-      <div>
-        <h4 className="font-medium text-sm">{report.name}</h4>
-        {report.description && (
-          <p className="text-xs text-muted-foreground mt-0.5 line-clamp-2">{report.description}</p>
-        )}
-      </div>
-    </button>
-  )
-}

package/src/components/ReportFilterBar.tsx

@@ -1,132 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { DatePicker } from '@fayz-ai/ui'
-import { Select, SelectTrigger, SelectContent, SelectItem, SelectValue } from '@fayz-ai/ui'
-import { Input } from '@fayz-ai/ui'
-import { useTranslation } from '@fayz-ai/core'
-import type { ReportFilterDef, ReportDateRange, ReportFilterOption } from '../types'
-
-interface ReportFilterBarProps {
-  dateRange: ReportDateRange
-  onDateRangeChange: (range: ReportDateRange) => void
-  filters: ReportFilterDef[]
-  filterValues: Record<string, any>
-  onFilterChange: (key: string, value: any) => void
-}
-
-export function ReportFilterBar({
-  dateRange,
-  onDateRangeChange,
-  filters,
-  filterValues,
-  onFilterChange,
-}: ReportFilterBarProps) {
-  const t = useTranslation()
-
-  return (
-    <div className="flex flex-wrap items-end gap-3">
-      {/* Date range — always present */}
-      <div className="flex items-end gap-2">
-        <div className="space-y-1">
-          <label className="text-xs font-medium text-muted-foreground">{t('reports.from')}</label>
-          <DatePicker
-            value={dateRange.from}
-            onChange={(v) => onDateRangeChange({ ...dateRange, from: v })}
-          />
-        </div>
-        <div className="space-y-1">
-          <label className="text-xs font-medium text-muted-foreground">{t('reports.to')}</label>
-          <DatePicker
-            value={dateRange.to}
-            onChange={(v) => onDateRangeChange({ ...dateRange, to: v })}
-          />
-        </div>
-      </div>
-
-      {/* Custom filters */}
-      {filters.map((filter) => (
-        <FilterControl
-          key={filter.key}
-          filter={filter}
-          value={filterValues[filter.key]}
-          onChange={(v) => onFilterChange(filter.key, v)}
-        />
-      ))}
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Individual filter control
-// ---------------------------------------------------------------------------
-
-function FilterControl({
-  filter,
-  value,
-  onChange,
-}: {
-  filter: ReportFilterDef
-  value: any
-  onChange: (value: any) => void
-}) {
-  const [options, setOptions] = useState<ReportFilterOption[]>(
-    Array.isArray(filter.options) ? filter.options : [],
-  )
-
-  useEffect(() => {
-    if (typeof filter.options === 'function') {
-      filter.options().then(setOptions)
-    }
-  }, [filter.options])
-
-  if (filter.type === 'select') {
-    return (
-      <div className="space-y-1">
-        <label className="text-xs font-medium text-muted-foreground">{filter.label}</label>
-        <Select value={value ?? ''} onValueChange={(v) => onChange(v === '__all__' ? '' : v)}>
-          <SelectTrigger className="w-[180px]">
-            <SelectValue placeholder={filter.placeholder ?? filter.label} />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem value="__all__">All</SelectItem>
-            {options.map((opt) => (
-              <SelectItem key={opt.value} value={opt.value}>
-                {opt.label}
-              </SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
-      </div>
-    )
-  }
-
-  if (filter.type === 'text') {
-    return (
-      <div className="space-y-1">
-        <label className="text-xs font-medium text-muted-foreground">{filter.label}</label>
-        <Input
-          value={value ?? ''}
-          onChange={(e) => onChange(e.target.value)}
-          placeholder={filter.placeholder ?? filter.label}
-          className="w-[180px]"
-        />
-      </div>
-    )
-  }
-
-  if (filter.type === 'number') {
-    return (
-      <div className="space-y-1">
-        <label className="text-xs font-medium text-muted-foreground">{filter.label}</label>
-        <Input
-          type="number"
-          value={value ?? ''}
-          onChange={(e) => onChange(e.target.value ? Number(e.target.value) : undefined)}
-          placeholder={filter.placeholder ?? filter.label}
-          className="w-[120px]"
-        />
-      </div>
-    )
-  }
-
-  return null
-}

package/src/components/ReportPagination.tsx

@@ -1,59 +0,0 @@
-import React from 'react'
-import { ChevronLeft, ChevronRight } from 'lucide-react'
-import { Button } from '@fayz-ai/ui'
-
-interface ReportPaginationProps {
-  page: number
-  pageSize: number
-  total: number
-  onPageChange: (page: number) => void
-  onPageSizeChange: (size: number) => void
-}
-
-export function ReportPagination({ page, pageSize, total, onPageChange, onPageSizeChange }: ReportPaginationProps) {
-  const totalPages = Math.max(1, Math.ceil(total / pageSize))
-  const from = (page - 1) * pageSize + 1
-  const to = Math.min(page * pageSize, total)
-
-  return (
-    <div className="flex items-center justify-between border-t px-4 py-3">
-      <div className="text-sm text-muted-foreground">
-        {total > 0 ? `${from}–${to} of ${total}` : 'No results'}
-      </div>
-
-      <div className="flex items-center gap-3">
-        <select
-          value={pageSize}
-          onChange={(e) => onPageSizeChange(Number(e.target.value))}
-          className="h-8 rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 text-sm"
-        >
-          {[25, 50, 100].map((size) => (
-            <option key={size} value={size}>{size} / page</option>
-          ))}
-        </select>
-
-        <div className="flex items-center gap-1">
-          <Button
-            variant="outline"
-            size="sm"
-            disabled={page <= 1}
-            onClick={() => onPageChange(page - 1)}
-          >
-            <ChevronLeft className="h-4 w-4" />
-          </Button>
-          <span className="text-sm px-2">
-            {page} / {totalPages}
-          </span>
-          <Button
-            variant="outline"
-            size="sm"
-            disabled={page >= totalPages}
-            onClick={() => onPageChange(page + 1)}
-          >
-            <ChevronRight className="h-4 w-4" />
-          </Button>
-        </div>
-      </div>
-    </div>
-  )
-}

package/src/components/ReportSummaryRow.tsx

@@ -1,68 +0,0 @@
-import React from 'react'
-import type { ReportColumnDef } from '../types'
-import { formatValuePlain } from '../lib/columns'
-
-interface ReportSummaryRowProps {
-  columns: ReportColumnDef[]
-  data: Record<string, any>[]
-  currency?: string
-}
-
-export function ReportSummaryRow({ columns, data, currency }: ReportSummaryRowProps) {
-  const visibleCols = columns.filter((c) => c.visible !== false)
-  const hasAggregates = visibleCols.some((c) => c.aggregate)
-  if (!hasAggregates || data.length === 0) return null
-
-  return (
-    <div className="rounded-lg border bg-muted/30 overflow-hidden">
-      <table className="w-full text-xs">
-        <tbody>
-          <tr className="font-semibold">
-            {visibleCols.map((col) => {
-              const value = computeAggregate(col, data)
-              const alignRight = col.align === 'right' || col.type === 'currency' || col.type === 'number'
-              return (
-                <td
-                  key={col.key}
-                  className={`px-3 py-1.5 ${alignRight ? 'text-right' : ''}`}
-                >
-                  {value != null
-                    ? formatValuePlain(value, col, currency)
-                    : col.aggregate
-                      ? '—'
-                      : ''}
-                </td>
-              )
-            })}
-          </tr>
-        </tbody>
-      </table>
-    </div>
-  )
-}
-
-function computeAggregate(col: ReportColumnDef, data: Record<string, any>[]): number | null {
-  if (!col.aggregate) return null
-
-  const values = data
-    .map((row) => row[col.key])
-    .filter((v) => v != null && !isNaN(Number(v)))
-    .map(Number)
-
-  if (values.length === 0) return null
-
-  switch (col.aggregate) {
-    case 'sum':
-      return values.reduce((a, b) => a + b, 0)
-    case 'avg':
-      return values.reduce((a, b) => a + b, 0) / values.length
-    case 'count':
-      return values.length
-    case 'min':
-      return Math.min(...values)
-    case 'max':
-      return Math.max(...values)
-    default:
-      return null
-  }
-}

package/src/data/index.ts

@@ -1,4 +0,0 @@
-export type { ReportDataProvider, ReportResult } from './types'
-export { createSupabaseReportProvider } from './supabase'
-export type { SupabaseReportProviderConfig } from './supabase'
-export { createMockReportProvider } from './mock'

package/src/data/mock.ts

@@ -1,9 +0,0 @@
-import type { ReportDataProvider } from './types'
-
-export function createMockReportProvider(): ReportDataProvider {
-  return {
-    async fetch() {
-      return { data: [], total: 0 }
-    },
-  }
-}