@agent-native/core 0.76.5 → 0.76.6

package/corpus/templates/brain/app/routes/search.tsx

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { Link, useSearchParams } from "react-router";
-import { useActionQuery } from "@agent-native/core/client";
+import { useActionQuery, useT } from "@agent-native/core/client";
 import {
   IconBook2,
   IconCircleCheck,
@@ -75,6 +75,7 @@ const limitOptions = ["10", "25", "50", "100"];
 const groupOrder = ["knowledge", "capture", "source"];
 
 export default function SearchRoute() {
+  const t = useT();
   const [params, setParams] = useSearchParams();
   const query = params.get("q") ?? "";
   const type = params.get("type") ?? "all";
@@ -109,7 +110,15 @@ export default function SearchRoute() {
     provider !== "all" ||
     status !== "all";
   const groupedResults = useMemo(() => groupResults(results), [results]);
-  const resultFacets = useMemo(() => buildResultFacets(results), [results]);
+  const resultFacets = useMemo(
+    () =>
+      buildResultFacets(results, {
+        type: t("searchPage.type"),
+        source: t("searchPage.source"),
+        status: t("searchPage.status"),
+      }),
+    [results, t],
+  );
   const resultCount = results.length;
 
   function updateParam(key: string, value: string) {
@@ -129,13 +138,15 @@ export default function SearchRoute() {
   return (
     <div className="min-h-full bg-background">
       <PageHeader
-        eyebrow="Search"
-        title="Search company knowledge"
-        description="Search reviewed knowledge, raw captures, and source records, then open the cited Brain record or original source."
+        eyebrow={t("searchPage.eyebrow")}
+        title={t("searchPage.title")}
+        description={t("searchPage.description")}
         actions={
           <Badge variant="outline" className="gap-2">
             <IconSearch className="size-4" />
-            {searchQuery.isFetching ? "Searching" : `${resultCount} results`}
+            {searchQuery.isFetching
+              ? t("searchPage.searching")
+              : t("searchPage.results", { count: resultCount })}
           </Badge>
         }
       />
@@ -148,7 +159,7 @@ export default function SearchRoute() {
               <Input
                 value={query}
                 onChange={(event) => updateParam("q", event.target.value)}
-                placeholder="Search decisions, customer facts, source names, transcripts, or policy snippets..."
+                placeholder={t("searchPage.searchPlaceholder")}
                 className="h-11 ps-9 text-base"
                 autoFocus
               />
@@ -160,12 +171,14 @@ export default function SearchRoute() {
                 onValueChange={(value) => updateParam("type", value)}
               >
                 <SelectTrigger>
-                  <SelectValue placeholder="Type" />
+                  <SelectValue placeholder={t("searchPage.type")} />
                 </SelectTrigger>
                 <SelectContent>
                   {typeOptions.map((option) => (
                     <SelectItem key={option} value={option}>
-                      {option === "all" ? "All types" : statusLabel(option)}
+                      {option === "all"
+                        ? t("searchPage.allTypes")
+                        : statusLabel(option)}
                     </SelectItem>
                   ))}
                 </SelectContent>
@@ -176,12 +189,14 @@ export default function SearchRoute() {
                 onValueChange={(value) => updateParam("provider", value)}
               >
                 <SelectTrigger>
-                  <SelectValue placeholder="Source" />
+                  <SelectValue placeholder={t("searchPage.source")} />
                 </SelectTrigger>
                 <SelectContent>
                   {providerOptions.map((option) => (
                     <SelectItem key={option} value={option}>
-                      {option === "all" ? "All sources" : displayLabel(option)}
+                      {option === "all"
+                        ? t("searchPage.allSources")
+                        : displayLabel(option)}
                     </SelectItem>
                   ))}
                 </SelectContent>
@@ -192,12 +207,14 @@ export default function SearchRoute() {
                 onValueChange={(value) => updateParam("status", value)}
               >
                 <SelectTrigger>
-                  <SelectValue placeholder="Status" />
+                  <SelectValue placeholder={t("searchPage.status")} />
                 </SelectTrigger>
                 <SelectContent>
                   {statusOptions.map((option) => (
                     <SelectItem key={option} value={option}>
-                      {option === "all" ? "All statuses" : statusLabel(option)}
+                      {option === "all"
+                        ? t("searchPage.allStatuses")
+                        : statusLabel(option)}
                     </SelectItem>
                   ))}
                 </SelectContent>
@@ -208,7 +225,7 @@ export default function SearchRoute() {
                 onValueChange={(value) => updateParam("limit", value)}
               >
                 <SelectTrigger>
-                  <SelectValue placeholder="Limit" />
+                  <SelectValue placeholder={t("searchPage.limit")} />
                 </SelectTrigger>
                 <SelectContent>
                   {limitOptions.map((option) => (
@@ -226,7 +243,7 @@ export default function SearchRoute() {
                 disabled={!hasFilters && limit === "25"}
               >
                 <IconRefresh className="size-4" />
-                Reset
+                {t("searchPage.reset")}
               </Button>
             </div>
 
@@ -243,8 +260,8 @@ export default function SearchRoute() {
           <LoadingRows rows={5} />
         ) : searchQuery.isError ? (
           <EmptyActionState
-            title="Search is unavailable"
-            detail="Refresh the page and try again once Brain has finished loading."
+            title={t("searchPage.unavailableTitle")}
+            detail={t("searchPage.unavailableDetail")}
           />
         ) : results.length ? (
           <div className="grid gap-5">
@@ -278,13 +295,13 @@ export default function SearchRoute() {
           <EmptyActionState
             title={
               hasFilters
-                ? "No knowledge matches these filters"
-                : "Start with a company knowledge search"
+                ? t("searchPage.noMatchesTitle")
+                : t("searchPage.startTitle")
             }
             detail={
               hasFilters
-                ? "Broaden the query or clear a filter."
-                : "Enter a phrase to search cited company knowledge."
+                ? t("searchPage.noMatchesDetail")
+                : t("searchPage.startDetail")
             }
           />
         )}
@@ -300,14 +317,15 @@ function SearchResultRow({
   result: SearchEverythingResult;
   query: string;
 }) {
-  const body = result.snippet ?? result.summary ?? "No excerpt is available.";
+  const t = useT();
+  const body = result.snippet ?? result.summary ?? t("searchPage.noExcerpt");
   const whyMatched = explainMatch(result, query);
   const sourceLabel =
     result.sourceTitle ??
     result.source?.title ??
     result.sourceProvider ??
     result.provider ??
-    "Company knowledge";
+    t("searchPage.companyKnowledge");
   const internalHref = internalResultHref(result);
   const sourceUrl =
     result.url ?? result.sourceUrl ?? result.citation?.sourceUrl ?? null;
@@ -328,7 +346,7 @@ function SearchResultRow({
             ) : null}
           </div>
           <h3 className="mt-3 text-base font-semibold leading-6 text-foreground">
-            {result.title}
+            {result.title || t("searchPage.untitledResult")}
           </h3>
           <p className="mt-2 line-clamp-3 max-w-4xl text-sm leading-6 text-muted-foreground">
             {body}
@@ -344,32 +362,40 @@ function SearchResultRow({
         <div className="flex shrink-0 flex-wrap gap-2 lg:justify-end">
           {typeof result.confidence === "number" ? (
             <Badge variant="outline">
-              Confidence {formatPercent(result.confidence)}
+              {t("searchPage.confidence")} {formatPercent(result.confidence)}
             </Badge>
           ) : null}
           {typeof result.score === "number" ? (
-            <Badge variant="outline">Score {formatScore(result.score)}</Badge>
+            <Badge variant="outline">
+              {t("searchPage.score")} {formatScore(result.score)}
+            </Badge>
           ) : null}
         </div>
       </div>
 
       <div className="flex flex-col gap-3 text-xs text-muted-foreground sm:flex-row sm:items-center sm:justify-between">
         <div className="flex min-w-0 flex-wrap items-center gap-2">
-          <span className="truncate">Citation: {sourceLabel}</span>
-          {result.updatedAt ? <span>Updated {result.updatedAt}</span> : null}
+          <span className="truncate">
+            {t("searchPage.citation")}: {sourceLabel}
+          </span>
+          {result.updatedAt ? (
+            <span>
+              {t("searchPage.updated")} {result.updatedAt}
+            </span>
+          ) : null}
         </div>
         <div className="flex flex-wrap gap-2">
           <SearchResultDetails result={result} query={query} />
           {internalHref ? (
             <Button asChild variant="ghost" size="sm">
-              <Link to={internalHref}>View in Brain</Link>
+              <Link to={internalHref}>{t("searchPage.viewInBrain")}</Link>
             </Button>
           ) : null}
           {sourceUrl ? (
             <Button asChild variant="outline" size="sm">
               <a href={sourceUrl} target="_blank" rel="noreferrer">
                 <IconExternalLink className="size-4" />
-                Open source
+                {t("searchPage.openSource")}
               </a>
             </Button>
           ) : null}
@@ -386,7 +412,8 @@ function SearchResultDetails({
   result: SearchEverythingResult;
   query: string;
 }) {
-  const body = result.snippet ?? result.summary ?? "No excerpt is available.";
+  const t = useT();
+  const body = result.snippet ?? result.summary ?? t("searchPage.noExcerpt");
   const summary = result.summary ?? result.snippet ?? null;
   const sourceProvider =
     result.sourceProvider ?? result.provider ?? result.source?.provider ?? null;
@@ -394,7 +421,7 @@ function SearchResultDetails({
     result.sourceTitle ??
     result.source?.title ??
     result.citation?.captureTitle ??
-    "Company knowledge";
+    t("searchPage.companyKnowledge");
   const sourceUrl =
     result.url ?? result.sourceUrl ?? result.citation?.sourceUrl ?? null;
   const internalHref = internalResultHref(result);
@@ -406,7 +433,7 @@ function SearchResultDetails({
       <SheetTrigger asChild>
         <Button type="button" variant="ghost" size="sm">
           <IconInfoCircle className="size-4" />
-          Details
+          {t("searchPage.details")}
         </Button>
       </SheetTrigger>
       <SheetContent className="flex w-full max-w-full flex-col overflow-y-auto p-0 sm:max-w-xl">
@@ -421,7 +448,7 @@ function SearchResultDetails({
             ) : null}
           </div>
           <SheetTitle className="text-start text-xl leading-7">
-            {result.title}
+            {result.title || t("searchPage.untitledResult")}
           </SheetTitle>
           <SheetDescription className="text-start leading-6">
             {body}
@@ -431,26 +458,28 @@ function SearchResultDetails({
         <div className="grid gap-5 px-5 py-5">
           <section className="grid gap-2">
             <h3 className="text-sm font-semibold text-foreground">
-              Why this matched
+              {t("searchPage.whyMatched")}
             </h3>
             <p className="text-sm leading-6 text-muted-foreground">
-              {whyMatched ?? "This result matched the current search index."}
+              {whyMatched ?? t("searchPage.matchedIndex")}
             </p>
           </section>
 
           <Separator />
 
           <section className="grid gap-3">
-            <h3 className="text-sm font-semibold text-foreground">Summary</h3>
+            <h3 className="text-sm font-semibold text-foreground">
+              {t("searchPage.summary")}
+            </h3>
             <p className="text-sm leading-6 text-muted-foreground">
-              {summary ?? "No summary is available for this result."}
+              {summary ?? t("searchPage.noSummary")}
             </p>
           </section>
 
           <section className="grid gap-3">
             <h3 className="flex items-center gap-2 text-sm font-semibold text-foreground">
               <IconQuote className="size-4" />
-              Citation quote
+              {t("searchPage.citationQuote")}
             </h3>
             {quote ? (
               <blockquote className="rounded-md border border-border bg-muted/30 p-3 text-sm leading-6 text-muted-foreground">
@@ -458,25 +487,27 @@ function SearchResultDetails({
               </blockquote>
             ) : (
               <p className="text-sm leading-6 text-muted-foreground">
-                No citation quote is available.
+                {t("searchPage.noCitationQuote")}
               </p>
             )}
           </section>
 
           <section className="grid gap-3">
-            <h3 className="text-sm font-semibold text-foreground">Details</h3>
+            <h3 className="text-sm font-semibold text-foreground">
+              {t("searchPage.details")}
+            </h3>
             <dl className="grid gap-3 rounded-md border border-border p-3 text-sm sm:grid-cols-2">
-              <DetailItem label="Source" value={sourceTitle} />
+              <DetailItem label={t("searchPage.source")} value={sourceTitle} />
               <DetailItem
-                label="Provider"
+                label={t("searchPage.provider")}
                 value={sourceProvider ? displayLabel(sourceProvider) : null}
               />
               <DetailItem
-                label="Status"
+                label={t("searchPage.status")}
                 value={result.status ? statusLabel(result.status) : null}
               />
               <DetailItem
-                label="Confidence"
+                label={t("searchPage.confidence")}
                 value={
                   typeof result.confidence === "number"
                     ? formatPercent(result.confidence)
@@ -484,7 +515,7 @@ function SearchResultDetails({
                 }
               />
               <DetailItem
-                label="Score"
+                label={t("searchPage.score")}
                 value={
                   typeof result.score === "number"
                     ? formatScore(result.score)
@@ -492,7 +523,7 @@ function SearchResultDetails({
                 }
               />
               <DetailItem
-                label="Updated"
+                label={t("searchPage.updated")}
                 value={formatDateTime(result.updatedAt)}
               />
             </dl>
@@ -503,7 +534,9 @@ function SearchResultDetails({
               <Button asChild variant="outline" className="justify-start">
                 <a href={sourceUrl} target="_blank" rel="noreferrer">
                   <IconExternalLink className="size-4" />
-                  <span className="truncate">Open source URL</span>
+                  <span className="truncate">
+                    {t("searchPage.openSourceUrl")}
+                  </span>
                 </a>
               </Button>
             ) : null}
@@ -511,14 +544,18 @@ function SearchResultDetails({
               <Button asChild variant="ghost" className="justify-start">
                 <Link to={internalHref}>
                   <IconLink className="size-4" />
-                  <span className="truncate">Open Brain record</span>
+                  <span className="truncate">
+                    {t("searchPage.openBrainRecord")}
+                  </span>
                 </Link>
               </Button>
             ) : result.source?.id ? (
               <Button asChild variant="ghost" className="justify-start">
                 <Link to={`/sources?sourceId=${result.source.id}`}>
                   <IconLink className="size-4" />
-                  <span className="truncate">Open related source</span>
+                  <span className="truncate">
+                    {t("searchPage.openRelatedSource")}
+                  </span>
                 </Link>
               </Button>
             ) : null}
@@ -536,13 +573,15 @@ function DetailItem({
   label: string;
   value?: string | null;
 }) {
+  const t = useT();
+
   return (
     <div className="min-w-0">
       <dt className="text-xs font-medium uppercase text-muted-foreground">
         {label}
       </dt>
       <dd className="mt-1 truncate text-foreground">
-        {value || "Not available"}
+        {value || t("searchPage.notAvailable")}
       </dd>
     </div>
   );
@@ -555,13 +594,14 @@ function ResultFacets({
   facets: ResultFacetGroup[];
   onSelect: (key: string, value: string) => void;
 }) {
+  const t = useT();
   const visibleFacets = facets.filter((facet) => facet.items.length);
   if (!visibleFacets.length) return null;
 
   return (
     <div className="grid gap-2 border-t border-border pt-3">
       <div className="text-xs font-medium uppercase text-muted-foreground">
-        In these results
+        {t("searchPage.inTheseResults")}
       </div>
       <div className="flex flex-wrap gap-2">
         {visibleFacets.flatMap((facet) =>
@@ -610,16 +650,17 @@ type ResultFacetGroup = {
 
 function buildResultFacets(
   results: SearchEverythingResult[],
+  labels: { type: string; source: string; status: string },
 ): ResultFacetGroup[] {
   return [
     {
       key: "type",
-      label: "Type",
+      label: labels.type,
       items: countFacet(results, (result) => result.type || "knowledge"),
     },
     {
       key: "provider",
-      label: "Source",
+      label: labels.source,
       items: countFacet(
         results,
         (result) =>
@@ -628,7 +669,7 @@ function buildResultFacets(
     },
     {
       key: "status",
-      label: "Status",
+      label: labels.status,
       items: countFacet(results, (result) => result.status),
     },
   ];
@@ -671,7 +712,7 @@ function normalizeResult(
   return {
     id: result.id,
     type: result.type ?? "knowledge",
-    title: result.title || "Untitled result",
+    title: result.title || "",
     snippet: result.snippet,
     summary: result.summary,
     provider: result.provider,

package/corpus/templates/calendar/app/components/calendar/DeleteEventDialog.tsx

@@ -12,6 +12,7 @@ import {
 import { Label } from "@/components/ui/label";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { Textarea } from "@/components/ui/textarea";
+import { useT } from "@agent-native/core/client";
 import type { CalendarEvent, DeleteEventScope } from "@shared/api";
 import { getGuestAttendeeCount } from "@/components/calendar/GuestNotificationDialog";
 
@@ -33,6 +34,7 @@ export function DeleteEventDialog({
   onClose,
   onConfirm,
 }: DeleteEventDialogProps) {
+  const t = useT();
   const [scope, setScope] = useState<DeleteEventScope>("single");
   const [message, setMessage] = useState("");
 
@@ -50,24 +52,28 @@ export function DeleteEventDialog({
   const copy = useMemo(() => {
     if (!event) {
       return {
-        title: "Delete event?",
-        description: "This event will be deleted.",
-        action: "delete",
+        title: t("deleteEvent.title"),
+        description: t("deleteEvent.fallbackDescription"),
+        action: t("deleteEvent.deleteAction"),
       };
     }
-    const action = getIsRemoveOnly(event) ? "remove" : "delete";
+    const action = getIsRemoveOnly(event)
+      ? t("deleteEvent.removeAction")
+      : t("deleteEvent.deleteAction");
     return {
       title: isRecurring
-        ? `This is a recurring event`
-        : `${action === "remove" ? "Remove" : "Delete"} event?`,
+        ? t("deleteEvent.recurringTitle")
+        : getIsRemoveOnly(event)
+          ? t("deleteEvent.removeTitle")
+          : t("deleteEvent.title"),
       description: isRecurring
-        ? `Choose how much of the series to ${action}.`
+        ? t("deleteEvent.chooseScope", { action })
         : canNotifyGuests
-          ? `You can notify guests with an optional note.`
-          : `This event will be ${action}d.`,
+          ? t("deleteEvent.notifyGuests")
+          : t("deleteEvent.willBeActioned", { action }),
       action,
     };
-  }, [canNotifyGuests, event, isRecurring]);
+  }, [canNotifyGuests, event, isRecurring, t]);
 
   if (!event || !open) return null;
 
@@ -116,7 +122,9 @@ export function DeleteEventDialog({
             >
               <div className="flex items-center gap-2">
                 <RadioGroupItem id="delete-scope-single" value="single" />
-                <Label htmlFor="delete-scope-single">This event</Label>
+                <Label htmlFor="delete-scope-single">
+                  {t("deleteEvent.thisEvent")}
+                </Label>
               </div>
               <div className="flex items-center gap-2">
                 <RadioGroupItem
@@ -124,12 +132,14 @@ export function DeleteEventDialog({
                   value="thisAndFollowing"
                 />
                 <Label htmlFor="delete-scope-following">
-                  This and following events
+                  {t("deleteEvent.thisAndFollowing")}
                 </Label>
               </div>
               <div className="flex items-center gap-2">
                 <RadioGroupItem id="delete-scope-all" value="all" />
-                <Label htmlFor="delete-scope-all">All events</Label>
+                <Label htmlFor="delete-scope-all">
+                  {t("deleteEvent.allEvents")}
+                </Label>
               </div>
             </RadioGroup>
           )}
@@ -137,27 +147,29 @@ export function DeleteEventDialog({
           {canNotifyGuests && (
             <div className="space-y-2">
               <Label htmlFor="delete-notification-message">
-                Add a cancellation note
+                {t("deleteEvent.cancellationNote")}
               </Label>
               <Textarea
                 id="delete-notification-message"
                 value={message}
                 onChange={(event) => setMessage(event.target.value)}
-                placeholder="Why the event is being cancelled..."
+                placeholder={t("deleteEvent.cancellationPlaceholder")}
                 rows={4}
               />
               <p className="text-xs text-muted-foreground">
-                {guestCount} {guestCount === 1 ? "guest" : "guests"}
+                {t("deleteEvent.guest", { count: guestCount })}
               </p>
             </div>
           )}
         </div>
 
         <AlertDialogFooter className="gap-2 sm:gap-0">
-          <AlertDialogCancel data-cancel>Cancel</AlertDialogCancel>
+          <AlertDialogCancel data-cancel>
+            {t("deleteEvent.cancel")}
+          </AlertDialogCancel>
           {canNotifyGuests && (
             <Button variant="outline" onClick={() => handleConfirm("none")}>
-              Don't notify
+              {t("deleteEvent.dontNotify")}
             </Button>
           )}
           <Button
@@ -165,10 +177,10 @@ export function DeleteEventDialog({
             onClick={() => handleConfirm(canNotifyGuests ? "all" : "none")}
           >
             {canNotifyGuests
-              ? "Send cancellation"
+              ? t("deleteEvent.sendCancellation")
               : isRemoveOnly
-                ? "Remove event"
-                : "Delete event"}
+                ? t("deleteEvent.removeEvent")
+                : t("deleteEvent.deleteEvent")}
           </Button>
         </AlertDialogFooter>
       </AlertDialogContent>