@fayz-ai/plugin-dashboard 0.1.1

package/dist/index.js

@@ -0,0 +1,242 @@
+import * as React from 'react';
+import React__default from 'react';
+import { defineKpiWidget, KpiCard, defineCustomWidget, defineOnboardingWidget, WidgetGrid, DashboardCanvas, useDashboardNavigate, OnboardingWidget } from '@fayz-ai/ui';
+export { DashboardCanvas, DashboardNavigateProvider, resolveDashboardLayout, useDashboardNavigate, useDashboardPreferences } from '@fayz-ai/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/index.ts
+var DOMAIN = "dashboard";
+function metricsToWidgets(metrics, currency) {
+  return metrics.map(
+    (metric, i) => defineKpiWidget({
+      id: `dashboard.kpi.${metric.id}`,
+      title: metric.label,
+      icon: metric.icon,
+      domain: DOMAIN,
+      defaultVisible: metric.defaultVisible,
+      defaultOrder: metric.defaultOrder ?? i,
+      component: () => /* @__PURE__ */ jsx(
+        KpiCard,
+        {
+          label: metric.label,
+          icon: metric.icon,
+          compute: metric.compute,
+          format: metric.format,
+          currency,
+          goal: metric.goal,
+          accent: metric.accent
+        }
+      )
+    })
+  );
+}
+function sectionsToWidgets(sections) {
+  return sections.map((section) => {
+    const SectionComponent = section.component;
+    const Wrapped = () => {
+      const navigate = useDashboardNavigate();
+      return /* @__PURE__ */ jsx(SectionComponent, { onNavigate: navigate });
+    };
+    return defineCustomWidget({
+      id: `dashboard.section.${section.id}`,
+      title: section.title,
+      icon: section.icon,
+      domain: DOMAIN,
+      // Half-width by default (guide/section cards like "Agenda de Hoje" should
+      // sit beside others, not dominate the row). Sections can opt into full
+      // width with `span: 4`.
+      span: section.span ?? 2,
+      defaultOrder: 100 + section.order,
+      verticalId: section.verticalId,
+      component: Wrapped
+    });
+  });
+}
+function onboardingToWidget(steps, labels) {
+  const sorted = [...steps].sort((a, b) => a.order - b.order);
+  const Onboarding = () => {
+    const navigate = useDashboardNavigate();
+    const items = sorted.map((s) => ({
+      id: s.id,
+      title: s.title,
+      description: s.description,
+      icon: s.icon,
+      check: s.check,
+      action: s.action
+    }));
+    return /* @__PURE__ */ jsx(OnboardingWidget, { title: labels.title, subtitle: labels.subtitle, steps: items, onNavigate: navigate });
+  };
+  return defineOnboardingWidget({
+    id: "dashboard.onboarding",
+    title: labels.title,
+    domain: DOMAIN,
+    // Half-width (2 of 4 cols) so the getting-started guide sits beside other
+    // content rather than dominating the row.
+    span: 2,
+    defaultOrder: 50,
+    component: Onboarding
+  });
+}
+
+// src/locales/en.ts
+var en = {
+  "dashboard.title": "Dashboard",
+  "dashboard.subtitle": "Business overview",
+  "dashboard.kpi.title": "Key Metrics",
+  "dashboard.kpi.noData": "No metrics configured",
+  "dashboard.kpi.error": "Failed to load",
+  "dashboard.kpi.refresh": "Refresh",
+  "dashboard.onboarding.title": "Getting Started",
+  "dashboard.onboarding.subtitle": "Complete these steps to set up your business",
+  "dashboard.onboarding.completed": "Completed",
+  "dashboard.onboarding.allDone": "All done! You're all set.",
+  "dashboard.onboarding.dismiss": "Dismiss",
+  "dashboard.onboarding.step": "Step",
+  "dashboard.onboarding.of": "of",
+  "dashboard.settings.title": "Dashboard",
+  "dashboard.settings.subtitle": "Choose which metrics appear on your dashboard",
+  "dashboard.settings.metricsVisibility": "Visible Metrics",
+  "dashboard.settings.metricOrder": "Metric Order",
+  "dashboard.settings.resetDefaults": "Reset to Defaults",
+  "dashboard.settings.saved": "Dashboard preferences saved",
+  "dashboard.empty.title": "Welcome!",
+  "dashboard.empty.subtitle": "Your dashboard will show key metrics and information here."
+};
+
+// src/locales/pt-BR.ts
+var ptBR = {
+  "dashboard.title": "Painel",
+  "dashboard.subtitle": "Visao geral do seu negocio",
+  "dashboard.kpi.title": "Metricas",
+  "dashboard.kpi.noData": "Nenhuma metrica configurada",
+  "dashboard.kpi.error": "Falha ao carregar",
+  "dashboard.kpi.refresh": "Atualizar",
+  "dashboard.onboarding.title": "Primeiros Passos",
+  "dashboard.onboarding.subtitle": "Complete estes passos para configurar seu negocio",
+  "dashboard.onboarding.completed": "Concluido",
+  "dashboard.onboarding.allDone": "Tudo pronto! Voce esta configurado.",
+  "dashboard.onboarding.dismiss": "Dispensar",
+  "dashboard.onboarding.step": "Passo",
+  "dashboard.onboarding.of": "de",
+  "dashboard.settings.title": "Painel",
+  "dashboard.settings.subtitle": "Escolha quais metricas aparecem no seu painel",
+  "dashboard.settings.metricsVisibility": "Metricas Visiveis",
+  "dashboard.settings.metricOrder": "Ordem das Metricas",
+  "dashboard.settings.resetDefaults": "Restaurar Padrao",
+  "dashboard.settings.saved": "Preferencias do painel salvas",
+  "dashboard.empty.title": "Bem-vindo!",
+  "dashboard.empty.subtitle": "Seu painel mostrara metricas e informacoes importantes aqui."
+};
+
+// src/locales/index.ts
+var dashboardLocales = {
+  en,
+  "pt-BR": ptBR
+};
+function DashboardPage({
+  title = "Dashboard",
+  subtitle = "Business overview",
+  metrics = [],
+  sections = [],
+  currency,
+  showHeader = true
+}) {
+  const widgets = React.useMemo(
+    () => [...metricsToWidgets(metrics, currency), ...sectionsToWidgets(sections)],
+    [metrics, sections, currency]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6 p-6", children: [
+    showHeader ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: subtitle })
+    ] }) : null,
+    /* @__PURE__ */ jsx(WidgetGrid, { widgets, surface: "home" })
+  ] });
+}
+var DEFAULT_LABELS = {
+  pageTitle: "Dashboard",
+  pageSubtitle: "Business overview",
+  kpiTitle: "Key Metrics",
+  onboardingTitle: "Getting Started",
+  onboardingSubtitle: "Complete these steps to set up your business",
+  settingsTitle: "Dashboard"
+};
+function createDashboardPlugin(options) {
+  const labels = { ...DEFAULT_LABELS, ...options?.labels };
+  const onboardingSteps = options?.onboardingSteps ?? [];
+  const showOnboarding = options?.showOnboarding ?? onboardingSteps.length > 0;
+  const dashboardWidgets = [
+    ...metricsToWidgets(options?.metrics ?? [], options?.currency),
+    ...sectionsToWidgets(options?.sections ?? []),
+    ...showOnboarding && onboardingSteps.length > 0 ? [onboardingToWidget(onboardingSteps, { title: labels.onboardingTitle, subtitle: labels.onboardingSubtitle })] : [],
+    ...options?.customWidgets ?? []
+  ];
+  const PageComponent = () => React__default.createElement(DashboardCanvas, {
+    surface: "home",
+    title: labels.pageTitle,
+    subtitle: labels.pageSubtitle,
+    showHeader: options?.showHeader,
+    appLayout: options?.layout,
+    range: options?.range
+  });
+  return {
+    id: "dashboard",
+    name: labels.pageTitle,
+    icon: "LayoutDashboard",
+    version: "1.0.0",
+    scope: options?.scope ?? "universal",
+    verticalId: options?.verticalId,
+    defaultEnabled: true,
+    dependencies: [],
+    declaredFeatures: [
+      { id: "dashboard", label: labels.pageTitle, group: "Core" }
+    ],
+    navigation: options?.skipNavigation ? [] : [
+      {
+        section: options?.navSection ?? "main",
+        position: options?.navPosition ?? 0,
+        label: labels.pageTitle,
+        route: "/",
+        icon: options?.navIcon ?? "LayoutDashboard"
+      }
+    ],
+    routes: [
+      {
+        path: "/",
+        component: PageComponent
+      }
+    ],
+    widgets: [],
+    dashboardWidgets,
+    aiTools: [
+      {
+        id: "dashboard.kpi-summary",
+        name: "getKpiSummary",
+        description: "Returns a summary of all KPI metrics for the current dashboard, including trends and comparisons.",
+        icon: "BarChart3",
+        mode: "read",
+        category: "Dashboard",
+        parameters: {
+          type: "object",
+          properties: {
+            category: {
+              type: "string",
+              description: "Filter by metric category",
+              enum: ["revenue", "operations", "clients", "custom", "all"]
+            }
+          }
+        },
+        suggestions: [
+          { label: "How is my business doing today?" },
+          { label: "What's my revenue today?" },
+          { label: "Give me a summary of today" }
+        ]
+      }
+    ],
+    locales: dashboardLocales
+  };
+}
+
+export { DashboardPage, createDashboardPlugin, metricsToWidgets, onboardingToWidget, sectionsToWidgets };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/builders.tsx","../src/locales/en.ts","../src/locales/pt-BR.ts","../src/locales/index.ts","../src/DashboardPage.tsx","../src/index.ts"],"names":["jsx","React"],"mappings":"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","file":"index.js","sourcesContent":["import * as React from 'react'\nimport type { DashboardWidgetDef } from '@fayz-ai/core'\nimport {\n  KpiCard,\n  OnboardingWidget,\n  defineKpiWidget,\n  defineCustomWidget,\n  defineOnboardingWidget,\n  useDashboardNavigate,\n  type KpiCurrency,\n  type OnboardingStepInput,\n} from '@fayz-ai/ui'\nimport type { DashboardMetric, DashboardSection, OnboardingStep } from './types'\n\nconst DOMAIN = 'dashboard'\n\n/** Legacy DashboardMetric[] → KPI widgets (async compute via the shared KpiCard). */\nexport function metricsToWidgets(metrics: DashboardMetric[], currency?: KpiCurrency): DashboardWidgetDef[] {\n  return metrics.map((metric, i) =>\n    defineKpiWidget({\n      id: `dashboard.kpi.${metric.id}`,\n      title: metric.label,\n      icon: metric.icon,\n      domain: DOMAIN,\n      defaultVisible: metric.defaultVisible,\n      defaultOrder: metric.defaultOrder ?? i,\n      component: () => (\n        <KpiCard\n          label={metric.label}\n          icon={metric.icon}\n          compute={metric.compute}\n          format={metric.format}\n          currency={currency}\n          goal={metric.goal}\n          accent={metric.accent}\n        />\n      ),\n    }),\n  )\n}\n\n/** Legacy DashboardSection[] → full-width custom widgets. */\nexport function sectionsToWidgets(sections: DashboardSection[]): DashboardWidgetDef[] {\n  return sections.map((section) => {\n    const SectionComponent = section.component\n    const Wrapped = () => {\n      const navigate = useDashboardNavigate()\n      return <SectionComponent onNavigate={navigate} />\n    }\n    return defineCustomWidget({\n      id: `dashboard.section.${section.id}`,\n      title: section.title,\n      icon: section.icon,\n      domain: DOMAIN,\n      // Half-width by default (guide/section cards like \"Agenda de Hoje\" should\n      // sit beside others, not dominate the row). Sections can opt into full\n      // width with `span: 4`.\n      span: section.span ?? 2,\n      defaultOrder: 100 + section.order,\n      verticalId: section.verticalId,\n      component: Wrapped,\n    })\n  })\n}\n\n/** Onboarding steps → a single \"first steps to set up\" checklist widget. */\nexport function onboardingToWidget(\n  steps: OnboardingStep[],\n  labels: { title: string; subtitle: string },\n): DashboardWidgetDef {\n  const sorted = [...steps].sort((a, b) => a.order - b.order)\n  const Onboarding = () => {\n    const navigate = useDashboardNavigate()\n    const items: OnboardingStepInput[] = sorted.map((s) => ({\n      id: s.id,\n      title: s.title,\n      description: s.description,\n      icon: s.icon,\n      check: s.check,\n      action: s.action,\n    }))\n    return <OnboardingWidget title={labels.title} subtitle={labels.subtitle} steps={items} onNavigate={navigate} />\n  }\n  return defineOnboardingWidget({\n    id: 'dashboard.onboarding',\n    title: labels.title,\n    domain: DOMAIN,\n    // Half-width (2 of 4 cols) so the getting-started guide sits beside other\n    // content rather than dominating the row.\n    span: 2,\n    defaultOrder: 50,\n    component: Onboarding,\n  })\n}\n","export const en: Record<string, string> = {\n  'dashboard.title': 'Dashboard',\n  'dashboard.subtitle': 'Business overview',\n  'dashboard.kpi.title': 'Key Metrics',\n  'dashboard.kpi.noData': 'No metrics configured',\n  'dashboard.kpi.error': 'Failed to load',\n  'dashboard.kpi.refresh': 'Refresh',\n  'dashboard.onboarding.title': 'Getting Started',\n  'dashboard.onboarding.subtitle': 'Complete these steps to set up your business',\n  'dashboard.onboarding.completed': 'Completed',\n  'dashboard.onboarding.allDone': \"All done! You're all set.\",\n  'dashboard.onboarding.dismiss': 'Dismiss',\n  'dashboard.onboarding.step': 'Step',\n  'dashboard.onboarding.of': 'of',\n  'dashboard.settings.title': 'Dashboard',\n  'dashboard.settings.subtitle': 'Choose which metrics appear on your dashboard',\n  'dashboard.settings.metricsVisibility': 'Visible Metrics',\n  'dashboard.settings.metricOrder': 'Metric Order',\n  'dashboard.settings.resetDefaults': 'Reset to Defaults',\n  'dashboard.settings.saved': 'Dashboard preferences saved',\n  'dashboard.empty.title': 'Welcome!',\n  'dashboard.empty.subtitle': 'Your dashboard will show key metrics and information here.',\n}\n","export const ptBR: Record<string, string> = {\n  'dashboard.title': 'Painel',\n  'dashboard.subtitle': 'Visao geral do seu negocio',\n  'dashboard.kpi.title': 'Metricas',\n  'dashboard.kpi.noData': 'Nenhuma metrica configurada',\n  'dashboard.kpi.error': 'Falha ao carregar',\n  'dashboard.kpi.refresh': 'Atualizar',\n  'dashboard.onboarding.title': 'Primeiros Passos',\n  'dashboard.onboarding.subtitle': 'Complete estes passos para configurar seu negocio',\n  'dashboard.onboarding.completed': 'Concluido',\n  'dashboard.onboarding.allDone': 'Tudo pronto! Voce esta configurado.',\n  'dashboard.onboarding.dismiss': 'Dispensar',\n  'dashboard.onboarding.step': 'Passo',\n  'dashboard.onboarding.of': 'de',\n  'dashboard.settings.title': 'Painel',\n  'dashboard.settings.subtitle': 'Escolha quais metricas aparecem no seu painel',\n  'dashboard.settings.metricsVisibility': 'Metricas Visiveis',\n  'dashboard.settings.metricOrder': 'Ordem das Metricas',\n  'dashboard.settings.resetDefaults': 'Restaurar Padrao',\n  'dashboard.settings.saved': 'Preferencias do painel salvas',\n  'dashboard.empty.title': 'Bem-vindo!',\n  'dashboard.empty.subtitle': 'Seu painel mostrara metricas e informacoes importantes aqui.',\n}\n","import { en } from './en'\nimport { ptBR } from './pt-BR'\n\nexport const dashboardLocales: Record<string, Record<string, string>> = {\n  en,\n  'pt-BR': ptBR,\n}\n","import * as React from 'react'\nimport type { DashboardWidgetDef } from '@fayz-ai/core'\nimport { WidgetGrid } from '@fayz-ai/ui'\nimport { metricsToWidgets, sectionsToWidgets } from './builders'\nimport type { DashboardMetric, DashboardSection } from './types'\n\nexport interface DashboardPageProps {\n  title?: string\n  subtitle?: string\n  metrics?: DashboardMetric[]\n  sections?: DashboardSection[]\n  currency?: { code?: string; locale?: string; symbol?: string }\n  /** Render the in-content title/subtitle. Set false when the app shell owns\n   *  the page title (sidebar/GHL-style layouts). Default: true. */\n  showHeader?: boolean\n}\n\n/**\n * Back-compat shim. The dashboard is now a widget registry (see DashboardCanvas),\n * but standalone callers can still render a fixed set of metrics/sections. This\n * converts them to widget definitions and renders them through the shared grid.\n */\nexport function DashboardPage({\n  title = 'Dashboard', subtitle = 'Business overview', metrics = [], sections = [], currency, showHeader = true,\n}: DashboardPageProps) {\n  const widgets: DashboardWidgetDef[] = React.useMemo(\n    () => [...metricsToWidgets(metrics, currency), ...sectionsToWidgets(sections)],\n    [metrics, sections, currency],\n  )\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {showHeader ? (\n        <div>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">{title}</h1>\n          <p className=\"mt-1 text-sm text-muted-foreground\">{subtitle}</p>\n        </div>\n      ) : null}\n      <WidgetGrid widgets={widgets} surface=\"home\" />\n    </div>\n  )\n}\n","import React from 'react'\nimport type { PluginManifest, PluginScope, VerticalId, DashboardWidgetDef, DashboardLayoutConfig } from '@fayz-ai/core'\nimport { DashboardCanvas, type DashboardCanvasProps } from '@fayz-ai/ui'\nimport { DashboardPage } from './DashboardPage'\nimport { metricsToWidgets, sectionsToWidgets, onboardingToWidget } from './builders'\nimport { dashboardLocales } from './locales'\nimport type { DashboardMetric, DashboardSection, OnboardingStep } from './types'\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport interface DashboardPluginLabels {\n  pageTitle: string\n  pageSubtitle: string\n  kpiTitle: string\n  onboardingTitle: string\n  onboardingSubtitle: string\n  settingsTitle: string\n}\n\nexport interface DashboardPluginOptions {\n  /** KPI metrics to show on the dashboard */\n  metrics?: DashboardMetric[]\n  /** Custom sections injected by the consumer app */\n  sections?: DashboardSection[]\n  /** Onboarding steps for the getting-started checklist */\n  onboardingSteps?: OnboardingStep[]\n  /** Label overrides */\n  labels?: Partial<DashboardPluginLabels>\n  /** Currency config for metrics that use 'currency' format */\n  currency?: { code?: string; locale?: string; symbol?: string }\n  /** Plugin scope */\n  scope?: PluginScope\n  /** Vertical ID */\n  verticalId?: VerticalId\n  /** Whether to show onboarding module. Default: true if onboardingSteps provided */\n  showOnboarding?: boolean\n  /** Nav position (default: 0 — first item) */\n  navPosition?: number\n  /** Nav section (default: 'main') */\n  navSection?: 'main' | 'secondary'\n  /** Navigation icon override (default: 'LayoutDashboard') */\n  navIcon?: string\n  /** Skip adding a navigation entry (use when the consumer app provides its own page entry for '/') */\n  skipNavigation?: boolean\n  /** Render the in-content title/subtitle. Set false when the app shell owns the\n   *  page title (sidebar/GHL-style layouts). Default: true. */\n  showHeader?: boolean\n  /** App-level curation of the home surface — which widgets show, order, span.\n   *  Applied on top of every plugin's registered defaults. */\n  layout?: DashboardLayoutConfig\n  /** Custom widgets the consumer app contributes directly to the home surface. */\n  customWidgets?: DashboardWidgetDef[]\n  /** Show the shared, sticky time-range control on the home. Pass `true` for\n   *  defaults (7d/30d/90d) or an options object. Widgets read it via\n   *  useDashboardRange(); provide `onChange` to drive app-level refetching. */\n  range?: DashboardCanvasProps['range']\n}\n\n// ---------------------------------------------------------------------------\n// Defaults\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_LABELS: DashboardPluginLabels = {\n  pageTitle: 'Dashboard',\n  pageSubtitle: 'Business overview',\n  kpiTitle: 'Key Metrics',\n  onboardingTitle: 'Getting Started',\n  onboardingSubtitle: 'Complete these steps to set up your business',\n  settingsTitle: 'Dashboard',\n}\n\n// ---------------------------------------------------------------------------\n// Factory\n// ---------------------------------------------------------------------------\n\nexport function createDashboardPlugin(options?: DashboardPluginOptions): PluginManifest {\n  const labels: DashboardPluginLabels = { ...DEFAULT_LABELS, ...options?.labels }\n  const onboardingSteps = options?.onboardingSteps ?? []\n  const showOnboarding = options?.showOnboarding ?? onboardingSteps.length > 0\n\n  // Everything the dashboard plugin owns flows through the widget registry:\n  // legacy metrics/sections, the onboarding checklist, and app custom widgets.\n  const dashboardWidgets: DashboardWidgetDef[] = [\n    ...metricsToWidgets(options?.metrics ?? [], options?.currency),\n    ...sectionsToWidgets(options?.sections ?? []),\n    ...(showOnboarding && onboardingSteps.length > 0\n      ? [onboardingToWidget(onboardingSteps, { title: labels.onboardingTitle, subtitle: labels.onboardingSubtitle })]\n      : []),\n    ...(options?.customWidgets ?? []),\n  ]\n\n  const PageComponent: React.ComponentType<unknown> = () =>\n    React.createElement(DashboardCanvas, {\n      surface: 'home',\n      title: labels.pageTitle,\n      subtitle: labels.pageSubtitle,\n      showHeader: options?.showHeader,\n      appLayout: options?.layout,\n      range: options?.range,\n    })\n\n  return {\n    id: 'dashboard',\n    name: labels.pageTitle,\n    icon: 'LayoutDashboard',\n    version: '1.0.0',\n    scope: options?.scope ?? 'universal',\n    verticalId: options?.verticalId,\n    defaultEnabled: true,\n    dependencies: [],\n    declaredFeatures: [\n      { id: 'dashboard', label: labels.pageTitle, group: 'Core' },\n    ],\n\n    navigation: options?.skipNavigation ? [] : [\n      {\n        section: options?.navSection ?? 'main',\n        position: options?.navPosition ?? 0,\n        label: labels.pageTitle,\n        route: '/',\n        icon: options?.navIcon ?? 'LayoutDashboard',\n      },\n    ],\n\n    routes: [\n      {\n        path: '/',\n        component: PageComponent,\n      },\n    ],\n\n    widgets: [],\n    dashboardWidgets,\n\n    aiTools: [\n      {\n        id: 'dashboard.kpi-summary',\n        name: 'getKpiSummary',\n        description: 'Returns a summary of all KPI metrics for the current dashboard, including trends and comparisons.',\n        icon: 'BarChart3',\n        mode: 'read' as const,\n        category: 'Dashboard',\n        parameters: {\n          type: 'object' as const,\n          properties: {\n            category: {\n              type: 'string' as const,\n              description: 'Filter by metric category',\n              enum: ['revenue', 'operations', 'clients', 'custom', 'all'],\n            },\n          },\n        },\n        suggestions: [\n          { label: 'How is my business doing today?' },\n          { label: \"What's my revenue today?\" },\n          { label: 'Give me a summary of today' },\n        ],\n      },\n    ],\n\n    locales: dashboardLocales,\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Re-exports\n// ---------------------------------------------------------------------------\n\nexport { DashboardPage } from './DashboardPage'\nexport {\n  DashboardCanvas,\n  DashboardNavigateProvider,\n  useDashboardNavigate,\n  resolveDashboardLayout,\n  useDashboardPreferences,\n  type DashboardCanvasProps,\n  type LaidOutWidget,\n  type DashboardPreferencesState,\n} from '@fayz-ai/ui'\nexport {\n  metricsToWidgets,\n  sectionsToWidgets,\n  onboardingToWidget,\n} from './builders'\n\nexport type {\n  DashboardMetric,\n  MetricValue,\n  MetricCategory,\n  MetricFormat,\n  ResolvedMetric,\n  DashboardSection,\n  DashboardSectionProps,\n  DashboardZone,\n  OnboardingStep,\n  OnboardingProgress,\n  DashboardPreferences,\n} from './types'\n"]}

package/dist/locales/en.d.ts

@@ -0,0 +1,2 @@
+export declare const en: Record<string, string>;
+//# sourceMappingURL=en.d.ts.map

package/dist/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/locales/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsBrC,CAAA"}

package/dist/locales/index.d.ts

@@ -0,0 +1,2 @@
+export declare const dashboardLocales: Record<string, Record<string, string>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/locales/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAGnE,CAAA"}

package/dist/locales/pt-BR.d.ts

@@ -0,0 +1,2 @@
+export declare const ptBR: Record<string, string>;
+//# sourceMappingURL=pt-BR.d.ts.map

package/dist/locales/pt-BR.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pt-BR.d.ts","sourceRoot":"","sources":["../../src/locales/pt-BR.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAsBvC,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,102 @@
+import type React from 'react';
+import type { VerticalId } from '@fayz-ai/core';
+export type MetricCategory = 'revenue' | 'operations' | 'clients' | 'custom';
+export type MetricFormat = 'number' | 'currency' | 'percent' | 'duration';
+export interface MetricValue {
+    /** Primary numeric value */
+    value: number;
+    /** Comparison value for trend (e.g., yesterday, last week) */
+    previousValue?: number;
+    /** Unit suffix (e.g., 'min', 'BRL') */
+    unit?: string;
+    /** Trend direction for visual indicator */
+    trend?: 'up' | 'down' | 'neutral';
+    /** Optional series (oldest → newest) rendered as an inline sparkline. */
+    spark?: number[];
+}
+export interface DashboardMetric {
+    /** Unique metric ID, e.g. 'revenue-today' */
+    id: string;
+    /** i18n key or plain label */
+    label: string;
+    /** Tooltip description */
+    description?: string;
+    /** Lucide icon name */
+    icon: string;
+    /** Grouping category */
+    category: MetricCategory;
+    /** Async function that computes the current value */
+    compute: () => Promise<MetricValue>;
+    /** Whether visible by default (before user customization) */
+    defaultVisible: boolean;
+    /** Default display order (lower = first) */
+    defaultOrder: number;
+    /** How to format the value */
+    format?: MetricFormat;
+    /** Render the card as a radial gauge toward this goal value. */
+    goal?: number;
+    /** Accent color for the gauge/sparkline. Defaults to a trend-aware color. */
+    accent?: string;
+}
+export interface ResolvedMetric extends DashboardMetric {
+    /** Current computed value (null while loading) */
+    currentValue: MetricValue | null;
+    /** Whether this metric is currently loading */
+    loading: boolean;
+    /** Error message if compute() failed */
+    error?: string;
+}
+export type DashboardZone = 'main' | 'sidebar' | 'bottom-right';
+export interface DashboardSectionProps {
+    tenantId?: string;
+    onNavigate?: (path: string) => void;
+}
+export interface DashboardSection {
+    /** Unique section ID */
+    id: string;
+    /** i18n key or plain title */
+    title: string;
+    /** Lucide icon name */
+    icon?: string;
+    /** Zone placement on the dashboard */
+    zone: DashboardZone;
+    /** Column span on the 4-col grid (1–4). Default: 2 (half width). */
+    span?: 1 | 2 | 3 | 4;
+    /** Sort order within zone (lower = first) */
+    order: number;
+    /** React component to render */
+    component: React.ComponentType<DashboardSectionProps>;
+    /** Only show for specific verticals */
+    verticalId?: VerticalId;
+}
+export interface OnboardingStep {
+    /** Unique step ID, e.g. 'add-first-client' */
+    id: string;
+    /** i18n key or plain title */
+    title: string;
+    /** i18n key or plain description */
+    description: string;
+    /** Lucide icon name */
+    icon: string;
+    /** Async check: returns true if this step is already completed */
+    check: () => Promise<boolean>;
+    /** Route path to navigate to, or a callback */
+    action: string | (() => void);
+    /** Sort order (lower = first) */
+    order: number;
+}
+export interface OnboardingProgress {
+    stepId: string;
+    completedAt: string | null;
+}
+export interface DashboardPreferences {
+    id: string;
+    tenantId: string;
+    /** Ordered list of metric IDs the user wants visible */
+    visibleMetrics: string[];
+    /** Full metric ordering (visible + hidden) */
+    metricOrder: string[];
+    createdAt: string;
+    updatedAt: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@fayz-ai/plugin-dashboard",
+  "version": "0.1.1",
+  "description": "Fayz SDK — plugin-dashboard plugin",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "lucide-react": "^0.400.0",
+    "zustand": "^4.5.0",
+    "@fayz-ai/ui": "^0.1.6",
+    "@fayz-ai/core": "^0.1.6"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "react": "^18.3.0",
+    "tsup": "^8.2.0",
+    "typescript": "^5.5.0"
+  },
+  "license": "MIT",
+  "keywords": [
+    "fayz",
+    "fayz-plugin",
+    "fayz-sdk"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup && tsc --emitDeclarationOnly --declaration --declarationMap --noEmit false",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}

package/src/DashboardPage.tsx

@@ -0,0 +1,42 @@
+import * as React from 'react'
+import type { DashboardWidgetDef } from '@fayz-ai/core'
+import { WidgetGrid } from '@fayz-ai/ui'
+import { metricsToWidgets, sectionsToWidgets } from './builders'
+import type { DashboardMetric, DashboardSection } from './types'
+
+export interface DashboardPageProps {
+  title?: string
+  subtitle?: string
+  metrics?: DashboardMetric[]
+  sections?: DashboardSection[]
+  currency?: { code?: string; locale?: string; symbol?: string }
+  /** Render the in-content title/subtitle. Set false when the app shell owns
+   *  the page title (sidebar/GHL-style layouts). Default: true. */
+  showHeader?: boolean
+}
+
+/**
+ * Back-compat shim. The dashboard is now a widget registry (see DashboardCanvas),
+ * but standalone callers can still render a fixed set of metrics/sections. This
+ * converts them to widget definitions and renders them through the shared grid.
+ */
+export function DashboardPage({
+  title = 'Dashboard', subtitle = 'Business overview', metrics = [], sections = [], currency, showHeader = true,
+}: DashboardPageProps) {
+  const widgets: DashboardWidgetDef[] = React.useMemo(
+    () => [...metricsToWidgets(metrics, currency), ...sectionsToWidgets(sections)],
+    [metrics, sections, currency],
+  )
+
+  return (
+    <div className="space-y-6 p-6">
+      {showHeader ? (
+        <div>
+          <h1 className="text-2xl font-semibold tracking-tight">{title}</h1>
+          <p className="mt-1 text-sm text-muted-foreground">{subtitle}</p>
+        </div>
+      ) : null}
+      <WidgetGrid widgets={widgets} surface="home" />
+    </div>
+  )
+}

package/src/builders.tsx

@@ -0,0 +1,94 @@
+import * as React from 'react'
+import type { DashboardWidgetDef } from '@fayz-ai/core'
+import {
+  KpiCard,
+  OnboardingWidget,
+  defineKpiWidget,
+  defineCustomWidget,
+  defineOnboardingWidget,
+  useDashboardNavigate,
+  type KpiCurrency,
+  type OnboardingStepInput,
+} from '@fayz-ai/ui'
+import type { DashboardMetric, DashboardSection, OnboardingStep } from './types'
+
+const DOMAIN = 'dashboard'
+
+/** Legacy DashboardMetric[] → KPI widgets (async compute via the shared KpiCard). */
+export function metricsToWidgets(metrics: DashboardMetric[], currency?: KpiCurrency): DashboardWidgetDef[] {
+  return metrics.map((metric, i) =>
+    defineKpiWidget({
+      id: `dashboard.kpi.${metric.id}`,
+      title: metric.label,
+      icon: metric.icon,
+      domain: DOMAIN,
+      defaultVisible: metric.defaultVisible,
+      defaultOrder: metric.defaultOrder ?? i,
+      component: () => (
+        <KpiCard
+          label={metric.label}
+          icon={metric.icon}
+          compute={metric.compute}
+          format={metric.format}
+          currency={currency}
+          goal={metric.goal}
+          accent={metric.accent}
+        />
+      ),
+    }),
+  )
+}
+
+/** Legacy DashboardSection[] → full-width custom widgets. */
+export function sectionsToWidgets(sections: DashboardSection[]): DashboardWidgetDef[] {
+  return sections.map((section) => {
+    const SectionComponent = section.component
+    const Wrapped = () => {
+      const navigate = useDashboardNavigate()
+      return <SectionComponent onNavigate={navigate} />
+    }
+    return defineCustomWidget({
+      id: `dashboard.section.${section.id}`,
+      title: section.title,
+      icon: section.icon,
+      domain: DOMAIN,
+      // Half-width by default (guide/section cards like "Agenda de Hoje" should
+      // sit beside others, not dominate the row). Sections can opt into full
+      // width with `span: 4`.
+      span: section.span ?? 2,
+      defaultOrder: 100 + section.order,
+      verticalId: section.verticalId,
+      component: Wrapped,
+    })
+  })
+}
+
+/** Onboarding steps → a single "first steps to set up" checklist widget. */
+export function onboardingToWidget(
+  steps: OnboardingStep[],
+  labels: { title: string; subtitle: string },
+): DashboardWidgetDef {
+  const sorted = [...steps].sort((a, b) => a.order - b.order)
+  const Onboarding = () => {
+    const navigate = useDashboardNavigate()
+    const items: OnboardingStepInput[] = sorted.map((s) => ({
+      id: s.id,
+      title: s.title,
+      description: s.description,
+      icon: s.icon,
+      check: s.check,
+      action: s.action,
+    }))
+    return <OnboardingWidget title={labels.title} subtitle={labels.subtitle} steps={items} onNavigate={navigate} />
+  }
+  return defineOnboardingWidget({
+    id: 'dashboard.onboarding',
+    title: labels.title,
+    domain: DOMAIN,
+    // Half-width (2 of 4 cols) so the getting-started guide sits beside other
+    // content rather than dominating the row.
+    span: 2,
+    defaultOrder: 50,
+    component: Onboarding,
+  })
+}