@appaflytech/zeyrek-ai-mcp 0.0.5 → 0.0.7

package/dist/resources/examples/page-flex-sections.json

@@ -0,0 +1,99 @@
+{
+  "_meta": {
+    "synthetic": true,
+    "note": "Flex boyut modeli (2026-09-01) örneği: wrap:true satır kapsayıcı içinde üç genişlik modu bir arada — 'fixed'+widthString sabit yan sütun, 'fill' kalan alanı alan ana bölge, widthType'sız (eski 12 kolon payı) tam genişlik alt şerit. Hücreler Studio Quick Stack iskeletiyle aynı desendedir (hücre tipi box, states.isQuickStack). page_schema_patch'in ops alanına olduğu gibi verilebilir.",
+    "pairsWith": "layout-app-shell (kabuk tarafındaki fixed/fill kullanımı), page-detail-profile (ızgara yerleşimli sayfa)",
+    "sourceRef": "platform_guide('page') Kural 1f-2; platform_guide('component') §appearance; zeyrek-frontend packages/ng-apps-screen-builder/src/flex-layout.ts (getFlexChildStyle, normalizeCssSize), apps/studio/src/components/screen-builder/quick-stack.functions.ts, zeyrek-frontend/docs/features/quick-stack.md"
+  },
+  "_rules": {
+    "explicitWidthType": "Flex çocuğun genişliği appearance.widthType'tan gelir — öncelik fill > fixed(+widthString) > auto > eski blocks.size.w payı (widthType hiç yoksa). Şemayı sen kuruyorsan modu AÇIKÇA yaz; cell_footer'daki mod eksikliği bilinçli bir fallback gösterimidir.",
+    "stringNeedsFixedMode": "widthString/heightString YALNIZ ilgili *Type:'fixed' iken okunur. 'fill'/'auto' moda string yazmak ölüdür — gateway PAGE-017 uyarısı verir, Studio paneli mod değişiminde string'i siler.",
+    "cssSizeAcceptance": "Boyut string'i kabul kuralı (normalizeCssSize): çıplak sayı px sayılır, birimler px/%/vw/vh/vmin/vmax/rem/em/ch, calc(...) geçer. Negatif, pt, fr, 'auto' GEÇMEZ — platform 200 döner ama panel ve runtime değeri sessizce düşürür (PAGE-018).",
+    "wrapDefaultTrue": "wrap varsayılanı 2026-09-01'den beri AÇIK: w:12 çocuklar alt satıra sararak dikey akar. Bu örnekte de açık bırakıldı; kapatırsan üç hücre tek satıra sıkışır.",
+    "gapThemeVars": "gap preset'leri tema değişkenidir (small/medium/large → var(--ng-spacing-sm/md/lg)); alan allowCustom'dır, '18px' gibi ham CSS de geçer.",
+    "quickStackSkeleton": "Studio'nun Quick Stack üreteci hücre olarak DAİMA box kurar, ebeveyne layout:'flex' + direction:'row' + wrap:true yazar ve satır span'ları 12'ye tamamlanır. states.isQuickStack yalnız editör süsüdür (kesikli çerçeve) — runtime'da hiçbir etkisi yoktur.",
+    "orderFromBlocks": "Flex'te sıra blocks[].position'dan gelir (önce y, sonra x) ve y yalnız SIRADIR; boşluk çizilmez. Yine de bitişik ver ki grid'e dönüşte şema geçerli kalsın.",
+    "heightStringOnlyFixed": "heightType:'fixed' ölçüyü heightString'den alır ('30vh' gibi), o yoksa size.h×10px'ten. heightType:'auto' içerik kadar, 'fill' ebeveynin bıraktığı yer."
+  },
+  "schemaPatchOps": [
+    {
+      "op": "add_component",
+      "parent": "page_container",
+      "component": {
+        "elementId": "sections_row",
+        "name": "sections_row",
+        "kind": "component",
+        "type": "container",
+        "props": {
+          "title": { "type": "static", "ref": null, "data": "" },
+          "layout": { "type": "static", "ref": null, "data": "flex" },
+          "direction": { "type": "static", "ref": null, "data": "row" },
+          "horizontalAlign": { "type": "static", "ref": null, "data": "left" },
+          "verticalAlign": { "type": "static", "ref": null, "data": "stretch" },
+          "size": { "type": "static", "ref": null, "data": "shrink" },
+          "gap": { "type": "static", "ref": null, "data": "medium" },
+          "wrap": { "type": "static", "ref": null, "data": true }
+        },
+        "states": { "isSticky": false, "isDroppable": true, "isScrollable": false, "isWrapper": false },
+        "appearance": { "heightType": "auto", "widthType": "fill", "marginType": "none", "paddingType": "none" },
+        "blocks": [{ "breakpoint": 1024, "size": { "w": 12, "h": 24 }, "position": { "x": 0, "y": 0 } }],
+        "children": [
+          {
+            "elementId": "cell_sidebar",
+            "name": "cell_sidebar",
+            "kind": "component",
+            "type": "box",
+            "props": {
+              "layout": { "type": "static", "ref": null, "data": "flex" },
+              "direction": { "type": "static", "ref": null, "data": "column" }
+            },
+            "states": { "isSticky": false, "isDroppable": true, "isScrollable": false, "isWrapper": false, "isQuickStack": true },
+            "appearance": { "heightType": "fixed", "heightString": "30vh", "widthType": "fixed", "widthString": "240px" },
+            "blocks": [{ "breakpoint": 1024, "size": { "w": 4, "h": 6 }, "position": { "x": 0, "y": 0 } }],
+            "children": [],
+            "events": [],
+            "validations": [],
+            "stateBindings": []
+          },
+          {
+            "elementId": "cell_main",
+            "name": "cell_main",
+            "kind": "component",
+            "type": "box",
+            "props": {
+              "layout": { "type": "static", "ref": null, "data": "flex" },
+              "direction": { "type": "static", "ref": null, "data": "column" }
+            },
+            "states": { "isSticky": false, "isDroppable": true, "isScrollable": false, "isWrapper": false, "isQuickStack": true },
+            "appearance": { "heightType": "auto", "widthType": "fill" },
+            "blocks": [{ "breakpoint": 1024, "size": { "w": 8, "h": 6 }, "position": { "x": 4, "y": 0 } }],
+            "children": [],
+            "events": [],
+            "validations": [],
+            "stateBindings": []
+          },
+          {
+            "elementId": "cell_footer",
+            "name": "cell_footer",
+            "kind": "component",
+            "type": "box",
+            "props": {
+              "layout": { "type": "static", "ref": null, "data": "flex" },
+              "direction": { "type": "static", "ref": null, "data": "row" }
+            },
+            "states": { "isSticky": false, "isDroppable": true, "isScrollable": false, "isWrapper": false, "isQuickStack": true },
+            "appearance": { "heightType": "auto" },
+            "blocks": [{ "breakpoint": 1024, "size": { "w": 12, "h": 6 }, "position": { "x": 0, "y": 6 } }],
+            "children": [],
+            "events": [],
+            "validations": [],
+            "stateBindings": []
+          }
+        ],
+        "events": [],
+        "validations": [],
+        "stateBindings": []
+      }
+    }
+  ]
+}

package/dist/resources/examples/page-sign-in.json

@@ -9,10 +9,11 @@
     "cookieNameContract": "setcookie'deki ad ile auth middleware'inin okuduğu ad BİREBİR aynı olmalı (burada APP_Token → middleware'de cookie.APP_Token). Uyuşmazlık 'her istek 401' olarak görünür ve teşhisi zordur.",
     "signInEndpoint": "Sign-in ucu bir workflow'dur: kullanıcıyı e-postayla bulur, şifreyi karşılaştırır, system.generateToken({...claims}) ile token üretir. Claim anahtarları neyse middleware onları okur (claims.userId gibi) — token.data.id diye evrensel bir alan YOKTUR. Bkz. platform_guide('expressions') ve platform_guide('middleware') Tarif 1.",
     "conditionAlways": "Token kontrolü condition ile yapılır; `always` dalı buton durumunu her koşumda sıfırlar, kural dalları başarı/hata yolunu ayırır.",
+    "submitButtonType": "Formun `submit` olayına akış bağlamak TEK BAŞINA yetmez: `button` varsayılan olarak `type=\"button\"` çizilir ve HTML form submit'i HİÇ doğmaz — tıklamak da alanda Enter da uca istek göndermez ve hiçbir hata çıkmaz (ölçüldü 2026-09-05; teşhis ancak gerçek tıklamayla mümkün oldu, `page_screenshot` `actions`). Bu yüzden butona `props.type = 'submit'` veriliyor. Alternatif: aynı akışı butonun `click` olayına da bağlamak. Gateway ikisi de yoksa FORM-003 ile uyarır.",
     "rawRedirect": "redirect isRaw:true iken path ÇOK SATIRLI JS bloğudur ve son ifadenin değeri hedef adrestir. 'Korunan sayfaya gitmek isterken login'e düşen kullanıcıyı geri gönderme' deseni budur; yoksa sabit bir sayfaya gidilir (pageId + path).",
     "objectProp": "Prop değeri nesne olabilir: icon → { type:'static', ref:{ name:'progress_activity' } }.",
     "pageIsPublic": "Giriş sayfasına middlewareIds BAĞLANMAZ (guard'lı olsaydı kullanıcı giriş yapamazdı). Buna karşılık diğer sayfalar ve korunan uçlar middlewareIds ile bağlanır.",
-    "notificationIsHidden": "notification KATALOĞUNDA isHidden YOKTUR: şemaya props.isHidden yazmak 'unknown-prop' ile reddedilir (bu örneğin eski hâli öyleydi — crm koşumu B-10). Runtime'da gizleme her komponentte çalışır ama prop'u SETTER yazar. Başlangıçta gizli göstermek için komponenti isHidden'ı OLAN bir container'a (box_message) sar ve koşulu sarmalayıcıya bağla; appearance.isHidden bir çözüm DEĞİLDİR — runtime onu hiç okumaz.",
+    "notificationIsHidden": "notification'ın şemasında isHidden 2026-08-26'dan beri VARDIR: props.isHidden'ı doğrudan bildirime yazabilirsin. Bu örnekteki box_message sarmalayıcısı o dönemin kalıntısıdır (crm koşumu B-10) ve tek bir bildirim için ARTIK GEREKMEZ — burada duruyor çünkü şeridi bir kaba sarıp birden çok parçayı birlikte gösterip gizliyor. appearance.isHidden ise hiçbir zaman çözüm DEĞİLDİR — runtime onu hiç okumaz.",
     "validationShape": "Validation gövdesi DÖRT alan taşır: { type, message, value, isActive }. 'name' anahtarı JsonIgnore'dur — {name, value, message} yazarsan tip enum varsayılanına düşer ve alan sessizce REGEX doğrulamasına döner. Tip adları TİRELİDİR (max-length / min-length / max-value / min-value); 'maxLength' backend'e yazılır ama runtime doğrulayıcı onu tanımaz ve doğrulama hiç koşmaz. Gateway düzeltebildiğini düzeltir, kalanını PAGE-016 ile reddeder."
   },
   "pageCreateArgs": {
@@ -63,7 +64,7 @@
       "parent": "auth_layout",
       "component": {
         "elementId": "sign_in_form", "kind": "component", "type": "form", "name": "sign_in_form",
-        "props": { "title": { "type": "static", "data": "Giriş" }, "hideBorders": { "type": "static", "data": true } },
+        "props": { "title": { "type": "static", "data": "Giriş" }, "style": { "type": "static", "data": { "border": { "type": "static", "data": "none" } } } },
         "states": { "isSticky": false, "isDroppable": true, "isScrollable": false, "isWrapper": true },
         "blocks": [{ "breakpoint": 1024, "size": { "h": 24, "w": 12 }, "position": { "x": 0, "y": 4 } }],
         "children": [], "events": [], "validations": [], "stateBindings": []
@@ -103,7 +104,7 @@
       "parent": "sign_in_form",
       "component": {
         "elementId": "btn_sign_in", "kind": "component", "type": "button", "name": "btn_sign_in",
-        "props": { "text": { "type": "static", "data": "Giriş yap" } },
+        "props": { "text": { "type": "static", "data": "Giriş yap" }, "type": { "type": "static", "data": "submit" } },
         "states": { "isSticky": false, "isDroppable": false, "isScrollable": false, "isWrapper": false },
         "blocks": [{ "breakpoint": 1024, "size": { "h": 4, "w": 12 }, "position": { "x": 0, "y": 10 } }],
         "children": [], "events": [], "validations": [], "stateBindings": []

package/dist/resources/guides/component.md

@@ -30,6 +30,23 @@ component_get   → tek tipin TAM sözleşmesi, üç katman birleşik:
   `appearance.heightType: 'auto'` tercih edilir. Katalog varsayılanı bazı tiplerde kendi
   sınırını aşar — körü körüne kopyalama, gateway kırpar ve bildirir.
 
+### Arayüz metni ve biçimler uygulama dilini izler
+
+Komponentlerin KENDİ arayüz metni (tablo sayfalaması, filtre operatörleri, boş durumlar, kırpma
+düğmeleri) ve sayı/tarih biçimleri uygulamanın aktif dilinden gelir — prop vermene gerek yok.
+İki ayrı kural işliyor ve karıştırılmamalı:
+
+- **Metin İngilizceye düşer.** Kütüphanenin sözlüğü tr/en taşır; projede `de` seçiliyse o metinler
+  İngilizce çıkar. Yeni dil eklemek sözlüğe satır eklemektir, komponent değişikliği değil.
+- **Biçim düşmez.** Sayı ayraçları ve tarih adları seçilen dilin kendi kuralını kullanır
+  (`de` → `1.234,5`). Dili olmayan bir biçim yoktur; dil verilmediğinde taban İngilizcedir.
+
+Bazı komponentlerin `locale` prop'u geriye uyum için durur ve **doluysa kazanır** — bilinçli
+sabitleme içindir. Boş bırakmak doğru varsayılandır.
+
+Doğrulama mesajını çeviriye bağlamak ayrı bir sözleşmedir (`t:` öneki, `platform_guide('page')`
+§validasyon); prop'ları bağlamak için `set_prop_type` (`platform_guide('translation')`).
+
 ## Olay modeli
 
 - Olay adları `component_get.events`'ten okunur, **`on` öneki almaz** (tek istisna
@@ -79,29 +96,85 @@ Her şema düğümünde iki sözlük vardır; ikisi de ortak render katmanında
 |---|---|
 | `isDroppable` | İçine komponent alır (container/form/repeater true) |
 | `isScrollable` | İçeriği kendi alanında kaydırır (sabit yükseklikte `overflow-y: auto`) |
-| `isWrapper` | Sayfanın/layout'un/widget'ın ANA kabı — salt düzen elemanı: `height:100%` + **`min-height:80vh`**, kap başlığı ÇİZİLMEZ. **Yalnız sayfa boyu kaplaması gereken tek kap için kullan:** iç içe kutuya verirsen 720px'lik pencerede o kutu 36px içerikle bile 576px çizilir (ölçüldü, `platform_guide('page')` Kural 1f). Çerçeve/başlık gizlemek için wrapper değil `style` / `hideBorders` kullan; `states` için micro-op olmadığından düzeltmek düğümü yeniden kurmayı gerektirir |
+| `isWrapper` | Sayfanın/layout'un/widget'ın ANA kabı — salt düzen elemanı: `height:100%` + **`min-height:80vh`**, kap başlığı ÇİZİLMEZ. **Yalnız sayfa boyu kaplaması gereken tek kap için kullan:** iç içe kutuya verirsen 720px'lik pencerede o kutu 36px içerikle bile 576px çizilir (ölçüldü, `platform_guide('page')` Kural 1f). Çerçeve/başlık gizlemek için wrapper değil `style` (`border:'none'`) kullan. Kurulmuş bir düğümün bayrağını `resize_component` micro-op'unun `states` alanı değiştirir — düğümü yeniden kurmak gerekmez |
 | `isSticky` | Kaydırmada yerinde kalır (header/sidebar; z-index'i otomatik) |
+| `isFloating` | Düğümü akıştan çıkarıp yüzdürür (katman davranışı; nadir) |
+| `isQuickStack` | Studio'nun Quick Stack iskelet hücresi işareti — editörde kesikli çerçeve çizer, **runtime'da hiçbir etkisi yoktur**. MCP'den iskelet kurarken yazmak serbesttir ama gerekmez |
 
 > **Çocukların DİZİLİMİ `states`'te değil kabın PROP'undadır:** `container` — ve dolayısıyla
 > `page_container` — `layout: 'flex' | 'grid'` + altı ayar (`direction`, `horizontalAlign`,
-> `verticalAlign`, `size`, `gap`, `wrap`) taşır. Katalog varsayılanı `flex`'tir ama varsayılan
-> düğüm kurulurken yazılır: `layout` prop'u hiç yoksa renderer IZGARA çizer, o yüzden şemayı sen
-> kuruyorsan açıkça yaz. Ortalama/yaslama/aralık işini `style` ile değil bu grupla kur:
-> `platform_guide('page')` Kural 1f-2.
+> `verticalAlign`, `size`, `gap`, `wrap`) taşır; **`form` (2026-09-01), `box`/`aibox` ve
+> `layout`/`widget-area` (2026-09-03) da aynı grubu aynı varsayılanlarla taşır** — değer
+> kümesi hepsinde `flex`/`grid`, yalnız `box-section` tek değerlidir. Katalog
+> varsayılanı `flex` + `wrap: true`'dur ama varsayılan düğüm kurulurken yazılır: `layout`
+> prop'u hiç yoksa renderer IZGARA çizer, o yüzden şemayı sen kuruyorsan açıkça yaz.
+> Ortalama/yaslama/aralık işini `style` ile değil bu grupla kur: `platform_guide('page')`
+> Kural 1f-2.
 
 | `appearance` | Değerler | Anlamı |
 |---|---|---|
-| `heightType` | `auto` · `fixed` · `fill` | `auto`: içerik kadar (önerilen — Kural 1d); `fixed`: `blocks.h × 10px`; `fill`: **kalanı doldur** — ebeveynin bıraktığı yer (ızgarada `height:100%`, flex sütununda `flex:1 1 auto`, flex satırında `align-self:stretch`). Tam ekran yerleşim kabuğu bununla kurulur, bkz. `platform_guide('layout')` |
-| `marginType` / `marginValue` | `normal` · `none` · `custom` + px | Dış boşluk: normal=5px, custom=`marginValue` |
+| `heightType` | `auto` · `fixed` · `fill` | `auto`: içerik kadar (önerilen — Kural 1d); `fixed`: `heightString` varsa o, yoksa `blocks.h × 10px`; `fill`: **kalanı doldur** — ebeveynin bıraktığı yer (ızgarada `height:100%`, flex sütununda `flex:1 1 auto`, flex satırında `align-self:stretch`). Tam ekran yerleşim kabuğu bununla kurulur, bkz. `platform_guide('layout')` |
+| `widthType` | `cover` · `contain` · `auto` · `fixed` · `fill` | İlk ikisi görsel/medya sığdırma. Kalanı **flex (ve eski cssgrid) kabın çocuğunun genişlik modu** (2026-09-01): `auto` içerik kadar, `fixed` `widthString`'den, `fill` kabın tüm genişliği (satırda `flex:1 1 100%`, sütunda `align-self:stretch`). **Yazılmazsa eski 12 kolon `blocks.size.w` payı geçerlidir** — öncelik: `fill` > `fixed` > `auto` > span |
+| `widthString` / `heightString` | CSS uzunluğu | Sabit ölçü; **yalnız ilgili `*Type: 'fixed'` iken okunur** (aksi PAGE-017 uyarısı). Kabul: çıplak sayı (px sayılır) · `px % vw vh vmin vmax rem em ch` birimli değer · `calc(...)`. Negatif/`pt`/`fr`/`auto` GEÇMEZ — platform kaydeder ama panel ve runtime sessizce düşürür (PAGE-018). Eski `widthPx` alanı 2026-09-01'de kaldırıldı |
+| `marginType` / `marginValue` | `normal` · `none` · `custom` + px | Dış boşluk: **yazılmazsa `normal` sayılır** = her kenara 4px (`spacing.ts` `CANVAS_NORMAL_MARGIN`); custom=`marginValue`. Bileşenleri dip dibe dizmek için `none` ŞART — `gap:'none'` olsa bile normal margin komşular arasında 8px bırakır (sıkı dizilim tarifi: `platform_guide('page')` Kural 1f-2) |
 | `paddingType` / `paddingValue` | `normal` · `none` · `custom` + px | Droppable kapların iç boşluğu: normal=10px |
 | `alignType` | `left` · `center` · `right` | İçerik hizalama (destekleyen komponentlerde) |
-| `widthType` | `cover` · `contain` | Görsel/medya sığdırma davranışı |
 | `aspectRatio` | sayı | En-boy oranı kilidi (medya komponentleri) |
 
 `isHidden` bu sözlüklerde değil PROP'tur ve her komponentte çalışır; flow'lar `margin` /
 `padding` / `height` prop adlarıyla da appearance'ı setter üzerinden değiştirebilir
 (RenderComponent bu üç prop'u appearance'a çevirir).
 
+> **Yerleşim YALNIZ `appearance`'tan geçer — `style`'a yazılan CSS kaçamakları sessizce
+> yutulur.** `style` serbest bir sözlüktür: doğrulama duvarı susar, kayıt 200 döner, `*_get`
+> değeri geri verir ve düzen hiç değişmez. 2026-09-06·2 koşusunda üst çubuktaki "Dashboard"
+> etiketi flex satırında sıkışıp "Dashboar" olarak çizildi; `style.flexShrink: 0` hiçbir şey
+> yapmadı, çözüm `appearance` oldu (`S-11`). Karşılıklar:
+>
+> | `style`'a yazma | Karşılığı |
+> |---|---|
+> | `flexShrink` · `flexGrow` · `flexBasis` · `flex` | `widthType`/`heightType`: küçülmeyi durdurmak `fixed` + `*String`, kalanı almak `fill`, içerik kadar `auto` |
+> | `width` · `minWidth` · `maxWidth` | `widthType: 'fixed'` + `widthString` |
+> | `height` · `minHeight` · `maxHeight` | `heightType: 'fixed'` + `heightString` (ya da `auto`/`fill`) |
+> | `margin` · `padding` | `marginType`/`marginValue` · `paddingType`/`paddingValue` |
+> | `alignSelf` · `justifySelf` | Ebeveynin flex prop'ları (`horizontalAlign`/`verticalAlign`) + çocuğun `*Type`'ı |
+>
+> `style` rengin, tipografinin ve kenarlığın yeridir; kutu modeline ait her şey `appearance`'ta.
+
+> **Jeton kümesi kapalıdır ve tanınmayan jeton artık 400 döner.** Yukarıdaki beş alanın
+> (`paddingType` · `marginType` · `widthType` · `heightType` · `alignType`) kabul ettiği değerler
+> platformun kendi enum'larıdır; tanınmayan bir jeton eskiden **sessizce sıfırlanıyordu** —
+> 2026-09-06 koşusunda `paddingType: 'large'` gönderildi, HTTP 200 döndü ve kart `none` ile,
+> yani hiç iç boşluksuz çizildi (`S-2`). Platform bunu artık kabul edilen jetonları sayan bir
+> hatayla reddeder. Aynı kümeler `component_get` yanıtının `appearanceValues` alanında da döner,
+> `states` bayraklarının "true iken ne olur" karşılıkları ise `stateFlags` alanında —
+> `gap` gibi komponente özel jetonlar için `component_get` prop şemasına bakın.
+>
+> **`gap` jetonlarına benzeterek jeton uydurma:** `gap` bir container PROP'udur ve kendi kümesi
+> vardır; `appearance` alanlarıyla aynı sözlüğü paylaşmaz.
+
+## Dosya/görsel taşıyan prop'lar nesne bekler
+
+Görsel ya da dosya gösteren her yüzey (`datatable`'ın `image`/`file` kolonu başta olmak üzere)
+düz URL string'i değil **dosya nesnesi** ister: `{ absolute_path, display_name }` (etikette
+`fileName` de okunur). Düz string verilirse kaynak boş kalır ve hücre/kutu **sessizce boş**
+çizilir — istek 200 döner, hata yoktur (ölçüm: 09-04 koşusu Y-21). Entity'nin `FILE` alanı bu
+şekli zaten döner; ham bir URL'yi göstermek istiyorsan ya kolonu `url`/`link` yap ya da veriyi
+`{ absolute_path: '<url>', display_name: '<ad>' }` biçimine çevir. Komponentin kendi sözleşmesi
+için `component_get` `propNotes`.
+
+## Tasarımcı toolbar'ı: `designer.toolbar` (studio'ya özel, kataloğa girmez)
+
+Studio kanvasında seçili komponentin yanında çıkan bant, komponentin **kendi 2–4 prop'unu**
+tek tıkla değiştirir (`textinput`: Disabled · Readonly · Size). Liste komponentin kendi
+`schema.ts`'inde `designer.toolbar` olarak durur; kontrol prop tipinden türer (switch → toggle,
+≤ 4 seçenekli radio/dropdown/switcher → kısa metin grubu, fazlası açılır liste, number → sayı
+alanı). Kural üretimde denetlenir: en fazla 4 ad, ad şemada var, tip izinli, `designer.hide`
+ve `layout` grubundaki adlar giremez. **MCP tarafında karşılığı yoktur:** `designer` bloğu
+`components.json`'a ve `component_get` yanıtına girmez; toolbar'daki her prop zaten sıradan
+bir prop'tur, `set_prop` ile aynı şekilde yazılır. Bu bilgi yalnız "studio'da neden o
+düğmeler var" sorusuna cevaptır.
+
 ## Komponent seçimi
 
 "Hangi işe hangi komponent" tablosu ve `table` / `datatable` karşılaştırması: