@agent-native/core 0.76.9 → 0.76.11

package/corpus/templates/analytics/app/components/layout/DashboardHeader.tsx

@@ -2,6 +2,7 @@ import { IconUser, IconCalendar } from "@tabler/icons-react";
 import { useMemo } from "react";
 import { useParams } from "react-router";
 import { dashboards } from "@/pages/adhoc/registry";
+import { useFormatters, useT } from "@agent-native/core/client";
 
 interface DashboardHeaderProps {
   title?: string;
@@ -15,12 +16,26 @@ export function DashboardHeader({
   actions,
 }: DashboardHeaderProps) {
   const { id } = useParams<{ id: string }>();
+  const t = useT();
+  const { formatDate } = useFormatters();
 
   const metadata = useMemo(() => {
     return dashboards.find((d) => d.id === id);
   }, [id]);
 
-  const displayTitle = title || metadata?.name || "Dashboard";
+  const displayTitle = title || metadata?.name || t("navigation.dashboard");
+  const dateFormat: Intl.DateTimeFormatOptions = {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+  };
+  function formatMetadataDate(value: string): string {
+    try {
+      return formatDate(value, dateFormat);
+    } catch {
+      return value;
+    }
+  }
 
   return (
     <div className="mb-6 space-y-3">
@@ -51,13 +66,21 @@ export function DashboardHeader({
           {metadata.lastUpdated && (
             <div className="flex items-center gap-1.5">
               <IconCalendar className="h-3.5 w-3.5" />
-              <span>Updated {formatDate(metadata.lastUpdated)}</span>
+              <span>
+                {t("dashboardHeader.updated", {
+                  date: formatMetadataDate(metadata.lastUpdated),
+                })}
+              </span>
             </div>
           )}
           {metadata.dateCreated && (
             <div className="flex items-center gap-1.5">
               <IconCalendar className="h-3.5 w-3.5" />
-              <span>Created {formatDate(metadata.dateCreated)}</span>
+              <span>
+                {t("dashboardHeader.created", {
+                  date: formatMetadataDate(metadata.dateCreated),
+                })}
+              </span>
             </div>
           )}
         </div>
@@ -65,16 +88,3 @@ export function DashboardHeader({
     </div>
   );
 }
-
-function formatDate(dateStr: string): string {
-  try {
-    const date = new Date(dateStr);
-    return date.toLocaleDateString("en-US", {
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-    });
-  } catch {
-    return dateStr;
-  }
-}

package/corpus/templates/analytics/app/components/layout/Header.tsx

@@ -6,7 +6,7 @@ import {
   useHeaderTitle,
   useHeaderActions,
 } from "./HeaderActions";
-import { AgentToggleButton, LanguagePicker } from "@agent-native/core/client";
+import { AgentToggleButton } from "@agent-native/core/client";
 import { RunsTray } from "@agent-native/core/client/progress";
 import { useT } from "@agent-native/core/client";
 
@@ -57,7 +57,6 @@ export function Header() {
       </div>
       <div className="flex items-center gap-2 shrink-0">
         {actions}
-        <LanguagePicker variant="icon" />
         <RunsTray pollMs={1500} />
         <AgentToggleButton />
       </div>

package/corpus/templates/analytics/app/components/layout/HeaderActions.tsx

@@ -4,6 +4,7 @@ import {
   type ReactNode,
   type FC,
 } from "react";
+import { useT } from "@agent-native/core/client";
 import { Skeleton } from "@/components/ui/skeleton";
 
 /**
@@ -85,5 +86,11 @@ export function useSetHeaderActions(node: ReactNode) {
 }
 
 export function DashboardTitleSkeleton() {
-  return <Skeleton className="h-6 w-56" aria-label="Loading dashboard title" />;
+  const t = useT();
+  return (
+    <Skeleton
+      className="h-6 w-56"
+      aria-label={t("navigation.loadingDashboardTitle")}
+    />
+  );
 }

package/corpus/templates/analytics/app/components/layout/Layout.tsx

@@ -121,11 +121,8 @@ export function Layout({ children }: LayoutProps) {
             questions={guidedQuestions}
             onSubmit={handleGuidedSubmit}
             onSkip={handleGuidedSkip}
-            title={guidedTitle ?? "Clarify the dashboard"}
-            description={
-              guidedDescription ??
-              "A few choices help the agent pick the right source, metrics, cuts, and layout before it writes SQL."
-            }
+            title={guidedTitle ?? t("guidedQuestions.title")}
+            description={guidedDescription ?? t("guidedQuestions.description")}
             skipLabel={guidedSkipLabel}
             submitLabel={guidedSubmitLabel}
           />