@smart-cloud/ai-kit-ui 1.0.0

package/src/i18n/tr.ts

@@ -0,0 +1,158 @@
+export const trDict: Record<string, string> = {
+  "WPSuite AI-Kit": "WPSuite AI-Kit",
+  Accept: "Kabul etmek",
+  "Additional instructions to guide the AI.":
+    "Yapay zekayı yönlendirmek için ek talimatlar.",
+  "Alt Text": "Alternatif Metin",
+  "An unknown error occurred.": "Bilinmeyen bir hata oluştu.",
+  Arabic: "Arapça",
+  "As-Is": "Değişiklik yok",
+  "Auto-detect": "Otomatik algılama",
+  Cancel: "İptal etmek",
+  Caption: "Altyazı",
+  Casual: "Samimi",
+  "Checking capabilities...": "Yetenekleri kontrol etme...",
+  Chinese: "Çince",
+  Close: "Kapat",
+  Corrected: "Düzeltildi",
+  "Creating LanguageDetector session":
+    "LanguageDetector oturumu oluşturuluyor.",
+  "Creating LanguageModel session": "LanguageModel oturumu oluşturuluyor",
+  "Creating Proofreader session": "Düzeltmen Oluşturma oturumu",
+  "Creating Rewriter session": "Rewriter oturumu oluşturuluyor",
+  "Creating Summarizer session": "Özetleyici oturumu oluşturuluyor",
+  "Creating Translator session": "Çevirmen oturumu oluşturuluyor",
+  "Creating Writer session": "Yazar Oluşturma Oturumu",
+  "Deciding capability": "Yeteneğe karar verme",
+  Description: "Tanım",
+  "Detecting language": "Dil tespiti",
+  "Done.": "Tamamlamak.",
+  "Downloading model...": "Model indiriliyor...",
+  Dutch: "Flemenkçe",
+  English: "İngilizce",
+  Excerpt: "Alıntı",
+  Formal: "Resmi",
+  French: "Fransızca",
+  Generate: "Oluştur",
+  "Generated content": "Oluşturulan içerik",
+  "Generating text": "Metin oluşturma",
+  "Generating...": "Oluşturuluyor...",
+  German: "Almanca",
+  HTML: "HTML",
+  Headline: "Başlık",
+  Hebrew: "İbranice",
+  Hide: "Saklamak",
+  Hindi: "Hintçe",
+  "Hover highlights to see explanations.":
+    "Vurgulanan noktaların üzerine fareyle gelin ve açıklamaları görüntüleyin.",
+  Hungarian: "Macarca",
+  Indonesian: "Endonezyalı",
+  "Initializing on-device AI...": "Cihaz üzerinde yapay zeka başlatılıyor...",
+  "Inlining images as base64":
+    "Görüntüleri base64 olarak satır içine yerleştirme",
+  "Input and output languages cannot be the same.":
+    "Giriş ve çıkış dilleri aynı olamaz.",
+  "Input language": "Giriş dili",
+  Instructions: "Talimatlar",
+  Italian: "İtalyan",
+  Japanese: "Japonca",
+  "Key Points": "Önemli Noktalar",
+  Korean: "Korece",
+  Length: "Uzunluk",
+  Long: "Uzun",
+  Longer: "Daha uzun",
+  Markdown: "Markdown",
+  Medium: "Orta",
+  "More casual": "Daha rahat",
+  "More formal": "Daha resmi",
+  Neutral: "Doğal",
+  "No issues found. Your text looks great!":
+    "Herhangi bir sorun bulunmadı. Metniniz harika görünüyor!",
+  "No overrides": "Override yok",
+  Norwegian: "Norveççe",
+  "On-device model ready.": "Cihaz üzerinde kullanıma hazır model.",
+  Options: "Seçenekler",
+  "Output format": "Çıktı formatı",
+  "Output language": "Çıktı dili",
+  Polish: "Lehçe",
+  Portuguese: "Portekizce",
+  Preview: "Önizleme",
+  Proofread: "Düzeltme işlemini yapın",
+  "Proofread again": "Tekrar gözden geçirin",
+  "Proofread on Backend": "Arka uçta yazım denetimi yapın",
+  Proofreading: "Düzeltme",
+  "Received backend response.": "Arka uçtan yanıt alındı.",
+  Regenerate: "Yeniden oluştur",
+  "Regenerate on Backend": "Arka uçta yeniden oluştur",
+  "Replace with": "Şununla değiştirin:",
+  "Requesting signed URL": "İmzalı URL isteniyor",
+  Rewrite: "Yeniden yaz",
+  "Rewrite again": "Tekrar yazın",
+  "Rewrite on Backend": "Arka uçta yeniden yazma",
+  "Rewriting text": "Metni yeniden yazmak",
+  Russian: "Rusça",
+  "Sending request to backend...": "Arka uca istek gönderiliyor...",
+  Short: "Kısa",
+  Shorter: "Daha kısa",
+  Show: "Göstermek",
+  "Something went wrong.": "Bir şeyler ters gitti.",
+  Spanish: "İspanyol",
+  "Suggested change": "Önerilen değişiklik",
+  Summarize: "Özetleyin",
+  "Summarize again": "Tekrar özetleyin",
+  "Summarize on Backend": "Arka uç hakkında özet",
+  Summarizing: "Özetleme",
+  Swedish: "İsveççe",
+  "TL;DR": "Özetle",
+  Teaser: "Tanıtım videosu",
+  Thai: "Tayland",
+  "The alt text for the image.": "Görselin alternatif metni.",
+  "The caption for the image.": "Görselin altındaki açıklama.",
+  "The description for the image.": "Görselin açıklaması.",
+  "The excerpt for the post.":
+    "İsteğe bağlı. Arama sonuçlarında ve önizlemelerde görünebilecek kısa özet.",
+  "The language AI-Kit should use for generated text by default (when applicable).":
+    "AI-Kit'in varsayılan olarak (uygun olduğunda) oluşturacağı metin için kullanması gereken dil.",
+  "The language of the input text.": "Giriş metninin dili.",
+  "The summary style to generate.": "Oluşturulacak özet stili.",
+  "The target output length.": "Hedef çıktı uzunluğu.",
+  "The title for the image.": "Görselin başlığı.",
+  "The title for the post.": "Yazının başlığı.",
+  "The tone or style for the AI to use.":
+    "Yapay zekanın kullanacağı üslup veya tarz.",
+  "The topic or subject for the AI to write about.":
+    "Yapay zekanın hakkında yazacağı konu veya başlık.",
+  Title: "Başlık",
+  Tone: "Ton",
+  Topic: "Başlık",
+  Translate: "Çevir",
+  "Translate again": "Tekrar çevir",
+  "Translate on Backend": "Arka uçta çeviri yap",
+  Translating: "Çeviri",
+  Turkish: "Türkçe",
+  Type: "Tip",
+  Ukrainian: "Ukrayna",
+  Uploading: "Yükleniyor",
+  "Uploading images via signed URL": "İmzalı URL üzerinden resim yükleme",
+  "Using backend": "Arka uç kullanımı",
+  "Using on-device": "Cihaz üzerinde kullanılıyor",
+  "Waiting for backend response...": "Arka uçtan yanıt bekleniyor...",
+  Why: "Neden",
+  "Working...": "Çalışma...",
+  "as-is": "olduğu gibi",
+  auto: "otomatik",
+  casual: "gündelik",
+  formal: "resmi",
+  headline: "başlık",
+  "key-points": "önemli noktalar",
+  long: "uzun",
+  longer: "daha uzun",
+  medium: "orta",
+  "more-casual": "daha rahat",
+  "more-formal": "daha resmi",
+  neutral: "doğal",
+  short: "kısa",
+  shorter: "daha kısa",
+  teaser: "tanıtım videosu",
+  tldr: "özet",
+};

package/src/i18n/ua.ts

@@ -0,0 +1,159 @@
+export const uaDict: Record<string, string> = {
+  "WPSuite AI-Kit": "WPSuite AI-Kit",
+  Accept: "Прийняти",
+  "Additional instructions to guide the AI.":
+    "Додаткові інструкції для керування ШІ.",
+  "Alt Text": "Альтернативний текст",
+  "An unknown error occurred.": "Сталася невідома помилка.",
+  Arabic: "Арабська",
+  "As-Is": "Без змін",
+  "Auto-detect": "Автоматичне визначення",
+  Cancel: "Скасувати",
+  Caption: "Підпис",
+  Casual: "Повсякденний",
+  "Checking capabilities...": "Перевірка можливостей...",
+  Chinese: "китайська",
+  Close: "Закрити",
+  Corrected: "Виправлено",
+  "Creating LanguageDetector session": "Створення сеансу LanguageDetector",
+  "Creating LanguageModel session": "Створення сеансу LanguageModel",
+  "Creating Proofreader session": "Створення сеансу коректора",
+  "Creating Rewriter session": "Створення сеансу перезаписування",
+  "Creating Summarizer session": "Створення сеансу підсумовування",
+  "Creating Translator session": "Створення сеансу перекладача",
+  "Creating Writer session": "Створення сеансу Writer",
+  "Deciding capability": "Здатність приймати рішення",
+  Description: "Опис",
+  "Detecting language": "Виявлення мови",
+  "Done.": "Готово.",
+  "Downloading model...": "Завантаження моделі...",
+  Dutch: "Нідерландська",
+  English: "Англійська",
+  Excerpt: "Уривок",
+  Formal: "Формальний",
+  French: "Французька",
+  Generate: "Згенерувати",
+  "Generated content": "Згенерований контент",
+  "Generating text": "Генерація тексту",
+  "Generating...": "Генерування...",
+  German: "Німецька",
+  HTML: "HTML",
+  Headline: "Заголовок",
+  Hebrew: "Іврит",
+  Hide: "Приховати",
+  Hindi: "Хінді",
+  "Hover highlights to see explanations.":
+    "Наведіть курсор на виділення, щоб побачити пояснення.",
+  Hungarian: "Угорська",
+  Indonesian: "Індонезійська",
+  "Initializing on-device AI...":
+    "Ініціалізація штучного інтелекту на пристрої...",
+  "Inlining images as base64": "Вбудовування зображень як base64",
+  "Input and output languages cannot be the same.":
+    "Мови введення та виведення не можуть бути однаковими.",
+  "Input language": "Мова введення",
+  Instructions: "Інструкції",
+  Italian: "італійська",
+  Japanese: "Японська",
+  "Key Points": "Ключові моменти",
+  Korean: "Корейська",
+  Length: "Довжина",
+  Long: "Довгий",
+  Longer: "Довший",
+  Markdown: "Уцінка",
+  Medium: "Середній",
+  "More casual": "Більш невимушений",
+  "More formal": "Більш формальний",
+  Neutral: "Нейтральний",
+  "No issues found. Your text looks great!":
+    "Проблем не знайдено. Ваш текст виглядає чудово!",
+  "No overrides": "Без перевизначень",
+  Norwegian: "Норвезька",
+  "On-device model ready.": "Модель на пристрої готова.",
+  Options: "Опції",
+  "Output format": "Вихідний формат",
+  "Output language": "Мова виводу",
+  Polish: "польська",
+  Portuguese: "Португальська",
+  Preview: "Попередній перегляд",
+  Proofread: "Коректура",
+  "Proofread again": "Перевірте ще раз",
+  "Proofread on Backend": "Коректура на бекенді",
+  Proofreading: "Коректура",
+  "Received backend response.": "Отримано відповідь від сервера.",
+  Regenerate: "Регенерувати",
+  "Regenerate on Backend": "Регенерувати на серверній частині",
+  "Replace with": "Замінити на",
+  "Requesting signed URL": "Запит підписаної URL-адреси",
+  Rewrite: "Переписати",
+  "Rewrite again": "Перепишіть ще раз",
+  "Rewrite on Backend": "Переписати на бекенді",
+  "Rewriting text": "Переписування тексту",
+  Russian: "Російська",
+  "Sending request to backend...": "Надсилання запиту до серверної частини...",
+  Short: "Короткий",
+  Shorter: "Коротше",
+  Show: "Показати",
+  "Something went wrong.": "Щось пішло не так.",
+  Spanish: "Іспанська",
+  "Suggested change": "Запропонована зміна",
+  Summarize: "Підсумувати",
+  "Summarize again": "Підсумуйте ще раз",
+  "Summarize on Backend": "Підсумувати на серверній частині",
+  Summarizing: "Підсумовуючи",
+  Swedish: "Шведська",
+  "TL;DR": "TL;DR",
+  Teaser: "Тизер",
+  Thai: "Тайська",
+  "The alt text for the image.": "Альтернативний текст для зображення.",
+  "The caption for the image.": "Підпис до зображення.",
+  "The description for the image.": "Опис зображення.",
+  "The excerpt for the post.":
+    "Необов’язково. Короткий опис, який може відображатися в результатах пошуку та попередньому перегляді.",
+  "The language AI-Kit should use for generated text by default (when applicable).":
+    "Мова, яку AI-Kit має використовувати для згенерованого тексту за замовчуванням (якщо це можливо).",
+  "The language of the input text.": "Мова вхідного тексту.",
+  "The summary style to generate.": "Стиль зведення, який потрібно створити.",
+  "The target output length.": "Цільова довжина виводу.",
+  "The title for the image.": "Назва зображення.",
+  "The title for the post.": "Назва публікації.",
+  "The tone or style for the AI to use.":
+    "Тон або стиль, який використовуватиме ШІ.",
+  "The topic or subject for the AI to write about.":
+    "Тема або предмет, про яку має написати ШІ.",
+  Title: "Назва",
+  Tone: "Тон",
+  Topic: "Тема",
+  Translate: "Перекласти",
+  "Translate again": "Перекласти ще раз",
+  "Translate on Backend": "Переклад на серверній частині",
+  Translating: "Переклад",
+  Turkish: "Турецька",
+  Type: "Тип",
+  Ukrainian: "українська",
+  Uploading: "Завантаження",
+  "Uploading images via signed URL":
+    "Завантаження зображень через підписану URL-адресу",
+  "Using backend": "Використання бекенду",
+  "Using on-device": "Використання на пристрої",
+  "Waiting for backend response...":
+    "Очікування відповіді серверної частини...",
+  Why: "Чому",
+  "Working...": "Працюємо...",
+  "as-is": "як є",
+  auto: "авто",
+  casual: "повсякденний",
+  formal: "формальний",
+  headline: "заголовок",
+  "key-points": "ключові моменти",
+  long: "довгий",
+  longer: "довше",
+  medium: "середній",
+  "more-casual": "більш невимушений",
+  "more-formal": "більш формальний",
+  neutral: "нейтральний",
+  short: "короткий",
+  shorter: "коротший",
+  teaser: "тизер",
+  tldr: "tldr",
+};

package/src/i18n/zh.ts

@@ -0,0 +1,151 @@
+export const zhDict: Record<string, string> = {
+  "WPSuite AI-Kit": "WPSuite AI-Kit",
+  Accept: "接受",
+  "Additional instructions to guide the AI.": "指导人工智能的附加指令。",
+  "Alt Text": "替代文字",
+  "An unknown error occurred.": "发生未知错误。",
+  Arabic: "阿拉伯",
+  "As-Is": "不变",
+  "Auto-detect": "自动检测",
+  Cancel: "取消",
+  Caption: "标题",
+  Casual: "随意的",
+  "Checking capabilities...": "正在检查功能……",
+  Chinese: "中国人",
+  Close: "关闭",
+  Corrected: "已更正",
+  "Creating LanguageDetector session": "创建 LanguageDetector 会话",
+  "Creating LanguageModel session": "创建 LanguageModel 会话",
+  "Creating Proofreader session": "创建校对会议",
+  "Creating Rewriter session": "创建 Rewriter 会话",
+  "Creating Summarizer session": "创建摘要器会话",
+  "Creating Translator session": "创建翻译会话",
+  "Creating Writer session": "创建作家会议",
+  "Deciding capability": "决策能力",
+  Description: "描述",
+  "Detecting language": "语言检测",
+  "Done.": "完毕。",
+  "Downloading model...": "正在下载模型...",
+  Dutch: "荷兰语",
+  English: "英语",
+  Excerpt: "摘抄",
+  Formal: "正式的",
+  French: "法语",
+  Generate: "产生",
+  "Generated content": "生成的内容",
+  "Generating text": "生成文本",
+  "Generating...": "正在生成...",
+  German: "德语",
+  HTML: "HTML",
+  Headline: "标题",
+  Hebrew: "希伯来语",
+  Hide: "隐藏",
+  Hindi: "印地语",
+  "Hover highlights to see explanations.": "将鼠标悬停在高亮部分即可查看说明。",
+  Hungarian: "匈牙利",
+  Indonesian: "印度尼西亚",
+  "Initializing on-device AI...": "正在初始化设备端人工智能……",
+  "Inlining images as base64": "将图像内联为 base64 格式",
+  "Input and output languages cannot be the same.":
+    "输入语言和输出语言不能相同。",
+  "Input language": "输入语言",
+  Instructions: "指示",
+  Italian: "意大利语",
+  Japanese: "日本人",
+  "Key Points": "要点",
+  Korean: "韩国人",
+  Length: "长度",
+  Long: "长的",
+  Longer: "更长",
+  Markdown: "Markdown",
+  Medium: "中等的",
+  "More casual": "更休闲",
+  "More formal": "更正式",
+  Neutral: "中性的",
+  "No issues found. Your text looks great!": "未发现问题。您的文本看起来很棒！",
+  "No overrides": "不覆盖",
+  Norwegian: "挪威",
+  "On-device model ready.": "设备端模型已准备就绪。",
+  Options: "选项",
+  "Output format": "输出格式",
+  "Output language": "输出语言",
+  Polish: "抛光",
+  Portuguese: "葡萄牙语",
+  Preview: "预览",
+  Proofread: "校对",
+  "Proofread again": "再次校对",
+  "Proofread on Backend": "后端校对",
+  Proofreading: "校对",
+  "Received backend response.": "已收到后端响应。",
+  Regenerate: "再生",
+  "Regenerate on Backend": "后端重新生成",
+  "Replace with": "替换为",
+  "Requesting signed URL": "请求已签名 URL",
+  Rewrite: "改写",
+  "Rewrite again": "重写",
+  "Rewrite on Backend": "后端重写",
+  "Rewriting text": "重写文本",
+  Russian: "俄语",
+  "Sending request to backend...": "正在向后端发送请求...",
+  Short: "短的",
+  Shorter: "较短",
+  Show: "展示",
+  "Something went wrong.": "出问题了。",
+  Spanish: "西班牙语",
+  "Suggested change": "建议的更改",
+  Summarize: "总结",
+  "Summarize again": "再次总结",
+  "Summarize on Backend": "后端总结",
+  Summarizing: "总结",
+  Swedish: "瑞典",
+  "TL;DR": "太长不看",
+  Teaser: "预告片",
+  Thai: "泰国",
+  "The alt text for the image.": "图片的替代文字。",
+  "The caption for the image.": "图片说明文字。",
+  "The description for the image.": "图片描述。",
+  "The excerpt for the post.": "可选。可能显示在搜索结果和预览中的简短摘要。",
+  "The language AI-Kit should use for generated text by default (when applicable).":
+    "AIKit 默认用于生成文本的语言（如适用）。",
+  "The language of the input text.": "输入文本的语言。",
+  "The summary style to generate.": "要生成的摘要样式。",
+  "The target output length.": "目标输出长度。",
+  "The title for the image.": "图片标题。",
+  "The title for the post.": "帖子标题。",
+  "The tone or style for the AI to use.": "人工智能使用的语气或风格。",
+  "The topic or subject for the AI to write about.":
+    "人工智能要撰写的主题或题目。",
+  Title: "标题",
+  Tone: "语气",
+  Topic: "话题",
+  Translate: "翻译",
+  "Translate again": "再次翻译",
+  "Translate on Backend": "后端翻译",
+  Translating: "翻译",
+  Turkish: "土耳其",
+  Type: "类型",
+  Ukrainian: "乌克兰",
+  Uploading: "上传",
+  "Uploading images via signed URL": "通过已签名 URL 上传图片",
+  "Using backend": "使用后端",
+  "Using on-device": "使用设备上的设备",
+  "Waiting for backend response...": "正在等待后端响应……",
+  Why: "为什么",
+  "Working...": "在职的...",
+  "as-is": "原样",
+  auto: "汽车",
+  casual: "随意的",
+  formal: "正式的",
+  headline: "标题",
+  "key-points": "要点",
+  long: "长的",
+  longer: "更长",
+  medium: "中等的",
+  "more-casual": "更随意",
+  "more-formal": "更正式的",
+  neutral: "中性的",
+  short: "短的",
+  shorter: "较短",
+  teaser: "预告片",
+  tldr: "太长不看",
+};

package/src/index.tsx

@@ -0,0 +1,4 @@
+export * from "./ai-feature";
+export * from "./useAiRun";
+export { withAiKitShell } from "./withAiKitShell";
+export { translations } from "./i18n";

package/src/styles/ai-kit-ui.css

@@ -0,0 +1,201 @@
+:host {
+  --ai-kit-border-width: 1px;
+
+  --ai-kit-border-color: var(
+    --mantine-color-default-border,
+    rgba(0, 0, 0, 0.12)
+  );
+  --ai-kit-text-color: var(
+    --mantine-color-text,
+    var(--mantine-color-default-color)
+  );
+
+  --ai-kit-background-color: var(--mantine-color-body);
+  --ai-kit-options-background-color: rgba(235, 235, 235, 0.15);
+
+  --ai-kit-border-radius: var(--paper-radius);
+  --ai-kit-border-thickness: 2px;
+  --ai-kit-border-speed: 1400ms;
+  --ai-kit-border-angle: 0deg;
+}
+
+:host[data-ai-kit-variation="default"] {
+  --ai-kit-background-color: transparent;
+}
+
+.ai-feature-root {
+  --mb-z-index: var(--ai-kit-z-index, 100000) !important;
+  border: var(--ai-kit-border-width) solid var(--ai-kit-border-color);
+  border-radius: var(--ai-kit-border-radius);
+}
+
+.ai-feature-root .Mantine-Paper-root {
+  background-color: transparent;
+}
+
+.ai-feature-title-icon {
+  width: 24px;
+  height: 24px;
+  fill: none;
+  margin-right: 8px;
+}
+
+.ai-feature-open-button-no-title {
+  padding-inline-start: var(--button-padding-x);
+}
+.ai-feature-open-button-no-title .mantine-Button-section {
+  margin-inline-end: unset;
+}
+
+.ai-feature-options {
+  background-color: var(--ai-kit-options-background-color);
+  border: var(--ai-kit-border-width) solid var(--ai-kit-border-color);
+  border-radius: var(--ai-kit-border-radius);
+  font-size: var(--mantine-font-size-xs);
+  cursor: pointer;
+}
+
+.ai-feature-options[data-options-display="horizontal"] {
+  cursor: default;
+}
+
+.ai-feature-options[data-options-display="horizontal"] .ai-feature-option {
+  flex: 1 1 auto;
+  min-width: 120px;
+}
+
+.ai-feature-options-summary {
+  --group-wrap: nowrap !important;
+}
+
+.ai-feature-status-text {
+  font-size: var(--mantine-font-size-xs);
+  opacity: 0.85;
+}
+
+.ai-feature-generated-content {
+  border: var(--ai-kit-border-width) solid var(--ai-kit-border-color);
+  border-radius: var(--ai-kit-border-radius);
+  white-space: normal;
+  background-color: var(--ai-kit-options-background-color);
+  max-height: 400px;
+  overflow: auto;
+  padding: var(--mantine-spacing-sm);
+  font-size: var(--mantine-font-size-sm);
+  line-height: var(--mantine-line-height-sm);
+}
+.ai-feature-generated-content * {
+  margin-block-start: auto;
+  margin-block-end: auto;
+}
+.ai-feature-generated-content.ai-feature-preview,
+.ai-feature-generated-content.ai-feature-editor {
+  max-height: 200px;
+}
+.ai-feature-generated-content.ai-feature-editor textarea {
+  border: 0;
+  max-height: 198px;
+  resize: vertical;
+}
+
+.ai-kit-feature-border {
+  background-color: var(--ai-kit-background-color);
+  position: relative;
+  overflow: visible;
+  padding: var(--ai-kit-border-thickness);
+  border-radius: var(--ai-kit-border-radius);
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.ai-kit-feature-border__content {
+  position: relative;
+  z-index: 1;
+}
+
+.ai-kit-feature-border[data-ai-kit-active="false"]::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  border-radius: var(--ai-kit-border-radius);
+  padding: var(--ai-kit-border-thickness);
+}
+
+.ai-kit-feature-border[data-ai-kit-active="true"]::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  border-radius: var(--ai-kit-border-radius);
+  padding: var(--ai-kit-border-thickness);
+  background: var(
+    --ai-kit-border-gradient,
+    conic-gradient(
+      from var(--ai-kit-border-angle, 0deg) at 50% 50%,
+      #00c2ff,
+      #7c3aed,
+      #22c55e,
+      #f59e0b,
+      #00c2ff
+    )
+  );
+  animation: ai-kit-border-run var(--ai-kit-border-speed) linear infinite;
+  -webkit-mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  mask-composite: exclude;
+}
+
+.ai-kit-feature-border[data-ai-kit-active="true"][data-ai-kit-variation="modal"] {
+  box-shadow:
+    0 0 0 0.5px rgba(0, 0, 0, 0.06),
+    0 8px 24px rgba(0, 0, 0, 0.14),
+    0 0 28px rgba(124, 58, 237, 0.22);
+}
+
+@keyframes ai-kit-border-run {
+  from {
+    --ai-kit-border-angle: 0deg;
+  }
+  to {
+    --ai-kit-border-angle: 360deg;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ai-kit-feature-border[data-ai-kit-active="true"]::before {
+    animation: none;
+  }
+}
+
+/* AiResult inner padding so content doesn't touch the animated border */
+.ai-kit-actions {
+  display: flex;
+  width: 100%;
+  gap: var(--ai-kit-actions-gap, 8px);
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
+
+.ai-kit-actions .mantine-Button-root {
+  flex: var(--ai-kit-actions-button-flex, 1 1 0);
+  min-width: var(--ai-kit-actions-button-min-width, 140px);
+}
+
+@media (max-width: var(--ai-kit-actions-breakpoint, 520px)) {
+  .ai-kit-actions {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .ai-kit-actions .mantine-Button-root {
+    flex: 1 1 auto;
+    width: 100%;
+    min-width: 0;
+  }
+}