@questpie/admin 2.0.0 → 3.0.1

package/dist/client/components/widgets/chart-widget.d.mts

@@ -1,57 +0,0 @@
-import * as react_jsx_runtime37 from "react/jsx-runtime";
-
-//#region src/client/components/widgets/chart-widget.d.ts
-declare namespace chart_widget_d_exports {
-  export { ChartWidgetConfig, ChartWidgetProps, ChartWidget as default };
-}
-/**
- * Chart Widget
- *
- * Displays data visualization over time.
- * Uses WidgetCard for consistent styling.
- */
-/**
- * Chart widget config (local type for component props)
- */
-type ChartWidgetConfig = {
-  id: string;
-  collection: string;
-  /** Field to aggregate by (e.g., "createdAt" for time series, "status" for categories) */
-  field: string;
-  chartType?: "line" | "bar" | "area" | "pie";
-  timeRange?: "7d" | "30d" | "90d" | "1y";
-  label?: string;
-  realtime?: boolean;
-  /** Color for the chart (CSS color value) */
-  color?: string;
-  /** Show grid lines */
-  showGrid?: boolean;
-  /** Aggregation type */
-  aggregation?: "count" | "sum" | "average";
-  /** Value field for sum/average aggregation */
-  valueField?: string;
-  /** Server has a fetchFn for this widget */
-  hasFetchFn?: boolean;
-  /** Refresh interval in ms */
-  refreshInterval?: number;
-};
-/**
- * Chart widget props
- */
-type ChartWidgetProps = {
-  config: ChartWidgetConfig;
-};
-/**
- * Chart widget component
- *
- * Displays:
- * - Time series data visualization
- * - Multiple chart types (line, bar, area, pie)
- * - Configurable time ranges
- */
-declare function ChartWidget({
-  config
-}: ChartWidgetProps): react_jsx_runtime37.JSX.Element;
-//#endregion
-export { chart_widget_d_exports };
-//# sourceMappingURL=chart-widget.d.mts.map

package/dist/client/components/widgets/chart-widget.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-widget.d.mts","names":[],"sources":["../../../../src/client/components/widgets/chart-widget.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;AAuCY,KAAA,iBAAA,GAAiB;EA0BjB,EAAA,EAAA,MAAA;EA6CY,UAAA,EAAA,MAAW;EAAG;EAAU,KAAA,EAAA,MAAA;EAAgB,SAAA,CAAA,EAAA,MAAA,GAAA,KAAA,GAAA,MAAA,GAAA,KAAA;EAAA,SAAA,CAAA,EAAA,IAAA,GAAA,KAAA,GAAA,KAAA,GAAA,IAAA;;;;;;;;;;;;;;;;;;;KA7CpD,gBAAA;UACF;;;;;;;;;;iBA4Cc,WAAA;;GAAwB,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/widgets/chart-widget.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-widget.mjs","names":["React","key: string"],"sources":["../../../../src/client/components/widgets/chart-widget.tsx"],"sourcesContent":["/**\n * Chart Widget\n *\n * Displays data visualization over time.\n * Uses WidgetCard for consistent styling.\n */\n\nimport * as React from \"react\";\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Cell,\n  Line,\n  LineChart,\n  Pie,\n  PieChart,\n  ResponsiveContainer,\n  Tooltip,\n  type TooltipProps,\n  XAxis,\n  YAxis,\n} from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { useCollectionList } from \"../../hooks/use-collection\";\nimport { useServerWidgetData } from \"../../hooks/use-server-widget-data\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { formatCollectionName } from \"../../lib/utils\";\nimport { WidgetCard } from \"../../views/dashboard/widget-card\";\nimport { ChartWidgetSkeleton } from \"./widget-skeletons\";\n\n/**\n * Chart widget config (local type for component props)\n */\nexport type ChartWidgetConfig = {\n  id: string;\n  collection: string;\n  /** Field to aggregate by (e.g., \"createdAt\" for time series, \"status\" for categories) */\n  field: string;\n  chartType?: \"line\" | \"bar\" | \"area\" | \"pie\";\n  timeRange?: \"7d\" | \"30d\" | \"90d\" | \"1y\";\n  label?: string;\n  realtime?: boolean;\n  /** Color for the chart (CSS color value) */\n  color?: string;\n  /** Show grid lines */\n  showGrid?: boolean;\n  /** Aggregation type */\n  aggregation?: \"count\" | \"sum\" | \"average\";\n  /** Value field for sum/average aggregation */\n  valueField?: string;\n  /** Server has a fetchFn for this widget */\n  hasFetchFn?: boolean;\n  /** Refresh interval in ms */\n  refreshInterval?: number;\n};\n\n/**\n * Chart widget props\n */\nexport type ChartWidgetProps = {\n  config: ChartWidgetConfig;\n};\n\n// Theme-aware chart colors using CSS variables\n// Note: CSS vars contain full oklch() value, so use var() directly\nconst CHART_COLORS = [\n  \"var(--color-chart-1)\",\n  \"var(--color-chart-2)\",\n  \"var(--color-chart-3)\",\n  \"var(--color-chart-4)\",\n  \"var(--color-chart-5)\",\n];\n\n/**\n * Custom tooltip component matching shadcn style\n */\nfunction ChartTooltip({\n  active,\n  payload,\n  label,\n}: TooltipProps<ValueType, NameType>) {\n  if (!active || !payload?.length) return null;\n\n  return (\n    <div className=\"rounded-md border border-border bg-background px-3 py-2 text-xs shadow-md\">\n      <p className=\"font-medium text-foreground\">{label}</p>\n      {payload.map((entry) => (\n        <p key={String(entry.name)} className=\"text-muted-foreground\">\n          {entry.name}:{\" \"}\n          <span className=\"font-medium text-foreground\">{entry.value}</span>\n        </p>\n      ))}\n    </div>\n  );\n}\n\n/**\n * Chart widget component\n *\n * Displays:\n * - Time series data visualization\n * - Multiple chart types (line, bar, area, pie)\n * - Configurable time ranges\n */\nexport default function ChartWidget({ config }: ChartWidgetProps) {\n  const resolveText = useResolveText();\n  const {\n    collection,\n    field,\n    chartType = \"area\",\n    timeRange = \"30d\",\n    label,\n    color = \"var(--color-chart-1)\",\n    showGrid = true,\n    realtime,\n    hasFetchFn,\n    refreshInterval,\n  } = config;\n\n  // Server-side data fetching (when hasFetchFn is true)\n  type ChartDataPoint = { name: string; value: number };\n  const serverQuery = useServerWidgetData<ChartDataPoint[]>(config.id, {\n    enabled: !!hasFetchFn,\n    refreshInterval,\n  });\n\n  // Fetch collection data (limited to 1000 items for performance)\n  const collectionQuery = useCollectionList(\n    collection as any,\n    {\n      limit: 1000,\n    },\n    undefined,\n    { realtime },\n  );\n\n  const { isLoading, error, refetch } = hasFetchFn\n    ? serverQuery\n    : collectionQuery;\n\n  // API returns PaginatedResult with { docs, totalDocs, ... }\n  const collectionItems = hasFetchFn\n    ? []\n    : Array.isArray((collectionQuery.data as any)?.docs)\n      ? (collectionQuery.data as any).docs\n      : [];\n  const displayLabel = label\n    ? resolveText(label)\n    : `${formatCollectionName(collection)} by ${field}`;\n\n  // Process data for chart\n  const chartData = React.useMemo(() => {\n    // When using server data, it's already in the right format\n    if (hasFetchFn) {\n      return (serverQuery.data as ChartDataPoint[] | undefined) ?? [];\n    }\n\n    if (!collectionItems.length) return [];\n\n    // Group by field value\n    const grouped = collectionItems.reduce(\n      (acc: Record<string, number>, item: any) => {\n        const value = item[field];\n        if (value === undefined || value === null) return acc;\n\n        // For date fields, group by day/week/month based on timeRange\n        let key: string;\n        if (value instanceof Date || !isNaN(Date.parse(value))) {\n          const date = new Date(value);\n          key = formatDateForRange(date, timeRange);\n        } else {\n          key = String(value);\n        }\n\n        acc[key] = (acc[key] || 0) + 1;\n        return acc;\n      },\n      {} as Record<string, number>,\n    );\n\n    // Convert to array and sort\n    return Object.entries(grouped)\n      .map(([name, value]) => ({ name, value: value as number }))\n      .sort((a, b) => a.name.localeCompare(b.name));\n  }, [hasFetchFn, serverQuery.data, collectionItems, field, timeRange]);\n\n  // Empty state content\n  const emptyContent = (\n    <div className=\"flex h-48 items-center justify-center text-muted-foreground\">\n      <p className=\"text-sm\">No data available</p>\n    </div>\n  );\n\n  // Chart content\n  const chartContent =\n    chartData.length === 0 ? (\n      emptyContent\n    ) : (\n      <div className=\"h-48 w-full\">\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          {renderChart(chartType, chartData, color, showGrid)}\n        </ResponsiveContainer>\n      </div>\n    );\n\n  return (\n    <WidgetCard\n      title={displayLabel}\n      isLoading={isLoading}\n      loadingSkeleton={<ChartWidgetSkeleton />}\n      error={\n        error instanceof Error ? error : error ? new Error(String(error)) : null\n      }\n      onRefresh={() => refetch()}\n    >\n      {chartContent}\n    </WidgetCard>\n  );\n}\n\n/**\n * Render the appropriate chart type\n */\nfunction renderChart(\n  type: ChartWidgetConfig[\"chartType\"],\n  data: Array<{ name: string; value: number }>,\n  color: string,\n  showGrid: boolean,\n) {\n  const commonProps = {\n    data,\n    margin: { top: 5, right: 5, left: -20, bottom: 5 },\n  };\n\n  // Use CSS color variables (already contain full oklch values)\n  const axisStyle = {\n    fontSize: 10,\n    fill: \"var(--color-muted-foreground)\",\n  };\n\n  switch (type) {\n    case \"line\":\n      return (\n        <LineChart {...commonProps}>\n          {showGrid && (\n            <CartesianGrid\n              strokeDasharray=\"3 3\"\n              stroke=\"var(--color-border)\"\n              opacity={0.5}\n            />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            tick={axisStyle}\n            tickLine={false}\n            axisLine={false}\n          />\n          <YAxis tick={axisStyle} tickLine={false} axisLine={false} />\n          <Tooltip content={<ChartTooltip />} />\n          <Line\n            type=\"monotone\"\n            dataKey=\"value\"\n            stroke={color}\n            strokeWidth={2}\n            dot={false}\n          />\n        </LineChart>\n      );\n\n    case \"bar\":\n      return (\n        <BarChart {...commonProps}>\n          {showGrid && (\n            <CartesianGrid\n              strokeDasharray=\"3 3\"\n              stroke=\"var(--color-border)\"\n              opacity={0.5}\n            />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            tick={axisStyle}\n            tickLine={false}\n            axisLine={false}\n          />\n          <YAxis tick={axisStyle} tickLine={false} axisLine={false} />\n          <Tooltip\n            content={<ChartTooltip />}\n            cursor={{ fill: \"var(--color-muted)\", opacity: 0.3 }}\n          />\n          <Bar dataKey=\"value\" fill={color} radius={[2, 2, 0, 0]} />\n        </BarChart>\n      );\n\n    case \"pie\":\n      return (\n        <PieChart>\n          <Pie\n            data={data}\n            dataKey=\"value\"\n            nameKey=\"name\"\n            cx=\"50%\"\n            cy=\"50%\"\n            outerRadius={60}\n            label={({ name }) => name}\n            labelLine={false}\n            stroke=\"var(--color-background)\"\n            strokeWidth={2}\n          >\n            {data.map((entry) => (\n              <Cell\n                key={`cell-${entry.name}`}\n                fill={CHART_COLORS[data.indexOf(entry) % CHART_COLORS.length]}\n              />\n            ))}\n          </Pie>\n          <Tooltip content={<ChartTooltip />} />\n        </PieChart>\n      );\n\n    case \"area\":\n    default:\n      return (\n        <AreaChart {...commonProps}>\n          {showGrid && (\n            <CartesianGrid\n              strokeDasharray=\"3 3\"\n              stroke=\"var(--color-border)\"\n              opacity={0.5}\n            />\n          )}\n          <XAxis\n            dataKey=\"name\"\n            tick={axisStyle}\n            tickLine={false}\n            axisLine={false}\n          />\n          <YAxis tick={axisStyle} tickLine={false} axisLine={false} />\n          <Tooltip content={<ChartTooltip />} />\n          <Area\n            type=\"monotone\"\n            dataKey=\"value\"\n            stroke={color}\n            fill={color}\n            fillOpacity={0.15}\n          />\n        </AreaChart>\n      );\n  }\n}\n\n/**\n * Format date based on time range for grouping\n */\nfunction formatDateForRange(\n  date: Date,\n  timeRange: ChartWidgetConfig[\"timeRange\"],\n): string {\n  const months = [\n    \"Jan\",\n    \"Feb\",\n    \"Mar\",\n    \"Apr\",\n    \"May\",\n    \"Jun\",\n    \"Jul\",\n    \"Aug\",\n    \"Sep\",\n    \"Oct\",\n    \"Nov\",\n    \"Dec\",\n  ];\n\n  switch (timeRange) {\n    case \"7d\": {\n      // Group by day: \"Mon 15\"\n      const days = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n      return `${days[date.getDay()]} ${date.getDate()}`;\n    }\n\n    case \"30d\":\n      // Group by day: \"Jan 15\"\n      return `${months[date.getMonth()]} ${date.getDate()}`;\n\n    case \"90d\": {\n      // Group by week: \"W1 Jan\"\n      const weekNum = Math.ceil(date.getDate() / 7);\n      return `W${weekNum} ${months[date.getMonth()]}`;\n    }\n\n    case \"1y\":\n      // Group by month: \"Jan 2024\"\n      return `${months[date.getMonth()]} ${date.getFullYear()}`;\n\n    default:\n      return `${months[date.getMonth()]} ${date.getDate()}`;\n  }\n}\n"],"mappings":"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"}

package/dist/client/components/widgets/progress-widget.d.mts

@@ -1,41 +0,0 @@
-import { ProgressWidgetConfig } from "../../builder/types/widget-types.mjs";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
-
-//#region src/client/components/widgets/progress-widget.d.ts
-declare namespace progress_widget_d_exports {
-  export { ProgressWidgetProps, ProgressWidget as default };
-}
-/**
- * Progress widget props
- */
-interface ProgressWidgetProps {
-  config: ProgressWidgetConfig;
-}
-/**
- * Progress Widget Component
- *
- * Displays a progress bar with current/target values.
- *
- * @example
- * ```tsx
- * <ProgressWidget
- *   config={{
- *     type: "progress",
- *     id: "monthly-sales",
- *     title: "Monthly Sales Goal",
- *     fetchFn: async (client) => ({
- *       current: 75000,
- *       target: 100000,
- *       label: "$75,000 / $100,000"
- *     }),
- *     showPercentage: true,
- *   }}
- * />
- * ```
- */
-declare function ProgressWidget({
-  config
-}: ProgressWidgetProps): react_jsx_runtime38.JSX.Element;
-//#endregion
-export { progress_widget_d_exports };
-//# sourceMappingURL=progress-widget.d.mts.map

package/dist/client/components/widgets/progress-widget.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-widget.d.mts","names":[],"sources":["../../../../src/client/components/widgets/progress-widget.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAmBA;AA0BwB,UA1BP,mBAAA,CA0BqB;EAAG,MAAA,EAzBhC,oBAyBgC;;;;;;;;;;;;;;;;;;;;;;;;iBAAjB,cAAA;;GAA2B,sBAAmB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/widgets/progress-widget.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"progress-widget.mjs","names":[],"sources":["../../../../src/client/components/widgets/progress-widget.tsx"],"sourcesContent":["/**\n * Progress Widget\n *\n * Displays progress towards a goal.\n * Uses WidgetCard for consistent styling.\n */\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport type { ProgressWidgetConfig } from \"../../builder/types/widget-types\";\nimport { useServerWidgetData } from \"../../hooks/use-server-widget-data\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { selectClient, useAdminStore } from \"../../runtime\";\nimport { WidgetCard } from \"../../views/dashboard/widget-card\";\nimport { ProgressWidgetSkeleton } from \"./widget-skeletons\";\n\n/**\n * Progress widget props\n */\nexport interface ProgressWidgetProps {\n\tconfig: ProgressWidgetConfig;\n}\n\n/**\n * Progress Widget Component\n *\n * Displays a progress bar with current/target values.\n *\n * @example\n * ```tsx\n * <ProgressWidget\n *   config={{\n *     type: \"progress\",\n *     id: \"monthly-sales\",\n *     title: \"Monthly Sales Goal\",\n *     fetchFn: async (client) => ({\n *       current: 75000,\n *       target: 100000,\n *       label: \"$75,000 / $100,000\"\n *     }),\n *     showPercentage: true,\n *   }}\n * />\n * ```\n */\nexport default function ProgressWidget({ config }: ProgressWidgetProps) {\n\tconst client = useAdminStore(selectClient);\n\tconst resolveText = useResolveText();\n\tconst { color, showPercentage = true } = config;\n\n\ttype ProgressData = {\n\t\tcurrent: number;\n\t\ttarget: number;\n\t\tlabel?: string;\n\t\tsubtitle?: string;\n\t};\n\tconst useServerData = !!config.hasFetchFn;\n\tconst serverQuery = useServerWidgetData<ProgressData>(config.id, {\n\t\tenabled: useServerData,\n\t\trefreshInterval: config.refreshInterval,\n\t});\n\tconst clientQuery = useQuery<ProgressData>({\n\t\tqueryKey: [\"widget\", \"progress\", config.id],\n\t\tqueryFn: () => config.fetchFn!(client),\n\t\tenabled: !useServerData && !!config.fetchFn,\n\t\trefetchInterval: config.refreshInterval,\n\t});\n\tconst { data, isLoading, error, refetch } = useServerData\n\t\t? serverQuery\n\t\t: clientQuery;\n\n\tconst title = config.title ? resolveText(config.title) : undefined;\n\n\t// Calculate percentage\n\tconst percentage = data\n\t\t? Math.min((data.current / data.target) * 100, 100)\n\t\t: 0;\n\tconst percentageFormatted = percentage.toFixed(0);\n\n\t// Determine color based on progress\n\tconst getProgressColor = () => {\n\t\tif (color) return color;\n\t\tif (percentage >= 100) return \"bg-success\";\n\t\tif (percentage >= 75) return \"bg-primary\";\n\t\tif (percentage >= 50) return \"bg-warning\";\n\t\treturn \"bg-muted-foreground\";\n\t};\n\n\t// Progress content\n\tconst progressContent = data ? (\n\t\t<div className=\"space-y-3\">\n\t\t\t{/* Progress bar */}\n\t\t\t<div className=\"relative\">\n\t\t\t\t<div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"h-full rounded-full transition-all duration-500\",\n\t\t\t\t\t\t\tgetProgressColor(),\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tstyle={{ width: `${percentage}%` }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Labels */}\n\t\t\t<div className=\"flex items-center justify-between text-sm\">\n\t\t\t\t<span className=\"text-muted-foreground\">\n\t\t\t\t\t{data.label ||\n\t\t\t\t\t\t`${data.current.toLocaleString()} / ${data.target.toLocaleString()}`}\n\t\t\t\t</span>\n\t\t\t\t{showPercentage && (\n\t\t\t\t\t<span className=\"font-medium\">{percentageFormatted}%</span>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* Subtitle */}\n\t\t\t{data.subtitle && (\n\t\t\t\t<p className=\"text-xs text-muted-foreground\">{data.subtitle}</p>\n\t\t\t)}\n\t\t</div>\n\t) : null;\n\n\treturn (\n\t\t<WidgetCard\n\t\t\ttitle={title}\n\t\t\tisLoading={isLoading}\n\t\t\tloadingSkeleton={<ProgressWidgetSkeleton />}\n\t\t\terror={\n\t\t\t\terror instanceof Error ? error : error ? new Error(String(error)) : null\n\t\t\t}\n\t\t\tonRefresh={() => refetch()}\n\t\t>\n\t\t\t{progressContent}\n\t\t</WidgetCard>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAwB,eAAe,EAAE,UAA+B;CACvE,MAAM,SAAS,cAAc,aAAa;CAC1C,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,OAAO,iBAAiB,SAAS;CAQzC,MAAM,gBAAgB,CAAC,CAAC,OAAO;CAC/B,MAAM,cAAc,oBAAkC,OAAO,IAAI;EAChE,SAAS;EACT,iBAAiB,OAAO;EACxB,CAAC;CACF,MAAM,cAAc,SAAuB;EAC1C,UAAU;GAAC;GAAU;GAAY,OAAO;GAAG;EAC3C,eAAe,OAAO,QAAS,OAAO;EACtC,SAAS,CAAC,iBAAiB,CAAC,CAAC,OAAO;EACpC,iBAAiB,OAAO;EACxB,CAAC;CACF,MAAM,EAAE,MAAM,WAAW,OAAO,YAAY,gBACzC,cACA;CAEH,MAAM,QAAQ,OAAO,QAAQ,YAAY,OAAO,MAAM,GAAG;CAGzD,MAAM,aAAa,OAChB,KAAK,IAAK,KAAK,UAAU,KAAK,SAAU,KAAK,IAAI,GACjD;CACH,MAAM,sBAAsB,WAAW,QAAQ,EAAE;CAGjD,MAAM,yBAAyB;AAC9B,MAAI,MAAO,QAAO;AAClB,MAAI,cAAc,IAAK,QAAO;AAC9B,MAAI,cAAc,GAAI,QAAO;AAC7B,MAAI,cAAc,GAAI,QAAO;AAC7B,SAAO;;CAIR,MAAM,kBAAkB,OACvB,qBAAC;EAAI,WAAU;;GAEd,oBAAC;IAAI,WAAU;cACd,oBAAC;KAAI,WAAU;eACd,oBAAC;MACA,WAAW,GACV,mDACA,kBAAkB,CAClB;MACD,OAAO,EAAE,OAAO,GAAG,WAAW,IAAI;OACjC;MACG;KACD;GAGN,qBAAC;IAAI,WAAU;eACd,oBAAC;KAAK,WAAU;eACd,KAAK,SACL,GAAG,KAAK,QAAQ,gBAAgB,CAAC,KAAK,KAAK,OAAO,gBAAgB;MAC7D,EACN,kBACA,qBAAC;KAAK,WAAU;gBAAe,qBAAoB;MAAQ;KAEvD;GAGL,KAAK,YACL,oBAAC;IAAE,WAAU;cAAiC,KAAK;KAAa;;GAE5D,GACH;AAEJ,QACC,oBAAC;EACO;EACI;EACX,iBAAiB,oBAAC,2BAAyB;EAC3C,OACC,iBAAiB,QAAQ,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,CAAC,GAAG;EAErE,iBAAiB,SAAS;YAEzB;GACW"}

package/dist/client/components/widgets/quick-actions-widget.d.mts

@@ -1,29 +0,0 @@
-import { QuickActionsWidgetConfig } from "../../builder/types/widget-types.mjs";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
-
-//#region src/client/components/widgets/quick-actions-widget.d.ts
-declare namespace quick_actions_widget_d_exports {
-  export { QuickActionsWidgetProps, QuickActionsWidget as default };
-}
-/**
- * Quick actions widget props
- */
-interface QuickActionsWidgetProps {
-  config: QuickActionsWidgetConfig;
-  basePath?: string;
-  navigate?: (path: string) => void;
-}
-/**
- * Quick actions widget component
- *
- * Displays a list of action items with icons, matching the style
- * of other dashboard widgets like recent-items.
- */
-declare function QuickActionsWidget({
-  config,
-  basePath,
-  navigate
-}: QuickActionsWidgetProps): react_jsx_runtime35.JSX.Element;
-//#endregion
-export { quick_actions_widget_d_exports };
-//# sourceMappingURL=quick-actions-widget.d.mts.map

package/dist/client/components/widgets/quick-actions-widget.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"quick-actions-widget.d.mts","names":[],"sources":["../../../../src/client/components/widgets/quick-actions-widget.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAkBA;AAYwB,UAZP,uBAAA,CAYyB;EACxC,MAAA,EAZQ,wBAYR;EACA,QAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;;;;;;;iBAHsB,kBAAA;;;;GAIrB,0BAAuB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/widgets/quick-actions-widget.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"quick-actions-widget.mjs","names":[],"sources":["../../../../src/client/components/widgets/quick-actions-widget.tsx"],"sourcesContent":["/**\n * Quick Actions Widget\n *\n * Displays shortcuts to common actions with icons and proper styling.\n * Uses WidgetCard for consistent styling.\n */\n\nimport { Icon } from \"@iconify/react\";\nimport type * as React from \"react\";\nimport type { QuickActionsWidgetConfig } from \"../../builder/types/widget-types\";\nimport { resolveIconElement } from \"../../components/component-renderer\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { cn, formatCollectionName } from \"../../lib/utils\";\nimport { WidgetCard } from \"../../views/dashboard/widget-card\";\n\n/**\n * Quick actions widget props\n */\nexport interface QuickActionsWidgetProps {\n  config: QuickActionsWidgetConfig;\n  basePath?: string;\n  navigate?: (path: string) => void;\n}\n\n/**\n * Quick actions widget component\n *\n * Displays a list of action items with icons, matching the style\n * of other dashboard widgets like recent-items.\n */\nexport default function QuickActionsWidget({\n  config,\n  basePath = \"/admin\",\n  navigate,\n}: QuickActionsWidgetProps) {\n  const resolveText = useResolveText();\n  const { quickActions, layout = \"list\" } = config;\n  const title = config.title ? resolveText(config.title) : \"Quick Actions\";\n\n  // Parse actions - handle both string shortcuts and full config objects\n  const parsedActions = quickActions.map((action, index) => {\n    if (typeof action === \"string\") {\n      // Format: \"collection.action\" e.g., \"posts.create\"\n      const [collection, actionType] = action.split(\".\");\n      return {\n        id: `${action}-${index}`,\n        label: `${actionType === \"create\" ? \"New\" : actionType} ${formatCollectionName(collection)}`,\n        href: `${basePath}/collections/${collection}/${actionType === \"create\" ? \"create\" : \"\"}`,\n        icon: undefined,\n        variant: \"default\" as const,\n      };\n    }\n    return {\n      id: `action-${index}`,\n      label: resolveText(action.label),\n      href: action.href,\n      onClick: action.onClick,\n      icon: action.icon,\n      variant: action.variant || (\"default\" as const),\n    };\n  });\n\n  // Handle action click\n  const handleClick = (action: (typeof parsedActions)[0]) => {\n    if (action.onClick) {\n      action.onClick();\n    } else if (action.href && navigate) {\n      navigate(action.href);\n    }\n  };\n\n  // Variant styles for the action items\n  const variantStyles = {\n    default: \"hover:bg-muted/50 cursor-pointer\",\n    primary:\n      \"bg-primary/5 hover:bg-primary/10 border-primary/20 text-primary [&_svg]:text-primary cursor-pointer\",\n    secondary: \"hover:bg-secondary cursor-pointer\",\n    outline: \"border border-border hover:bg-muted/50 cursor-pointer\",\n  };\n\n  const iconVariantStyles = {\n    default: \"bg-muted text-muted-foreground\",\n    primary: \"bg-primary/10 text-primary\",\n    secondary: \"bg-secondary text-secondary-foreground\",\n    outline: \"bg-background text-muted-foreground\",\n  };\n\n  // Empty state\n  if (parsedActions.length === 0) {\n    return (\n      <WidgetCard title={title}>\n        <p className=\"text-sm text-muted-foreground\">No actions configured</p>\n      </WidgetCard>\n    );\n  }\n\n  // Grid layout\n  if (layout === \"grid\") {\n    return (\n      <WidgetCard title={title}>\n        <div className=\"grid grid-cols-2 gap-2\">\n          {parsedActions.map((action) => {\n            const iconElement = resolveIconElement(action.icon, {\n              className: \"h-4 w-4\",\n            });\n\n            return (\n              <button\n                key={action.id}\n                type=\"button\"\n                onClick={() => handleClick(action)}\n                className={cn(\n                  \"flex flex-col items-center justify-center gap-2 rounded-md p-3 text-center transition-colors\",\n                  variantStyles[action.variant],\n                )}\n              >\n                {iconElement && (\n                  <div\n                    className={cn(\n                      \"flex h-9 w-9 items-center justify-center rounded-md\",\n                      iconVariantStyles[action.variant],\n                    )}\n                  >\n                    {iconElement}\n                  </div>\n                )}\n                <span className=\"text-xs font-medium\">{action.label}</span>\n              </button>\n            );\n          })}\n        </div>\n      </WidgetCard>\n    );\n  }\n\n  // List layout (default) - matches recent-items style\n  return (\n    <WidgetCard title={title}>\n      <div className=\"space-y-1 -mx-1\">\n        {parsedActions.map((action) => {\n          const iconElement = resolveIconElement(action.icon, {\n            className: \"h-4 w-4\",\n          });\n\n          return (\n            <button\n              key={action.id}\n              type=\"button\"\n              onClick={() => handleClick(action)}\n              className={cn(\n                \"flex w-full items-center gap-3 rounded-md px-2 py-2 text-left transition-colors\",\n                variantStyles[action.variant],\n              )}\n            >\n              {iconElement && (\n                <div\n                  className={cn(\n                    \"flex h-8 w-8 shrink-0 items-center justify-center rounded-md\",\n                    iconVariantStyles[action.variant],\n                  )}\n                >\n                  {iconElement}\n                </div>\n              )}\n              <span className=\"flex-1 text-sm font-medium truncate\">\n                {action.label}\n              </span>\n              <Icon\n                icon=\"ph:arrow-right\"\n                className=\"h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity\"\n              />\n            </button>\n          );\n        })}\n      </div>\n    </WidgetCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BA,SAAwB,mBAAmB,EACzC,QACA,WAAW,UACX,YAC0B;CAC1B,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,cAAc,SAAS,WAAW;CAC1C,MAAM,QAAQ,OAAO,QAAQ,YAAY,OAAO,MAAM,GAAG;CAGzD,MAAM,gBAAgB,aAAa,KAAK,QAAQ,UAAU;AACxD,MAAI,OAAO,WAAW,UAAU;GAE9B,MAAM,CAAC,YAAY,cAAc,OAAO,MAAM,IAAI;AAClD,UAAO;IACL,IAAI,GAAG,OAAO,GAAG;IACjB,OAAO,GAAG,eAAe,WAAW,QAAQ,WAAW,GAAG,qBAAqB,WAAW;IAC1F,MAAM,GAAG,SAAS,eAAe,WAAW,GAAG,eAAe,WAAW,WAAW;IACpF,MAAM;IACN,SAAS;IACV;;AAEH,SAAO;GACL,IAAI,UAAU;GACd,OAAO,YAAY,OAAO,MAAM;GAChC,MAAM,OAAO;GACb,SAAS,OAAO;GAChB,MAAM,OAAO;GACb,SAAS,OAAO,WAAY;GAC7B;GACD;CAGF,MAAM,eAAe,WAAsC;AACzD,MAAI,OAAO,QACT,QAAO,SAAS;WACP,OAAO,QAAQ,SACxB,UAAS,OAAO,KAAK;;CAKzB,MAAM,gBAAgB;EACpB,SAAS;EACT,SACE;EACF,WAAW;EACX,SAAS;EACV;CAED,MAAM,oBAAoB;EACxB,SAAS;EACT,SAAS;EACT,WAAW;EACX,SAAS;EACV;AAGD,KAAI,cAAc,WAAW,EAC3B,QACE,oBAAC;EAAkB;YACjB,oBAAC;GAAE,WAAU;aAAgC;IAAyB;GAC3D;AAKjB,KAAI,WAAW,OACb,QACE,oBAAC;EAAkB;YACjB,oBAAC;GAAI,WAAU;aACZ,cAAc,KAAK,WAAW;IAC7B,MAAM,cAAc,mBAAmB,OAAO,MAAM,EAClD,WAAW,WACZ,CAAC;AAEF,WACE,qBAAC;KAEC,MAAK;KACL,eAAe,YAAY,OAAO;KAClC,WAAW,GACT,gGACA,cAAc,OAAO,SACtB;gBAEA,eACC,oBAAC;MACC,WAAW,GACT,uDACA,kBAAkB,OAAO,SAC1B;gBAEA;OACG,EAER,oBAAC;MAAK,WAAU;gBAAuB,OAAO;OAAa;OAlBtD,OAAO,GAmBL;KAEX;IACE;GACK;AAKjB,QACE,oBAAC;EAAkB;YACjB,oBAAC;GAAI,WAAU;aACZ,cAAc,KAAK,WAAW;IAC7B,MAAM,cAAc,mBAAmB,OAAO,MAAM,EAClD,WAAW,WACZ,CAAC;AAEF,WACE,qBAAC;KAEC,MAAK;KACL,eAAe,YAAY,OAAO;KAClC,WAAW,GACT,mFACA,cAAc,OAAO,SACtB;;MAEA,eACC,oBAAC;OACC,WAAW,GACT,gEACA,kBAAkB,OAAO,SAC1B;iBAEA;QACG;MAER,oBAAC;OAAK,WAAU;iBACb,OAAO;QACH;MACP,oBAAC;OACC,MAAK;OACL,WAAU;QACV;;OAxBG,OAAO,GAyBL;KAEX;IACE;GACK"}

package/dist/client/components/widgets/recent-items-widget.d.mts

@@ -1,51 +0,0 @@
-import * as react_jsx_runtime40 from "react/jsx-runtime";
-
-//#region src/client/components/widgets/recent-items-widget.d.ts
-declare namespace recent_items_widget_d_exports {
-  export { RecentItemsWidgetConfig, RecentItemsWidgetProps, RecentItemsWidget as default };
-}
-/**
- * Recent Items Widget
- *
- * Displays latest items from a collection.
- * Uses WidgetCard for consistent styling.
- */
-/**
- * Recent items widget config (local type for component props)
- */
-type RecentItemsWidgetConfig = {
-  collection: string;
-  limit?: number;
-  /** Field to use as title (default: "_title") */
-  titleField?: string;
-  /** Field to use for date (default: "createdAt") */
-  dateField?: string;
-  /** Fields to display as subtitle */
-  subtitleFields?: string[];
-  label?: string;
-  realtime?: boolean;
-  /** Base path for item links */
-  basePath?: string;
-  /** Click handler for items */
-  onItemClick?: (item: any) => void;
-};
-/**
- * Recent items widget props
- */
-type RecentItemsWidgetProps = {
-  config: RecentItemsWidgetConfig;
-};
-/**
- * Recent items widget component
- *
- * Displays:
- * - List of most recently created/updated items
- * - Configurable number of items
- * - Links to edit each item
- */
-declare function RecentItemsWidget({
-  config
-}: RecentItemsWidgetProps): react_jsx_runtime40.JSX.Element;
-//#endregion
-export { recent_items_widget_d_exports };
-//# sourceMappingURL=recent-items-widget.d.mts.map

package/dist/client/components/widgets/recent-items-widget.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"recent-items-widget.d.mts","names":[],"sources":["../../../../src/client/components/widgets/recent-items-widget.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;AAgBY,KAAA,uBAAA,GAAuB;EAoBvB,UAAA,EAAA,MAAA;EAYY,KAAA,CAAA,EAAA,MAAA;EAAoB;EAAU,UAAA,CAAA,EAAA,MAAA;EAAsB;EAAA,SAAA,CAAA,EAAA,MAAA;;;;;;;;;;;;;KAZhE,sBAAA;UACF;;;;;;;;;;iBAWc,iBAAA;;GAA8B,yBAAsB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/widgets/recent-items-widget.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"recent-items-widget.mjs","names":[],"sources":["../../../../src/client/components/widgets/recent-items-widget.tsx"],"sourcesContent":["/**\n * Recent Items Widget\n *\n * Displays latest items from a collection.\n * Uses WidgetCard for consistent styling.\n */\n\nimport { useCollectionList } from \"../../hooks/use-collection\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { formatCollectionName } from \"../../lib/utils\";\nimport { WidgetCard } from \"../../views/dashboard/widget-card\";\nimport { RecentItemsWidgetSkeleton } from \"./widget-skeletons\";\n\n/**\n * Recent items widget config (local type for component props)\n */\nexport type RecentItemsWidgetConfig = {\n  collection: string;\n  limit?: number;\n  /** Field to use as title (default: \"_title\") */\n  titleField?: string;\n  /** Field to use for date (default: \"createdAt\") */\n  dateField?: string;\n  /** Fields to display as subtitle */\n  subtitleFields?: string[];\n  label?: string;\n  realtime?: boolean;\n  /** Base path for item links */\n  basePath?: string;\n  /** Click handler for items */\n  onItemClick?: (item: any) => void;\n};\n\n/**\n * Recent items widget props\n */\nexport type RecentItemsWidgetProps = {\n  config: RecentItemsWidgetConfig;\n};\n\n/**\n * Recent items widget component\n *\n * Displays:\n * - List of most recently created/updated items\n * - Configurable number of items\n * - Links to edit each item\n */\nexport default function RecentItemsWidget({ config }: RecentItemsWidgetProps) {\n  const resolveText = useResolveText();\n  const {\n    collection,\n    limit = 5,\n    label,\n    titleField = \"_title\",\n    dateField = \"createdAt\",\n    subtitleFields,\n    onItemClick,\n    realtime,\n  } = config;\n\n  // Fetch recent items sorted by date\n  const { data, isLoading, error, refetch } = useCollectionList(\n    collection as any,\n    {\n      orderBy: { [dateField]: \"desc\" },\n      limit,\n    } as any,\n    undefined,\n    { realtime },\n  );\n\n  // API returns PaginatedResult with { docs, totalDocs, ... }\n  const items = Array.isArray(data?.docs) ? data.docs : [];\n  const displayLabel = label\n    ? resolveText(label)\n    : `Recent ${formatCollectionName(collection)}`;\n\n  // Determine title field - prefer _title computed field from backend\n  const getTitleValue = (item: any): string => {\n    if (titleField && item[titleField]) return String(item[titleField]);\n    if (item._title) return String(item._title);\n    if (item.name) return String(item.name);\n    if (item.title) return String(item.title);\n    if (item.label) return String(item.label);\n    return `Item #${item.id}`;\n  };\n\n  // Get subtitle from fields\n  const getSubtitle = (item: any): string | null => {\n    if (!subtitleFields?.length) return null;\n    return subtitleFields\n      .map((field) => item[field])\n      .filter(Boolean)\n      .join(\" - \");\n  };\n\n  // Handle item click\n  const handleItemClick = (item: any) => {\n    if (onItemClick) {\n      onItemClick(item);\n    }\n  };\n\n  // List content\n  const listContent =\n    items.length === 0 ? (\n      <p className=\"text-sm text-muted-foreground\">No items yet</p>\n    ) : (\n      <div className=\"space-y-1\">\n        {items.map((item: any) => {\n          const dateValue = item[dateField];\n          const subtitle = getSubtitle(item);\n\n          return (\n            <button\n              type=\"button\"\n              key={item.id}\n              onClick={() => handleItemClick(item)}\n              className=\"flex w-full items-center gap-3 rounded-md p-2 hover:bg-muted/50 cursor-pointer transition-colors text-left\"\n            >\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm font-medium truncate\">\n                  {getTitleValue(item)}\n                </p>\n                <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                  {dateValue && (\n                    <span>{formatRelativeTime(new Date(dateValue))}</span>\n                  )}\n                  {subtitle && (\n                    <>\n                      <span>-</span>\n                      <span className=\"truncate\">{subtitle}</span>\n                    </>\n                  )}\n                </div>\n              </div>\n            </button>\n          );\n        })}\n      </div>\n    );\n\n  return (\n    <WidgetCard\n      title={displayLabel}\n      isLoading={isLoading}\n      loadingSkeleton={<RecentItemsWidgetSkeleton count={limit} />}\n      error={\n        error instanceof Error ? error : error ? new Error(String(error)) : null\n      }\n      onRefresh={() => refetch()}\n    >\n      {listContent}\n    </WidgetCard>\n  );\n}\n\n/**\n * Format relative time\n */\nfunction formatRelativeTime(date: Date): string {\n  const now = new Date();\n  const diff = now.getTime() - date.getTime();\n  const seconds = Math.floor(diff / 1000);\n  const minutes = Math.floor(seconds / 60);\n  const hours = Math.floor(minutes / 60);\n  const days = Math.floor(hours / 24);\n\n  if (days > 0) return `${days}d ago`;\n  if (hours > 0) return `${hours}h ago`;\n  if (minutes > 0) return `${minutes}m ago`;\n  return \"just now\";\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAwB,kBAAkB,EAAE,UAAkC;CAC5E,MAAM,cAAc,gBAAgB;CACpC,MAAM,EACJ,YACA,QAAQ,GACR,OACA,aAAa,UACb,YAAY,aACZ,gBACA,aACA,aACE;CAGJ,MAAM,EAAE,MAAM,WAAW,OAAO,YAAY,kBAC1C,YACA;EACE,SAAS,GAAG,YAAY,QAAQ;EAChC;EACD,EACD,QACA,EAAE,UAAU,CACb;CAGD,MAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,GAAG,KAAK,OAAO,EAAE;CACxD,MAAM,eAAe,QACjB,YAAY,MAAM,GAClB,UAAU,qBAAqB,WAAW;CAG9C,MAAM,iBAAiB,SAAsB;AAC3C,MAAI,cAAc,KAAK,YAAa,QAAO,OAAO,KAAK,YAAY;AACnE,MAAI,KAAK,OAAQ,QAAO,OAAO,KAAK,OAAO;AAC3C,MAAI,KAAK,KAAM,QAAO,OAAO,KAAK,KAAK;AACvC,MAAI,KAAK,MAAO,QAAO,OAAO,KAAK,MAAM;AACzC,MAAI,KAAK,MAAO,QAAO,OAAO,KAAK,MAAM;AACzC,SAAO,SAAS,KAAK;;CAIvB,MAAM,eAAe,SAA6B;AAChD,MAAI,CAAC,gBAAgB,OAAQ,QAAO;AACpC,SAAO,eACJ,KAAK,UAAU,KAAK,OAAO,CAC3B,OAAO,QAAQ,CACf,KAAK,MAAM;;CAIhB,MAAM,mBAAmB,SAAc;AACrC,MAAI,YACF,aAAY,KAAK;;CAKrB,MAAM,cACJ,MAAM,WAAW,IACf,oBAAC;EAAE,WAAU;YAAgC;GAAgB,GAE7D,oBAAC;EAAI,WAAU;YACZ,MAAM,KAAK,SAAc;GACxB,MAAM,YAAY,KAAK;GACvB,MAAM,WAAW,YAAY,KAAK;AAElC,UACE,oBAAC;IACC,MAAK;IAEL,eAAe,gBAAgB,KAAK;IACpC,WAAU;cAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAE,WAAU;gBACV,cAAc,KAAK;OAClB,EACJ,qBAAC;MAAI,WAAU;iBACZ,aACC,oBAAC,oBAAM,mBAAmB,IAAI,KAAK,UAAU,CAAC,GAAQ,EAEvD,YACC,4CACE,oBAAC,oBAAK,MAAQ,EACd,oBAAC;OAAK,WAAU;iBAAY;QAAgB,IAC3C;OAED;MACF;MAnBD,KAAK,GAoBH;IAEX;GACE;AAGV,QACE,oBAAC;EACC,OAAO;EACI;EACX,iBAAiB,oBAAC,6BAA0B,OAAO,QAAS;EAC5D,OACE,iBAAiB,QAAQ,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,CAAC,GAAG;EAEtE,iBAAiB,SAAS;YAEzB;GACU;;;;;AAOjB,SAAS,mBAAmB,MAAoB;CAE9C,MAAM,wBADM,IAAI,MAAM,EACL,SAAS,GAAG,KAAK,SAAS;CAC3C,MAAM,UAAU,KAAK,MAAM,OAAO,IAAK;CACvC,MAAM,UAAU,KAAK,MAAM,UAAU,GAAG;CACxC,MAAM,QAAQ,KAAK,MAAM,UAAU,GAAG;CACtC,MAAM,OAAO,KAAK,MAAM,QAAQ,GAAG;AAEnC,KAAI,OAAO,EAAG,QAAO,GAAG,KAAK;AAC7B,KAAI,QAAQ,EAAG,QAAO,GAAG,MAAM;AAC/B,KAAI,UAAU,EAAG,QAAO,GAAG,QAAQ;AACnC,QAAO"}

package/dist/client/components/widgets/stats-widget.d.mts

@@ -1,55 +0,0 @@
-import { ComponentReference } from "../../../server/augmentation.mjs";
-import "../../../server/index.mjs";
-import { DateFilterConfig } from "../../builder/types/widget-types.mjs";
-import * as React$1 from "react";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
-
-//#region src/client/components/widgets/stats-widget.d.ts
-declare namespace stats_widget_d_exports {
-  export { StatsWidgetConfig, StatsWidgetProps, StatsWidget as default };
-}
-/**
- * Stats widget config (local type for component props)
- */
-type StatsWidgetConfig = {
-  id: string;
-  collection: string;
-  label?: string;
-  realtime?: boolean;
-  /** Static filter (evaluated at build time) */
-  filter?: Record<string, any>;
-  /** Dynamic filter function (evaluated at render time) */
-  filterFn?: () => Record<string, any>;
-  /** Date filter preset (evaluated at render time) */
-  dateFilter?: DateFilterConfig;
-  /** Icon component or server-defined reference */
-  icon?: React$1.ComponentType<{
-    className?: string;
-  }> | ComponentReference | string;
-  /** Color variant for the stat card */
-  variant?: "default" | "primary" | "success" | "warning" | "danger";
-  /** Server has a fetchFn for this widget */
-  hasFetchFn?: boolean;
-  /** Refresh interval in ms */
-  refreshInterval?: number;
-};
-/**
- * Stats widget props
- */
-type StatsWidgetProps = {
-  config: StatsWidgetConfig;
-};
-/**
- * Stats widget component
- *
- * Shows:
- * - Total count for a collection
- * - Optional icon
- * - Color variant for visual distinction
- */
-declare function StatsWidget({
-  config
-}: StatsWidgetProps): react_jsx_runtime36.JSX.Element;
-//#endregion
-export { stats_widget_d_exports };
-//# sourceMappingURL=stats-widget.d.mts.map

package/dist/client/components/widgets/stats-widget.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stats-widget.d.mts","names":[],"sources":["../../../../src/client/components/widgets/stats-widget.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;KAwBY,iBAAA;EAAA,EAAA,EAAA,MAAA;EAMF,UAAA,EAAA,MAAA;EAEQ,KAAA,CAAA,EAAA,MAAA;EAEJ,QAAA,CAAA,EAAA,OAAA;EAGV;EACA,MAAA,CAAA,EARM,MAQN,CAAA,MAAA,EAAA,GAAA,CAAA;EAAkB;EAaV,QAAA,CAAA,EAAA,GAAA,GAnBM,MAmBU,CAAA,MAAA,EACnB,GAAA,CAAA;EAoHe;EAAc,UAAA,CAAA,EAtIxB,gBAsIwB;EAAU;EAAgB,IAAA,CAAA,EAnI5D,OAAA,CAAM,aAmIsD,CAAA;IAAA,SAAA,CAAA,EAAA,MAAA;OAlI5D;;;;;;;;;;;KAaQ,gBAAA;UACH;;;;;;;;;;iBAoHe,WAAA;;GAAwB,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/widgets/stats-widget.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"stats-widget.mjs","names":["result: Record<string, any>"],"sources":["../../../../src/client/components/widgets/stats-widget.tsx"],"sourcesContent":["/**\n * Stats Widget\n *\n * Displays count and change percentage for a collection.\n * Uses WidgetCard for consistent styling.\n */\n\nimport type * as React from \"react\";\nimport { useMemo } from \"react\";\nimport type { ComponentReference } from \"#questpie/admin/server\";\nimport type {\n\tDateFilterConfig,\n\tDateFilterPreset,\n} from \"../../builder/types/widget-types\";\nimport { useCollectionCount } from \"../../hooks/use-collection\";\nimport { useServerWidgetData } from \"../../hooks/use-server-widget-data\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { cn, formatCollectionName } from \"../../lib/utils\";\nimport { WidgetCard } from \"../../views/dashboard/widget-card\";\nimport { StatsWidgetSkeleton } from \"./widget-skeletons\";\n\n/**\n * Stats widget config (local type for component props)\n */\nexport type StatsWidgetConfig = {\n\tid: string;\n\tcollection: string;\n\tlabel?: string;\n\trealtime?: boolean;\n\t/** Static filter (evaluated at build time) */\n\tfilter?: Record<string, any>;\n\t/** Dynamic filter function (evaluated at render time) */\n\tfilterFn?: () => Record<string, any>;\n\t/** Date filter preset (evaluated at render time) */\n\tdateFilter?: DateFilterConfig;\n\t/** Icon component or server-defined reference */\n\ticon?:\n\t\t| React.ComponentType<{ className?: string }>\n\t\t| ComponentReference\n\t\t| string;\n\t/** Color variant for the stat card */\n\tvariant?: \"default\" | \"primary\" | \"success\" | \"warning\" | \"danger\";\n\t/** Server has a fetchFn for this widget */\n\thasFetchFn?: boolean;\n\t/** Refresh interval in ms */\n\trefreshInterval?: number;\n};\n\n/**\n * Stats widget props\n */\nexport type StatsWidgetProps = {\n\tconfig: StatsWidgetConfig;\n};\n\n/**\n * Get date range for a preset\n */\nfunction getDateRange(preset: DateFilterPreset): { gte: Date; lte: Date } {\n\tconst now = new Date();\n\tconst today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n\n\tswitch (preset) {\n\t\tcase \"today\":\n\t\t\treturn {\n\t\t\t\tgte: today,\n\t\t\t\tlte: new Date(today.getTime() + 24 * 60 * 60 * 1000 - 1),\n\t\t\t};\n\t\tcase \"yesterday\": {\n\t\t\tconst yesterday = new Date(today.getTime() - 24 * 60 * 60 * 1000);\n\t\t\treturn {\n\t\t\t\tgte: yesterday,\n\t\t\t\tlte: new Date(today.getTime() - 1),\n\t\t\t};\n\t\t}\n\t\tcase \"thisWeek\": {\n\t\t\tconst dayOfWeek = today.getDay();\n\t\t\tconst monday = new Date(\n\t\t\t\ttoday.getTime() -\n\t\t\t\t\t(dayOfWeek === 0 ? 6 : dayOfWeek - 1) * 24 * 60 * 60 * 1000,\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tgte: monday,\n\t\t\t\tlte: now,\n\t\t\t};\n\t\t}\n\t\tcase \"lastWeek\": {\n\t\t\tconst dayOfWeek = today.getDay();\n\t\t\tconst thisMonday = new Date(\n\t\t\t\ttoday.getTime() -\n\t\t\t\t\t(dayOfWeek === 0 ? 6 : dayOfWeek - 1) * 24 * 60 * 60 * 1000,\n\t\t\t);\n\t\t\tconst lastMonday = new Date(\n\t\t\t\tthisMonday.getTime() - 7 * 24 * 60 * 60 * 1000,\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tgte: lastMonday,\n\t\t\t\tlte: new Date(thisMonday.getTime() - 1),\n\t\t\t};\n\t\t}\n\t\tcase \"thisMonth\":\n\t\t\treturn {\n\t\t\t\tgte: new Date(now.getFullYear(), now.getMonth(), 1),\n\t\t\t\tlte: now,\n\t\t\t};\n\t\tcase \"lastMonth\": {\n\t\t\tconst firstOfThisMonth = new Date(now.getFullYear(), now.getMonth(), 1);\n\t\t\treturn {\n\t\t\t\tgte: new Date(now.getFullYear(), now.getMonth() - 1, 1),\n\t\t\t\tlte: new Date(firstOfThisMonth.getTime() - 1),\n\t\t\t};\n\t\t}\n\t\tcase \"last7days\":\n\t\t\treturn {\n\t\t\t\tgte: new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000),\n\t\t\t\tlte: now,\n\t\t\t};\n\t\tcase \"last30days\":\n\t\t\treturn {\n\t\t\t\tgte: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1000),\n\t\t\t\tlte: now,\n\t\t\t};\n\t\tcase \"last90days\":\n\t\t\treturn {\n\t\t\t\tgte: new Date(now.getTime() - 90 * 24 * 60 * 60 * 1000),\n\t\t\t\tlte: now,\n\t\t\t};\n\t\tcase \"thisYear\":\n\t\t\treturn {\n\t\t\t\tgte: new Date(now.getFullYear(), 0, 1),\n\t\t\t\tlte: now,\n\t\t\t};\n\t\tcase \"lastYear\":\n\t\t\treturn {\n\t\t\t\tgte: new Date(now.getFullYear() - 1, 0, 1),\n\t\t\t\tlte: new Date(now.getFullYear() - 1, 11, 31, 23, 59, 59),\n\t\t\t};\n\t\tdefault:\n\t\t\treturn { gte: today, lte: now };\n\t}\n}\n\n// Variant styles for the card border/background\nconst variantStyles = {\n\tdefault: \"\",\n\tprimary: \"border-primary/30 bg-primary/5\",\n\tsuccess: \"border-success/30 bg-success/5\",\n\twarning: \"border-warning/30 bg-warning/5\",\n\tdanger: \"border-destructive/30 bg-destructive/5\",\n};\n\n// Variant styles for the value text\nconst variantValueStyles = {\n\tdefault: \"\",\n\tprimary: \"text-primary\",\n\tsuccess: \"text-success\",\n\twarning: \"text-warning\",\n\tdanger: \"text-destructive\",\n};\n\n/**\n * Stats widget component\n *\n * Shows:\n * - Total count for a collection\n * - Optional icon\n * - Color variant for visual distinction\n */\nexport default function StatsWidget({ config }: StatsWidgetProps) {\n\tconst resolveText = useResolveText();\n\tconst {\n\t\tcollection,\n\t\tlabel,\n\t\tfilter,\n\t\tfilterFn,\n\t\tdateFilter,\n\t\ticon: Icon,\n\t\tvariant = \"default\",\n\t\trealtime,\n\t\thasFetchFn,\n\t\trefreshInterval,\n\t} = config;\n\n\t// Server-side data fetching (when hasFetchFn is true)\n\tconst serverQuery = useServerWidgetData<{ count: number }>(config.id, {\n\t\tenabled: !!hasFetchFn,\n\t\trefreshInterval,\n\t});\n\n\t// Build the final filter - evaluated at render time\n\tconst computedFilter = useMemo(() => {\n\t\tlet result: Record<string, any> = {};\n\n\t\t// 1. Static filter\n\t\tif (filter) {\n\t\t\tresult = { ...result, ...filter };\n\t\t}\n\n\t\t// 2. Dynamic filter function\n\t\tif (filterFn) {\n\t\t\tresult = { ...result, ...filterFn() };\n\t\t}\n\n\t\t// 3. Date filter preset\n\t\tif (dateFilter) {\n\t\t\tconst { gte, lte } = getDateRange(dateFilter.range);\n\t\t\tresult[dateFilter.field] = {\n\t\t\t\tgte: gte.toISOString(),\n\t\t\t\tlte: lte.toISOString(),\n\t\t\t};\n\t\t}\n\n\t\treturn Object.keys(result).length > 0 ? result : undefined;\n\t}, [filter, filterFn, dateFilter]);\n\n\t// Fetch count using dedicated count endpoint (more efficient than fetching all docs)\n\tconst collectionQuery = useCollectionCount(\n\t\tcollection as any,\n\t\tcomputedFilter ? { where: computedFilter } : undefined,\n\t\tundefined,\n\t\t{ realtime },\n\t);\n\n\t// Use server data or client data\n\tconst {\n\t\tdata: rawData,\n\t\tisLoading,\n\t\terror,\n\t\trefetch,\n\t} = hasFetchFn ? serverQuery : collectionQuery;\n\n\tconst count = hasFetchFn\n\t\t? ((rawData as { count: number } | undefined)?.count ?? 0)\n\t\t: ((rawData as number | undefined) ?? 0);\n\n\tconst displayLabel = label\n\t\t? resolveText(label)\n\t\t: formatCollectionName(collection);\n\n\treturn (\n\t\t<WidgetCard\n\t\t\ttitle={displayLabel}\n\t\t\ticon={Icon}\n\t\t\tisLoading={isLoading}\n\t\t\tloadingSkeleton={<StatsWidgetSkeleton />}\n\t\t\terror={\n\t\t\t\terror instanceof Error ? error : error ? new Error(String(error)) : null\n\t\t\t}\n\t\t\tonRefresh={() => refetch()}\n\t\t\tclassName={variantStyles[variant]}\n\t\t>\n\t\t\t<div className={cn(\"text-2xl font-bold\", variantValueStyles[variant])}>\n\t\t\t\t{count.toLocaleString()}\n\t\t\t</div>\n\t\t</WidgetCard>\n\t);\n}\n"],"mappings":"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"}

package/dist/client/components/widgets/table-widget.d.mts

@@ -1,31 +0,0 @@
-import { TableWidgetConfig } from "../../builder/types/widget-types.mjs";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
-
-//#region src/client/components/widgets/table-widget.d.ts
-declare namespace table_widget_d_exports {
-  export { TableWidgetProps, TableWidget as default };
-}
-/**
- * Table widget props
- */
-interface TableWidgetProps {
-  config: TableWidgetConfig;
-  /** Base path for navigation */
-  basePath?: string;
-  /** Navigate function for row clicks */
-  navigate?: (path: string) => void;
-}
-/**
- * Table Widget Component
- *
- * Displays a mini table of collection items.
- * Uses field definitions from admin config for labels and cell rendering.
- */
-declare function TableWidget({
-  config,
-  basePath,
-  navigate
-}: TableWidgetProps): react_jsx_runtime32.JSX.Element;
-//#endregion
-export { table_widget_d_exports };
-//# sourceMappingURL=table-widget.d.mts.map

package/dist/client/components/widgets/table-widget.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-widget.d.mts","names":[],"sources":["../../../../src/client/components/widgets/table-widget.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AA6GG,UAhFc,gBAAA,CAgFd;EAAgB,MAAA,EA/ET,iBA+ES;EAAA;;;;;;;;;;;iBAJK,WAAA;;;;GAIrB,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/widgets/table-widget.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-widget.mjs","names":["queryOptions: any"],"sources":["../../../../src/client/components/widgets/table-widget.tsx"],"sourcesContent":["/**\n * Table Widget\n *\n * Displays a mini table with collection data.\n * Automatically uses field definitions from collection config for:\n * - Column labels (from field.label)\n * - Cell rendering (from field.cell)\n *\n * Columns can be simple field keys or objects with overrides.\n */\n\nimport type * as React from \"react\";\nimport type { FieldDefinition } from \"../../builder/field/field\";\nimport type {\n  TableWidgetColumn,\n  TableWidgetColumnConfig,\n  TableWidgetConfig,\n} from \"../../builder/types/widget-types\";\nimport { useCollectionList } from \"../../hooks/use-collection\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport type { I18nText } from \"../../i18n/types\";\nimport { cn, formatLabel } from \"../../lib/utils\";\nimport { DefaultCell } from \"../../views/collection/cells/primitive-cells\";\nimport { WidgetCard } from \"../../views/dashboard/widget-card\";\nimport { TableWidgetSkeleton } from \"./widget-skeletons\";\n\n/**\n * Table widget props\n */\nexport interface TableWidgetProps {\n  config: TableWidgetConfig;\n  /** Base path for navigation */\n  basePath?: string;\n  /** Navigate function for row clicks */\n  navigate?: (path: string) => void;\n}\n\n/**\n * Field types that need fieldDef passed to their cell component\n */\nconst FIELD_TYPES_NEEDING_FIELD_DEF = new Set([\n  \"object\",\n  \"array\",\n  \"relation\",\n  \"reverseRelation\",\n]);\n\n/**\n * Normalize column config - converts string to object format\n */\nfunction normalizeColumn(column: TableWidgetColumn): TableWidgetColumnConfig {\n  if (typeof column === \"string\") {\n    return { key: column };\n  }\n  return column;\n}\n\n/**\n * Get column label from field definition or column config\n */\nfunction getColumnLabel(\n  column: TableWidgetColumnConfig,\n  fieldDef: FieldDefinition | undefined,\n): I18nText | string {\n  // Use override if provided\n  if (column.label) {\n    return column.label;\n  }\n  // Use field label if available\n  const fieldOptions = fieldDef?.[\"~options\"] as\n    | { label?: I18nText }\n    | undefined;\n  if (fieldOptions?.label) {\n    return fieldOptions.label;\n  }\n  // Fallback to formatted key\n  return formatLabel(column.key);\n}\n\n/**\n * Resolve cell component from field definition\n */\nfunction resolveCellComponent(\n  fieldDef: FieldDefinition | undefined,\n): React.ComponentType<{\n  value: unknown;\n  row?: unknown;\n  fieldDef?: FieldDefinition;\n}> {\n  if (fieldDef?.cell?.component) {\n    return fieldDef.cell.component as React.ComponentType<{\n      value: unknown;\n      row?: unknown;\n      fieldDef?: FieldDefinition;\n    }>;\n  }\n  return DefaultCell;\n}\n\n/**\n * Table Widget Component\n *\n * Displays a mini table of collection items.\n * Uses field definitions from admin config for labels and cell rendering.\n */\nexport default function TableWidget({\n  config,\n  basePath = \"/admin\",\n  navigate,\n}: TableWidgetProps) {\n  const resolveText = useResolveText();\n\n  const {\n    collection,\n    columns: rawColumns,\n    limit = 5,\n    sortBy,\n    sortOrder = \"desc\",\n    filter,\n    linkToDetail,\n    emptyMessage,\n    realtime,\n  } = config;\n\n  // Normalize columns (convert strings to objects)\n  const columns = rawColumns.map(normalizeColumn);\n\n  // Field definitions are not available from server config (schema-driven)\n  const fields = undefined as Record<string, FieldDefinition> | undefined;\n\n  // Build query options\n  const queryOptions: any = { limit };\n  if (sortBy) {\n    queryOptions.orderBy = { [sortBy]: sortOrder };\n  }\n  if (filter) {\n    queryOptions.where = filter;\n  }\n\n  // Fetch collection data\n  const { data, isLoading, error, refetch } = useCollectionList(\n    collection as any,\n    queryOptions,\n    undefined,\n    { realtime },\n  );\n\n  const items = Array.isArray(data?.docs) ? data.docs : [];\n  const title = config.title ? resolveText(config.title) : undefined;\n\n  // Handle row click\n  const handleRowClick = (item: any) => {\n    if (linkToDetail && navigate) {\n      navigate(`${basePath}/collections/${collection}/${item.id}`);\n    }\n  };\n\n  // Render cell value\n  const renderCell = (\n    item: any,\n    column: TableWidgetColumnConfig,\n  ): React.ReactNode => {\n    const value = item[column.key];\n\n    // Use custom renderer if provided in column config\n    if (column.render) {\n      return column.render(value, item);\n    }\n\n    // Get field definition and resolve cell component\n    const fieldDef = fields?.[column.key];\n    const CellComponent = resolveCellComponent(fieldDef);\n    const fieldType = fieldDef?.name ?? \"text\";\n    const needsFieldDef = FIELD_TYPES_NEEDING_FIELD_DEF.has(fieldType);\n\n    return needsFieldDef ? (\n      <CellComponent value={value} row={item} fieldDef={fieldDef} />\n    ) : (\n      <CellComponent value={value} row={item} />\n    );\n  };\n\n  // Empty state\n  const emptyContent = (\n    <div className=\"flex h-24 items-center justify-center text-muted-foreground\">\n      <p className=\"text-sm\">\n        {emptyMessage ? resolveText(emptyMessage) : \"No data available\"}\n      </p>\n    </div>\n  );\n\n  // Table content\n  const tableContent =\n    items.length === 0 ? (\n      emptyContent\n    ) : (\n      <div className=\"-mx-5 -mb-1\">\n        {/* Header */}\n        <div className=\"flex items-center gap-2 px-5 py-2 border-b border-border/30 text-[10px] font-medium uppercase tracking-wider text-muted-foreground bg-muted/20 backdrop-blur-sm\">\n          {columns.map((column) => {\n            const fieldDef = fields?.[column.key];\n            const label = getColumnLabel(column, fieldDef);\n\n            return (\n              <div\n                key={column.key}\n                className={cn(\n                  \"flex-1 min-w-0\",\n                  column.align === \"center\" && \"text-center\",\n                  column.align === \"right\" && \"text-right\",\n                )}\n                style={\n                  column.width\n                    ? { width: column.width, flex: \"none\" }\n                    : undefined\n                }\n              >\n                {resolveText(label)}\n              </div>\n            );\n          })}\n        </div>\n        {/* Rows */}\n        {items.map((item: any) =>\n          linkToDetail ? (\n            <button\n              key={item.id}\n              type=\"button\"\n              className=\"flex w-full items-center gap-2 px-5 py-2.5 border-b border-border/20 last:border-0 transition-all cursor-pointer hover:bg-muted/30 hover:backdrop-blur-sm text-left\"\n              onClick={() => handleRowClick(item)}\n            >\n              {columns.map((column) => (\n                <div\n                  key={column.key}\n                  className={cn(\n                    \"flex-1 min-w-0 text-sm truncate\",\n                    column.align === \"center\" && \"text-center\",\n                    column.align === \"right\" && \"text-right\",\n                  )}\n                  style={\n                    column.width\n                      ? { width: column.width, flex: \"none\" }\n                      : undefined\n                  }\n                >\n                  {renderCell(item, column)}\n                </div>\n              ))}\n            </button>\n          ) : (\n            <div\n              key={item.id}\n              className=\"flex items-center gap-2 px-5 py-2.5 border-b border-border/20 last:border-0\"\n            >\n              {columns.map((column) => (\n                <div\n                  key={column.key}\n                  className={cn(\n                    \"flex-1 min-w-0 text-sm truncate\",\n                    column.align === \"center\" && \"text-center\",\n                    column.align === \"right\" && \"text-right\",\n                  )}\n                  style={\n                    column.width\n                      ? { width: column.width, flex: \"none\" }\n                      : undefined\n                  }\n                >\n                  {renderCell(item, column)}\n                </div>\n              ))}\n            </div>\n          ),\n        )}\n      </div>\n    );\n\n  return (\n    <WidgetCard\n      title={title}\n      isLoading={isLoading}\n      loadingSkeleton={\n        <TableWidgetSkeleton rows={limit} columns={columns.length} />\n      }\n      error={\n        error instanceof Error ? error : error ? new Error(String(error)) : null\n      }\n      onRefresh={() => refetch()}\n    >\n      {tableContent}\n    </WidgetCard>\n  );\n}\n"],"mappings":"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"}

package/dist/client/components/widgets/timeline-widget.d.mts

@@ -1,51 +0,0 @@
-import { TimelineWidgetConfig } from "../../builder/types/widget-types.mjs";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
-
-//#region src/client/components/widgets/timeline-widget.d.ts
-declare namespace timeline_widget_d_exports {
-  export { TimelineWidgetProps, TimelineWidget as default };
-}
-/**
- * Timeline widget props
- */
-interface TimelineWidgetProps {
-  config: TimelineWidgetConfig;
-  /** Navigate function for item clicks */
-  navigate?: (path: string) => void;
-}
-/**
- * Timeline Widget Component
- *
- * Displays a vertical timeline of events/activities.
- *
- * @example
- * ```tsx
- * <TimelineWidget
- *   config={{
- *     type: "timeline",
- *     id: "recent-activity",
- *     title: "Recent Activity",
- *     fetchFn: async (client) => {
- *       const activities = await client.collections.activities.findMany({
- *         limit: 10,
- *         orderBy: { createdAt: "desc" }
- *       });
- *       return activities.map(a => ({
- *         id: a.id,
- *         title: a.action,
- *         description: a.description,
- *         timestamp: a.createdAt,
- *         variant: a.type === "error" ? "error" : "default"
- *       }));
- *     }
- *   }}
- * />
- * ```
- */
-declare function TimelineWidget({
-  config,
-  navigate
-}: TimelineWidgetProps): react_jsx_runtime39.JSX.Element;
-//#endregion
-export { timeline_widget_d_exports };
-//# sourceMappingURL=timeline-widget.d.mts.map

package/dist/client/components/widgets/timeline-widget.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline-widget.d.mts","names":[],"sources":["../../../../src/client/components/widgets/timeline-widget.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAyBA;AA8EwB,UA9EP,mBAAA,CA8EqB;EACrC,MAAA,EA9EQ,oBA8ER;EACA;EACE,QAAA,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAHqB,cAAA;;;GAGrB,sBAAmB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/widgets/timeline-widget.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline-widget.mjs","names":["IconifyIcon"],"sources":["../../../../src/client/components/widgets/timeline-widget.tsx"],"sourcesContent":["/**\n * Timeline Widget\n *\n * Displays an activity/event timeline.\n * Uses WidgetCard for consistent styling.\n */\n\nimport { Icon as IconifyIcon } from \"@iconify/react\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport type * as React from \"react\";\nimport type {\n\tTimelineItem,\n\tTimelineWidgetConfig,\n} from \"../../builder/types/widget-types\";\nimport { resolveIconElement } from \"../../components/component-renderer\";\nimport { useServerWidgetData } from \"../../hooks/use-server-widget-data\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { selectClient, useAdminStore } from \"../../runtime\";\nimport { WidgetCard } from \"../../views/dashboard/widget-card\";\nimport { TimelineWidgetSkeleton } from \"./widget-skeletons\";\n\n/**\n * Timeline widget props\n */\nexport interface TimelineWidgetProps {\n\tconfig: TimelineWidgetConfig;\n\t/** Navigate function for item clicks */\n\tnavigate?: (path: string) => void;\n}\n\n// Variant styles for timeline items\nconst variantStyles = {\n\tdefault: \"bg-muted-foreground\",\n\tsuccess: \"bg-success\",\n\twarning: \"bg-warning\",\n\terror: \"bg-destructive\",\n\tinfo: \"bg-info\",\n};\n\n/**\n * Format timestamp based on format option\n */\nfunction formatTimestamp(\n\tdate: Date | string,\n\tformat: TimelineWidgetConfig[\"timestampFormat\"] = \"relative\",\n): string {\n\tconst d = typeof date === \"string\" ? new Date(date) : date;\n\n\tswitch (format) {\n\t\tcase \"absolute\":\n\t\t\treturn d.toLocaleDateString();\n\n\t\tcase \"datetime\":\n\t\t\treturn d.toLocaleString();\n\n\t\tcase \"relative\":\n\t\tdefault: {\n\t\t\tconst now = new Date();\n\t\t\tconst diff = now.getTime() - d.getTime();\n\t\t\tconst seconds = Math.floor(diff / 1000);\n\t\t\tconst minutes = Math.floor(seconds / 60);\n\t\t\tconst hours = Math.floor(minutes / 60);\n\t\t\tconst days = Math.floor(hours / 24);\n\n\t\t\tif (days > 7) return d.toLocaleDateString();\n\t\t\tif (days > 0) return `${days}d ago`;\n\t\t\tif (hours > 0) return `${hours}h ago`;\n\t\t\tif (minutes > 0) return `${minutes}m ago`;\n\t\t\treturn \"just now\";\n\t\t}\n\t}\n}\n\n/**\n * Timeline Widget Component\n *\n * Displays a vertical timeline of events/activities.\n *\n * @example\n * ```tsx\n * <TimelineWidget\n *   config={{\n *     type: \"timeline\",\n *     id: \"recent-activity\",\n *     title: \"Recent Activity\",\n *     fetchFn: async (client) => {\n *       const activities = await client.collections.activities.findMany({\n *         limit: 10,\n *         orderBy: { createdAt: \"desc\" }\n *       });\n *       return activities.map(a => ({\n *         id: a.id,\n *         title: a.action,\n *         description: a.description,\n *         timestamp: a.createdAt,\n *         variant: a.type === \"error\" ? \"error\" : \"default\"\n *       }));\n *     }\n *   }}\n * />\n * ```\n */\nexport default function TimelineWidget({\n\tconfig,\n\tnavigate,\n}: TimelineWidgetProps) {\n\tconst client = useAdminStore(selectClient);\n\tconst resolveText = useResolveText();\n\tconst {\n\t\tmaxItems = 10,\n\t\tshowTimestamps = true,\n\t\ttimestampFormat = \"relative\",\n\t\temptyMessage,\n\t} = config;\n\n\tconst useServerData = !!config.hasFetchFn;\n\tconst serverQuery = useServerWidgetData<TimelineItem[]>(config.id, {\n\t\tenabled: useServerData,\n\t\trefreshInterval: config.refreshInterval,\n\t});\n\tconst clientQuery = useQuery<TimelineItem[]>({\n\t\tqueryKey: [\"widget\", \"timeline\", config.id],\n\t\tqueryFn: () => config.fetchFn!(client),\n\t\tenabled: !useServerData && !!config.fetchFn,\n\t\trefetchInterval: config.refreshInterval,\n\t});\n\tconst { data, isLoading, error, refetch } = useServerData\n\t\t? serverQuery\n\t\t: clientQuery;\n\n\tconst items = data?.slice(0, maxItems) ?? [];\n\tconst title = config.title ? resolveText(config.title) : undefined;\n\n\t// Handle item click\n\tconst handleItemClick = (item: TimelineItem) => {\n\t\tif (item.href && navigate) {\n\t\t\tnavigate(item.href);\n\t\t}\n\t};\n\n\t// Empty state\n\tconst emptyContent = (\n\t\t<div className=\"flex h-24 items-center justify-center text-muted-foreground\">\n\t\t\t<p className=\"text-sm\">\n\t\t\t\t{emptyMessage ? resolveText(emptyMessage) : \"No activity yet\"}\n\t\t\t</p>\n\t\t</div>\n\t);\n\n\t// Timeline content\n\tconst timelineContent =\n\t\titems.length === 0 ? (\n\t\t\temptyContent\n\t\t) : (\n\t\t\t<div className=\"space-y-0\">\n\t\t\t\t{items.map((item, index) => {\n\t\t\t\t\tconst iconElement = resolveIconElement(item.icon, {\n\t\t\t\t\t\tclassName: \"h-3 w-3 text-white\",\n\t\t\t\t\t});\n\t\t\t\t\tconst variant = item.variant || \"default\";\n\t\t\t\t\tconst isLast = index === items.length - 1;\n\t\t\t\t\tconst isClickable = !!(item.href && navigate);\n\n\t\t\t\t\tconst itemContent = (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{/* Timeline line */}\n\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t<div className=\"absolute left-[11px] top-6 bottom-0 w-px bg-border\" />\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{/* Icon dot */}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full\",\n\t\t\t\t\t\t\t\t\tvariantStyles[variant],\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{iconElement ?? (\n\t\t\t\t\t\t\t\t\t<IconifyIcon\n\t\t\t\t\t\t\t\t\t\ticon=\"ph:circle-bold\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"h-3 w-3 text-white\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/* Content */}\n\t\t\t\t\t\t\t<div className=\"flex-1 min-w-0 pt-0.5 text-left\">\n\t\t\t\t\t\t\t\t<p className=\"text-sm font-medium truncate\">{item.title}</p>\n\t\t\t\t\t\t\t\t{item.description && (\n\t\t\t\t\t\t\t\t\t<p className=\"text-xs text-muted-foreground mt-0.5 line-clamp-2\">\n\t\t\t\t\t\t\t\t\t\t{item.description}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{showTimestamps && item.timestamp && (\n\t\t\t\t\t\t\t\t\t<p className=\"text-xs text-muted-foreground mt-1\">\n\t\t\t\t\t\t\t\t\t\t{formatTimestamp(item.timestamp, timestampFormat)}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t);\n\n\t\t\t\t\tif (isClickable) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"relative flex gap-3 pb-4 w-full\",\n\t\t\t\t\t\t\t\t\t\"cursor-pointer hover:bg-muted/30 -mx-2 px-2 rounded-md transition-colors\",\n\t\t\t\t\t\t\t\t\tisLast && \"pb-0\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tonClick={() => handleItemClick(item)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{itemContent}\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\tclassName={cn(\"relative flex gap-3 pb-4\", isLast && \"pb-0\")}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{itemContent}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\n\treturn (\n\t\t<WidgetCard\n\t\t\ttitle={title}\n\t\t\tisLoading={isLoading}\n\t\t\tloadingSkeleton={<TimelineWidgetSkeleton count={maxItems} />}\n\t\t\terror={\n\t\t\t\terror instanceof Error ? error : error ? new Error(String(error)) : null\n\t\t\t}\n\t\t\tonRefresh={() => refetch()}\n\t\t>\n\t\t\t{timelineContent}\n\t\t</WidgetCard>\n\t);\n}\n"],"mappings":"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"}

package/dist/client/components/widgets/value-widget.d.mts

@@ -1,39 +0,0 @@
-import { ValueWidgetConfig } from "../../builder/types/widget-types.mjs";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
-
-//#region src/client/components/widgets/value-widget.d.ts
-declare namespace value_widget_d_exports {
-  export { ValueWidgetProps, ValueWidget as default };
-}
-/**
- * Value widget props
- */
-interface ValueWidgetProps {
-  config: ValueWidgetConfig;
-}
-/**
- * Value Widget Component
- *
- * Fetches data via async function and renders with full customization.
- *
- * @example
- * ```tsx
- * <ValueWidget
- *   config={{
- *     type: "value",
- *     id: "total-revenue",
- *     fetchFn: async (client) => ({
- *       value: 42,
- *       label: "Total",
- *       classNames: { root: "bg-blue-50" },
- *     }),
- *   }}
- * />
- * ```
- */
-declare function ValueWidget({
-  config
-}: ValueWidgetProps): react_jsx_runtime33.JSX.Element;
-//#endregion
-export { value_widget_d_exports };
-//# sourceMappingURL=value-widget.d.mts.map

package/dist/client/components/widgets/value-widget.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"value-widget.d.mts","names":[],"sources":["../../../../src/client/components/widgets/value-widget.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAuBA;AAkCwB,UAlCP,gBAAA,CAkCkB;EAAG,MAAA,EAjC5B,iBAiC4B;;;;;;;;;;;;;;;;;;;;;;iBAAd,WAAA;;GAAwB,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/widgets/value-widget.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"value-widget.mjs","names":[],"sources":["../../../../src/client/components/widgets/value-widget.tsx"],"sourcesContent":["/**\n * Value Widget\n *\n * Flexible widget with async data fetching and full Tailwind customization.\n * Uses WidgetCard for consistent styling while allowing custom classNames.\n */\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport type {\n  ValueWidgetConfig,\n  ValueWidgetResult,\n} from \"../../builder/types/widget-types\";\nimport { resolveIconElement } from \"../../components/component-renderer\";\nimport { useServerWidgetData } from \"../../hooks/use-server-widget-data\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { selectClient, useAdminStore } from \"../../runtime\";\nimport { WidgetCard } from \"../../views/dashboard/widget-card\";\nimport { ValueWidgetSkeleton } from \"./widget-skeletons\";\n\n/**\n * Value widget props\n */\nexport interface ValueWidgetProps {\n  config: ValueWidgetConfig;\n}\n\n/**\n * Format value for display\n */\nfunction formatValue(value: number | string): string {\n  if (typeof value === \"number\") {\n    return value.toLocaleString();\n  }\n  return value;\n}\n\n/**\n * Value Widget Component\n *\n * Fetches data via async function and renders with full customization.\n *\n * @example\n * ```tsx\n * <ValueWidget\n *   config={{\n *     type: \"value\",\n *     id: \"total-revenue\",\n *     fetchFn: async (client) => ({\n *       value: 42,\n *       label: \"Total\",\n *       classNames: { root: \"bg-blue-50\" },\n *     }),\n *   }}\n * />\n * ```\n */\nexport default function ValueWidget({ config }: ValueWidgetProps) {\n  const client = useAdminStore(selectClient);\n  const resolveText = useResolveText();\n\n  const useServerData = !!config.hasFetchFn;\n  const serverQuery = useServerWidgetData<ValueWidgetResult>(config.id, {\n    enabled: useServerData,\n    refreshInterval: config.refreshInterval,\n  });\n  const clientQuery = useQuery<ValueWidgetResult>({\n    queryKey: [\"widget\", \"value\", config.id],\n    queryFn: () => config.fetchFn!(client),\n    enabled: !useServerData && !!config.fetchFn,\n    refetchInterval: config.refreshInterval,\n  });\n  const { data, isLoading, error, refetch, isFetching } = useServerData\n    ? serverQuery\n    : clientQuery;\n\n  // Determine if this is a featured variant based on config\n  const isFeatured = config.cardVariant === \"featured\";\n\n  // Handle loading/error via WidgetCard\n  if (isLoading || error || !data) {\n    return (\n      <WidgetCard\n        title={config.title ? resolveText(config.title) : undefined}\n        isLoading={isLoading}\n        loadingSkeleton={<ValueWidgetSkeleton featured={isFeatured} />}\n        error={\n          error instanceof Error\n            ? error\n            : !data && !isLoading\n              ? new Error(\"No data returned\")\n              : null\n        }\n        onRefresh={() => refetch()}\n        className={data?.classNames?.root}\n      />\n    );\n  }\n\n  const cls = data.classNames ?? {};\n  const Icon = data.icon;\n  const TrendIcon = data.trend?.icon;\n\n  // Resolve all text fields (supports both string and i18n objects)\n  const label = data.label ? resolveText(data.label) : undefined;\n  const subtitle = data.subtitle ? resolveText(data.subtitle) : undefined;\n  const footer = data.footer ? resolveText(data.footer) : undefined;\n\n  return (\n    <WidgetCard\n      title={label}\n      icon={Icon}\n      onRefresh={() => refetch()}\n      isRefreshing={isFetching && !isLoading}\n      className={cls.root}\n    >\n      <div className={cn(\"space-y-1\", cls.content)}>\n        {/* Main value */}\n        <div className={cn(\"text-2xl font-bold\", cls.value)}>\n          {data.formatted ?? formatValue(data.value)}\n        </div>\n\n        {/* Trend indicator */}\n        {data.trend && (\n          <div className={cn(\"flex items-center gap-1 text-sm\", cls.trend)}>\n            {resolveIconElement(TrendIcon, {\n              className: cn(\"h-3 w-3\", cls.trendIcon),\n            })}\n            <span>{data.trend.value}</span>\n          </div>\n        )}\n\n        {/* Subtitle */}\n        {subtitle && (\n          <p className={cn(\"text-xs text-muted-foreground\", cls.subtitle)}>\n            {subtitle}\n          </p>\n        )}\n\n        {/* Footer */}\n        {footer && (\n          <p className={cn(\"text-xs text-muted-foreground pt-2\", cls.footer)}>\n            {footer}\n          </p>\n        )}\n      </div>\n    </WidgetCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BA,SAAS,YAAY,OAAgC;AACnD,KAAI,OAAO,UAAU,SACnB,QAAO,MAAM,gBAAgB;AAE/B,QAAO;;;;;;;;;;;;;;;;;;;;;;AAuBT,SAAwB,YAAY,EAAE,UAA4B;CAChE,MAAM,SAAS,cAAc,aAAa;CAC1C,MAAM,cAAc,gBAAgB;CAEpC,MAAM,gBAAgB,CAAC,CAAC,OAAO;CAC/B,MAAM,cAAc,oBAAuC,OAAO,IAAI;EACpE,SAAS;EACT,iBAAiB,OAAO;EACzB,CAAC;CACF,MAAM,cAAc,SAA4B;EAC9C,UAAU;GAAC;GAAU;GAAS,OAAO;GAAG;EACxC,eAAe,OAAO,QAAS,OAAO;EACtC,SAAS,CAAC,iBAAiB,CAAC,CAAC,OAAO;EACpC,iBAAiB,OAAO;EACzB,CAAC;CACF,MAAM,EAAE,MAAM,WAAW,OAAO,SAAS,eAAe,gBACpD,cACA;CAGJ,MAAM,aAAa,OAAO,gBAAgB;AAG1C,KAAI,aAAa,SAAS,CAAC,KACzB,QACE,oBAAC;EACC,OAAO,OAAO,QAAQ,YAAY,OAAO,MAAM,GAAG;EACvC;EACX,iBAAiB,oBAAC,uBAAoB,UAAU,aAAc;EAC9D,OACE,iBAAiB,QACb,QACA,CAAC,QAAQ,CAAC,4BACR,IAAI,MAAM,mBAAmB,GAC7B;EAER,iBAAiB,SAAS;EAC1B,WAAW,MAAM,YAAY;GAC7B;CAIN,MAAM,MAAM,KAAK,cAAc,EAAE;CACjC,MAAM,OAAO,KAAK;CAClB,MAAM,YAAY,KAAK,OAAO;CAG9B,MAAM,QAAQ,KAAK,QAAQ,YAAY,KAAK,MAAM,GAAG;CACrD,MAAM,WAAW,KAAK,WAAW,YAAY,KAAK,SAAS,GAAG;CAC9D,MAAM,SAAS,KAAK,SAAS,YAAY,KAAK,OAAO,GAAG;AAExD,QACE,oBAAC;EACC,OAAO;EACP,MAAM;EACN,iBAAiB,SAAS;EAC1B,cAAc,cAAc,CAAC;EAC7B,WAAW,IAAI;YAEf,qBAAC;GAAI,WAAW,GAAG,aAAa,IAAI,QAAQ;;IAE1C,oBAAC;KAAI,WAAW,GAAG,sBAAsB,IAAI,MAAM;eAChD,KAAK,aAAa,YAAY,KAAK,MAAM;MACtC;IAGL,KAAK,SACJ,qBAAC;KAAI,WAAW,GAAG,mCAAmC,IAAI,MAAM;gBAC7D,mBAAmB,WAAW,EAC7B,WAAW,GAAG,WAAW,IAAI,UAAU,EACxC,CAAC,EACF,oBAAC,oBAAM,KAAK,MAAM,QAAa;MAC3B;IAIP,YACC,oBAAC;KAAE,WAAW,GAAG,iCAAiC,IAAI,SAAS;eAC5D;MACC;IAIL,UACC,oBAAC;KAAE,WAAW,GAAG,sCAAsC,IAAI,OAAO;eAC/D;MACC;;IAEF;GACK"}

package/dist/client/components/widgets/widget-skeletons.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"widget-skeletons.mjs","names":[],"sources":["../../../../src/client/components/widgets/widget-skeletons.tsx"],"sourcesContent":["/**\n * Widget Skeletons\n *\n * Loading skeleton components for different widget types.\n * Provides visual feedback while data is being fetched.\n */\n\nimport { cn } from \"../../lib/utils\";\nimport { Skeleton } from \"../ui/skeleton\";\n\n// ============================================================================\n// Stats Widget Skeleton\n// ============================================================================\n\nexport function StatsWidgetSkeleton() {\n  return (\n    <div className=\"space-y-3\">\n      <Skeleton className=\"h-8 w-20\" />\n      <Skeleton className=\"h-4 w-32\" />\n    </div>\n  );\n}\n\n// ============================================================================\n// Chart Widget Skeleton\n// ============================================================================\n\nexport function ChartWidgetSkeleton() {\n  return (\n    <div className=\"h-48 w-full flex items-end gap-2 pt-4\">\n      {/* Bar chart style skeleton */}\n      <Skeleton className=\"flex-1 rounded-t h-[40%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[65%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[45%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[80%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[55%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[70%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[50%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[75%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[60%]\" />\n      <Skeleton className=\"flex-1 rounded-t h-[85%]\" />\n    </div>\n  );\n}\n\n// ============================================================================\n// Recent Items Widget Skeleton\n// ============================================================================\n\nexport function RecentItemsWidgetSkeleton({ count = 5 }: { count?: number }) {\n  return (\n    <div className=\"space-y-1\">\n      <SkeletonRow />\n      {count > 1 && <SkeletonRow />}\n      {count > 2 && <SkeletonRow />}\n      {count > 3 && <SkeletonRow />}\n      {count > 4 && <SkeletonRow />}\n    </div>\n  );\n}\n\nfunction SkeletonRow() {\n  return (\n    <div className=\"flex items-center gap-3 p-2\">\n      <div className=\"flex-1 space-y-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-3 w-1/2\" />\n      </div>\n    </div>\n  );\n}\n\n// ============================================================================\n// Quick Actions Widget Skeleton\n// ============================================================================\n\nexport function QuickActionsWidgetSkeleton({\n  count = 3,\n  layout = \"list\",\n}: {\n  count?: number;\n  layout?: \"list\" | \"grid\";\n}) {\n  if (layout === \"grid\") {\n    return (\n      <div className=\"grid grid-cols-2 gap-2\">\n        <ActionGridItem />\n        {count > 1 && <ActionGridItem />}\n        {count > 2 && <ActionGridItem />}\n        {count > 3 && <ActionGridItem />}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-1 -mx-1\">\n      <ActionListItem />\n      {count > 1 && <ActionListItem />}\n      {count > 2 && <ActionListItem />}\n    </div>\n  );\n}\n\nfunction ActionGridItem() {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-2 p-3\">\n      <Skeleton className=\"h-9 w-9 rounded-md\" />\n      <Skeleton className=\"h-3 w-16\" />\n    </div>\n  );\n}\n\nfunction ActionListItem() {\n  return (\n    <div className=\"flex items-center gap-3 px-2 py-2\">\n      <Skeleton className=\"h-8 w-8 rounded-md shrink-0\" />\n      <Skeleton className=\"h-4 flex-1\" />\n    </div>\n  );\n}\n\n// ============================================================================\n// Table Widget Skeleton\n// ============================================================================\n\nexport function TableWidgetSkeleton({\n  rows = 5,\n  columns = 3,\n}: {\n  rows?: number;\n  columns?: number;\n}) {\n  return (\n    <div className=\"-mx-5\">\n      {/* Header */}\n      <div className=\"flex gap-4 px-5 py-2 border-b border-border/50\">\n        <Skeleton className=\"h-4 w-24\" />\n        {columns > 1 && <Skeleton className=\"h-4 flex-1\" />}\n        {columns > 2 && <Skeleton className=\"h-4 flex-1\" />}\n      </div>\n      {/* Rows */}\n      <TableSkeletonRow columns={columns} />\n      {rows > 1 && <TableSkeletonRow columns={columns} />}\n      {rows > 2 && <TableSkeletonRow columns={columns} />}\n      {rows > 3 && <TableSkeletonRow columns={columns} />}\n      {rows > 4 && <TableSkeletonRow columns={columns} last />}\n    </div>\n  );\n}\n\nfunction TableSkeletonRow({\n  columns = 3,\n  last = false,\n}: {\n  columns?: number;\n  last?: boolean;\n}) {\n  return (\n    <div\n      className={cn(\n        \"flex gap-4 px-5 py-3 border-b border-border/30\",\n        last && \"border-0\",\n      )}\n    >\n      <Skeleton className=\"h-4 w-20\" />\n      {columns > 1 && <Skeleton className=\"h-4 flex-1\" />}\n      {columns > 2 && <Skeleton className=\"h-4 flex-1\" />}\n    </div>\n  );\n}\n\n// ============================================================================\n// Timeline Widget Skeleton\n// ============================================================================\n\nexport function TimelineWidgetSkeleton({ count = 5 }: { count?: number }) {\n  return (\n    <div className=\"space-y-4\">\n      <TimelineSkeletonItem />\n      {count > 1 && <TimelineSkeletonItem />}\n      {count > 2 && <TimelineSkeletonItem />}\n      {count > 3 && <TimelineSkeletonItem />}\n      {count > 4 && <TimelineSkeletonItem last />}\n    </div>\n  );\n}\n\nfunction TimelineSkeletonItem({ last = false }: { last?: boolean }) {\n  return (\n    <div className=\"flex gap-3\">\n      {/* Timeline dot */}\n      <div className=\"flex flex-col items-center\">\n        <Skeleton className=\"h-3 w-3 rounded-full\" />\n        {!last && <Skeleton className=\"w-0.5 flex-1 mt-1\" />}\n      </div>\n      {/* Content */}\n      <div className=\"flex-1 space-y-1 pb-4\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-3 w-1/2\" />\n        <Skeleton className=\"h-3 w-20\" />\n      </div>\n    </div>\n  );\n}\n\n// ============================================================================\n// Progress Widget Skeleton\n// ============================================================================\n\nexport function ProgressWidgetSkeleton() {\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex justify-between items-center\">\n        <Skeleton className=\"h-4 w-32\" />\n        <Skeleton className=\"h-4 w-12\" />\n      </div>\n      <Skeleton className=\"h-2 w-full rounded-full\" />\n      <Skeleton className=\"h-3 w-24\" />\n    </div>\n  );\n}\n\n// ============================================================================\n// Value Widget Skeleton\n// ============================================================================\n\nexport function ValueWidgetSkeleton({\n  featured = false,\n}: {\n  featured?: boolean;\n}) {\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-start gap-3\">\n        <Skeleton className=\"h-10 w-10 rounded-md shrink-0\" />\n        <div className=\"flex-1 space-y-2\">\n          <Skeleton className=\"h-4 w-24\" />\n          <Skeleton className={cn(\"h-8\", featured ? \"w-40\" : \"w-24\")} />\n        </div>\n      </div>\n      <Skeleton className=\"h-3 w-32\" />\n    </div>\n  );\n}\n\n// ============================================================================\n// Generic Widget Skeleton\n// ============================================================================\n\nexport function GenericWidgetSkeleton() {\n  return (\n    <div className=\"space-y-4\">\n      <Skeleton className=\"h-20 w-full\" />\n    </div>\n  );\n}\n"],"mappings":"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"}