@jini-ai/ui 0.6.15-rc.2 → 0.6.16

package/dist/features/folder-path-drop/rules.js

@@ -51,14 +51,13 @@ export function folderPathsFromDataTransfer(dataTransfer, port) {
     return paths;
 }
 /**
- * The text a folder drop inserts: every path, space-joined, in drop order. The one place the format
- * lives — a path that itself contains a space is ambiguous in this format, so any change to quoting
- * or separators belongs here and nowhere else.
+ * The text a folder drop inserts: every path, space-joined, in drop order. Quote whitespace-containing
+ * paths so text consumers can distinguish the path from adjacent prose or secrets.
  *
  * @complexity Time/space: O(total path length).
  */
 export function formatDroppedFolderPaths(paths) {
-    return paths.join(' ');
+    return paths.map(path => /\s/.test(path) ? `"${path}"` : path).join(' ');
 }
 /**
  * A capture-phase drop handler's whole decision. A drop carrying at least one folder with a

package/dist/features/html-editor/canvas-embed-placeholders.js

@@ -227,9 +227,8 @@ export function applyCanvasEmbedPlaceholders(body, describe) {
         if (existingCard && !canRefreshRuntimeCard({ el, card: existingCard }, {}))
             continue;
         const descriptor = describe(el);
-        if (!descriptor)
-            continue;
-        updatePlaceholder({ el, doc, descriptor, existingCard }, {});
+        if (descriptor)
+            updatePlaceholder({ el, doc, descriptor, existingCard }, {});
     }
 }
 function canRefreshRuntimeCard({ el, card }, _options = {}) {

package/dist/features/html-editor/css.js

@@ -1,3 +1,4 @@
+import { trimTrailingChars } from '../../utils/trim-chars.js';
 /**
  * `editor.getCss()` always returns single-line, semicolon-packed CSS — confirmed directly in
  * GrapesJS's own bundled source (`CssRule.prototype.toCSS`/`getDeclaration`): there is no
@@ -65,7 +66,7 @@ export function prettifyCss(css) {
         return false;
     };
     const openRule = (_input, _options = {}) => {
-        out = out.replace(/[ \t]+$/, '');
+        out = trimTrailingChars(out, ' \t');
         out += ' {';
         depth++;
         atDeclStart = true;
@@ -77,7 +78,7 @@ export function prettifyCss(css) {
     };
     const closeRule = (_input, _options = {}) => {
         depth = Math.max(0, depth - 1);
-        out = out.replace(/[ \t]+$/, '');
+        out = trimTrailingChars(out, ' \t');
         // A `}` immediately after `{` (an empty rule) needs no newline before it; otherwise close on
         // its own indented line.
         if (!out.endsWith('{'))
@@ -137,10 +138,11 @@ export function prettifyCss(css) {
             out += ' ';
             i++;
             skipWhitespace({}, {});
-            continue;
         }
-        out += ch;
-        i++;
+        else {
+            out += ch;
+            i++;
+        }
     }
     return out.trim();
 }

package/dist/features/html-editor/editor-blocks.js

@@ -34,11 +34,54 @@ const RUNTIME_EFFECTS = new Set([
 const TEXT_EFFECT_TAGS = new Set(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'li', 'dt', 'dd', 'blockquote', 'figcaption', 'label']);
 const PHRASING_TAGS = new Set([...INLINE_TAGS, 'abbr', 'br', 'cite', 'code', 'data', 'dfn', 'img', 'kbd', 'q', 'samp', 'time', 'var', 'wbr']);
 const isPhrasingOnly = (el) => el.children.every(child => PHRASING_TAGS.has(child.tagName) && isPhrasingOnly(child));
+/** Closing quotes for each suffix, honoring the same backslash escapes as effect string literals.
+ * A failed quoted token can contain another valid token; suffix lookup preserves that recovery
+ * without repeatedly scanning an unterminated string. O(n) time and temporary memory. */
+function effectQuoteEnds({ text, quote }, _options = {}) {
+    const ends = new Int32Array(text.length + 2).fill(-1);
+    for (let i = text.length - 1; i >= 0; i--) {
+        const char = text[i];
+        if (char === quote)
+            ends[i] = i;
+        else if (char === '\\' && /[\r\n\u2028\u2029]/.test(text[i + 1] ?? ''))
+            ends[i] = -1;
+        else
+            ends[i] = ends[i + (char === '\\' ? 2 : 1)];
+    }
+    return ends;
+}
+/** Remove complete quoted strings and parenthesized arguments before splitting effect names.
+ * The first closing parenthesis wins, as in the existing effect grammar. O(n) time and memory. */
+function withoutEffectArguments({ text }, _options = {}) {
+    const double = effectQuoteEnds({ text, quote: '"' });
+    const single = effectQuoteEnds({ text, quote: "'" });
+    const lastClose = text.lastIndexOf(')');
+    const parts = [];
+    let start = 0;
+    let i = 0;
+    while (i < text.length) {
+        let end = -1;
+        if (text[i] === '"')
+            end = double[i + 1];
+        if (text[i] === "'")
+            end = single[i + 1];
+        if (text[i] === '(' && i < lastClose)
+            end = text.indexOf(')', i + 1);
+        if (end >= 0) {
+            parts.push(text.slice(start, i));
+            i = end;
+            start = end + 1;
+        }
+        i++;
+    }
+    parts.push(text.slice(start));
+    return parts.join('');
+}
 const isEditableEffect = (el) => {
     if (el.attributes['data-editor'] === 'block')
         return false;
     // Quoted selectors and timing/color functions may contain commas, which are not effect separators.
-    const effects = (el.attributes['data-kui'] ?? '').replace(/"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\([^)]*\)/g, '')
+    const effects = withoutEffectArguments({ text: el.attributes['data-kui'] ?? '' })
         .split(',').map(segment => segment.trim().split(/\s+/)[0]).filter(Boolean);
     if (effects.some(effect => RUNTIME_EFFECTS.has(effect)))
         return false;
@@ -72,10 +115,16 @@ function describeBlock({ el, isLive, hasLiveDescendants }, options = {}) {
         reason = 'embed';
     return { reason, host };
 }
+/** `.first.second` from an element's class attribute (first two classes), or undefined when it has none. */
+function classIdentity(className) {
+    if (!className)
+        return undefined;
+    return `.${className.trim().split(/\s+/).slice(0, 2).join('.')}`;
+}
 function createEditorBlock({ el, reason, host }, options = {}) {
     const t = options.translate ?? ((key) => key);
     const id = el.attributes.id;
-    const identity = id ? `#${id}` : el.attributes.class ? `.${el.attributes.class.trim().split(/\s+/).slice(0, 2).join('.')}` : el.tagName;
+    const identity = id ? `#${id}` : classIdentity(el.attributes.class) ?? el.tagName;
     return {
         ...el.outerRange, tagName: el.tagName, ...(id ? { id } : {}), reason, element: el,
         descriptor: reason === 'embed' && host ? host : {
@@ -155,8 +204,10 @@ export function prepareEditorSource({ html }, options = {}) {
     instances.sort((a, b) => a.outerStart - b.outerStart);
     let markerAttribute = 'data-jini-raw-source-0';
     let namespace = 0;
-    while (html.toLowerCase().includes(markerAttribute))
-        markerAttribute = `data-jini-raw-source-${++namespace}`;
+    while (html.toLowerCase().includes(markerAttribute)) {
+        namespace += 1;
+        markerAttribute = `data-jini-raw-source-${namespace}`;
+    }
     const prepared = renderSourceShells({ html, instances, blocks: detected.blocks, markerAttribute }, {});
     return { ok: true, html: prepared, markerAttribute, instances, canvasCss: css.join('\n') };
 }
@@ -175,7 +226,8 @@ function renderSourceShells({ html, instances, blocks, markerAttribute }, _optio
             .map(name => ` ${name}="${escapeAttribute(attrs[name])}"`).join('');
         const tag = instance.nonvisual ? 'span' : instance.tagName;
         const voidTag = instance.openingEnd === instance.outerEnd;
-        const shell = `<${tag} ${markerAttribute}="${i}"${layout}>${voidTag && !instance.nonvisual ? '' : `</${tag}>`}`;
+        const closingTag = voidTag && !instance.nonvisual ? '' : `</${tag}>`;
+        const shell = `<${tag} ${markerAttribute}="${i}"${layout}>${closingTag}`;
         prepared = prepared.slice(0, instance.outerStart) + shell + prepared.slice(instance.outerEnd);
     }
     return prepared;
@@ -186,7 +238,9 @@ export function findEditorBlockOpening({ html, target }, _options = {}) {
     let result;
     const walk = (el) => {
         if (el.tagName === target.tagName.toLowerCase() && (target.id === undefined || el.attributes.id === target.id)) {
-            if (occurrence++ === target.occurrenceIndex && el.outerRange) {
+            const index = occurrence;
+            occurrence += 1;
+            if (index === target.occurrenceIndex && el.outerRange) {
                 const { outerStart: start, openingEnd: end } = el.outerRange;
                 result = { start, end, openingTag: html.slice(start, end) };
             }

package/dist/features/html-editor/protected-elements.js

@@ -77,10 +77,12 @@ function selectedSourceStart({ wrapper, selected, original, html }, _options = {
     let copiesBefore = 0;
     let reached = false;
     visit(wrapper, component => {
-        if (component === selected)
+        if (component === selected) {
             reached = true;
-        else if (!reached && component.is(PROTECTED_ELEMENT_TYPE) && protectedElementHtml({ component }, {}) === original)
-            copiesBefore++;
+            return;
+        }
+        if (!reached && component.is(PROTECTED_ELEMENT_TYPE) && protectedElementHtml({ component }, {}) === original)
+            copiesBefore += 1;
     });
     let start = -1;
     for (let i = 0; i <= copiesBefore; i++)

package/dist/features/html-editor/react/hooks/useInteractiveHtmlEditor.js

@@ -227,7 +227,7 @@ export function useInteractiveHtmlEditor(html, onChange, isProtectedElement, can
     useEffect(() => {
         const wrapper = wrapperRef.current;
         if (!wrapper)
-            return;
+            return undefined;
         const sourcePlan = prepareEditorSource({ html }, { isProtectedElement, describeHostElement: describeEmbedPlaceholder, translate: options.translate });
         let integrityFailure;
         const reportSourceError = (error) => {
@@ -237,7 +237,7 @@ export function useInteractiveHtmlEditor(html, onChange, isProtectedElement, can
         };
         if (!sourcePlan.ok) {
             reportSourceError(new EditorSourceError({ message: sourcePlan.problem }, {}));
-            return;
+            return undefined;
         }
         const mountEl = document.createElement('div');
         mountEl.style.height = '100%';
@@ -249,7 +249,7 @@ export function useInteractiveHtmlEditor(html, onChange, isProtectedElement, can
         catch {
             reportSourceError(new EditorSourceError());
             mountEl.remove();
-            return;
+            return undefined;
         }
         const decorate = () => {
             protectTextAncestors({ editor }, {});

package/dist/features/html-editor/source-splice.js

@@ -34,9 +34,7 @@ function recordInnerRange({ node, currentPath, out }, _options = {}) {
 function indexChildren(children, parentPath, out) {
     let elementIndex = 0;
     for (const node of children) {
-        if (!isElement(node))
-            continue;
-        if (UNINDEXED_TAGS.has(node.tagName))
+        if (!isElement(node) || UNINDEXED_TAGS.has(node.tagName))
             continue;
         const currentPath = [...parentPath, elementIndex];
         recordInnerRange({ node, currentPath, out }, {});
@@ -134,7 +132,11 @@ export function indexSourceElements({ html }, _options = {}) {
         let slot = 0;
         const elements = nodes.filter(isElement).map(node => {
             const atom = UNINDEXED_TAGS.has(node.tagName);
-            const path = atom ? null : [...parentPath, slot++];
+            let path = null;
+            if (!atom) {
+                path = [...parentPath, slot];
+                slot += 1;
+            }
             const loc = node.sourceCodeLocation;
             const children = walk({ nodes: node.childNodes, parentPath: path ?? parentPath, parentStart: loc?.startTag?.endOffset ?? parentStart, parentEnd: loc?.endTag?.startOffset ?? parentEnd }, {});
             const outerRange = sourceOuterRange({ node, html, parentStart, parentEnd }, {});

package/dist/features/i18n/dictionaries/settings-dialog.ar.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_AR = {
     'Custom instructions': 'تعليمات مخصصة',
     'Custom model id': 'معرّف نموذج مخصص',
     'Custom…': 'مخصص…',
+    'Charcoal': 'فحمي',
+    'Clay': 'طيني',
+    'Violet': 'بنفسجي',
+    'Green': 'أخضر',
+    'Red': 'أحمر',
+    'Amber': 'كهرماني',
+    'Teal': 'أزرق مخضر',
+    'Pink': 'وردي',
     'Default accent color': 'لون التمييز الافتراضي',
     'Default endpoint. Usually no need to change this.': 'نقطة النهاية الافتراضية. عادةً لا حاجة لتغيير هذا.',
     'Default model': 'النموذج الافتراضي',

package/dist/features/i18n/dictionaries/settings-dialog.bn.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_BN = {
     'Custom instructions': 'কাস্টম নির্দেশনা',
     'Custom model id': 'কাস্টম মডেল আইডি',
     'Custom…': 'কাস্টম…',
+    'Charcoal': 'কয়লা',
+    'Clay': 'মাটি',
+    'Violet': 'বেগুনি',
+    'Green': 'সবুজ',
+    'Red': 'লাল',
+    'Amber': 'অ্যাম্বার',
+    'Teal': 'নীলচে সবুজ',
+    'Pink': 'গোলাপি',
     'Default accent color': 'ডিফল্ট হাইলাইট রং',
     'Default endpoint. Usually no need to change this.': 'ডিফল্ট এন্ডপয়েন্ট। সাধারণত এটি পরিবর্তনের প্রয়োজন হয় না।',
     'Default model': 'ডিফল্ট মডেল',

package/dist/features/i18n/dictionaries/settings-dialog.de.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_DE = {
     'Custom instructions': 'Benutzerdefinierte Anweisungen',
     'Custom model id': 'Benutzerdefinierte Modell-ID',
     'Custom…': 'Benutzerdefiniert…',
+    'Charcoal': 'Anthrazit',
+    'Clay': 'Ton',
+    'Violet': 'Violett',
+    'Green': 'Grün',
+    'Red': 'Rot',
+    'Amber': 'Bernstein',
+    'Teal': 'Petrol',
+    'Pink': 'Pink',
     'Default accent color': 'Standard-Akzentfarbe',
     'Default endpoint. Usually no need to change this.': 'Standard-Endpunkt. Muss normalerweise nicht geändert werden.',
     'Default model': 'Standardmodell',

package/dist/features/i18n/dictionaries/settings-dialog.en.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_EN = {
     'Custom instructions': 'Custom instructions',
     'Custom model id': 'Custom model id',
     'Custom…': 'Custom…',
+    'Charcoal': 'Charcoal',
+    'Clay': 'Clay',
+    'Violet': 'Violet',
+    'Green': 'Green',
+    'Red': 'Red',
+    'Amber': 'Amber',
+    'Teal': 'Teal',
+    'Pink': 'Pink',
     'Default accent color': 'Default accent color',
     'Default endpoint. Usually no need to change this.': 'Default endpoint. Usually no need to change this.',
     'Default model': 'Default model',

package/dist/features/i18n/dictionaries/settings-dialog.es.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_ES = {
     'Custom instructions': 'Instrucciones personalizadas',
     'Custom model id': 'Id. de modelo personalizado',
     'Custom…': 'Personalizado…',
+    'Charcoal': 'Carbón',
+    'Clay': 'Arcilla',
+    'Violet': 'Violeta',
+    'Green': 'Verde',
+    'Red': 'Rojo',
+    'Amber': 'Ámbar',
+    'Teal': 'Verde azulado',
+    'Pink': 'Rosa',
     'Default accent color': 'Color de acento predeterminado',
     'Default endpoint. Usually no need to change this.': 'Endpoint predeterminado. Normalmente no hace falta cambiarlo.',
     'Default model': 'Modelo predeterminado',

package/dist/features/i18n/dictionaries/settings-dialog.fa.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_FA = {
     'Custom instructions': 'دستورالعمل‌های سفارشی',
     'Custom model id': 'شناسهٔ مدل سفارشی',
     'Custom…': 'سفارشی…',
+    'Charcoal': 'زغالی',
+    'Clay': 'سفالی',
+    'Violet': 'بنفش',
+    'Green': 'سبز',
+    'Red': 'قرمز',
+    'Amber': 'کهربایی',
+    'Teal': 'سبزآبی',
+    'Pink': 'صورتی',
     'Default accent color': 'رنگ تأکیدی پیش‌فرض',
     'Default endpoint. Usually no need to change this.': 'نقطهٔ پایانی پیش‌فرض. معمولاً نیازی به تغییر آن نیست.',
     'Default model': 'مدل پیش‌فرض',

package/dist/features/i18n/dictionaries/settings-dialog.fr.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_FR = {
     'Custom instructions': 'Instructions personnalisées',
     'Custom model id': 'Identifiant de modèle personnalisé',
     'Custom…': 'Personnalisé…',
+    'Charcoal': 'Anthracite',
+    'Clay': 'Argile',
+    'Violet': 'Violet',
+    'Green': 'Vert',
+    'Red': 'Rouge',
+    'Amber': 'Ambre',
+    'Teal': 'Bleu canard',
+    'Pink': 'Rose',
     'Default accent color': 'Couleur d\'accent par défaut',
     'Default endpoint. Usually no need to change this.': 'Point de terminaison par défaut. Il n\'est généralement pas nécessaire de le modifier.',
     'Default model': 'Modèle par défaut',

package/dist/features/i18n/dictionaries/settings-dialog.hi.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_HI = {
     'Custom instructions': 'कस्टम निर्देश',
     'Custom model id': 'कस्टम मॉडल आईडी',
     'Custom…': 'कस्टम…',
+    'Charcoal': 'चारकोल',
+    'Clay': 'मिट्टी',
+    'Violet': 'बैंगनी',
+    'Green': 'हरा',
+    'Red': 'लाल',
+    'Amber': 'एम्बर',
+    'Teal': 'हरित-नील',
+    'Pink': 'गुलाबी',
     'Default accent color': 'डिफ़ॉल्ट हाइलाइट रंग',
     'Default endpoint. Usually no need to change this.': 'डिफ़ॉल्ट एंडपॉइंट। आमतौर पर इसे बदलने की आवश्यकता नहीं होती।',
     'Default model': 'डिफ़ॉल्ट मॉडल',

package/dist/features/i18n/dictionaries/settings-dialog.hu.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_HU = {
     'Custom instructions': 'Egyéni utasítások',
     'Custom model id': 'Egyéni modellazonosító',
     'Custom…': 'Egyéni…',
+    'Charcoal': 'Grafit',
+    'Clay': 'Agyag',
+    'Violet': 'Ibolya',
+    'Green': 'Zöld',
+    'Red': 'Piros',
+    'Amber': 'Borostyán',
+    'Teal': 'Kékeszöld',
+    'Pink': 'Rózsaszín',
     'Default accent color': 'Alapértelmezett kiemelőszín',
     'Default endpoint. Usually no need to change this.': 'Alapértelmezett végpont. Általában nem szükséges módosítani.',
     'Default model': 'Alapértelmezett modell',

package/dist/features/i18n/dictionaries/settings-dialog.id.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_ID = {
     'Custom instructions': 'Instruksi kustom',
     'Custom model id': 'ID model kustom',
     'Custom…': 'Kustom…',
+    'Charcoal': 'Arang',
+    'Clay': 'Tanah liat',
+    'Violet': 'Ungu',
+    'Green': 'Hijau',
+    'Red': 'Merah',
+    'Amber': 'Kuning amber',
+    'Teal': 'Hijau kebiruan',
+    'Pink': 'Merah muda',
     'Default accent color': 'Warna aksen default',
     'Default endpoint. Usually no need to change this.': 'Endpoint default. Biasanya tidak perlu diubah.',
     'Default model': 'Model default',

package/dist/features/i18n/dictionaries/settings-dialog.it.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_IT = {
     'Custom instructions': 'Istruzioni personalizzate',
     'Custom model id': 'ID modello personalizzato',
     'Custom…': 'Personalizzato…',
+    'Charcoal': 'Antracite',
+    'Clay': 'Argilla',
+    'Violet': 'Viola',
+    'Green': 'Verde',
+    'Red': 'Rosso',
+    'Amber': 'Ambra',
+    'Teal': 'Verde acqua',
+    'Pink': 'Rosa',
     'Default accent color': 'Colore di accento predefinito',
     'Default endpoint. Usually no need to change this.': 'Endpoint predefinito. Di solito non è necessario modificarlo.',
     'Default model': 'Modello predefinito',

package/dist/features/i18n/dictionaries/settings-dialog.ja.js

@@ -69,6 +69,14 @@ export const SETTINGS_DIALOG_JA = {
     'Custom instructions': 'カスタム指示',
     'Custom model id': 'カスタムモデルID',
     'Custom…': 'カスタム…',
+    'Charcoal': 'チャコール',
+    'Clay': 'クレイ',
+    'Violet': 'バイオレット',
+    'Green': 'グリーン',
+    'Red': 'レッド',
+    'Amber': 'アンバー',
+    'Teal': 'ティール',
+    'Pink': 'ピンク',
     'Default accent color': '既定のアクセントカラー',
     'Default endpoint. Usually no need to change this.': '既定のエンドポイントです。通常は変更する必要はありません。',
     'Default model': '既定のモデル',

package/dist/features/i18n/dictionaries/settings-dialog.ko.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_KO = {
     'Custom instructions': '사용자 지정 지침',
     'Custom model id': '사용자 지정 모델 ID',
     'Custom…': '사용자 지정…',
+    'Charcoal': '차콜',
+    'Clay': '클레이',
+    'Violet': '바이올렛',
+    'Green': '초록',
+    'Red': '빨강',
+    'Amber': '호박색',
+    'Teal': '청록',
+    'Pink': '분홍',
     'Default accent color': '기본 강조 색상',
     'Default endpoint. Usually no need to change this.': '기본 엔드포인트입니다. 보통 변경할 필요가 없습니다.',
     'Default model': '기본 모델',

package/dist/features/i18n/dictionaries/settings-dialog.pl.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_PL = {
     'Custom instructions': 'Niestandardowe instrukcje',
     'Custom model id': 'Niestandardowy identyfikator modelu',
     'Custom…': 'Niestandardowy…',
+    'Charcoal': 'Grafitowy',
+    'Clay': 'Gliniany',
+    'Violet': 'Fioletowy',
+    'Green': 'Zielony',
+    'Red': 'Czerwony',
+    'Amber': 'Bursztynowy',
+    'Teal': 'Morski',
+    'Pink': 'Różowy',
     'Default accent color': 'Domyślny kolor akcentu',
     'Default endpoint. Usually no need to change this.': 'Domyślny punkt końcowy. Zwykle nie trzeba go zmieniać.',
     'Default model': 'Model domyślny',

package/dist/features/i18n/dictionaries/settings-dialog.pt-BR.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_PT_BR = {
     'Custom instructions': 'Instruções personalizadas',
     'Custom model id': 'ID de modelo personalizado',
     'Custom…': 'Personalizado…',
+    'Charcoal': 'Carvão',
+    'Clay': 'Argila',
+    'Violet': 'Violeta',
+    'Green': 'Verde',
+    'Red': 'Vermelho',
+    'Amber': 'Âmbar',
+    'Teal': 'Azul-petróleo',
+    'Pink': 'Rosa',
     'Default accent color': 'Cor de destaque padrão',
     'Default endpoint. Usually no need to change this.': 'Endpoint padrão. Geralmente não é necessário alterar isso.',
     'Default model': 'Modelo padrão',

package/dist/features/i18n/dictionaries/settings-dialog.ru.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_RU = {
     'Custom instructions': 'Пользовательские инструкции',
     'Custom model id': 'Пользовательский id. модели',
     'Custom…': 'Другое…',
+    'Charcoal': 'Угольный',
+    'Clay': 'Глиняный',
+    'Violet': 'Фиолетовый',
+    'Green': 'Зелёный',
+    'Red': 'Красный',
+    'Amber': 'Янтарный',
+    'Teal': 'Бирюзовый',
+    'Pink': 'Розовый',
     'Default accent color': 'Акцентный цвет по умолчанию',
     'Default endpoint. Usually no need to change this.': 'Конечная точка по умолчанию. Обычно менять её не требуется.',
     'Default model': 'Модель по умолчанию',

package/dist/features/i18n/dictionaries/settings-dialog.th.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_TH = {
     'Custom instructions': 'คำสั่งที่กำหนดเอง',
     'Custom model id': 'รหัสโมเดลที่กำหนดเอง',
     'Custom…': 'กำหนดเอง…',
+    'Charcoal': 'ถ่าน',
+    'Clay': 'ดินเผา',
+    'Violet': 'ม่วง',
+    'Green': 'เขียว',
+    'Red': 'แดง',
+    'Amber': 'อำพัน',
+    'Teal': 'เขียวน้ำทะเล',
+    'Pink': 'ชมพู',
     'Default accent color': 'สีเน้นเริ่มต้น',
     'Default endpoint. Usually no need to change this.': 'เอนด์พอยต์เริ่มต้น โดยปกติไม่จำเป็นต้องเปลี่ยนค่านี้',
     'Default model': 'โมเดลเริ่มต้น',

package/dist/features/i18n/dictionaries/settings-dialog.tr.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_TR = {
     'Custom instructions': 'Özel talimatlar',
     'Custom model id': 'Özel model kimliği',
     'Custom…': 'Özel…',
+    'Charcoal': 'Kömür',
+    'Clay': 'Kil',
+    'Violet': 'Mor',
+    'Green': 'Yeşil',
+    'Red': 'Kırmızı',
+    'Amber': 'Kehribar',
+    'Teal': 'Camgöbeği',
+    'Pink': 'Pembe',
     'Default accent color': 'Varsayılan vurgu rengi',
     'Default endpoint. Usually no need to change this.': 'Varsayılan uç nokta. Genellikle bunu değiştirmeye gerek yoktur.',
     'Default model': 'Varsayılan model',

package/dist/features/i18n/dictionaries/settings-dialog.uk.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_UK = {
     'Custom instructions': 'Власні інструкції',
     'Custom model id': 'Власний ідентифікатор моделі',
     'Custom…': 'Власний…',
+    'Charcoal': 'Вугільний',
+    'Clay': 'Глиняний',
+    'Violet': 'Фіолетовий',
+    'Green': 'Зелений',
+    'Red': 'Червоний',
+    'Amber': 'Бурштиновий',
+    'Teal': 'Бірюзовий',
+    'Pink': 'Рожевий',
     'Default accent color': 'Акцентний колір за замовчуванням',
     'Default endpoint. Usually no need to change this.': 'Кінцева точка за замовчуванням. Зазвичай змінювати її не потрібно.',
     'Default model': 'Модель за замовчуванням',

package/dist/features/i18n/dictionaries/settings-dialog.ur.js

@@ -68,6 +68,14 @@ export const SETTINGS_DIALOG_UR = {
     'Custom instructions': 'کسٹم ہدایات',
     'Custom model id': 'کسٹم ماڈل آئی ڈی',
     'Custom…': 'کسٹم…',
+    'Charcoal': 'کوئلہ',
+    'Clay': 'مٹی',
+    'Violet': 'بنفشی',
+    'Green': 'سبز',
+    'Red': 'سرخ',
+    'Amber': 'کہربائی',
+    'Teal': 'نیلگوں سبز',
+    'Pink': 'گلابی',
     'Default accent color': 'ڈیفالٹ نمایاں رنگ',
     'Default endpoint. Usually no need to change this.': 'ڈیفالٹ اینڈ پوائنٹ۔ عام طور پر اسے تبدیل کرنے کی ضرورت نہیں ہوتی۔',
     'Default model': 'ڈیفالٹ ماڈل',

package/dist/features/i18n/dictionaries/settings-dialog.zh-CN.js

@@ -69,6 +69,14 @@ export const SETTINGS_DIALOG_ZH_CN = {
     'Custom instructions': '自定义指令',
     'Custom model id': '自定义模型 ID',
     'Custom…': '自定义…',
+    'Charcoal': '炭灰',
+    'Clay': '陶土',
+    'Violet': '紫罗兰',
+    'Green': '绿色',
+    'Red': '红色',
+    'Amber': '琥珀色',
+    'Teal': '青色',
+    'Pink': '粉色',
     'Default accent color': '默认强调色',
     'Default endpoint. Usually no need to change this.': '默认终结点，通常无需更改。',
     'Default model': '默认模型',

package/dist/features/i18n/dictionaries/settings-dialog.zh-TW.js

@@ -69,6 +69,14 @@ export const SETTINGS_DIALOG_ZH_TW = {
     'Custom instructions': '自訂指令',
     'Custom model id': '自訂模型 ID',
     'Custom…': '自訂…',
+    'Charcoal': '炭灰',
+    'Clay': '陶土',
+    'Violet': '紫羅蘭',
+    'Green': '綠色',
+    'Red': '紅色',
+    'Amber': '琥珀色',
+    'Teal': '青色',
+    'Pink': '粉紅色',
     'Default accent color': '預設強調色',
     'Default endpoint. Usually no need to change this.': '預設端點，通常不需要變更。',
     'Default model': '預設模型',

package/dist/features/iframe-pool/react/components/IframeKeepAliveProvider.js

@@ -35,15 +35,15 @@ export function IframeKeepAliveProvider({ children, maxMounted = DEFAULT_MAX_MOU
     const pool = useMemo(() => ({
         attach(key, host, create) {
             let entry = entriesRef.current.get(key);
-            if (!entry) {
-                entry = { key, element: create(), lastUsedAt: Date.now() };
-                entriesRef.current.set(key, entry);
-            }
-            else if (!activeKeysRef.current.has(key)) {
+            if (entry && !activeKeysRef.current.has(key)) {
                 // Reattaching a parked entry — undo the hidden/inert markers
                 // `release()` set, or the reused iframe would stay invisible.
                 unparkIframeElement(entry.element);
             }
+            if (!entry) {
+                entry = { key, element: create(), lastUsedAt: Date.now() };
+                entriesRef.current.set(key, entry);
+            }
             entry.lastUsedAt = Date.now();
             activeKeysRef.current.add(key);
             host.appendChild(entry.element);

package/dist/features/iframe-pool/react/dom-sync.js

@@ -1,10 +1,10 @@
 export function setForwardedRef(ref, value) {
     if (typeof ref === 'function') {
         ref(value);
+        return;
     }
-    else if (ref) {
+    if (ref)
         ref.current = value;
-    }
 }
 export function propNameToAttributeName(name) {
     if (name === 'className')