@appaflytech/zeyrek-ai-mcp 0.0.8 → 0.0.9

package/dist/knowledge/styleResolve.js

@@ -22,6 +22,12 @@
  * `TYPED_STYLE_COMPONENTS` kaydına eklenir — başka hiçbir yer değişmez.
  */
 export const STYLE_PRESET_KEY = '$preset';
+/**
+ * Düğümün hangi BİLEŞEN PRESETİ versiyonundan kurulduğunu anan işaret (frontend
+ * `style-presets.ts` kopyası). Kaskad katmanı değildir: versiyonun prop'ları düğüm oluşturulurken
+ * zaten yazılır, bu anahtar yalnız seçicinin hangi satırı seçili göstereceğini söyler.
+ */
+export const STYLE_COMPONENT_PRESET_KEY = '$componentPreset';
 /**
  * Satır yüksekliği ÜÇ yazımı da kabul eder: oran (1.4), yüzde ('140%') ve CSS
  * uzunluğu ('24px'). Çıplak sayı ikircikli tek durumdur — eski panel YÜZDE
@@ -53,17 +59,24 @@ export const deepMergeStyle = (base, override) => {
 };
 export const resolveNodeStyleLayers = (style, source, nodeType) => {
     const styleObject = isPlainObject(style) ? style : undefined;
-    const { [STYLE_PRESET_KEY]: presetName, ...own } = styleObject ?? {};
+    // İKİ sihirli anahtar da düşer. `$componentPreset` bir kaskad katmanı DEĞİLDİR: bileşen preseti
+    // versiyonu düğüm kurulurken prop'lara materialize edilir, bu anahtar yalnız "hangi versiyondan
+    // geldi"yi anar (`style-presets.ts:180-184`, 2026-09-07). Ayıklanmazsa emotion onu çöp bir CSS
+    // kuralına çevirir ve `resolvedStyle` ajana stil diye '$componentPreset: V1' gösterir (S-2).
+    const { [STYLE_PRESET_KEY]: presetName, [STYLE_COMPONENT_PRESET_KEY]: componentPreset, ...own } = styleObject ?? {};
     const componentStyle = nodeType && isPlainObject(source?.componentStyles?.[nodeType]) ? source.componentStyles[nodeType] : undefined;
     const preset = typeof presetName === 'string' && isPlainObject(source?.presets?.[presetName]) ? source.presets[presetName] : undefined;
     let theme;
     if (componentStyle || preset) {
         theme = deepMergeStyle(componentStyle ?? {}, preset ?? {});
+        // Preset'in KENDİSİ de işaret taşıyabilir: tema JSON'u elle düzenlenmişse.
         delete theme[STYLE_PRESET_KEY];
+        delete theme[STYLE_COMPONENT_PRESET_KEY];
     }
+    const version = typeof componentPreset === 'string' && componentPreset ? componentPreset : undefined;
     if (!styleObject && typeof style === 'string' && style)
-        return { theme, own: style };
-    return { theme, own: Object.keys(own).length ? own : undefined };
+        return { theme, own: style, componentPreset: version };
+    return { theme, own: Object.keys(own).length ? own : undefined, componentPreset: version };
 };
 export const resolveNodeStyle = (style, source, nodeType) => {
     if (!isPlainObject(style) && style !== undefined && style !== null)
@@ -308,6 +321,23 @@ export const applyLegacyTextProps = (input, root) => {
                 : `var(${STATUS_COLOR_VARS[color] ?? STATUS_COLOR_VARS.primary})`;
     }
 };
+/* ---- button: emekli kind:'custom' takma adı (frontend `button-style-logic.ts` kopyası) ---- */
+export const BUTTON_LEGACY_CUSTOM_COLOR_VAR = '--ng-btn-custom-color';
+/**
+ * `button`'ın EMEKLİ `kind: 'custom'` + `customColor` ikilisi (Dalga 4, 2026-09-14) kayıtlı
+ * sayfalarda aynen çizilir: Surface › Background BOŞSA köke eski `--ng-btn-custom-color`
+ * değişkeni yazılır, bileşenin `.ng-button--custom` bloğu okur. Bilerek `background` DEĞİL
+ * değişken: eski custom outline/text butonlar zemin değil kenarlık/yazı rengi alıyordu.
+ */
+export const applyLegacyButtonProps = (input, root) => {
+    if (root.background !== undefined)
+        return;
+    if (input.kind !== 'custom')
+        return;
+    if (!isRenderableColorLike(input.customColor))
+        return;
+    root[BUTTON_LEGACY_CUSTOM_COLOR_VAR] = String(input.customColor).trim();
+};
 /* ---- container: başlık bölgesi (frontend `container-style-logic.ts` kopyası) ---- */
 const CONTAINER_HEADER_SELECTOR = '&__header';
 const CONTAINER_TITLE_SELECTOR = '&__title';
@@ -419,6 +449,14 @@ export const TYPED_STYLE_COMPONENTS = {
         // Taşma hedefi olmayan komponentte contentOverflow ölü kural üretirdi.
         omit: { surfaceStyle: ['contentOverflow'] }
     },
+    button: {
+        groups: ['surfaceStyle'],
+        ext: { extra: applyLegacyButtonProps },
+        // `kind` emekli değil; takma ad yalnız eski 'custom' değerini okur.
+        legacyProps: ['kind', 'customColor'],
+        // Kaydırılan içeriği yok; taşma alanı ölü kural üretirdi.
+        omit: { surfaceStyle: ['contentOverflow'] }
+    },
     form: {
         // Çerçeve <form> KÖKÜNDE: yüzey köke, taşma gövdeye (S-19, 2026-09-15).
         // Genel düğüm yüzeyi yolu değeri kökün dışındaki kutuya yazıp ikinci çerçeve çiziyordu.
@@ -516,12 +554,16 @@ export function resolveNodeStyleReport(node, source) {
     const ownStyle = rawProp(props, 'style');
     const config = node.type ? TYPED_STYLE_COMPONENTS[node.type] : undefined;
     const presetName = isPlainObject(ownStyle) ? ownStyle[STYLE_PRESET_KEY] : undefined;
+    const versionName = isPlainObject(ownStyle) ? ownStyle[STYLE_COMPONENT_PRESET_KEY] : undefined;
     const typedGroups = config ? config.groups.filter(name => isPlainObject(rawProp(props, name))) : [];
+    const magicKeys = [STYLE_PRESET_KEY, STYLE_COMPONENT_PRESET_KEY];
     const layers = {
         typedGroups,
         componentStyle: Boolean(node.type && isPlainObject(source?.componentStyles?.[node.type])),
         preset: typeof presetName === 'string' && presetName ? presetName : null,
-        own: isPlainObject(ownStyle) ? Object.keys(ownStyle).filter(key => key !== STYLE_PRESET_KEY).length > 0 : Boolean(ownStyle)
+        componentPreset: typeof versionName === 'string' && versionName ? versionName : null,
+        // İşaretler stil DEĞİLDİR: yalnız onları taşıyan düğüm "kendi stili var" sayılmamalı.
+        own: isPlainObject(ownStyle) ? Object.keys(ownStyle).filter(key => !magicKeys.includes(key)).length > 0 : Boolean(ownStyle)
     };
     if (!config) {
         // Kayıtsız tip: eski birleşik kaskad. Kap tiplerinde tipli yüzey grubu