@agent-native/core 0.114.12 → 0.114.15

package/corpus/templates/slides/app/components/design-system/DesignSystemSetup.tsx

@@ -6,6 +6,7 @@ import {
 } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { openAgentSidebar } from "@agent-native/core/client/navigation";
+import { withBuilderUtmTrackingParams } from "@agent-native/core/shared";
 import {
   IconWorld,
   IconPalette,
@@ -921,7 +922,14 @@ function BuilderIndexPreview({
 
       <div className="flex flex-wrap items-center gap-2 border-t border-border pt-3">
         <Button size="sm" asChild className="cursor-pointer">
-          <a href={result.builderUrl} target="_blank" rel="noreferrer">
+          <a
+            href={withBuilderUtmTrackingParams(result.builderUrl, {
+              campaign: "product",
+              content: "design_system_intelligence",
+            })}
+            target="_blank"
+            rel="noreferrer"
+          >
             <IconExternalLink className="w-3.5 h-3.5" />
             {t("designSystemSetup.openInBuilder")}
           </a>

package/corpus/templates/slides/app/context/DeckContext.tsx

@@ -9,6 +9,7 @@ import {
 } from "@agent-native/core/client/collab";
 import { callAction } from "@agent-native/core/client/hooks";
 import { isEmbedAuthActive } from "@agent-native/core/client/host";
+import { useOrg } from "@agent-native/core/client/org";
 import { nanoid } from "nanoid";
 import {
   createContext,
@@ -950,6 +951,7 @@ export const defaultSlideContent: Record<SlideLayout, string> = {
 };
 
 export function DeckProvider({ children }: { children: ReactNode }) {
+  const { data: org } = useOrg();
   const [decks, setDecks] = useState<Deck[]>([]);
   const [loading, setLoading] = useState(true);
   const [loadError, setLoadError] = useState(false);
@@ -1269,6 +1271,22 @@ export function DeckProvider({ children }: { children: ReactNode }) {
     });
   }, [resetDeckBaseline]);
 
+  // Switching orgs re-scopes list-decks server-side but leaves this context's
+  // in-memory list untouched, so the previous org's decks linger. Reload when
+  // the org id actually changes; skip the first observed id so we don't double
+  // up on the mount fetch above.
+  const lastOrgIdRef = useRef<string | null | undefined>(undefined);
+  useEffect(() => {
+    const orgId = org?.orgId ?? null;
+    if (lastOrgIdRef.current === undefined) {
+      lastOrgIdRef.current = orgId;
+      return;
+    }
+    if (lastOrgIdRef.current === orgId) return;
+    lastOrgIdRef.current = orgId;
+    void reloadDecks();
+  }, [org?.orgId, reloadDecks]);
+
   // Fallback polling for deck list + open-deck changes. SSE is the primary
   // path; this catches agent/db writes that bypass it without hammering idle
   // editor pages.

package/corpus/templates/slides/changelog/2026-07-21-decks-list-now-refreshes-when-you-switch-organizations.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-21
+---
+
+Decks list now refreshes when you switch organizations

package/corpus/templates/tasks/app/components/custom-fields/FieldCreateBar.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client/i18n";
 import { IconPlus } from "@tabler/icons-react";
 import { useState, type FormEvent } from "react";
 
@@ -17,17 +18,7 @@ import type { FieldConfig, FieldType } from "@/hooks/use-custom-fields";
 import { FieldConfigControl } from "./editor/config/FieldConfigControl";
 import { normalizedInitialConfig } from "./editor/config/utils";
 import type { FieldDraft } from "./editor/types";
-
-const FIELD_TYPE_OPTIONS: Array<{ value: FieldType; label: string }> = [
-  { value: "text", label: "Text" },
-  { value: "rich_text", label: "Rich text" },
-  { value: "number", label: "Number" },
-  { value: "percent", label: "Percent" },
-  { value: "currency", label: "Currency" },
-  { value: "single_select", label: "Single-select" },
-  { value: "multi_select", label: "Multi-select" },
-  { value: "date", label: "Date" },
-];
+import { FIELD_TYPE_LABEL_KEYS, FIELD_TYPE_VALUES } from "./field-types";
 
 const FIELD_TYPES_WITH_CONFIG = new Set<FieldType>([
   "currency",
@@ -44,6 +35,7 @@ export function FieldCreateBar({
   busy: boolean;
   onCreate: (draft: FieldDraft) => Promise<void>;
 }) {
+  const t = useT();
   const [title, setTitle] = useState("");
   const [type, setType] = useState<FieldType>("text");
   const [config, setConfig] = useState<FieldConfig>(
@@ -71,16 +63,18 @@ export function FieldCreateBar({
       onSubmit={(event) => void handleSubmit(event)}
       className="grid shrink-0 gap-3 rounded-lg border border-border bg-card p-3 md:grid-cols-[minmax(180px,1fr)_180px_auto] md:items-start"
     >
-      <h2 className="text-sm font-medium md:col-span-3">Create new field</h2>
+      <h2 className="text-sm font-medium md:col-span-3">
+        {t("fields.createNewFieldHeading")}
+      </h2>
       <div className="grid gap-2">
         <Label htmlFor="new-field-title" className="sr-only">
-          Field title
+          {t("fields.fieldTitleLabel")}
         </Label>
         <Input
           id="new-field-title"
           value={title}
           disabled={busy}
-          placeholder="New field title"
+          placeholder={t("fields.newFieldTitlePlaceholder")}
           onChange={(event) => setTitle(event.currentTarget.value)}
         />
       </div>
@@ -89,14 +83,14 @@ export function FieldCreateBar({
         disabled={busy}
         onValueChange={(value) => handleTypeChange(value as FieldType)}
       >
-        <SelectTrigger aria-label="Field type">
+        <SelectTrigger aria-label={t("fields.fieldTypeAriaLabel")}>
           <SelectValue />
         </SelectTrigger>
         <SelectContent>
           <SelectGroup>
-            {FIELD_TYPE_OPTIONS.map((option) => (
-              <SelectItem key={option.value} value={option.value}>
-                {option.label}
+            {FIELD_TYPE_VALUES.map((value) => (
+              <SelectItem key={value} value={value}>
+                {t(FIELD_TYPE_LABEL_KEYS[value])}
               </SelectItem>
             ))}
           </SelectGroup>
@@ -104,7 +98,7 @@ export function FieldCreateBar({
       </Select>
       <Button type="submit" disabled={busy || title.trim().length === 0}>
         <IconPlus className="size-4" />
-        Create
+        {t("fields.createButton")}
       </Button>
       {FIELD_TYPES_WITH_CONFIG.has(type) ? (
         <div className="md:col-span-3">

package/corpus/templates/tasks/app/components/custom-fields/FieldListRow.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client/i18n";
 import { IconTrash } from "@tabler/icons-react";
 
 import type { SortableItemRenderProps } from "@/components/dnd/SortableItem";
@@ -7,47 +8,48 @@ import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import type { FieldDefinition, FieldType } from "@/hooks/use-custom-fields";
 
-const FIELD_TYPE_LABELS: Record<FieldType, string> = {
-  text: "Text",
-  rich_text: "Rich text",
-  number: "Number",
-  percent: "Percent",
-  currency: "Currency",
-  single_select: "Single-select",
-  multi_select: "Multi-select",
-  date: "Date",
-};
+import { FIELD_TYPE_LABEL_KEYS } from "./field-types";
 
-function fieldTypeLabel(type: FieldType) {
-  return FIELD_TYPE_LABELS[type] ?? type;
+type Translate = ReturnType<typeof useT>;
+
+function fieldTypeLabel(t: Translate, type: FieldType) {
+  const key = FIELD_TYPE_LABEL_KEYS[type];
+  return key ? t(key) : type;
 }
 
-function fieldDescription(field: FieldDefinition) {
-  if (field.type === "currency") return `Currency ${field.config.symbol}`;
+function fieldDescription(t: Translate, field: FieldDefinition) {
+  if (field.type === "currency") {
+    return t("fields.currencyDescription", { symbol: field.config.symbol });
+  }
   if (field.type === "number") {
     const parts: string[] = [];
-    parts.push(`${field.config.precision ?? 0} decimals`);
-    if (field.config.positiveOnly) parts.push("positive only");
+    parts.push(
+      t("fields.decimalsDescription", { count: field.config.precision ?? 0 }),
+    );
+    if (field.config.positiveOnly) parts.push(t("fields.positiveOnlySuffix"));
     return parts.join(" · ");
   }
   if (field.type === "percent") {
-    return `${field.config.precision ?? 0} decimals`;
+    return t("fields.decimalsDescription", {
+      count: field.config.precision ?? 0,
+    });
   }
   if (field.type === "single_select" || field.type === "multi_select") {
     const options = "options" in field.config ? field.config.options : [];
-    return `${options.length} options`;
+    return t("fields.optionsCountDescription", { count: options.length });
   }
-  return fieldTypeLabel(field.type);
+  return fieldTypeLabel(t, field.type);
 }
 
 function FieldRowMetadata({ field }: { field: FieldDefinition }) {
+  const t = useT();
   return (
     <div className="flex min-w-0 flex-wrap items-center justify-end gap-1.5">
       <Badge variant="secondary" className="px-1.5 py-0 text-xs font-normal">
-        {fieldTypeLabel(field.type)}
+        {fieldTypeLabel(t, field.type)}
       </Badge>
       <span className="truncate text-xs text-muted-foreground">
-        {fieldDescription(field)}
+        {fieldDescription(t, field)}
       </span>
     </div>
   );
@@ -68,6 +70,7 @@ export function FieldListRow({
   onOpenDetails,
   onRequestDelete,
 }: FieldListRowProps) {
+  const t = useT();
   return (
     <ListRow
       sortable={sortable}
@@ -99,7 +102,9 @@ export function FieldListRow({
             type="button"
             variant="ghost"
             size="icon"
-            aria-label={`Delete ${item.title}`}
+            aria-label={t("fields.deleteFieldAriaLabel", {
+              title: item.title,
+            })}
             onPointerDown={(event) => event.stopPropagation()}
             onClick={(event) => {
               event.stopPropagation();

package/corpus/templates/tasks/app/components/custom-fields/FieldsList.tsx

@@ -1,4 +1,5 @@
 import { focusAgentChat } from "@agent-native/core/client/agent-chat";
+import { useT } from "@agent-native/core/client/i18n";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";
 
@@ -37,6 +38,7 @@ export function FieldsList({
   activeFieldId: string | null;
   setActiveFieldId: (fieldId: string | null) => void;
 }) {
+  const t = useT();
   const { fields, isPending, isError, error } = useCustomFields();
   const { fieldIds: visibleFieldIds } = useVisibleTaskFieldIds();
   const updateVisibleTaskFields = useUpdateVisibleTaskFields();
@@ -79,9 +81,9 @@ export function FieldsList({
       });
       setActiveFieldId(created.id);
       focusAgentChat();
-      toast.success("Field created.");
+      toast.success(t("fields.createdToast"));
     } catch (caught) {
-      toast.error((caught as Error)?.message ?? "Could not create field.");
+      toast.error((caught as Error)?.message ?? t("fields.createError"));
       throw caught;
     }
   }
@@ -94,10 +96,15 @@ export function FieldsList({
       setPendingDelete(null);
       if (activeFieldId === field.id) setActiveFieldId(null);
       toast.success(
-        `Deleted ${field.title}${result.deletedValues ? ` and ${result.deletedValues} task values` : ""}.`,
+        result.deletedValues
+          ? t("fields.deletedWithValuesToast", {
+              title: field.title,
+              count: result.deletedValues,
+            })
+          : t("fields.deletedToast", { title: field.title }),
       );
     } catch (caught) {
-      toast.error((caught as Error)?.message ?? "Could not delete field.");
+      toast.error((caught as Error)?.message ?? t("fields.deleteError"));
     }
   }
 
@@ -122,7 +129,7 @@ export function FieldsList({
       <div className="grid shrink-0 gap-3">
         <FieldCreateBar busy={busy} onCreate={handleCreate} />
         <ChipSelect
-          label="Task card fields"
+          label={t("fields.taskCardFieldsLabel")}
           options={visibleFieldOptions}
           selectedIds={visibleFieldIds}
           onSelectedIdsChange={(fieldIds) =>
@@ -130,8 +137,8 @@ export function FieldsList({
           }
           disabled={busy || isPending || updateVisibleTaskFields.isPending}
           limit={TASK_CARD_FIELD_LIMIT}
-          addButtonLabel="Add field"
-          emptyLabel="No fields selected"
+          addButtonLabel={t("fields.addFieldButtonLabel")}
+          emptyLabel={t("fields.noFieldsSelectedLabel")}
         />
       </div>
 
@@ -140,22 +147,22 @@ export function FieldsList({
           <FieldsListSkeleton />
         ) : isError ? (
           <div
-            aria-label="Fields list"
+            aria-label={t("fields.listAriaLabel")}
             className="min-h-0 flex-1 overflow-y-auto overscroll-contain pr-1 outline-none"
           >
             <ListErrorMessage
               error={error}
-              fallbackMessage="Failed to load fields."
+              fallbackMessage={t("fields.loadError")}
             />
           </div>
         ) : orderedFields.length === 0 ? (
           <div
-            aria-label="Fields list"
+            aria-label={t("fields.listAriaLabel")}
             className="min-h-0 flex-1 overflow-y-auto overscroll-contain pr-1 outline-none"
           >
             <ListEmptyState
-              heading="No fields yet"
-              description="Create a field above to start adding task structure."
+              heading={t("fields.emptyHeading")}
+              description={t("fields.emptyDescription")}
             />
           </div>
         ) : (
@@ -163,7 +170,7 @@ export function FieldsList({
             <List
               items={orderedFields}
               selectionEnabled={false}
-              ariaLabel="Fields list"
+              ariaLabel={t("fields.listAriaLabel")}
               onReorder={handleReorder}
               renderItem={({ item, sortable }) => (
                 <FieldListRow
@@ -198,18 +205,15 @@ export function FieldsList({
           onOpenChange={(open) => {
             if (!open) setPendingDelete(null);
           }}
-          entityLabel="field"
+          entityLabel={t("fields.entitySingular")}
           itemTitle={pendingDelete?.title ?? null}
           pending={deleteField.isPending}
           description={
-            pendingDelete ? (
-              <>
-                This deletes &quot;{pendingDelete.title}&quot; and removes its
-                values from every task.
-              </>
-            ) : (
-              "This deletes the field and removes its values from every task."
-            )
+            pendingDelete
+              ? t("fields.deleteFieldDescriptionWithTitle", {
+                  title: pendingDelete.title,
+                })
+              : t("fields.deleteFieldDescription")
           }
           onConfirm={() => void handleDelete()}
         />

package/corpus/templates/tasks/app/components/custom-fields/FieldsListSkeleton.tsx

@@ -1,11 +1,14 @@
+import { useT } from "@agent-native/core/client/i18n";
+
 import { Skeleton } from "@/components/ui/skeleton";
 
 const SKELETON_ROW_COUNT = 3;
 
 export function FieldsListSkeleton() {
+  const t = useT();
   return (
     <div
-      aria-label="Fields list"
+      aria-label={t("fields.listAriaLabel")}
       className="min-h-0 flex-1 overflow-y-auto overscroll-contain pr-1 outline-none"
     >
       <div className="grid gap-2">

package/corpus/templates/tasks/app/components/custom-fields/FieldsPage.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client/i18n";
 import { useCallback } from "react";
 import { useSearchParams } from "react-router";
 
@@ -5,6 +6,7 @@ import { FieldsList } from "@/components/custom-fields/FieldsList";
 import { PageHeader } from "@/components/shared/PageHeader";
 
 export function FieldsPage() {
+  const t = useT();
   const [searchParams, setSearchParams] = useSearchParams();
   const activeFieldId = searchParams.get("field");
 
@@ -29,8 +31,8 @@ export function FieldsPage() {
   return (
     <div className="mx-auto flex h-full min-h-0 w-full max-w-5xl flex-col gap-6 overflow-hidden p-4 md:p-6">
       <PageHeader
-        title="Fields"
-        description="Define the reusable fields that every task can fill in."
+        title={t("fields.pageTitle")}
+        description={t("fields.pageDescription")}
       />
 
       <FieldsList

package/corpus/templates/tasks/app/components/custom-fields/editor/FieldEditorSidebar.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client/i18n";
 import { useCallback } from "react";
 import { toast } from "sonner";
 
@@ -19,10 +20,15 @@ export function FieldEditorSidebar({
   disabled: boolean;
   onClose: () => void;
 }) {
+  const t = useT();
   if (!field) return null;
 
   return (
-    <SidePanel title="Field" closeLabel="Close field editor" onClose={onClose}>
+    <SidePanel
+      title={t("fieldEditor.panelTitle")}
+      closeLabel={t("fieldEditor.closeLabel")}
+      onClose={onClose}
+    >
       <FieldEditorSidebarPanel field={field} disabled={disabled} />
     </SidePanel>
   );
@@ -35,6 +41,7 @@ function FieldEditorSidebarPanel({
   field: FieldDefinition;
   disabled: boolean;
 }) {
+  const t = useT();
   const updateField = useUpdateCustomField();
 
   const saveUpdate = useCallback(
@@ -42,10 +49,12 @@ function FieldEditorSidebarPanel({
       void updateField
         .mutateAsync({ fieldId: field.id, ...payload })
         .catch((caught) => {
-          toast.error((caught as Error)?.message ?? "Could not update field.");
+          toast.error(
+            (caught as Error)?.message ?? t("fieldEditor.updateError"),
+          );
         });
     },
-    [field.id, updateField],
+    [field.id, updateField, t],
   );
 
   return (

package/corpus/templates/tasks/app/components/custom-fields/editor/FieldTitleSection.tsx

@@ -1,3 +1,5 @@
+import { useT } from "@agent-native/core/client/i18n";
+
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 
@@ -10,21 +12,22 @@ export function FieldTitleSection({
   disabled?: boolean;
   onChange: (title: string) => void;
 }) {
+  const t = useT();
   return (
     <section className="grid gap-2 border-b border-border/70 px-3 py-3">
       <div className="flex min-w-0 items-center justify-between gap-2">
         <Label className="min-w-0 truncate text-[13px] font-medium">
-          Title
+          {t("fieldEditor.titleLabel")}
         </Label>
         <span className="shrink-0 text-[11px] text-muted-foreground">
-          Required
+          {t("fieldEditor.requiredLabel")}
         </span>
       </div>
       <Input
         value={title}
         disabled={disabled}
         onChange={(event) => onChange(event.currentTarget.value)}
-        aria-label="Edit field title"
+        aria-label={t("fieldEditor.editFieldTitleAriaLabel")}
         className="h-9 text-[13px]"
       />
     </section>

package/corpus/templates/tasks/app/components/custom-fields/editor/config/CurrencyConfigControl.tsx

@@ -1,3 +1,5 @@
+import { useT } from "@agent-native/core/client/i18n";
+
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 
@@ -12,10 +14,11 @@ export function CurrencyConfigControl({
   onChange,
   disabled = false,
 }: FieldConfigControlProps) {
+  const t = useT();
   return (
     <div className="grid gap-3 sm:grid-cols-[96px_1fr]">
       <div className="grid gap-2">
-        <Label>Symbol</Label>
+        <Label>{t("fieldEditor.symbolLabel")}</Label>
         <Input
           maxLength={8}
           disabled={disabled}
@@ -29,7 +32,7 @@ export function CurrencyConfigControl({
         />
       </div>
       <div className="grid gap-2">
-        <Label>Precision</Label>
+        <Label>{t("fieldEditor.precisionLabel")}</Label>
         <Input
           type="number"
           min={0}

package/corpus/templates/tasks/app/components/custom-fields/editor/config/NumberConfigControl.tsx

@@ -1,3 +1,5 @@
+import { useT } from "@agent-native/core/client/i18n";
+
 import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -13,10 +15,11 @@ export function NumberConfigControl({
   onChange,
   disabled = false,
 }: FieldConfigControlProps) {
+  const t = useT();
   return (
     <div className="grid gap-3">
       <div className="grid gap-2">
-        <Label>Precision</Label>
+        <Label>{t("fieldEditor.precisionLabel")}</Label>
         <Input
           type="number"
           min={0}
@@ -44,7 +47,7 @@ export function NumberConfigControl({
               })
             }
           />
-          Positive numbers only
+          {t("fieldEditor.positiveOnlyLabel")}
         </label>
       </div>
     </div>

package/corpus/templates/tasks/app/components/custom-fields/editor/config/PercentConfigControl.tsx

@@ -1,3 +1,5 @@
+import { useT } from "@agent-native/core/client/i18n";
+
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 
@@ -8,9 +10,10 @@ export function PercentConfigControl({
   onChange,
   disabled = false,
 }: FieldConfigControlProps) {
+  const t = useT();
   return (
     <div className="grid gap-2">
-      <Label>Precision</Label>
+      <Label>{t("fieldEditor.precisionLabel")}</Label>
       <Input
         type="number"
         min={0}

package/corpus/templates/tasks/app/components/custom-fields/editor/config/SelectConfigControl.tsx

@@ -1,3 +1,4 @@
+import { useT } from "@agent-native/core/client/i18n";
 import { IconPlus, IconTrash } from "@tabler/icons-react";
 
 import { Button } from "@/components/ui/button";
@@ -26,6 +27,7 @@ export function SelectConfigControl({
   onChange,
   disabled = false,
 }: FieldConfigControlProps) {
+  const t = useT();
   const options = optionsFromConfig(config);
 
   function updateOption(
@@ -56,7 +58,7 @@ export function SelectConfigControl({
         ...options,
         {
           id: `opt_${crypto.randomUUID()}`,
-          name: `Option ${nextIndex}`,
+          name: t("fieldEditor.newOptionName", { index: nextIndex }),
           color: "gray",
           sortOrder: options.length * 1000,
         },
@@ -66,7 +68,7 @@ export function SelectConfigControl({
 
   return (
     <div className="grid gap-2">
-      <Label>Options</Label>
+      <Label>{t("fieldEditor.optionsLabel")}</Label>
       <div className="grid gap-2">
         {options.map((option, index) => (
           <div
@@ -79,7 +81,9 @@ export function SelectConfigControl({
               onChange={(event) =>
                 updateOption(index, { name: event.currentTarget.value })
               }
-              aria-label={`Option ${index + 1} name`}
+              aria-label={t("fieldEditor.optionNameAriaLabel", {
+                index: index + 1,
+              })}
             />
             <Select
               disabled={disabled}
@@ -88,7 +92,11 @@ export function SelectConfigControl({
                 updateOption(index, { color: value as SelectColorToken })
               }
             >
-              <SelectTrigger aria-label={`Option ${option.name} color`}>
+              <SelectTrigger
+                aria-label={t("fieldEditor.optionColorAriaLabel", {
+                  name: option.name,
+                })}
+              >
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
@@ -99,7 +107,7 @@ export function SelectConfigControl({
                         <span
                           className={cn("size-2 rounded-full", color.className)}
                         />
-                        {color.label}
+                        {t(color.labelKey)}
                       </span>
                     </SelectItem>
                   ))}
@@ -112,7 +120,9 @@ export function SelectConfigControl({
               size="icon"
               disabled={disabled}
               onClick={() => removeOption(index)}
-              aria-label={`Remove ${option.name}`}
+              aria-label={t("fieldEditor.removeOptionAriaLabel", {
+                name: option.name,
+              })}
             >
               <IconTrash className="size-4" />
             </Button>
@@ -127,7 +137,7 @@ export function SelectConfigControl({
           className="justify-self-start gap-2"
         >
           <IconPlus className="size-4" />
-          Add option
+          {t("fieldEditor.addOptionButton")}
         </Button>
       </div>
     </div>