@agent-native/core 0.122.4 → 0.123.0

package/corpus/templates/analytics/app/components/dashboard/RevenueChart.tsx

@@ -1,92 +0,0 @@
-import { useT } from "@agent-native/core/client/i18n";
-import {
-  Area,
-  AreaChart,
-  CartesianGrid,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis,
-} from "recharts";
-
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import {
-  chartAxisStroke,
-  chartGridStroke,
-  chartTooltipContentStyle,
-} from "@/lib/chart-theme";
-
-const data = [
-  { name: "Jan", total: 1200 },
-  { name: "Feb", total: 2100 },
-  { name: "Mar", total: 1800 },
-  { name: "Apr", total: 2400 },
-  { name: "May", total: 3200 },
-  { name: "Jun", total: 3800 },
-  { name: "Jul", total: 4200 },
-];
-
-export function RevenueChart() {
-  const t = useT();
-
-  return (
-    <Card className="col-span-full lg:col-span-4 bg-card">
-      <CardHeader>
-        <CardTitle>{t("dashboard.revenueOverTime")}</CardTitle>
-      </CardHeader>
-      <CardContent className="pl-2">
-        <div className="h-[300px] w-full">
-          <ResponsiveContainer width="100%" height="100%">
-            <AreaChart data={data}>
-              <defs>
-                <linearGradient id="colorTotal" x1="0" y1="0" x2="0" y2="1">
-                  <stop
-                    offset="5%"
-                    stopColor="var(--brand-blue)"
-                    stopOpacity={0.3}
-                  />
-                  <stop
-                    offset="95%"
-                    stopColor="var(--brand-blue)"
-                    stopOpacity={0}
-                  />
-                </linearGradient>
-              </defs>
-              <XAxis
-                dataKey="name"
-                stroke={chartAxisStroke}
-                fontSize={12}
-                tickLine={false}
-                axisLine={false}
-              />
-              <YAxis
-                stroke={chartAxisStroke}
-                fontSize={12}
-                tickLine={false}
-                axisLine={false}
-                tickFormatter={(value) => `$${value}`}
-              />
-              <CartesianGrid
-                strokeDasharray="3 3"
-                stroke={chartGridStroke}
-                vertical={false}
-              />
-              <Tooltip
-                contentStyle={chartTooltipContentStyle}
-                itemStyle={{ color: "var(--brand-blue)" }}
-              />
-              <Area
-                type="monotone"
-                dataKey="total"
-                stroke="var(--brand-blue)"
-                strokeWidth={2}
-                fillOpacity={1}
-                fill="url(#colorTotal)"
-              />
-            </AreaChart>
-          </ResponsiveContainer>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}

package/corpus/templates/analytics/app/components/dashboard/RevenueComparisonChart.tsx

@@ -1,154 +0,0 @@
-import { useT } from "@agent-native/core/client/i18n";
-import {
-  Bar,
-  CartesianGrid,
-  ComposedChart,
-  Legend,
-  Line,
-  ReferenceLine,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis,
-} from "recharts";
-
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
-import { chartAxisStroke, chartGridStroke } from "@/lib/chart-theme";
-
-interface RevenueComparisonChartProps {
-  title: string;
-  data: {
-    day: string;
-    revenue_in: number;
-    churn_out: number;
-    net: number;
-  }[];
-  isLoading?: boolean;
-  error?: string;
-}
-
-const formatCurrency = (value: number) =>
-  `$${Math.abs(value).toLocaleString(undefined, { maximumFractionDigits: 0 })}`;
-
-const formatDate = (value: string) => {
-  try {
-    const d = new Date(value);
-    return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
-  } catch {
-    return String(value);
-  }
-};
-
-function CustomTooltip({ active, payload, label }: any) {
-  if (!active || !payload?.length) return null;
-  return (
-    <div className="rounded-lg border border-border bg-popover px-3 py-2 text-xs text-popover-foreground shadow-lg">
-      <p className="mb-1 font-medium">{formatDate(label)}</p>
-      {payload.map((entry: any) => (
-        <p
-          key={entry.dataKey}
-          style={{ color: entry.color }}
-          className="flex items-center gap-2"
-        >
-          <span
-            className="inline-block h-2 w-2 rounded-full"
-            style={{ backgroundColor: entry.color }}
-          />
-          {entry.name}: {formatCurrency(entry.value)}
-        </p>
-      ))}
-    </div>
-  );
-}
-
-export function RevenueComparisonChart({
-  title,
-  data,
-  isLoading,
-  error,
-}: RevenueComparisonChartProps) {
-  const t = useT();
-  // Flip churn_out to negative for display
-  const chartData = data.map((d) => ({
-    ...d,
-    churn_out_display: -d.churn_out,
-  }));
-
-  return (
-    <Card className="bg-card">
-      <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-        <CardTitle className="text-base">{title}</CardTitle>
-      </CardHeader>
-      <CardContent>
-        {isLoading ? (
-          <Skeleton className="h-[400px] w-full" />
-        ) : error ? (
-          <p className="text-sm text-red-400 py-8 text-center">{error}</p>
-        ) : data.length === 0 ? (
-          <p className="text-sm text-muted-foreground py-8 text-center">
-            {t("common.noDataAvailable")}
-          </p>
-        ) : (
-          <div className="h-[400px] w-full">
-            <ResponsiveContainer width="100%" height="100%">
-              <ComposedChart data={chartData}>
-                <CartesianGrid
-                  strokeDasharray="3 3"
-                  stroke={chartGridStroke}
-                  vertical={false}
-                />
-                <XAxis
-                  dataKey="day"
-                  stroke={chartAxisStroke}
-                  fontSize={12}
-                  tickLine={false}
-                  axisLine={false}
-                  tickFormatter={formatDate}
-                />
-                <YAxis
-                  stroke={chartAxisStroke}
-                  fontSize={12}
-                  tickLine={false}
-                  axisLine={false}
-                  tickFormatter={(v) => {
-                    const abs = Math.abs(v);
-                    if (abs >= 1000) return `$${(v / 1000).toFixed(0)}k`;
-                    return `$${v}`;
-                  }}
-                />
-                <ReferenceLine y={0} stroke={chartAxisStroke} strokeWidth={1} />
-                <Tooltip content={<CustomTooltip />} />
-                <Legend
-                  wrapperStyle={{ fontSize: "12px", paddingTop: "8px" }}
-                />
-                <Bar
-                  dataKey="revenue_in"
-                  name="Revenue In (ARR)"
-                  fill="#10b981"
-                  radius={[3, 3, 0, 0]}
-                  maxBarSize={40}
-                />
-                <Bar
-                  dataKey="churn_out_display"
-                  name="Churn Out (ARR)"
-                  fill="#ef4444"
-                  radius={[0, 0, 3, 3]}
-                  maxBarSize={40}
-                />
-                <Line
-                  type="monotone"
-                  dataKey="net"
-                  name="Net"
-                  stroke="var(--brand-blue)"
-                  strokeWidth={2}
-                  dot={false}
-                />
-              </ComposedChart>
-            </ResponsiveContainer>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

package/corpus/templates/analytics/app/components/dashboard/StatsCard.tsx

@@ -1,49 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { cn } from "@/lib/utils";
-
-interface StatsCardProps {
-  title: string;
-  value: string;
-  icon: React.ComponentType<Record<string, unknown>>;
-  description: string;
-  trend?: {
-    value: number;
-    label: string;
-  };
-}
-
-export function StatsCard({
-  title,
-  value,
-  icon: Icon,
-  description,
-  trend,
-}: StatsCardProps) {
-  return (
-    <Card className="bg-card shadow-sm">
-      <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-        <CardTitle className="text-sm font-medium text-muted-foreground">
-          {title}
-        </CardTitle>
-        <Icon className="h-4 w-4 text-muted-foreground" />
-      </CardHeader>
-      <CardContent>
-        <div className="text-2xl font-bold">{value}</div>
-        <p className="text-xs text-muted-foreground mt-1">
-          {trend && (
-            <span
-              className={cn(
-                "font-medium mr-1",
-                trend.value > 0 ? "text-emerald-500" : "text-rose-500",
-              )}
-            >
-              {trend.value > 0 ? "+" : ""}
-              {trend.value}%
-            </span>
-          )}
-          {description}
-        </p>
-      </CardContent>
-    </Card>
-  );
-}

package/corpus/templates/analytics/app/components/dashboard/TimeSeriesChart.tsx

@@ -1,120 +0,0 @@
-import { useT } from "@agent-native/core/client/i18n";
-import {
-  Area,
-  AreaChart,
-  CartesianGrid,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis,
-} from "recharts";
-
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
-import {
-  chartAxisStroke,
-  chartGridStroke,
-  chartTooltipContentStyle,
-} from "@/lib/chart-theme";
-
-interface TimeSeriesChartProps {
-  title: string;
-  data: Record<string, unknown>[];
-  xKey: string;
-  yKey: string;
-  color?: string;
-  isLoading?: boolean;
-  error?: string;
-  yFormatter?: (value: number) => string;
-}
-
-export function TimeSeriesChart({
-  title,
-  data,
-  xKey,
-  yKey,
-  color = "var(--brand-blue)",
-  isLoading,
-  error,
-  yFormatter,
-}: TimeSeriesChartProps) {
-  const t = useT();
-  const formatXLabel = (value: any) => {
-    try {
-      const d = new Date(value);
-      return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
-    } catch {
-      return String(value);
-    }
-  };
-
-  return (
-    <Card className="bg-card">
-      <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-        <CardTitle className="text-base">{title}</CardTitle>
-      </CardHeader>
-      <CardContent>
-        {isLoading ? (
-          <Skeleton className="h-[300px] w-full" />
-        ) : error ? (
-          <p className="text-sm text-red-400 py-8 text-center">{error}</p>
-        ) : data.length === 0 ? (
-          <p className="text-sm text-muted-foreground py-8 text-center">
-            {t("common.noDataAvailable")}
-          </p>
-        ) : (
-          <div className="h-[300px] w-full">
-            <ResponsiveContainer width="100%" height="100%">
-              <AreaChart data={data}>
-                <defs>
-                  <linearGradient
-                    id={`gradient-${yKey}`}
-                    x1="0"
-                    y1="0"
-                    x2="0"
-                    y2="1"
-                  >
-                    <stop offset="5%" stopColor={color} stopOpacity={0.3} />
-                    <stop offset="95%" stopColor={color} stopOpacity={0} />
-                  </linearGradient>
-                </defs>
-                <XAxis
-                  dataKey={xKey}
-                  stroke={chartAxisStroke}
-                  fontSize={12}
-                  tickLine={false}
-                  axisLine={false}
-                  tickFormatter={formatXLabel}
-                />
-                <YAxis
-                  stroke={chartAxisStroke}
-                  fontSize={12}
-                  tickLine={false}
-                  axisLine={false}
-                  tickFormatter={yFormatter}
-                />
-                <CartesianGrid
-                  strokeDasharray="3 3"
-                  stroke={chartGridStroke}
-                  vertical={false}
-                />
-                <Tooltip
-                  contentStyle={chartTooltipContentStyle}
-                  labelFormatter={formatXLabel}
-                />
-                <Area
-                  type="monotone"
-                  dataKey={yKey}
-                  stroke={color}
-                  strokeWidth={2}
-                  fillOpacity={1}
-                  fill={`url(#gradient-${yKey})`}
-                />
-              </AreaChart>
-            </ResponsiveContainer>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

package/corpus/templates/analytics/server/handlers/dashboard-views.ts

@@ -1,85 +0,0 @@
-import { getOrgContext } from "@agent-native/core/org";
-import { readBody } from "@agent-native/core/server";
-import { defineEventHandler, getRouterParam, setResponseStatus } from "h3";
-
-import {
-  listDashboardViews as loadViews,
-  saveDashboardView as storeView,
-  deleteDashboardView as removeView,
-} from "../lib/dashboards-store";
-
-async function ctxFromEvent(event: any) {
-  const ctx = await getOrgContext(event);
-  return { email: ctx.email, orgId: ctx.orgId ?? null };
-}
-
-export interface DashboardView {
-  id: string;
-  name: string;
-  /** Filter params to apply (e.g. { "f_recentOnly": "2026-01-01" }) */
-  filters: Record<string, string>;
-  createdBy?: string;
-  createdAt?: string;
-}
-
-export const listDashboardViews = defineEventHandler(async (event) => {
-  const dashboardId = getRouterParam(event, "dashboardId");
-  if (!dashboardId) {
-    setResponseStatus(event, 400);
-    return { error: "Missing dashboardId" };
-  }
-  try {
-    const ctx = await ctxFromEvent(event);
-    const views = await loadViews(dashboardId, ctx);
-    return { views };
-  } catch (err: any) {
-    const status = err?.statusCode ?? 500;
-    setResponseStatus(event, status);
-    return { error: err.message };
-  }
-});
-
-export const saveDashboardView = defineEventHandler(async (event) => {
-  const dashboardId = getRouterParam(event, "dashboardId");
-  if (!dashboardId) {
-    setResponseStatus(event, 400);
-    return { error: "Missing dashboardId" };
-  }
-  try {
-    const ctx = await ctxFromEvent(event);
-    const body = await readBody(event);
-    const { id, name, filters } = body as DashboardView;
-    if (!name) {
-      setResponseStatus(event, 400);
-      return { error: "Missing name" };
-    }
-    const view = await storeView(
-      dashboardId,
-      { id, name, filters: filters ?? {} },
-      ctx,
-    );
-    return { success: true, view };
-  } catch (err: any) {
-    const status = err?.statusCode ?? 500;
-    setResponseStatus(event, status);
-    return { error: err.message };
-  }
-});
-
-export const deleteDashboardView = defineEventHandler(async (event) => {
-  const dashboardId = getRouterParam(event, "dashboardId");
-  const viewId = getRouterParam(event, "viewId");
-  if (!dashboardId || !viewId) {
-    setResponseStatus(event, 400);
-    return { error: "Missing dashboardId or viewId" };
-  }
-  try {
-    const ctx = await ctxFromEvent(event);
-    await removeView(dashboardId, viewId, ctx);
-    return { success: true };
-  } catch (err: any) {
-    const status = err?.statusCode ?? 500;
-    setResponseStatus(event, status);
-    return { error: err.message };
-  }
-});

package/corpus/templates/analytics/server/handlers/user-prefs.ts

@@ -1,58 +0,0 @@
-import { readBody, getSession } from "@agent-native/core/server";
-import {
-  getUserSetting,
-  putUserSetting,
-  deleteUserSetting,
-} from "@agent-native/core/settings";
-import { defineEventHandler, getRouterParam, setResponseStatus } from "h3";
-
-async function resolveEmail(event: any): Promise<string | null> {
-  const session = await getSession(event);
-  return session?.email ?? null;
-}
-
-export const getUserPref = defineEventHandler(async (event) => {
-  const key = getRouterParam(event, "key");
-  if (!key) {
-    setResponseStatus(event, 400);
-    return { error: "Missing key" };
-  }
-  const email = await resolveEmail(event);
-  if (!email) {
-    setResponseStatus(event, 401);
-    return { error: "Not authenticated" };
-  }
-  const data = await getUserSetting(email, key);
-  return data ?? {};
-});
-
-export const putUserPref = defineEventHandler(async (event) => {
-  const key = getRouterParam(event, "key");
-  if (!key) {
-    setResponseStatus(event, 400);
-    return { error: "Missing key" };
-  }
-  const email = await resolveEmail(event);
-  if (!email) {
-    setResponseStatus(event, 401);
-    return { error: "Not authenticated" };
-  }
-  const body = await readBody(event);
-  await putUserSetting(email, key, body);
-  return { success: true };
-});
-
-export const deleteUserPref = defineEventHandler(async (event) => {
-  const key = getRouterParam(event, "key");
-  if (!key) {
-    setResponseStatus(event, 400);
-    return { error: "Missing key" };
-  }
-  const email = await resolveEmail(event);
-  if (!email) {
-    setResponseStatus(event, 401);
-    return { error: "Not authenticated" };
-  }
-  await deleteUserSetting(email, key);
-  return { success: true };
-});

package/corpus/templates/analytics/server/routes/api/dashboard-views/[dashboardId]/[viewId].delete.ts

@@ -1 +0,0 @@
-export { deleteDashboardView as default } from "../../../../handlers/dashboard-views";

package/corpus/templates/analytics/server/routes/api/dashboard-views/[dashboardId].get.ts

@@ -1 +0,0 @@
-export { listDashboardViews as default } from "../../../handlers/dashboard-views";

package/corpus/templates/analytics/server/routes/api/dashboard-views/[dashboardId].post.ts

@@ -1 +0,0 @@
-export { saveDashboardView as default } from "../../../handlers/dashboard-views";

package/corpus/templates/analytics/server/routes/api/theme.get.ts

@@ -1,17 +0,0 @@
-import { defineEventHandler } from "h3";
-
-import {
-  getScopedSettingRecord,
-  resolveSettingsScope,
-} from "../../lib/scoped-settings";
-
-export default defineEventHandler(async (event) => {
-  try {
-    const scope = await resolveSettingsScope(event);
-    const data = await getScopedSettingRecord(scope, "analytics-theme");
-    if (data) return data;
-    return { theme: "dark" };
-  } catch {
-    return { theme: "dark" };
-  }
-});

package/corpus/templates/analytics/server/routes/api/theme.post.ts

@@ -1,15 +0,0 @@
-import { readBody } from "@agent-native/core/server";
-import { defineEventHandler } from "h3";
-
-import {
-  putScopedSettingRecord,
-  resolveSettingsScope,
-} from "../../lib/scoped-settings";
-
-export default defineEventHandler(async (event) => {
-  const body = await readBody(event);
-  const theme = body?.theme === "light" ? "light" : "dark";
-  const scope = await resolveSettingsScope(event);
-  await putScopedSettingRecord(scope, "analytics-theme", { theme });
-  return { theme };
-});

package/corpus/templates/analytics/server/routes/api/user-prefs/[key].delete.ts

@@ -1 +0,0 @@
-export { deleteUserPref as default } from "../../../handlers/user-prefs";

package/corpus/templates/analytics/server/routes/api/user-prefs/[key].get.ts

@@ -1 +0,0 @@
-export { getUserPref as default } from "../../../handlers/user-prefs";

package/corpus/templates/analytics/server/routes/api/user-prefs/[key].put.ts

@@ -1 +0,0 @@
-export { putUserPref as default } from "../../../handlers/user-prefs";