@agent-native/core 0.77.3 → 0.77.4

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/ViewsMenu.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client";
 import {
   IconChevronDown,
   IconDeviceFloppy,
@@ -89,6 +90,7 @@ function filtersMatch(
 }
 
 export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
+  const t = useT();
   const [searchParams, setSearchParams] = useSearchParams();
   const { views, saveView, deleteView } = useDashboardViews(dashboardId);
 
@@ -154,7 +156,7 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
     setDeleteTarget(null);
   };
 
-  const triggerLabel = activeView ? activeView.name : "Views";
+  const triggerLabel = activeView ? activeView.name : t("sqlDashboard.views");
 
   return (
     <>
@@ -169,15 +171,15 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
               </Button>
             </DropdownMenuTrigger>
           </TooltipTrigger>
-          <TooltipContent>Saved views</TooltipContent>
+          <TooltipContent>{t("sqlDashboard.savedViews")}</TooltipContent>
         </Tooltip>
         <DropdownMenuContent align="start" className="w-60">
           <DropdownMenuLabel className="text-xs text-muted-foreground">
-            Saved views
+            {t("sqlDashboard.savedViews")}
           </DropdownMenuLabel>
           {views.length === 0 ? (
             <div className="px-2 py-2 text-xs text-muted-foreground">
-              No saved views yet.
+              {t("sqlDashboard.noSavedViews")}
             </div>
           ) : (
             views.map((v) => (
@@ -207,7 +209,9 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
                         <IconTrash className="h-3 w-3" />
                       </Button>
                     </TooltipTrigger>
-                    <TooltipContent>{`Delete ${v.name}`}</TooltipContent>
+                    <TooltipContent>
+                      {t("sqlDashboard.deleteView", { name: v.name })}
+                    </TooltipContent>
                   </Tooltip>
                 ) : null}
               </DropdownMenuItem>
@@ -224,7 +228,7 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
                 }}
               >
                 <IconDeviceFloppy className="h-4 w-4 mr-2" />
-                Save current view
+                {t("sqlDashboard.saveCurrentView")}
               </DropdownMenuItem>
             </>
           ) : null}
@@ -234,11 +238,11 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
       <Dialog open={canEdit && saveDialogOpen} onOpenChange={setSaveDialogOpen}>
         <DialogContent className="sm:max-w-[400px]">
           <DialogHeader>
-            <DialogTitle>Save view</DialogTitle>
+            <DialogTitle>{t("sqlDashboard.saveView")}</DialogTitle>
           </DialogHeader>
           <div className="py-2">
             <Input
-              placeholder="View name (e.g. 'Enterprise only')"
+              placeholder={t("sqlDashboard.viewNameEnterprisePlaceholder")}
               value={viewName}
               onChange={(e) => setViewName(e.target.value)}
               onKeyDown={(e) => {
@@ -248,8 +252,7 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
             />
             {Object.keys(currentFilters).length === 0 && (
               <p className="mt-2 text-xs text-muted-foreground">
-                No filters are currently active — this view will apply the
-                default filter state.
+                {t("sqlDashboard.noActiveFilters")}
               </p>
             )}
           </div>
@@ -260,14 +263,14 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
               onClick={() => setSaveDialogOpen(false)}
               disabled={savingView}
             >
-              Cancel
+              {t("sidebar.cancel")}
             </Button>
             <Button
               size="sm"
               onClick={handleSaveView}
               disabled={!viewName.trim() || savingView}
             >
-              {savingView ? "Saving..." : "Save"}
+              {savingView ? t("sqlDashboard.saving") : t("sqlDashboard.save")}
             </Button>
           </DialogFooter>
         </DialogContent>
@@ -279,15 +282,19 @@ export function ViewsMenu({ dashboardId, canEdit = true }: ViewsMenuProps) {
       >
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Delete view?</AlertDialogTitle>
+            <AlertDialogTitle>
+              {t("sqlDashboard.deleteViewTitle")}
+            </AlertDialogTitle>
             <AlertDialogDescription>
-              Delete view "{deleteTarget?.name}"? This cannot be undone.
+              {t("sqlDashboard.deleteViewDescription", {
+                name: deleteTarget?.name ?? "",
+              })}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogCancel>{t("sidebar.cancel")}</AlertDialogCancel>
             <AlertDialogAction onClick={handleDeleteView}>
-              Delete
+              {t("sidebar.delete")}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/index.tsx

@@ -10,6 +10,7 @@ import {
   callAction,
   useChangeVersions,
   useActionMutation,
+  useT,
   type CollabUser,
 } from "@agent-native/core/client";
 import {
@@ -282,6 +283,7 @@ async function saveDashboard(
 }
 
 export default function SqlDashboardPage() {
+  const t = useT();
   const [searchParams, setSearchParams] = useSearchParams();
   const { id: routeId } = useParams<{ id: string }>();
   const queryClient = useQueryClient();
@@ -606,7 +608,7 @@ export default function SqlDashboardPage() {
     (updated: SqlDashboardConfig) => {
       if (!dashboardId) return;
       if (!canEdit) {
-        toast.error("You have view-only access to this dashboard.");
+        toast.error(t("sqlDashboard.viewOnly"));
         return;
       }
       setDashboard(updated);
@@ -629,12 +631,14 @@ export default function SqlDashboardPage() {
         .catch((err) => {
           toast.error(
             err instanceof Error
-              ? `Couldn't save dashboard: ${err.message}`
-              : "Couldn't save dashboard",
+              ? t("sqlDashboard.saveFailedWithMessage", {
+                  message: err.message,
+                })
+              : t("sqlDashboard.saveFailed"),
           );
         });
     },
-    [dashboardId, canEdit, queryClient, pushToCollab],
+    [dashboardId, canEdit, queryClient, pushToCollab, t],
   );
 
   /**
@@ -645,7 +649,7 @@ export default function SqlDashboardPage() {
     async (updated: SqlDashboardConfig) => {
       if (!dashboardId) return;
       if (!canEdit) {
-        throw new Error("You have view-only access to this dashboard.");
+        throw new Error(t("sqlDashboard.viewOnly"));
       }
       await saveDashboard(dashboardId, updated);
       setDashboard(updated);
@@ -659,7 +663,7 @@ export default function SqlDashboardPage() {
         queryKey: ["data", "sql-dashboard", dashboardId],
       });
     },
-    [dashboardId, canEdit, queryClient, pushToCollab],
+    [dashboardId, canEdit, queryClient, pushToCollab, t],
   );
 
   const removePanel = useCallback(
@@ -1003,7 +1007,7 @@ export default function SqlDashboardPage() {
           >
             <Button size="sm" variant="outline">
               <IconPlus className="h-4 w-4 mr-1" />
-              Add panel
+              {t("sqlDashboard.addPanel")}
             </Button>
           </AddPanelPopover>
         ) : null}
@@ -1015,13 +1019,13 @@ export default function SqlDashboardPage() {
                   size="sm"
                   variant="ghost"
                   className="text-muted-foreground hover:text-foreground"
-                  aria-label="Dashboard details and actions"
+                  aria-label={t("sqlDashboard.dashboardActions")}
                 >
                   <IconDots className="h-4 w-4" />
                 </Button>
               </DropdownMenuTrigger>
             </TooltipTrigger>
-            <TooltipContent>Details</TooltipContent>
+            <TooltipContent>{t("sqlDashboard.details")}</TooltipContent>
           </Tooltip>
           <DropdownMenuContent align="end" className="w-56">
             <DropdownMenuLabel className="font-normal">
@@ -1029,11 +1033,15 @@ export default function SqlDashboardPage() {
                 {dashboardUpdatedAt && (
                   <span className="flex items-center gap-1.5">
                     <IconClock className="h-3 w-3" />
-                    Updated{" "}
-                    {new Date(dashboardUpdatedAt).toLocaleDateString("en-US", {
-                      year: "numeric",
-                      month: "short",
-                      day: "numeric",
+                    {t("sqlDashboard.updated", {
+                      date: new Date(dashboardUpdatedAt).toLocaleDateString(
+                        "en-US",
+                        {
+                          year: "numeric",
+                          month: "short",
+                          day: "numeric",
+                        },
+                      ),
                     })}
                   </span>
                 )}
@@ -1063,16 +1071,16 @@ export default function SqlDashboardPage() {
                       }`}
                     />
                     {dashboardVisibility === "public"
-                      ? "Public"
+                      ? t("sqlDashboard.public")
                       : dashboardVisibility === "org"
-                        ? "Shared with org"
-                        : "Private"}
+                        ? t("sqlDashboard.sharedWithOrg")
+                        : t("sqlDashboard.private")}
                   </span>
                 ) : null}
                 {hiddenAt && (
                   <span className="flex items-center gap-1.5 font-medium text-amber-600 dark:text-amber-400">
                     <IconEyeOff className="h-3 w-3" />
-                    Hidden
+                    {t("sqlDashboard.hidden")}
                   </span>
                 )}
               </div>
@@ -1088,7 +1096,7 @@ export default function SqlDashboardPage() {
                 }}
               >
                 <IconArchive className="mr-2 h-3.5 w-3.5" />
-                Archive
+                {t("sidebar.archive")}
               </DropdownMenuItem>
             ) : null}
             {canEdit && !archivedAt && canManage ? (
@@ -1103,7 +1111,7 @@ export default function SqlDashboardPage() {
                 className="text-destructive focus:text-destructive"
               >
                 <IconTrash className="mr-2 h-3.5 w-3.5" />
-                Delete permanently
+                {t("sqlDashboard.deletePermanently")}
               </DropdownMenuItem>
             ) : null}
           </DropdownMenuContent>
@@ -1115,20 +1123,22 @@ export default function SqlDashboardPage() {
           >
             <AlertDialogContent>
               <AlertDialogHeader>
-                <AlertDialogTitle>Delete permanently?</AlertDialogTitle>
+                <AlertDialogTitle>
+                  {t("sqlDashboard.deletePermanentlyTitle")}
+                </AlertDialogTitle>
                 <AlertDialogDescription>
-                  This permanently deletes &ldquo;{dashboard?.name}&rdquo; and
-                  cannot be undone. To keep it recoverable, choose Archive
-                  instead.
+                  {t("sqlDashboard.deletePermanentlyDescription", {
+                    name: dashboard?.name ?? "",
+                  })}
                 </AlertDialogDescription>
               </AlertDialogHeader>
               <AlertDialogFooter>
-                <AlertDialogCancel>Cancel</AlertDialogCancel>
+                <AlertDialogCancel>{t("sidebar.cancel")}</AlertDialogCancel>
                 <AlertDialogAction
                   onClick={handleDelete}
                   className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
                 >
-                  Delete permanently
+                  {t("sqlDashboard.deletePermanently")}
                 </AlertDialogAction>
               </AlertDialogFooter>
             </AlertDialogContent>
@@ -1141,7 +1151,7 @@ export default function SqlDashboardPage() {
   if (!dashboardId) {
     return (
       <div className="flex items-center justify-center h-64 text-muted-foreground">
-        No dashboard selected
+        {t("sqlDashboard.noDashboardSelected")}
       </div>
     );
   }
@@ -1158,8 +1168,7 @@ export default function SqlDashboardPage() {
         <div className="flex flex-wrap items-center gap-3 rounded-md border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900 dark:border-amber-900/70 dark:bg-amber-950/40 dark:text-amber-200">
           <IconEyeOff className="h-4 w-4 shrink-0 text-amber-600 dark:text-amber-400" />
           <span className="min-w-0 flex-1">
-            This dashboard is hidden from regular lists. It remains searchable
-            and openable by direct link.
+            {t("sqlDashboard.hiddenDescription")}
           </span>
           <Button
             size="sm"
@@ -1169,19 +1178,16 @@ export default function SqlDashboardPage() {
             className="shrink-0 border-amber-300 bg-amber-100 text-amber-950 hover:bg-amber-200 dark:border-amber-800 dark:bg-amber-900/40 dark:text-amber-100 dark:hover:bg-amber-900/70"
           >
             <IconEye className="mr-1.5 h-3.5 w-3.5" />
-            Unhide
+            {t("sidebar.unhide")}
           </Button>
         </div>
       ) : null}
       {showDemoIntro ? (
         <Alert className="border-cyan-400/50 bg-cyan-400/10 pr-12 text-cyan-950 shadow-sm shadow-cyan-500/10 dark:bg-cyan-400/10 dark:text-cyan-50 [&>svg]:text-cyan-600 dark:[&>svg]:text-cyan-300">
           <IconInfoCircle className="h-4 w-4" />
-          <AlertTitle>You&apos;re viewing a live demo</AlertTitle>
+          <AlertTitle>{t("sqlDashboard.demoIntroTitle")}</AlertTitle>
           <AlertDescription className="text-cyan-900/80 dark:text-cyan-100/80">
-            This dashboard uses the built-in demo Prometheus endpoint, not your
-            connected sources or provider slots. Start with app metrics here,
-            switch to Node for system metrics, and archive or delete it from the
-            dashboard menu whenever you&apos;re done.
+            {t("sqlDashboard.demoIntroDescription")}
           </AlertDescription>
           <Button
             type="button"
@@ -1189,7 +1195,7 @@ export default function SqlDashboardPage() {
             size="icon"
             className="absolute right-2 top-2 h-8 w-8 text-cyan-900 hover:bg-cyan-400/20 hover:text-cyan-950 dark:text-cyan-100 dark:hover:text-cyan-50"
             onClick={dismissDemoIntro}
-            aria-label="Dismiss demo intro"
+            aria-label={t("sqlDashboard.dismissDemoIntro")}
           >
             <IconX className="h-4 w-4" />
           </Button>
@@ -1209,7 +1215,7 @@ export default function SqlDashboardPage() {
           }}
           rows={2}
           autoFocus
-          placeholder="Add a description"
+          placeholder={t("sqlDashboard.addDescriptionPlaceholder")}
           className="text-sm resize-y"
         />
       ) : dashboard.description ? (
@@ -1239,7 +1245,7 @@ export default function SqlDashboardPage() {
           }}
         >
           <IconPencil className="h-3 w-3" />
-          Add description
+          {t("sqlDashboard.addDescription")}
         </button>
       ) : null}
 
@@ -1295,7 +1301,7 @@ export default function SqlDashboardPage() {
       {dashboard.panels.length === 0 ? (
         <Card>
           <CardContent className="flex flex-col items-center justify-center h-64 text-muted-foreground text-sm gap-3">
-            <p>This dashboard has no panels yet.</p>
+            <p>{t("sqlDashboard.noPanels")}</p>
             {canEdit ? (
               <AddPanelPopover
                 onSave={handleSavePanel}
@@ -1305,7 +1311,7 @@ export default function SqlDashboardPage() {
               >
                 <Button size="sm" variant="outline">
                   <IconPlus className="h-4 w-4 mr-1" />
-                  Add your first panel
+                  {t("sqlDashboard.addFirstPanel")}
                 </Button>
               </AddPanelPopover>
             ) : null}

package/corpus/templates/analytics/app/pages/analyses/AnalysesList.tsx

@@ -2,6 +2,7 @@ import {
   callAction,
   useSendToAgentChat,
   useChangeVersions,
+  useT,
 } from "@agent-native/core/client";
 import { IconFlask, IconClock, IconSearch } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
@@ -49,6 +50,7 @@ function formatRelativeDate(iso: string): string {
 }
 
 export default function AnalysesList() {
+  const t = useT();
   const analysesSync = useChangeVersions(["analyses", "action"]);
   const { data: analyses, isLoading } = useQuery({
     queryKey: ["analyses-list", analysesSync],
@@ -75,14 +77,14 @@ export default function AnalysesList() {
       <div className="space-y-6">
         <div className="flex items-center gap-3">
           <p className="text-sm text-muted-foreground flex-1">
-            Ad-hoc analyses that can be re-run anytime for fresh results
+            {t("analyses.description")}
           </p>
           {analyses && analyses.length > 0 && (
             <div className="relative">
               <IconSearch className="absolute start-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground/60 pointer-events-none" />
               <input
                 type="search"
-                placeholder="Search analyses…"
+                placeholder={t("analyses.searchPlaceholder")}
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
                 className="h-8 rounded-md border border-input bg-background ps-8 pe-3 text-xs placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-ring"
@@ -104,25 +106,26 @@ export default function AnalysesList() {
                 <IconFlask className="h-7 w-7 text-primary" />
               </div>
               <h3 className="text-lg font-semibold mb-2">
-                {searchQuery ? "No results" : "No analyses yet"}
+                {searchQuery
+                  ? t("analyses.noResults")
+                  : t("analyses.noAnalysesYet")}
               </h3>
               <p className="text-sm text-muted-foreground max-w-sm mb-4">
                 {searchQuery
-                  ? `No analyses match "${searchQuery}".`
-                  : "Ask the AI assistant to run an analysis with your configured data sources, and it will save the results here with the evidence it queried."}
+                  ? t("analyses.noResultsForQuery", { query: searchQuery })
+                  : t("analyses.emptyDescription")}
               </p>
               {!searchQuery && (
                 <button
                   onClick={() =>
                     send({
-                      message:
-                        "Run an ad-hoc analysis using my configured data sources and summarize the key findings",
+                      message: t("analyses.examplePrompt"),
                       submit: false,
                     })
                   }
                   className="text-sm text-primary hover:underline"
                 >
-                  Try an example prompt
+                  {t("analyses.tryExamplePrompt")}
                 </button>
               )}
             </CardContent>

package/corpus/templates/analytics/app/pages/analyses/AnalysisDetail.tsx

@@ -3,6 +3,7 @@ import {
   callAction,
   useActionMutation,
   useChangeVersions,
+  useT,
 } from "@agent-native/core/client";
 import { useSendToAgentChat } from "@agent-native/core/client";
 import {
@@ -95,6 +96,7 @@ function formatDate(iso: string): string {
 }
 
 export default function AnalysisDetail() {
+  const t = useT();
   const { id } = useParams<{ id: string }>();
   const navigate = useNavigate();
   const queryClient = useQueryClient();
@@ -140,7 +142,7 @@ export default function AnalysisDetail() {
   const handleRerun = () => {
     if (!analysis || !canEdit) return;
     send({
-      message: `Re-run the analysis "${analysis.name}" with the latest data and update the saved results.`,
+      message: t("analyses.rerunMessage", { name: analysis.name }),
       context:
         `This is a re-run of a saved ad-hoc analysis. REAL_DATA_REQUIRED: run at least one real data-source query action before saving or answering; data-source-status, generate-chart, and save-analysis do not count as data queries. If no source can answer, report the exact unavailable/error result instead of saving guessed results.\n\n` +
         `Use these instructions to reproduce it:\n\n` +
@@ -187,13 +189,10 @@ export default function AnalysisDetail() {
                 disabled={isGenerating}
               >
                 <IconRefresh className="h-4 w-4" />
-                Re-run
+                {t("analyses.rerun")}
               </Button>
             </TooltipTrigger>
-            <TooltipContent>
-              Re-run this analysis with the latest data and update the saved
-              results
-            </TooltipContent>
+            <TooltipContent>{t("analyses.rerunTooltip")}</TooltipContent>
           </Tooltip>
         ) : null}
         {canManage ? (
@@ -205,16 +204,15 @@ export default function AnalysisDetail() {
             </AlertDialogTrigger>
             <AlertDialogContent>
               <AlertDialogHeader>
-                <AlertDialogTitle>Delete analysis?</AlertDialogTitle>
+                <AlertDialogTitle>{t("analyses.deleteTitle")}</AlertDialogTitle>
                 <AlertDialogDescription>
-                  This will permanently delete "{analysis.name}" and its
-                  results.
+                  {t("analyses.deleteDescription", { name: analysis.name })}
                 </AlertDialogDescription>
               </AlertDialogHeader>
               <AlertDialogFooter>
-                <AlertDialogCancel>Cancel</AlertDialogCancel>
+                <AlertDialogCancel>{t("sidebar.cancel")}</AlertDialogCancel>
                 <AlertDialogAction onClick={handleDelete}>
-                  Delete
+                  {t("sidebar.delete")}
                 </AlertDialogAction>
               </AlertDialogFooter>
             </AlertDialogContent>
@@ -237,12 +235,12 @@ export default function AnalysisDetail() {
   if (!analysis) {
     return (
       <div className="flex flex-col items-center justify-center py-24 text-center">
-        <h3 className="text-lg font-semibold mb-2">Analysis not found</h3>
+        <h3 className="text-lg font-semibold mb-2">{t("analyses.notFound")}</h3>
         <p className="text-sm text-muted-foreground mb-4">
-          This analysis may have been deleted.
+          {t("analyses.mayHaveBeenDeleted")}
         </p>
         <Link to="/analyses" className="text-sm text-primary hover:underline">
-          Back to analyses
+          {t("analyses.backToAnalyses")}
         </Link>
       </div>
     );
@@ -266,7 +264,7 @@ export default function AnalysisDetail() {
             className="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground mb-3"
           >
             <IconArrowLeft className="h-3 w-3" />
-            All analyses
+            {t("analyses.allAnalyses")}
           </Link>
           {analysis.description && (
             <p className="text-sm text-muted-foreground">
@@ -278,12 +276,18 @@ export default function AnalysisDetail() {
           <div className="flex flex-wrap items-center gap-3 mt-3 text-xs text-muted-foreground">
             <span className="flex items-center gap-1">
               <IconClock className="h-3 w-3" />
-              Updated {formatDate(analysis.updatedAt)}
+              {t("analyses.updated", { date: formatDate(analysis.updatedAt) })}
             </span>
             {analysis.createdAt !== analysis.updatedAt && (
-              <span>Created {formatDate(analysis.createdAt)}</span>
+              <span>
+                {t("analyses.created", {
+                  date: formatDate(analysis.createdAt),
+                })}
+              </span>
+            )}
+            {analysis.author && (
+              <span>{t("analyses.byAuthor", { author: analysis.author })}</span>
             )}
-            {analysis.author && <span>by {analysis.author}</span>}
             <span
               className={`flex items-center gap-1.5 font-medium ${
                 analysis.visibility === "public"
@@ -303,10 +307,10 @@ export default function AnalysisDetail() {
                 }`}
               />
               {analysis.visibility === "public"
-                ? "Public"
+                ? t("analyses.public")
                 : analysis.visibility === "org"
-                  ? "Shared with org"
-                  : "Private"}
+                  ? t("analyses.sharedWithOrg")
+                  : t("analyses.private")}
             </span>
           </div>