@agent-native/core 0.102.1 → 0.103.0

package/corpus/templates/assets/app/components/library/GenerationPresetsPanel.tsx

@@ -0,0 +1,325 @@
+import { useActionMutation, useT } from "@agent-native/core/client";
+import {
+  ASPECT_RATIOS,
+  IMAGE_CATEGORIES,
+  type AspectRatio,
+  type ImageCategory,
+} from "@shared/api";
+import { IconTrash } from "@tabler/icons-react";
+import { useState } from "react";
+import { Link } from "react-router";
+import { toast } from "sonner";
+
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+
+export function GenerationPresetsPanel({
+  libraryId,
+  presets,
+}: {
+  libraryId: string;
+  presets: any[];
+}) {
+  const t = useT();
+  const createPreset = useActionMutation("create-generation-preset");
+  const deletePreset = useActionMutation("delete-generation-preset");
+  const [open, setOpen] = useState(false);
+  const [confirmPresetId, setConfirmPresetId] = useState<string | null>(null);
+  const [title, setTitle] = useState("");
+  const [category, setCategory] = useState<ImageCategory>("social");
+  const [aspectRatio, setAspectRatio] = useState<AspectRatio>("1:1");
+  const [promptTemplate, setPromptTemplate] = useState("");
+  const [textPolicy, setTextPolicy] = useState(t("library.defaultTextPolicy"));
+  const [includeLogo, setIncludeLogo] = useState(false);
+
+  function reset() {
+    setTitle("");
+    setCategory("social");
+    setAspectRatio("1:1");
+    setPromptTemplate("");
+    setTextPolicy(t("library.defaultTextPolicy"));
+    setIncludeLogo(false);
+  }
+
+  function submit() {
+    const trimmed = title.trim();
+    if (!trimmed) return;
+    createPreset.mutate(
+      {
+        libraryId,
+        title: trimmed,
+        category,
+        aspectRatio,
+        imageSize: "2K",
+        promptTemplate: promptTemplate.trim() || undefined,
+        textPolicy,
+        referencePolicy: "auto",
+        includeLogo,
+      },
+      {
+        onSuccess: () => {
+          toast.success(t("brandKitDetail.generationPresetCreated"));
+          reset();
+          setOpen(false);
+        },
+        onError: (error: Error) => {
+          toast.error(
+            error.message || t("brandKitDetail.couldNotCreatePreset"),
+          );
+        },
+      },
+    );
+  }
+
+  return (
+    <div className="rounded-lg border border-border p-4">
+      <div className="flex items-center justify-between gap-3">
+        <div>
+          <h3 className="text-sm font-semibold">
+            {t("brandKitDetail.generationPresets")}
+          </h3>
+          <p className="mt-1 text-sm text-muted-foreground">
+            {t("brandKitDetail.generationPresetsDescription")}
+          </p>
+        </div>
+        <Button variant="outline" size="sm" onClick={() => setOpen(true)}>
+          {t("brandKitDetail.new")}
+        </Button>
+      </div>
+      <div className="mt-3 space-y-2">
+        {presets.map((preset) => (
+          <div
+            key={preset.id}
+            className="flex items-start justify-between gap-3 rounded-md border border-border bg-background p-3"
+          >
+            <div className="min-w-0">
+              <div className="flex flex-wrap items-center gap-2">
+                <Link
+                  to={`/brand-kits/${libraryId}/presets/${preset.id}`}
+                  className="truncate text-sm font-medium underline-offset-4 hover:underline"
+                >
+                  {preset.title}
+                </Link>
+                <Badge variant="outline">{preset.aspectRatio}</Badge>
+                {preset.includeLogo ? (
+                  <Badge variant="secondary">{t("brandKitDetail.logo")}</Badge>
+                ) : null}
+              </div>
+              <p className="mt-1 line-clamp-2 text-xs text-muted-foreground">
+                {preset.textPolicy || preset.description || preset.category}
+              </p>
+            </div>
+            <div className="flex shrink-0 items-center gap-1">
+              <Button variant="ghost" size="sm" asChild>
+                <Link to={`/brand-kits/${libraryId}/presets/${preset.id}`}>
+                  {t("brandKitDetail.edit")}
+                </Link>
+              </Button>
+              <Button
+                variant="ghost"
+                size="icon"
+                className="h-8 w-8 text-muted-foreground hover:text-destructive"
+                aria-label={`${t("brandKitDetail.delete")} ${preset.title}`}
+                onClick={() => setConfirmPresetId(preset.id)}
+              >
+                <IconTrash className="h-4 w-4" />
+              </Button>
+            </div>
+          </div>
+        ))}
+        {!presets.length ? (
+          <p className="rounded-md border border-dashed border-border p-3 text-sm text-muted-foreground">
+            {t("brandKitDetail.noPresetsYet")}
+          </p>
+        ) : null}
+      </div>
+
+      <AlertDialog
+        open={confirmPresetId !== null}
+        onOpenChange={(isOpen) => {
+          if (!isOpen) setConfirmPresetId(null);
+        }}
+      >
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              {t("brandKitDetail.deleteGenerationPreset")}
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              {t("brandKitDetail.deleteGenerationPresetDescription")}
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t("brandKitDetail.cancel")}</AlertDialogCancel>
+            <AlertDialogAction
+              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+              disabled={!confirmPresetId || deletePreset.isPending}
+              onClick={(event) => {
+                event.preventDefault();
+                if (!confirmPresetId) return;
+                deletePreset.mutate(
+                  { id: confirmPresetId },
+                  {
+                    onSuccess: () => {
+                      setConfirmPresetId(null);
+                      toast.success(
+                        t("brandKitDetail.generationPresetDeleted"),
+                      );
+                    },
+                    onError: (error: Error) => {
+                      toast.error(
+                        error.message ||
+                          t("brandKitDetail.couldNotDeletePreset"),
+                      );
+                    },
+                  },
+                );
+              }}
+            >
+              {t("assetDetail.delete")}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent className="sm:max-w-lg">
+          <DialogHeader>
+            <DialogTitle>{t("brandKitDetail.newGenerationPreset")}</DialogTitle>
+            <DialogDescription>
+              {t("brandKitDetail.newGenerationPresetDescription")}
+            </DialogDescription>
+          </DialogHeader>
+          <div className="grid gap-4">
+            <div className="grid gap-2">
+              <Label htmlFor="preset-title">{t("brandKitDetail.name")}</Label>
+              <Input
+                id="preset-title"
+                value={title}
+                onChange={(event) => setTitle(event.target.value)}
+                placeholder={t("brandKitDetail.campaignLaunch")}
+              />
+            </div>
+            <div className="grid grid-cols-2 gap-3">
+              <div className="grid gap-2">
+                <Label>{t("brandKitDetail.category")}</Label>
+                <Select
+                  value={category}
+                  onValueChange={(value) => setCategory(value as ImageCategory)}
+                >
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {IMAGE_CATEGORIES.map((item) => (
+                      <SelectItem key={item} value={item}>
+                        {item}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+              <div className="grid gap-2">
+                <Label>{t("brandKitDetail.aspectRatio")}</Label>
+                <Select
+                  value={aspectRatio}
+                  onValueChange={(value) =>
+                    setAspectRatio(value as AspectRatio)
+                  }
+                >
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {ASPECT_RATIOS.map((ratio) => (
+                      <SelectItem key={ratio} value={ratio}>
+                        {ratio}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="preset-template">
+                {t("brandKitDetail.promptTemplate")}
+              </Label>
+              <Textarea
+                id="preset-template"
+                value={promptTemplate}
+                onChange={(event) => setPromptTemplate(event.target.value)}
+                placeholder={t("library.promptTemplatePlaceholder")}
+              />
+            </div>
+            <div className="grid gap-2">
+              <Label htmlFor="preset-text-policy">
+                {t("brandKitDetail.textPolicy")}
+              </Label>
+              <Textarea
+                id="preset-text-policy"
+                value={textPolicy}
+                onChange={(event) => setTextPolicy(event.target.value)}
+              />
+            </div>
+            <label
+              htmlFor="preset-include-logo"
+              className="flex items-start gap-3 rounded-md border border-border p-3"
+            >
+              <Checkbox
+                id="preset-include-logo"
+                checked={includeLogo}
+                onCheckedChange={(checked) => setIncludeLogo(checked === true)}
+                className="mt-0.5"
+              />
+              <span className="grid gap-1">
+                <span className="text-sm font-medium leading-none">
+                  {t("brandKitDetail.compositeCanonicalLogo")}
+                </span>
+                <span className="text-xs text-muted-foreground">
+                  {t("brandKitDetail.compositeCanonicalLogoHint")}
+                </span>
+              </span>
+            </label>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setOpen(false)}>
+              {t("brandKitDetail.cancel")}
+            </Button>
+            <Button disabled={!title.trim()} onClick={submit}>
+              {t("brandKitDetail.create")}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}

package/corpus/templates/assets/app/hooks/use-navigation-state.ts

@@ -47,6 +47,15 @@ function navigationFromPath(pathname: string, search = "") {
       presetId: decodePathParam(preset[2]),
     };
   }
+  const brandKitSettings = pathname.match(/^\/brand-kits\/([^/]+)\/settings/);
+  if (brandKitSettings) {
+    return {
+      view: "library",
+      selection: decodePathParam(brandKitSettings[1]),
+      libraryId: decodePathParam(brandKitSettings[1]),
+      activeTab: "settings",
+    };
+  }
   // The "library" view is the unified Library workspace. Keep the internal
   // detail key stable for agent/MCP callers that already navigate by brand-kit
   // id, while the URL is now /library/:id.
@@ -115,6 +124,9 @@ function pathFromCommand(command: any): string | null {
   if (!command) return null;
   if (typeof command.path === "string") return command.path;
   if (command.view === "library" && command.libraryId) {
+    if (command.activeTab === "settings") {
+      return `/brand-kits/${encodeURIComponent(command.libraryId)}/settings`;
+    }
     const params = new URLSearchParams();
     if (typeof command.activeTab === "string") {
       params.set("tab", command.activeTab);

package/corpus/templates/assets/app/i18n/zh-TW.ts

@@ -698,6 +698,27 @@ const messages = {
       "清除即時候選面板並刪除所有未儲存的候選行。",
     couldNotClearLiveCandidates: "無法清除即時候選項。",
     liveCandidatesActions: "即時候選項操作",
+    settingsTitle: "品牌套件設定",
+    unsavedChangesTitle: "未儲存的變更",
+    unsavedChangesDescription:
+      "此品牌套件有未儲存的變更。要放棄變更還是繼續編輯？",
+    discardChanges: "放棄變更",
+    keepEditing: "繼續編輯",
+    setupGuide: "設定指南",
+    setupGuideDescription:
+      "為了從此套件獲得最一致、最符合品牌調性的生成結果的建議。",
+    setupGuideReferences: "上傳參考素材",
+    setupGuideReferencesHint:
+      "將 3-5 個強而有力的範例標記為參考，讓分析品牌能從真實作品中學習調色板和視覺特徵，而非猜測。",
+    setupGuideStyleDescription: "撰寫具體的風格描述",
+    setupGuideStyleDescriptionHint:
+      "使用具體特徵（光線、構圖、質感）而非模糊的形容詞，讓每次生成都符合品牌調性。",
+    setupGuideInstructions: "使用自訂指令來設定硬性限制",
+    setupGuideInstructionsHint:
+      "將必須始終成立的事項（標誌位置、禁用顏色、法律文字）放在此處，讓代理永遠不會忘記。",
+    setupGuidePresets: "為每種常用格式建立一個預設",
+    setupGuidePresetsHint:
+      "將長寬比、模型和骨架/參考設定儲存為預設，讓每次都重複使用相同的輸出形式。",
   },
   brandKits: {
     title: "品牌套件",

package/corpus/templates/assets/app/i18n-data.ts

@@ -456,6 +456,27 @@ const brandKitDetailEnUS = {
     "Clears the live candidates panel and deletes any unsaved candidate rows.",
   couldNotClearLiveCandidates: "Could not clear live candidates.",
   liveCandidatesActions: "Live candidates actions",
+  settingsTitle: "Brand Kit Settings",
+  unsavedChangesTitle: "Unsaved changes",
+  unsavedChangesDescription:
+    "You have unsaved changes to this brand kit. Discard them or keep editing?",
+  discardChanges: "Discard changes",
+  keepEditing: "Keep editing",
+  setupGuide: "Setup guide",
+  setupGuideDescription:
+    "Recommendations for the most consistent, on-brand generations from this kit.",
+  setupGuideReferences: "Upload reference assets",
+  setupGuideReferencesHint:
+    "Mark 3-5 strong examples as References so Analyze brand can learn palette and visual traits from real work, not guesses.",
+  setupGuideStyleDescription: "Write a specific style description",
+  setupGuideStyleDescriptionHint:
+    "Name concrete traits (lighting, composition, texture) instead of vague adjectives so every generation stays on-brand.",
+  setupGuideInstructions: "Use custom instructions for hard constraints",
+  setupGuideInstructionsHint:
+    "Put things that must always be true (logo placement, banned colors, legal copy) here so the agent never forgets them.",
+  setupGuidePresets: "Create a preset per recurring format",
+  setupGuidePresetsHint:
+    "Save aspect ratio, model, and skeleton/reference setup as a preset so the same output shape is reused every time.",
 } satisfies Record<string, string>;
 
 const assetPickerEnUS = {
@@ -1322,6 +1343,27 @@ const brandKitDetailArSA = {
   videoPromptPlaceholder:
     "يتم الكشف عن المنتج خلال ثماني ثوانٍ مع دفع بطيء للكاميرا",
   viewDetails: "عرض التفاصيل",
+  settingsTitle: "إعدادات مجموعة العلامة التجارية",
+  unsavedChangesTitle: "تغييرات غير محفوظة",
+  unsavedChangesDescription:
+    "لديك تغييرات غير محفوظة على مجموعة العلامة التجارية هذه. هل تريد التراجع عنها أم متابعة التحرير؟",
+  discardChanges: "التراجع عن التغييرات",
+  keepEditing: "متابعة التحرير",
+  setupGuide: "دليل الإعداد",
+  setupGuideDescription:
+    "توصيات للحصول على أكثر النتائج اتساقًا وتوافقًا مع العلامة التجارية من هذه المجموعة.",
+  setupGuideReferences: "تحميل أصول مرجعية",
+  setupGuideReferencesHint:
+    "حدد 3-5 أمثلة قوية كمراجع حتى يتمكن تحليل العلامة التجارية من تعلم لوحة الألوان والسمات المرئية من عمل حقيقي، وليس تخمينات.",
+  setupGuideStyleDescription: "اكتب وصفًا محددًا للأسلوب",
+  setupGuideStyleDescriptionHint:
+    "حدد سمات ملموسة (الإضاءة، التكوين، الملمس) بدلاً من صفات غامضة حتى يبقى كل إنتاج متوافقًا مع العلامة التجارية.",
+  setupGuideInstructions: "استخدم تعليمات مخصصة للقيود الصارمة",
+  setupGuideInstructionsHint:
+    "ضع هنا الأشياء التي يجب أن تكون صحيحة دائمًا (موضع الشعار، الألوان المحظورة، النص القانوني) حتى لا ينساها الوكيل أبدًا.",
+  setupGuidePresets: "أنشئ إعدادًا مسبقًا لكل تنسيق متكرر",
+  setupGuidePresetsHint:
+    "احفظ نسبة العرض إلى الارتفاع والنموذج وإعداد الهيكل/المرجع كإعداد مسبق بحيث يُعاد استخدام نفس شكل الناتج في كل مرة.",
 } satisfies Partial<Messages["brandKitDetail"]>;
 
 const brandKitDetailDeDE = {
@@ -1565,6 +1607,29 @@ const brandKitDetailDeDE = {
   videoPromptPlaceholder:
     "Acht Sekunden lange Produktpräsentation mit langsamem Einfahren der Kamera",
   viewDetails: "Details anzeigen",
+  settingsTitle: "Brand-Kit-Einstellungen",
+  unsavedChangesTitle: "Ungespeicherte Änderungen",
+  unsavedChangesDescription:
+    "Sie haben ungespeicherte Änderungen an diesem Brand Kit. Verwerfen oder weiter bearbeiten?",
+  discardChanges: "Änderungen verwerfen",
+  keepEditing: "Weiter bearbeiten",
+  setupGuide: "Einrichtungsleitfaden",
+  setupGuideDescription:
+    "Empfehlungen für die konsistentesten, markenkonformen Generierungen aus diesem Kit.",
+  setupGuideReferences: "Referenz-Assets hochladen",
+  setupGuideReferencesHint:
+    "Markieren Sie 3-5 starke Beispiele als Referenzen, damit die Markenanalyse Palette und visuelle Merkmale aus echter Arbeit lernen kann, nicht aus Vermutungen.",
+  setupGuideStyleDescription: "Eine konkrete Stilbeschreibung schreiben",
+  setupGuideStyleDescriptionHint:
+    "Benennen Sie konkrete Merkmale (Beleuchtung, Komposition, Textur) statt vager Adjektive, damit jede Generierung markenkonform bleibt.",
+  setupGuideInstructions:
+    "Benutzerdefinierte Anweisungen für feste Vorgaben verwenden",
+  setupGuideInstructionsHint:
+    "Legen Sie hier Dinge fest, die immer gelten müssen (Logoplatzierung, verbotene Farben, rechtliche Texte), damit der Agent sie nie vergisst.",
+  setupGuidePresets:
+    "Für jedes wiederkehrende Format eine Voreinstellung erstellen",
+  setupGuidePresetsHint:
+    "Speichern Sie Seitenverhältnis, Modell und Skelett-/Referenz-Setup als Voreinstellung, damit dieselbe Ausgabeform jedes Mal wiederverwendet wird.",
 } satisfies Partial<Messages["brandKitDetail"]>;
 
 const brandKitDetailEsES = {
@@ -1810,6 +1875,28 @@ const brandKitDetailEsES = {
   videoPromptPlaceholder:
     "Revelación de producto de ocho segundos con cámara lenta",
   viewDetails: "Ver detalles",
+  settingsTitle: "Configuración del kit de marca",
+  unsavedChangesTitle: "Cambios sin guardar",
+  unsavedChangesDescription:
+    "Tienes cambios sin guardar en este kit de marca. ¿Descartarlos o seguir editando?",
+  discardChanges: "Descartar cambios",
+  keepEditing: "Seguir editando",
+  setupGuide: "Guía de configuración",
+  setupGuideDescription:
+    "Recomendaciones para obtener las generaciones más coherentes y fieles a la marca a partir de este kit.",
+  setupGuideReferences: "Subir activos de referencia",
+  setupGuideReferencesHint:
+    "Marca de 3 a 5 ejemplos sólidos como Referencias para que Analizar marca pueda aprender la paleta y los rasgos visuales de trabajo real, no de suposiciones.",
+  setupGuideStyleDescription: "Escribe una descripción de estilo específica",
+  setupGuideStyleDescriptionHint:
+    "Indica rasgos concretos (iluminación, composición, textura) en lugar de adjetivos vagos para que cada generación se mantenga fiel a la marca.",
+  setupGuideInstructions:
+    "Usa instrucciones personalizadas para restricciones estrictas",
+  setupGuideInstructionsHint:
+    "Pon aquí lo que siempre debe cumplirse (ubicación del logotipo, colores prohibidos, textos legales) para que el agente nunca lo olvide.",
+  setupGuidePresets: "Crea un preajuste por cada formato recurrente",
+  setupGuidePresetsHint:
+    "Guarda la relación de aspecto, el modelo y la configuración de esqueleto/referencia como un preajuste para reutilizar la misma forma de salida cada vez.",
 } satisfies Partial<Messages["brandKitDetail"]>;
 
 const brandKitDetailFrFR = {
@@ -2054,6 +2141,28 @@ const brandKitDetailFrFR = {
   videoPromptPlaceholder:
     "Révélation du produit en huit secondes avec introduction lente de la caméra",
   viewDetails: "Afficher les détails",
+  settingsTitle: "Paramètres du kit de marque",
+  unsavedChangesTitle: "Modifications non enregistrées",
+  unsavedChangesDescription:
+    "Vous avez des modifications non enregistrées sur ce kit de marque. Les abandonner ou continuer à modifier ?",
+  discardChanges: "Abandonner les modifications",
+  keepEditing: "Continuer à modifier",
+  setupGuide: "Guide de configuration",
+  setupGuideDescription:
+    "Recommandations pour obtenir les générations les plus cohérentes et fidèles à la marque à partir de ce kit.",
+  setupGuideReferences: "Importer des ressources de référence",
+  setupGuideReferencesHint:
+    "Marquez 3 à 5 exemples solides comme références afin qu'Analyser la marque puisse apprendre la palette et les traits visuels à partir d'un travail réel, pas de suppositions.",
+  setupGuideStyleDescription: "Rédigez une description de style précise",
+  setupGuideStyleDescriptionHint:
+    "Nommez des traits concrets (éclairage, composition, texture) plutôt que des adjectifs vagues afin que chaque génération reste fidèle à la marque.",
+  setupGuideInstructions:
+    "Utilisez des instructions personnalisées pour les contraintes strictes",
+  setupGuideInstructionsHint:
+    "Placez ici les éléments qui doivent toujours être respectés (emplacement du logo, couleurs interdites, mentions légales) pour que l'agent ne les oublie jamais.",
+  setupGuidePresets: "Créez un préréglage par format récurrent",
+  setupGuidePresetsHint:
+    "Enregistrez le format d'image, le modèle et la configuration squelette/référence comme préréglage afin de réutiliser la même forme de sortie à chaque fois.",
 } satisfies Partial<Messages["brandKitDetail"]>;
 
 const brandKitDetailHiIN = {
@@ -2287,6 +2396,27 @@ const brandKitDetailHiIN = {
   videoCandidate: "वीडियो उम्मीदवार",
   videoPromptPlaceholder: "धीमे कैमरा पुश-इन के साथ आठ सेकंड का उत्पाद प्रकट होता है",
   viewDetails: "विवरण देखें",
+  settingsTitle: "ब्रांड किट सेटिंग्स",
+  unsavedChangesTitle: "असहेजे गए परिवर्तन",
+  unsavedChangesDescription:
+    "इस ब्रांड किट में आपके असहेजे गए परिवर्तन हैं। इन्हें छोड़ें या संपादन जारी रखें?",
+  discardChanges: "परिवर्तन छोड़ें",
+  keepEditing: "संपादन जारी रखें",
+  setupGuide: "सेटअप गाइड",
+  setupGuideDescription:
+    "इस किट से सबसे सुसंगत, ब्रांड के अनुरूप जनरेशन पाने के लिए सिफारिशें।",
+  setupGuideReferences: "संदर्भ एसेट अपलोड करें",
+  setupGuideReferencesHint:
+    "3-5 मजबूत उदाहरणों को संदर्भ के रूप में चिह्नित करें ताकि ब्रांड विश्लेषण वास्तविक कार्य से पैलेट और दृश्य विशेषताएँ सीख सके, अनुमानों से नहीं।",
+  setupGuideStyleDescription: "एक विशिष्ट शैली विवरण लिखें",
+  setupGuideStyleDescriptionHint:
+    "अस्पष्ट विशेषणों के बजाय ठोस विशेषताएँ (प्रकाश व्यवस्था, संरचना, बनावट) नाम दें ताकि हर जनरेशन ब्रांड के अनुरूप बनी रहे।",
+  setupGuideInstructions: "कठोर बाधाओं के लिए कस्टम निर्देशों का उपयोग करें",
+  setupGuideInstructionsHint:
+    "जो चीज़ें हमेशा सत्य होनी चाहिए (लोगो प्लेसमेंट, प्रतिबंधित रंग, कानूनी टेक्स्ट) उन्हें यहाँ रखें ताकि एजेंट उन्हें कभी न भूले।",
+  setupGuidePresets: "प्रत्येक बार-बार आने वाले फ़ॉर्मेट के लिए एक प्रीसेट बनाएं",
+  setupGuidePresetsHint:
+    "पहलू अनुपात, मॉडल और स्केलेटन/संदर्भ सेटअप को प्रीसेट के रूप में सहेजें ताकि हर बार वही आउटपुट आकार पुन: उपयोग हो सके।",
 } satisfies Partial<Messages["brandKitDetail"]>;
 
 const brandKitDetailJaJP = {
@@ -2528,6 +2658,27 @@ const brandKitDetailJaJP = {
   videoPromptPlaceholder:
     "ゆっくりとしたカメラの押し込みによる 8 秒間の製品表示",
   viewDetails: "詳細を見る",
+  settingsTitle: "ブランドキット設定",
+  unsavedChangesTitle: "未保存の変更",
+  unsavedChangesDescription:
+    "このブランドキットには未保存の変更があります。破棄しますか、それとも編集を続けますか？",
+  discardChanges: "変更を破棄",
+  keepEditing: "編集を続ける",
+  setupGuide: "セットアップガイド",
+  setupGuideDescription:
+    "このキットから最も一貫性のある、ブランドに沿った生成を得るための推奨事項です。",
+  setupGuideReferences: "参照アセットをアップロード",
+  setupGuideReferencesHint:
+    "強力な例を3〜5点「参照」としてマークすると、ブランド分析が推測ではなく実際の作品からパレットと視覚的特徴を学習できます。",
+  setupGuideStyleDescription: "具体的なスタイル説明を書く",
+  setupGuideStyleDescriptionHint:
+    "曖昧な形容詞ではなく、具体的な特徴（照明、構図、質感）を指定して、すべての生成がブランドに沿うようにします。",
+  setupGuideInstructions: "厳格な制約にはカスタム指示を使用する",
+  setupGuideInstructionsHint:
+    "常に守るべき事項（ロゴの配置、禁止色、法的表記）をここに記載し、エージェントが忘れないようにします。",
+  setupGuidePresets: "繰り返し使う形式ごとにプリセットを作成",
+  setupGuidePresetsHint:
+    "アスペクト比、モデル、スケルトン/参照設定をプリセットとして保存し、毎回同じ出力形式を再利用できるようにします。",
 } satisfies Partial<Messages["brandKitDetail"]>;
 
 const brandKitDetailKoKR = {
@@ -2763,6 +2914,27 @@ const brandKitDetailKoKR = {
   videoCandidate: "영상후보",
   videoPromptPlaceholder: "느린 카메라 푸시인으로 8초 동안 제품 공개",
   viewDetails: "세부정보 보기",
+  settingsTitle: "브랜드 키트 설정",
+  unsavedChangesTitle: "저장되지 않은 변경 사항",
+  unsavedChangesDescription:
+    "이 브랜드 키트에 저장되지 않은 변경 사항이 있습니다. 취소하시겠습니까, 아니면 계속 편집하시겠습니까?",
+  discardChanges: "변경 사항 취소",
+  keepEditing: "계속 편집",
+  setupGuide: "설정 가이드",
+  setupGuideDescription:
+    "이 키트에서 가장 일관되고 브랜드에 맞는 생성을 얻기 위한 권장 사항입니다.",
+  setupGuideReferences: "참조 자산 업로드",
+  setupGuideReferencesHint:
+    "강력한 예시 3~5개를 참조로 표시하면 브랜드 분석이 추측이 아닌 실제 작업에서 팔레트와 시각적 특성을 학습할 수 있습니다.",
+  setupGuideStyleDescription: "구체적인 스타일 설명 작성",
+  setupGuideStyleDescriptionHint:
+    "모호한 형용사 대신 구체적인 특성(조명, 구도, 질감)을 명시하여 모든 생성이 브랜드에 맞게 유지되도록 하세요.",
+  setupGuideInstructions: "엄격한 제약 조건에는 사용자 지정 지침을 사용하세요",
+  setupGuideInstructionsHint:
+    "항상 지켜야 하는 사항(로고 배치, 금지 색상, 법적 문구)을 여기에 입력하면 에이전트가 이를 잊지 않습니다.",
+  setupGuidePresets: "반복되는 형식마다 프리셋을 만드세요",
+  setupGuidePresetsHint:
+    "가로세로 비율, 모델, 스켈레톤/참조 설정을 프리셋으로 저장하여 매번 동일한 출력 형태를 재사용하세요.",
 } satisfies Partial<Messages["brandKitDetail"]>;
 
 const brandKitDetailPtBR = {
@@ -3008,6 +3180,28 @@ const brandKitDetailPtBR = {
   videoPromptPlaceholder:
     "Revelação do produto em oito segundos com câmera lenta",
   viewDetails: "Ver detalhes",
+  settingsTitle: "Configurações do kit de marca",
+  unsavedChangesTitle: "Alterações não salvas",
+  unsavedChangesDescription:
+    "Você tem alterações não salvas neste kit de marca. Descartá-las ou continuar editando?",
+  discardChanges: "Descartar alterações",
+  keepEditing: "Continuar editando",
+  setupGuide: "Guia de configuração",
+  setupGuideDescription:
+    "Recomendações para obter as gerações mais consistentes e fiéis à marca a partir deste kit.",
+  setupGuideReferences: "Enviar ativos de referência",
+  setupGuideReferencesHint:
+    "Marque de 3 a 5 exemplos fortes como Referências para que a análise de marca aprenda a paleta e os traços visuais a partir de trabalho real, não de suposições.",
+  setupGuideStyleDescription: "Escreva uma descrição de estilo específica",
+  setupGuideStyleDescriptionHint:
+    "Indique traços concretos (iluminação, composição, textura) em vez de adjetivos vagos para que cada geração permaneça fiel à marca.",
+  setupGuideInstructions:
+    "Use instruções personalizadas para restrições rígidas",
+  setupGuideInstructionsHint:
+    "Coloque aqui o que deve sempre ser verdade (posicionamento do logotipo, cores proibidas, textos legais) para que o agente nunca esqueça.",
+  setupGuidePresets: "Crie uma predefinição para cada formato recorrente",
+  setupGuidePresetsHint:
+    "Salve a proporção, o modelo e a configuração de esqueleto/referência como predefinição para reutilizar a mesma forma de saída sempre.",
 } satisfies Partial<Messages["brandKitDetail"]>;
 
 const assetDetailDeDE = {
@@ -4228,6 +4422,27 @@ export const messagesByLocale = {
         "清除实时候选面板并删除所有未保存的候选行。",
       couldNotClearLiveCandidates: "无法清除实时候选项。",
       liveCandidatesActions: "实时候选项操作",
+      settingsTitle: "品牌套件设置",
+      unsavedChangesTitle: "未保存的更改",
+      unsavedChangesDescription:
+        "此品牌套件有未保存的更改。放弃更改还是继续编辑？",
+      discardChanges: "放弃更改",
+      keepEditing: "继续编辑",
+      setupGuide: "设置指南",
+      setupGuideDescription:
+        "为了从此套件获得最一致、最符合品牌调性的生成结果的建议。",
+      setupGuideReferences: "上传参考素材",
+      setupGuideReferencesHint:
+        "将 3-5 个强有力的示例标记为参考，以便品牌分析能从真实作品中学习调色板和视觉特征，而不是猜测。",
+      setupGuideStyleDescription: "撰写具体的风格描述",
+      setupGuideStyleDescriptionHint:
+        "使用具体特征（光线、构图、质感）而不是模糊的形容词，以便每次生成都符合品牌调性。",
+      setupGuideInstructions: "使用自定义指令来设定硬性约束",
+      setupGuideInstructionsHint:
+        "将必须始终成立的事项（徽标位置、禁用颜色、法律文本）放在此处，以便代理永远不会忘记。",
+      setupGuidePresets: "为每种常用格式创建一个预设",
+      setupGuidePresetsHint:
+        "将宽高比、模型和骨架/参考设置保存为预设，以便每次都重复使用相同的输出形式。",
     },
     create: {
       imageModel: "图像模型",