@appaflytech/zeyrek-ai-mcp 0.0.2 → 0.0.4

package/dist/resources/guides/external-component.md

@@ -0,0 +1,129 @@
+# Kendi komponentinizi yazmak
+
+Hazır katalog (`component_list`) ihtiyacınızı karşılamıyorsa üç seçeneğiniz var,
+bu sırayla deneyin:
+
+1. **Hazır komponenti zorlayın.** `component_get` ile prop'lara bakın; çoğu
+   "yok" sanılan davranış bir prop ya da event kombinasyonuyla çıkar.
+2. **`html` kaçış kapısı.** Tek seferlik bir görsel için yeterli — bkz.
+   `platform_guide('html')`. Kalıcı, tekrar kullanılacak bir şey değilse burada
+   durun.
+3. **Kendi komponentinizi yayınlayın.** Aynı ihtiyaç birden fazla sayfada
+   tekrarlanıyorsa, prop/event sözleşmesi gerekiyorsa ya da `html` içinde
+   yönetilemeyecek kadar davranış varsa doğru yol budur. Bu rehberin konusu.
+
+Yayınlanan komponent platformun kendi komponentlerinden ayırt edilmez:
+sayfaya sürüklenir, prop'ları property panelinde düzenlenir, event'leri flow'a
+bağlanır, tema değişkenlerini alır. Studio toolbox'ında **"Your Components"**
+başlığı altında listelenir.
+
+## Akış
+
+```
+external_component_scaffold   → yerel iskelet (element.mjs + manifest.json)
+        ↓ (element.mjs'i yazın, manifest'i gerçek prop/event'lerinize göre düzenleyin)
+external_component_publish    → kayıt + paket yüklenir, doğrulama raporu döner
+        ↓ (rapor block içeriyorsa düzeltip tekrar publish — depolamaya yazılmadı)
+        ↓ taslak: Studio önizlemesinde görünür, yayınlanmış uygulamada görünmez
+external_component_activate   → yayına alır (yalnız metadata; kesinti yok)
+        ↓
+page_schema_patch             → add_component ile sayfaya koyun
+```
+
+Aktivasyondan sonra komponent `component_list` / `component_get` çıktısında
+normal katalog kaydı gibi döner; `add_component` micro-op'unda `type` olarak
+slug'ı kullanın.
+
+## Sözleşme
+
+Host element'e şema prop'larını **JS property** olarak yazar — attribute değil,
+böylece dizi ve nesneler bozulmadan geçer. Yanına iki kanal koyar:
+
+| Property | İçerik |
+|---|---|
+| şemadaki her prop | çözülmüş değer; yalnız değişen key'ler yeniden yazılır |
+| `zxContext` | `{ elementId, appearance, states, isRequired, editorMode, language }` |
+| `zxMachine` | platform yüzeyi (aşağıda) |
+
+Element geriye **tek bir DOM olayıyla** konuşur: `zx-emit`, detail'i
+`{ name, data?, setter?, flowId?, params? }`.
+
+- `name` manifest'te bildirdiğiniz event adı olmalı; bildirilmemiş bir ad
+  flow'a bağlanamaz.
+- `setter: true` verirseniz `data` içindeki değer aynı adlı prop'a geri yazılır —
+  `value` gibi iki yönlü davranan proplar için budur.
+
+`zxMachine` sayılı bir yüzeydir; burada olmayan hiçbir şeye erişemezsiniz:
+`getProps`, `getComponents`, `getComponentProps`, `getState`/`setState`,
+`getVariable`/`setVariable`, `getStorage`/`setStorage`,
+`getLanguage`/`setLanguage`, `t`, `checkAuthorization`, `user`, `pageParams`,
+`emit`, `on`.
+
+## Yasaklar — yayınlamayı reddeder
+
+Paket sunucuda AST taramasından geçer. Şunlardan biri varsa paket **depolamaya
+hiç yazılmaz**:
+
+`eval`, `new Function` / `Function(...)`, dinamik `import()`,
+`document.cookie`, `window.machine`, `navigator.serviceWorker.register`,
+`document.write`, `localStorage.clear()` / `sessionStorage.clear()`.
+
+Tarama AST üzerinde çalışır: bir string sabitinin içindeki `eval` kelimesi bulgu
+değildir, `eval(...)` çağrısı bulgudur.
+
+## Uyarılar — rapora yazılır, aktivasyonda onay ister
+
+Dış ağ erişimi (`fetch`, `XMLHttpRequest`, `WebSocket`, `EventSource`),
+doğrudan `localStorage`/`sessionStorage` erişimi, `window.X = ...` ataması,
+`innerHTML`/`outerHTML` ataması, ve manifest'te bildirip element'te
+karşılığını yazmadığınız proplar.
+
+Uyarısı olan bir sürüm `acknowledgeWarnings: true` olmadan aktive edilemez.
+Uyarıyı gördüğünüzde önce gerçekten gerekli mi diye bakın: veriyi flow ile
+almak `fetch`'ten, `zxMachine.setStorage` doğrudan storage'dan iyidir.
+
+## Kurallar
+
+- Slug `x-` ile başlamak zorunda (`^x-[a-z][a-z0-9-]*$`). Bu önek platform
+  slug'larıyla çakışmayı imkânsız kılar.
+- Tek `export default`, `HTMLElement` türeten bir sınıf.
+- Prop adları DOM'u bozacak adlar olamaz: `id`, `class`, `className`, `style`,
+  `slot`, `name`, `children`, `innerHTML`, `outerHTML`, `textContent`, `zx*`,
+  `on*`.
+- `manifest.definition.blocks` boş olamaz — ızgara ayak izi olmayan komponent
+  ölçeklenemez.
+- Prop tipleri platformun tanıdığı kümeden olmalı (`text`, `long-text`,
+  `number`, `switch`, `dropdown`, `array`, `object`, `flow`, `icon`, `color`,
+  `date`, …). Yeni bir prop tipi uyduramazsınız.
+- Paket 2 MB'ı geçemez.
+- Renk, boşluk, tipografi için `--ng-*` tema değişkenlerini kullanın; sabit renk
+  yazarsanız komponent kullanıcının temasına uymaz.
+
+## Sürümler ve geri alma
+
+Paketler değişmezdir: aynı `(slug, version)` ikinci kez yayınlanamaz, düzeltme
+yeni bir sürüm demektir. `external_component_versions` geçmişi ve her sürümün
+doğrulama raporunu verir; `external_component_activate` ile eski bir sürümü
+aktive etmek geri alma olarak çalışır. Aktivasyon yalnız metadata değiştirir —
+platform yeniden başlamaz, açık oturumlar bozulmaz.
+
+## Editor modu
+
+`zxContext.editorMode` true olduğunda element Studio kanvasında statik bir
+önizleme olarak duruyor: zamanlayıcı kurmayın, ağ çağrısı yapmayın, tıklamayı
+işlemeyin. Kanvasta etkileşim host tarafından zaten engellenir, ama gereksiz iş
+yapmamak kanvası hızlı tutar.
+
+## Geliştirici kiti
+
+Platform, npm paketi olmadan servis eder:
+
+- `{studio}/component-kit/zeyrek-component.d.ts` — protokolün tip bildirimleri
+- `{studio}/component-kit/harness.html` — platformsuz deneme sayfası
+- `{studio}/component-kit/example-rating-stars.mjs` — çalışan örnek
+- `GET {tenant}/{project}/components/external/manifest-schema` — manifest için
+  JSON Schema; izin verilen prop tipleri ve rezerve adlar sunucudaki kural
+  setinden **üretilir**, statik bir kopya olmadığı için sapmaz.
+
+`external_component_scaffold` bu sözleşmeye uyan bir iskeleti yerel dizine
+zaten yazar; kit, iskeleti elle düzenlerken referans olarak işinize yarar.

package/dist/resources/guides/layout.md

@@ -0,0 +1,147 @@
+# Layout Rehberi (yerleşim kabuğu)
+
+Sayfaların paylaştığı kabuk: yan menü, üst şerit, kullanıcı menüsü ve sayfa içeriğinin
+gireceği delik. Şema gövdesi ve koordinat modeli için `platform_guide('page')` (Kural 1,
+1d, 1f); komponent sözleşmeleri için `platform_guide('component')`.
+
+## Karar kuralları
+
+**1. Layout, tek `slot` içeren SIRADAN bir komponent ağacıdır.** Ayrı bir dil yoktur:
+sayfada kullandığın her kap, her prop, her `appearance` alanı burada da geçerlidir. Araç
+kutusu layout modülünde süzülmez — tüm katalog kullanılabilir.
+
+**2. Şema alanının adı `schema` değil `views`.** (LAY-001)
+
+**3. Micro-op hattı YOKTUR.** `page_schema_patch`'in layout karşılığı yok (backend'de
+`PATCH /layouts/.../schema` ucu yok). Değişiklik `layout_update` ile yazılır; gateway kaydı
+önce okur ve yalnız verdiğin alanları değiştirir, `views` göndermezsen ağaç korunur.
+Okumak için `layout_schema_get` (summary kipi hedef bulmak için yeterlidir).
+
+**4. TEK slot.** Sayfa şeması **her** slot'a ayrı ayrı kopyalanır — iki slot, sayfayı iki
+kez çizer ve `elementId`'leri tekrarlar. (LAY-002 / LAY-006)
+
+**5. Kabuğu `container` + `slot` ile kur.** `layout` monoliti (sabit logo/menü/kullanıcı
+bandı — yalnız doldurulur) ve `layout-shell` + `layout-region` ikilisi **emekliye
+ayrıldı**; kayıtlı kalırlar ve mevcut layout'lar çalışır, ama yeni kabuk `container` ile
+kurulur. Sebebi: `container` zaten `layout-region`'ın yaptığının üstünü yapıyor (flex/ızgara
+düzeni, hizalama, gap, wrap), region'ın kattığı tek şey `dock` sözlüğüydü.
+
+**5a. Kök, sayfanın `page_container`'ının yerleşim ikizidir.** Studio'nun yeni layout
+iskeleti (`getDefaultLayout`) tam olarak şunu kurar ve sen de aynısını yazmalısın:
+`states.isWrapper: true` (çerçevesiz, başlıksız, saydam) + `appearance.heightType: 'fill'`
++ `blocks` x0/w12. Sarmalayıcı olmayan bir kök, kenarlıklı beyaz bir kart olarak çizilir.
+
+**5b. Tam ekran kabuk `heightType: 'fill'` ile kurulur (2026-08-28).** Yükseklik ne
+içerikten (`auto`) ne satır sayısından (`fixed`) gelir — ebeveynin bıraktığı yerden gelir:
+ızgara çocuğunda `height:100%`, flex sütununda `flex:1 1 auto`, flex satırında
+`align-self:stretch`. **Kök** düğümde ekranı doldurur (100vh). Yan menünün tam boy olması
+ve slot'un artan alanı kaplaması bununla ifade edilir; `fixed` + tahmini `size.h` ile
+yapılan eski numaraya artık gerek yok.
+
+**6. Konum `blocks[]`'ten gelir, prop'tan değil.** `layout-region`'daki `dock` bölgenin
+NEREDE durduğunu değil, BİÇİMİNİ söyler (dikey kolon / yatay şerit / dolgu yüzeyi). Hem
+runtime hem Studio tuvali bölgeleri 12 kolonluk ızgarayla yerleştirir.
+
+**7. Mobilde flex YIĞILMAZ.** Runtime'ın mobil kuralı yalnız ızgara özelliklerini ezer.
+Telefonda alt alta düşmesi gereken satırı `layout:'grid'` ile kur; `layout:'flex'` +
+`direction:'row'` telefonda da yan yana kalır (375px'te ölçüldü: ızgara çocukları 375/375px
+alt alta, flex çocukları 49/310px yan yana).
+
+**8. Doğrulama tek yerden:** `page_runtime_get`. Layout'un kendi serve URL'i yoktur —
+gerçek çıktıyı, layout'a bağlı bir sayfanın runtime paketinde görürsün (slot yerleşimi
+dahil). Slot kurgusu için ayrıca `page_state` → `layoutSlots`.
+
+## Mini tarif — uygulama kabuğu
+
+Yan menü + üst şerit + içerik. Studio'nun `getDefaultLayout` iskeletiyle birebir aynı ağaç;
+`layout_create`'in `views` alanına doğrudan verilebilir (`resource: layout-app-shell`).
+
+```
+container  isWrapper:true  heightType:'fill'  layout:'flex' direction:'row' gap:'none'
+│                                             verticalAlign:'stretch'   block w12 x0
+├ container  heightType:'fill'  layout:'flex' direction:'column'         block w2   ← yan menü
+│  └ navigations                                                         block w12
+└ container  heightType:'fill'  layout:'flex' direction:'column'         block w10 x2
+   ├ container  layout:'flex' direction:'row'  states.isSticky           block w12 h6
+   │  └ breadcrumb                                                       block w12 h3
+   └ slot       heightType:'fill'                                        block w12 y6
+```
+
+- **Genişlik kolon payıdır:** yan menü `w:2` = 12'de 2 → 1440px tasarım genişliğinde 240px.
+  Sabit piksel istiyorsan `appearance.widthPx: 240` (yalnız flex çocuğunda okunur; ızgara
+  kabında okunmaz).
+- **Yükseklik `fill`'dir**, `size.h` değil: kök ekranı doldurur, yan menü ve içerik sütunu
+  kökün bıraktığını, slot da üst şeritten artanı alır. Slot'un grid satırı ayrıca açık
+  uçludur (`y / auto`), yani sayfa uzadıkça slot uzar.
+- **Kaydırma:** `fill` + `states.isScrollable:true` verilen düğüm büyümek yerine İÇİNDE
+  kaydırır — uzun içerikte kabuğu sabit tutmanın yolu budur.
+- **MOBİL UYARISI:** bu ağaç `flex` olduğu için telefonda YIĞILMAZ (Kural 7) — 375px'te yan
+  menü ince bir şerite iner. Telefonda alt alta düşmesi gereken bir kabuk için kökü
+  `layout:'grid'` kur; o zaman `fill`'in flex anlamı (`flex:1 1 auto`) devreye girmez,
+  yükseklik yine `blocks` satırlarından gelir. İkisini aynı anda veren bir yol bugün yok.
+- Menü satırlarını biçimlendirme: **bugün mümkün değil.** `navigations`'ın `style` prop'u
+  ölüdür (bkz. `component_get('navigations')`).
+
+## Mini tarif — menüde aktif satır
+
+`navigations.activeHref` boş bırakılırsa menü tarayıcıdaki adrese uyan satırı kendi bulur;
+hiç ayar gerekmez. Elle sürmek istersen satırın `href`'iyle aynı biçimde yaz (ham metin,
+bağlantı nesnesi ya da tam yol).
+
+## Kötü / iyi
+
+```jsonc
+// KÖTÜ — iki slot: sayfa iki kez çizilir, elementId'ler çakışır
+{ "views": [{ "type": "container", "children": [
+  { "type": "slot" }, { "type": "slot" }
+]}]}
+
+// KÖTÜ — sarmalayıcı olmayan, sabit yükseklikli kök: ekranı doldurmaz,
+// kenarlıklı beyaz bir kart olarak çizilir ve yüksekliği tahmini h'den gelir
+{ "type": "container", "states": { "isDroppable": true },
+  "appearance": { "heightType": "fixed" },
+  "blocks": [{ "breakpoint": 1024, "size": { "w": 7, "h": 83 }, "position": { "x": 2, "y": 0 } }] }
+
+// İYİ — sarmalayıcı, tam genişlikte, ekranı dolduran kök (Kural 5a/5b)
+{ "type": "container",
+  "states": { "isDroppable": true, "isWrapper": true },
+  "appearance": { "heightType": "fill", "marginType": "none", "paddingType": "none" },
+  "props": { "layout": { "type": "static", "data": "flex" },
+             "direction": { "type": "static", "data": "row" } },
+  "blocks": [{ "breakpoint": 1024, "size": { "w": 12, "h": 80 }, "position": { "x": 0, "y": 0 } }] }
+
+// KÖTÜ — telefonda 49px'lik yan menü: row flex mobilde yığılmaz (Kural 7)
+// Mobilde alt alta düşmesi gerekiyorsa kökü layout:'grid' kur — bedeli, fill'in
+// flex anlamının devreye girmemesi.
+```
+
+## Sayfayı layout'a bağlama
+
+`page_update` ile `layoutId`. Bağlı sayfanın kendi şeması slot'un içine girer; sayfanın
+kök `page_container`'ı korunur.
+
+## Bilinen boşluklar (2026-08-28)
+
+Bunlar **motorun** eksikleri, senin hatan değil — bir tasarımı karşılayamıyorsan sebebi
+bunlardan biri olabilir:
+
+| Eksik | Sonuç |
+|---|---|
+| ~~`heightType` yalnız `auto` \| `fixed`~~ | **28 Ağustos'ta kapandı:** üçüncü değer `fill` (Kural 5b) |
+| ~~Kök kap viewport'a kilitlenmez~~ | **28 Ağustos'ta kapandı:** `fill` verilmiş kök 100vh (Kural 5b) |
+| Flex mobilde yığılmaz | Kural 7 — kabuk bugün bir MASAÜSTÜ kabuğudur |
+| Kırılıma duyarlı prop yok | `direction`/`gap` masaüstü ve mobilde AYNI; yalnız `blocks` ve `appearance.hideOn` kırılım bilir |
+| Mobil çekmece (overlay) yok | Telefonda içeriğin üstüne binen panel kurulamaz |
+
+---
+
+**Kaynaklar** — `zeyrek-frontend`: `apps/studio/src/features/layout/layout.functions.ts`
+(`injectPageSchemaIntoSlots`, `getResolvedLayoutViews`), `apps/studio/src/features/page/api/page.mappers.ts`
+(`mapPageLayoutToPreview`), `packages/ng-apps-ui/src/shared/render/render.functions.ts`
+(`resolveNodeBoxStyle` — slot'un `y / auto` satırı, flex çocuk genişliği),
+`packages/ng-apps-ui/src/shared/render/RenderComponent.svelte` (mobil media kuralı),
+`packages/ng-apps-screen-builder/src/flex-layout.ts` (`getFlexChildStyle` — `widthPx` ve
+`heightType:'fill'` dalı; tuval ve runtime aynı fonksiyonu okur),
+`apps/studio/src/features/layout/layout.functions.ts` (`getDefaultLayout` — Kural 5a/5b'deki iskelet),
+`docs/components/layout-composition.md`, `docs/specs/2026-08-28-free-layout-responsive-design.md`,
+`docs/issues.md` ARC-031 / BE-002 / CQ-143.

package/dist/resources/guides/microservice.md

@@ -1,5 +1,38 @@
 # Microservice Rehberi
 
+## Ucun NE İŞE YARADIĞI yazılır (MS-014, block)
+
+Servis listesinde `name` ve `slug` var, "bu uç ne işe yarar" yok. Her microservice bir
+`description` taşır; gateway açıklamasız gövdeyi platforma göndermez.
+
+```jsonc
+{ "name": "anket-kaydet", "slug": "anket-kaydet", "source": "workflow",
+  "description": "Anket başlığı ve sorularını tek çağrıda kaydeder; oluşan anketin id'sini döner." }
+```
+
+**Çağıranın ne elde ettiğini yaz**, kaynağın şeklini değil: `"workflow kaynaklı POST ucu"`
+gövdeden zaten okunuyor. Alan kalıcıdır, çalışma zamanını etkilemez, Studio'da servis formunda
+görünür ve elle düzeltilebilir. Adım düzeyindeki karşılığı `platform_guide('workflow')` §WF-024.
+
+## Tuzağı varsa `caution` yaz (opsiyonel, kural yok)
+
+`description` ucun ne işe yaradığını söyler; `caution` **çağıranın bilmezse yanılacağı şeyi**
+söyler. Hiçbir kural zorlamaz — ucun gerçek bir tuzağı yoksa alanı hiç yazma.
+
+- **Anonim uç** — "bu uç auth istemiyor; kimlik kapsaması yalnız bağlı middleware'de yapılır"
+- **Sayfalama yok** — "limit uygulanmaz, tablo büyüdükçe yanıt büyür"
+- **Atomik değil** — "çok adımlı yazım middleware'siz atomik değil; yarıda kalırsa kısmi yazar"
+- **Sessiz boş dönüş** — "filtre eşleşmezse 404 değil boş dizi döner"
+
+```jsonc
+{ "name": "urun-listesi", "httpMethod": "Get",
+  "description": "Aktif ürünleri ada göre sıralı döner.",
+  "caution": "Sayfalama yok; katalog büyüdükçe yanıt boyutu doğrusal büyür." }
+```
+
+Doldurma metin yazma: `"bu uç veri döner, dikkat"` hiçbir şey eklemez. Alan inerttir, Studio'da
+servis formunda görünür ve `microservice_get` outline görünümünde geri okunur.
+
 ## Karar kuralları
 
 1. **Kaynak seçimi sırası: `table` → `view` → `workflow` → `query`.**
@@ -297,6 +330,8 @@ kabul etti. Ayrıntı ve doğru rol kapısı tarifi: `platform_guide('middleware
 
 ## Sık hatalar
 
+- `description` boş (MS-014, block — uç listesinde ne işe yaradığı okunamaz)
+
 - `selectFields: []` + join → tüm alanlar + katlanmış maliyet (MS-001, block)
 - `operation: 'list'` → geçersiz; `get` + `isSingle: false` kullanın (PLT-006)
 - Üst seviye `entityId` eksik (MS-004, warn)

package/dist/resources/guides/middleware.md

@@ -13,6 +13,12 @@ kavramı olmayan bir üründe auth middleware'i, ayar tablosu olmayan bir ürün
 kur** — giriş sayfası + korunacak her uç ve her sayfa `middlewareIds`'e bağlı. Kısmi koruma,
 sistemi güvenli gösterip açık bırakır.
 
+## Açıklama zorunlu
+
+Middleware de bir workflow'dur: her adımı ve middleware'in kendisi `description` taşımak
+zorundadır (**WF-024**, block). Guard'larda bu özellikle önemli — "neden reddediyor" sorusunun
+cevabı adımın ifadesinde gizlidir. Ayrıntı ve yazım ölçütü: `platform_guide('workflow')` §WF-024.
+
 ## Çalışma modeli — bunları bilmeden middleware yazma
 
 1. **Sıra ada bağlıdır.** Bağlı middleware'ler **ada göre alfabetik** koşar — uç yolunda
@@ -54,6 +60,10 @@ sistemi güvenli gösterip açık bırakır.
 6. Middleware transaction içinde koşar: hedef başarısız olursa middleware'in yazdıkları da
    geri alınır (microservice yolu).
 
+> Gateway middleware tanımına da hata yolunu otomatik ekler (start adımına `global-error` dalı +
+> 500 dönen `gatewayOnError` response adımı). Guard middleware'i patladığında ham exception
+> yerine denetimli bir gövde döner. Ayrıntı: `platform_guide('workflow')` → "Hata yolu".
+
 ## Yalnız middleware'de geçerli step'ler
 
 | Step | Ne yapar | Kritik alanlar |

package/dist/resources/guides/page.md

@@ -74,6 +74,10 @@ mümkündür ama doğrulama duvarı ve canlı canvas yalnız `page_schema_patch`
   `Data = RedirectPage.Slug`). Sabit `'/hastalar'` yazarsan sayfa slug'ı değişince bağlantı
   sessizce kırılır; `pageId` referansı değişiklikten etkilenmez. Aynısı `flow` prop'u için
   `type: 'flow'` + `ref: <flowId>`, dosya için `type: 'file'` + `ref: <fileId>`.
+- **Çoklu dilli metin için `type: 'translation'` + `ref: <çeviri anahtarı>`.** Runtime `data`'yı
+  her turda çözümlenmiş metinle EZER — anahtar yalnız `ref`'te yaşar, `data`'ya yazıp
+  güvenme (`code` prop'uyla aynı davranış). Tam şekil, fallback zinciri ve `translation_*`
+  tool'ları için `platform_guide('translation')`.
 - **`blocks[].size`, komponentin `component_get`'teki `maxSize`'ını aşamaz.** Dikkat: katalog
   varsayılanı aşabiliyor (`page-header` default `h:8`, `maxSize` `h:4`) — varsayılanı körü körüne
   kopyalama, doğrulayıcı `"Height of 'page-header' must be between 1 and 4."` ile reddeder.
@@ -151,10 +155,13 @@ olaylarında **boştur** (ölçüm 2026-08-25, kaynak okuması: `flow-machine.ts
 
 Pratik kural: **`payload` anahtarları aynı zamanda prop adlarıdır; akışta `self.<anahtar>` ile
 oku** (ya da `value { type:'property', ref:{ source:'component', element, property } }` ile).
-`event.data` yalnız `params` ile gelen olaylarda dolar — pratikte `html` komponentinin
-`fireEvent` aksiyonları (`platform_guide('html')`). Sessiz hata örneği: sayfalama akışını
-`event.data.limit`'e bağlarsan sorgu `LIMIT null OFFSET null` ile koşar ve **tüm satırları**
-döndürür; hata yok, sayfalama yok.
+`event.data` yalnız `params` ile gelen olaylarda dolar — `html` komponentinin `fireEvent`
+aksiyonları (`platform_guide('html')`) ve **2026-08-27 kuşağı komponentler** (`eventcalendar` ·
+`importwizard` · `kanban` · `signature` · `stepper`): bu kuşak `params`'ı da gönderir, yani
+yükleri `event.data.<anahtar>` ile okunur; `kanban` ve `eventcalendar` yükü `self`'e HİÇ
+yazmaz (`component_get` çıktısındaki sözleşme notları ayrımı söyler). Sessiz hata örneği:
+sayfalama akışını `event.data.limit`'e bağlarsan sorgu `LIMIT null OFFSET null` ile koşar ve
+**tüm satırları** döndürür; hata yok, sayfalama yok.
 
 | Komponent · olay | Yük (aynı zamanda prop adları) | Akışta nereden okunur |
 |---|---|---|
@@ -171,7 +178,12 @@ döndürür; hata yok, sayfalama yok.
 | `tabs.tab` | `{ selected }` | `self.selected` |
 | `chart.dataPointClick` | `{ name, seriesName, value, dataIndex, row }` | `self.row` (kaynak satırın tamamı) |
 | `repeater.change` | `{ selectedIndex }` | `item` / `Row` satır bağlamı |
-| `html` aksiyonu (`fireEvent`) | ikinci argüman | **`event.data`** (tek istisna) |
+| `html` aksiyonu (`fireEvent`) | ikinci argüman | **`event.data`** |
+| `kanban.cardMove` | `{ id, row, from, to }` | **`event.data`** (self'e yazılmaz) |
+| `eventcalendar.eventMove` | `{ id, row, start, end, previousStart, previousEnd }` | **`event.data`** (self'e yazılmaz) |
+| `importwizard.complete` | `{ rows, errors, fileName, total }` | `self.rows`… ya da `event.data` |
+| `stepper.stepChange` | `{ currentStep, previous }` | `self.currentStep` ya da `event.data` |
+| `signature.change` | `{ value }` | `self.value` ya da `event.data.value` |
 
 Adım gövdesi `StepManagementSchema`: `{ stepId, name, type, kind, args, branches }`.
 **`branches[].nextStepId` bir GUID değil, hedef adımın `stepId` STRING'idir**
@@ -458,8 +470,8 @@ gateway **PAGE-011 / LAY-004** ile istek gitmeden reddeder.
 
 | slug | Olaylar | Ayırt edici prop'lar |
 |---|---|---|
-| `table` | 8: `mount · pagination · filter · sort · select · selectionChange · doubleClick · rowChange` | `rowSelection` (none/single/multi), `selectedRow`/`selectedRows`, `filterMode` (panel/hide/row), `filters`, `showSort`, `sortField`/`sortType`, `isEditable`, `showColumnMenu`, `actions`, `emptyIcon/emptyText/emptyActions`, `style` (root/thead/th/tr/td) |
-| `datatable` | 1: `mount` | `title`, `locale` (tr/en), `tableStyle` (zebra/plain), kolonlarda `isFilterable`/`isSortable`/`colorMap`/`prefix`/`suffix`/`precision`/`thousands`/`dateFormat`/`imageShape`, `filters`/`sortField`/`sortType` (hidden), `actions` |
+| `table` | 8: `mount · pagination · filter · sort · select · selectionChange · doubleClick · rowChange` | `rowSelection` (none/single/multi), `selectedRow`/`selectedRows`, `filterMode` (panel/hide/row), `filters`, `showSort`, `sortField`/`sortType`, `isEditable`, `showColumnMenu`, `actions`, `emptyIcon/emptyText/emptyActions`, `style` (root/thead/th/tr/td), satır bazlı `_columns`/`_actions` ezmesi (Kural 1e-2) |
+| `datatable` | 1: `mount` | `title`, `locale` (tr/en), `tableStyle` (zebra/plain — satır zemini varyantı), **`style`** (parça bazlı CSS: `&__toolbar`/`&__title`/`&__head`/`&__th`/`&__body`/`&__row`/`&__td`), kolonlarda `isFilterable`/`isSortable`/`colorMap` (statik)/`prefix`/`suffix`/`precision`/`thousands`/`dateFormat`/`imageShape`/**`progress`** kolon tipi, `filters`/`sortField`/`sortType` (hidden), `actions` |
 
 **`datatable`'ın tek olay yayması eksiklik değil, tasarım.** Filtre paneli, sıralama ve sayfalama
 komponentin İÇİNDE: kullanıcı süzdüğünde/sıraladığında/sayfa değiştirdiğinde `datatable` önce
@@ -483,8 +495,18 @@ olarak gider ve ancak `enableDynamicFilters: true` olan bir uçta karşılık bu
   düzenleme (`isEditable`) ve boş-durum aksiyonları verir.
 - *Satır seçimi / çift tıkla forma geçiş / hücre düzenleme gerekiyor mu?* → **`table`**; bunlar
   `datatable`'da yok.
-- *Zengin kolon biçimlendirme (renk haritası, para birimi öneki, tarih formatı, avatar) gerekiyor
-  mu?* → **`datatable`**; kolon şeması bunun için tasarlandı.
+- *Sayı/tarih/görsel biçimlendirme (para birimi öneki, ondalık, binlik ayracı, tarih formatı,
+  avatar şekli) gerekiyor mu?* → **`datatable`**; `prefix`/`suffix`/`precision`/`thousands`/
+  `dateFormat`/`imageShape` yalnız onun kolon şemasındadır, `table`'da yoktur.
+- *Renk gerekiyor mu?* → **ikisi de yapar ama farklı şeyi.** `datatable`'ın `colorMap`'i
+  **statiktir**: hücrenin kendi değerine bakar; satır verisinde rengi taşırsan (`{ label, color }`)
+  dinamik de olur. `table` ise satır bazında **koşullu** renklendirir (`_columns` ezmesi,
+  Kural 1e-2). İkisinin de `style` prop'u vardır (datatable'ınki 2026-08-27'de eklendi), yani
+  renk uğruna stilden vazgeçmen gerekmiyor.
+- *Hücrenin içinde ilerleme çubuğu ya da yüzde halkası mı istiyorsun?* → **`datatable`**, kolon
+  tipi `progress`. `progressVariant` çubuk/halka, `thresholds` yüzdeye göre renk, `captionField`
+  ise BAŞKA bir satır alanını çubuğun üstüne yazar — ad ve çubuk tek hücrede durur. `table`'da
+  böyle bir kolon tipi yok.
 
 **Bu, katalogdaki her komponent için geçerlidir:** hangi komponenti kullanacağını
 `component_list`/`component_get` ile keşfedip kendin seçersin, rehberdeki örnekler tercih değil
@@ -500,6 +522,48 @@ görünür, kullanıcı süzer, hiçbir şey olmaz. Ya süzme arayüzünü kapat
 > eklersen elementId aynı olsa bile o bağ kopar ve flow'u yeniden kaydetmen gerekir. Tipi
 > baştan doğru seç.
 
+## Kural 1e-2 — Satır bazlı renk `table`'da: `_columns` ezmesi
+
+`table` her hücreyi çizerken **satırın kendi `_columns` sözlüğünü** kolon tanımıyla birleştirir
+(`column-view.ts` `resolveColumn` → `Table.svelte:1207` `<TableCell {column}>`). Yani bir satır
+kendi `appearance`/`isBold`'unu dayatabilir; renk, satırın herhangi bir alanından hesaplanır:
+
+```jsonc
+// setter: rows'a yazmadan önce satırları zenginleştir
+{ "type": "change", "element": "tbl", "property": "rows", "source": "component",
+  "mapping": { "source": "", "mappings": {} },
+  "value": { "type": "code", "ref": "(Steps.listele?.data || []).map(function (r) { return Object.assign({}, r, { _columns: [null, null, null, null, { appearance: r.durum === 'İptal' ? 'error' : 'success' }] }); })" } }
+```
+
+**`_columns` bir DİZİDİR ve konum kolonun `columns` dizisindeki İNDEKSİDİR** — yukarıdaki dört
+`null`, hedef kolon 5. sırada (indeks 4) olduğu için var; ezilmeyen kolonlar atlanır.
+`buildViewColumns` `index`'i `isHidden` kolonlar elenmeden ÖNCE atar, yani **görünür sıra değil
+tanım sırası**: gizli bir `id` kolonu indeksleri kaydırmaz, kullanıcının kolon menüsünden kolon
+gizlemesi de kaydırmaz (`hideColumns` `buildViewColumns`'dan SONRA uygulanır).
+Aynı kalıp `_actions[i]` ile satır bazlı **aksiyon** ezmesinde de çalışır (tek bir satırda "Sil"i
+`{ "isHidden": true }` ile gizlemek gibi).
+
+> Sözleşme frontend'de belgeli ve testli: `column-view.ts` `resolveColumn` + `column-view.spec.ts`
+> (`applies the row's own override fields on top`, `matches the override by the column definition
+> order`). Ezilebilen alanlar `appearance` · `options` · `isBold`. CSV export'u da bu ezmeyi
+> uygular, yani ekranda gördüğün renk dışa aktarımda da tutarlıdır.
+
+İki renk yolu var:
+
+| istenen | yol |
+|---|---|
+| Hazır palet | `tag` kolonu + `appearance`: `primary · info · success · warning · error`; `_columns` ile satır satır değişir |
+| Serbest hex | `tags` kolonu + satır verisinde `[{ "value": "kritik", "color": "#da1e28" }]` |
+
+**`style` yazarken iki ayrı kural geçerli:** `style.root` emotion'dır (camelCase çalışır, iç
+seçici yazılabilir); `style.thead|th|tr|td` ise satır içi `style` attribute'una basılır
+(`toStyleString` anahtarı olduğu gibi yazar) — bu dördünde **kebab-case zorunludur**, `fontSize`
+sessizce düşer, `font-size` çalışır.
+
+> `datatable`'da `style` prop'u **yoktur** (ne şemada ne `.svelte`'de) ve `_columns` ezmesi de
+> yoktur; `tableStyle` CSS değil `zebra`/`plain` varyantıdır. Tabloya CSS ya da koşullu satır
+> rengi gerekiyorsa **`table`**.
+
 ## Kural 1f — Koordinat modeli ve layout-slot yerleşimi
 
 Izgara kapsayıcıya görelidir ve **bir satır ≈ 10px**'tir; `w` 12 kolon. Her komponentin
@@ -612,7 +676,11 @@ Dört şeyi bilmeden flex kurma:
 3. **Flex kapsayıcının yüksekliği içeriğine oturur.** `verticalAlign`'ın dağıtacak boşluğu
    olması için `appearance.heightType: 'fixed'` + `size.h` vermelisin. **İstisna
    `page_container`**: `states.isWrapper: true` olduğu için zaten `min-height: 80vh` alır
-   (Kural 1f), dolayısıyla dikey hizalama onda kutu boyu vermeden de çalışır.
+   (Kural 1f), dolayısıyla dikey hizalama onda kutu boyu vermeden de çalışır. Üçüncü yol
+   `heightType: 'fill'` (2026-08-28): çocuk kabın bıraktığı yeri alır — sütunda `flex: 1 1 auto`,
+   satırda `align-self: stretch` — yani "şu kutu kalan alanı kaplasın" artık tahmini bir `h`
+   olmadan yazılabilir. Tam ekran kabuk kurmanın yolu da budur: `platform_guide('layout')`
+   Kural 5b.
 4. **`layout: 'grid'` iken diğer altı prop ÖLÜDÜR.** Katalogda tanımlı oldukları için
    doğrulama duvarı susar, renderer da okumaz: ızgara kapsayıcıya `direction: 'column'` yazmak
    sessizce hiçbir şey yapmaz. Gateway bunu **PAGE-015 (uyarı)** ile söyler.
@@ -795,11 +863,11 @@ yapmazsan ekran "platform mavisi" görünür; marka rengine çevirmek tek satır
 | Küme | Değişkenler |
 |---|---|
 | Vurgu | `--ng-accent-primary` · `--ng-accent-hover` · `--ng-accent-muted` · `--ng-accent-subtle` |
-| Zemin | `--ng-background-canvas` · `--ng-background-surface` · `--ng-background-surface-alt` · `--ng-background-readonly` · `--ng-background-disabled` · `--ng-background-overlay` |
+| Zemin | `--ng-background-canvas` · `--ng-background-surface` · `--ng-background-surface-alt` · `--ng-background-readonly` · `--ng-background-disabled` · `--ng-background-overlay` · `--ng-background-inverse` (zıt zemin: aydınlıkta koyu, karanlıkta açık) |
 | Metin | `--ng-text-primary` · `--ng-text-secondary` · `--ng-text-disabled` |
-| Çerçeve / köşe / gölge | `--ng-border-primary` · `--ng-border-secondary` · `--ng-rounded` · `--ng-shadow-none/sm/md/lg` |
+| Çerçeve / köşe / gölge | `--ng-border-primary` · `--ng-border-secondary` · `--ng-rounded` (= `--ng-radius-md`) · `--ng-radius-sm/lg/pill` (temanın köşe kademeleri; sm/lg `--ng-rounded`'ın oranı) · `--ng-shadow-none/sm/md/lg` |
 | Tipografi | `--ng-font` · `--ng-font-size` · `--ng-font-weight` |
-| Boşluk | `--ng-spacing` · `--ng-spacing-small` · `--ng-spacing-large` |
+| Boşluk | `--ng-spacing` · `--ng-spacing-xs/sm/md/lg/xl` (kademeler; builder'ın gap preset'leri sm/md/lg'yi okur — custom properties'te de bunları kullan) · `--ng-spacing-small` · `--ng-spacing-large` (eski adlar) |
 | Durum | `--ng-status-success` · `--ng-status-warning` · `--ng-status-error` · `--ng-status-info` |
 | Form (girdilerin tamamı) | `--ng-form-color` / `-disabled` / `-placeholder` / `-invalid` · `--ng-form-background` / `-disabled` / `-readonly` · `--ng-form-border` / `-focus` / `-disabled` / `-invalid` · `--ng-form-radius-sm/md/lg` · `--ng-form-height-sm/md/lg` · `--ng-form-padding-x-sm/md/lg` · `--ng-form-font-family` · `--ng-form-font-size-sm/md/lg` · `--ng-form-label-color` / `-font-weight` / `-font-size-*` / `-margin-bottom-*` · `--ng-form-default-size` |
 
@@ -875,6 +943,47 @@ kaplar — yardım metni opsiyonelse bunu hesaba kat.
 > `input` `display:none` olduğu için klavye odağı görünmez. Klavyeyle gezilecek ekranlarda
 > `&__item-input:focus-visible + &__item-text` için de bir dış çizgi tanımlayın.
 
+### 1h-4 — Stilin ÜÇ kanalı ve efektif sonucu okuma
+
+`style` tek kanal değildir; bir düğümün ekranda aldığı görünüm üç ayrı yerden gelir ve hangisini
+kullanacağını bilmek gereksiz CSS yazmayı önler:
+
+| Kanal | Ne için | Nereden yazılır |
+|---|---|---|
+| `appearance` (düğüm alanı) | dış/iç boşluk, genişlik-yükseklik, z-index, opaklık, taşma, **sarmalayıcının** zemini/çerçevesi/gölgesi | `page_schema_patch` ile düğümün `appearance` alanı |
+| Şema prop'ları | yerleşim (`layout`/`direction`/`gap`/`gridColumns`), semantik renkler, boyut (`size`) | `replace_prop` |
+| `style` prop'u | geri kalan her şey; iç seçiciler, pseudo-class, `--ng-*` token ezme | `replace_prop` / `set_binding` |
+
+**Dikkat — `appearance` kutunun İÇİNİ boyamaz.** Yüzey stili düğüm sarmalayıcısına
+(`.ng-app__node-item`) yazılır; `box` gibi kendi zeminini çizen bir komponentin içi bundan
+etkilenmez. Tipli stil modeline göçen komponentler bu boşluğu kapatır: `box` (ve emekli
+takma adı `aibox`: `surfaceStyle` · `typographyStyle` · `hoverStyle` · `sectionStyle`),
+`container` (aynı üçlü + `headerStyle`), `text` (`typographyStyle` · `surfaceStyle`;
+hover/bölge yok), `statcard` (üçlü + `valueStyle`) ve `icon` (yalnız `hoverStyle`;
+yüzey/tipografi kararları çip ve boyut prop'larında) — `component_get('<slug>')` sözleşmeyi
+verir, göçen komponentlerin listesi `TYPED_STYLE_COMPONENTS` kaydıdır.
+
+**Stil yazma SIRASI (tipli gruplu komponentlerde):** önce tipli gruplar — kararın alanı
+grupta varsa ORAYA yaz; grubun karşılamadığı her CSS kararı `style` kanalına (studio'daki
+"custom properties" alanının veri kanalı budur). Tipli alan dururken aynı özelliği `style`'a
+yazma: `style` kazanır ama panel alanı etkisiz görünür ve tasarımcı yanılır.
+Bileşenin BİLDİRDİĞİ parçalara (`&__header`, `&__body` …) da yazabilirsin: `style: { '&__header':
+{ minHeight: '0' } }` — studio'daki "custom properties" bölümünün Hedef seçicisi bunun panel
+yüzüdür. Boyut alanlarında METİN `'0'` gerçek seçimdir (bileşenin taban dolgusunu/yüksekliğini
+kaldırır); sayı `0` "seçilmedi" sayılır.
+**Katman sırası (K4):** tema `componentStyles` → `$preset` TABANDIR (varsayılan verir);
+tipli grup alanları temayı alan alan EZER; düğümün serbest `style`'ı en üstte SON SÖZDÜR.
+Boyut alanları CSS uzunluğu metnidir (`'18px'`, `'1.2em'`); `radius` tek alanda preset
+anahtarı YA DA CSS uzunluğu kabul eder.
+**Tema preset'i bağlamak:** `style: { $preset: 'card' }` (adlar `project_get` → `theme.presets`;
+`componentStyles[type]` referanssız uygulanır). Bir alanı temaya bırakmak = o alanı hiç yazmamak;
+studio'da bunun adı "Temaya dön"dür. Tema değerini gruba kopyalama — bağ kopar, tema değişince izlemez.
+
+**Efektif stili okumak:** `page_runtime_get(resolveStyles: true)` her düğüme `resolvedStyle`
+(kaskad çözülmüş birleşik stil) ve `styleLayers` (`{ typedGroups, componentStyle, preset, own }`)
+ekler. "Bu kutu neden böyle görünüyor / benim yazdığım stil neden görünmüyor" sorusunun cevabı
+budur — bir preset ya da `componentStyles` sizin değerinizi eziyorsa `styleLayers` söyler.
+
 ## Kural 2 — Şema değişikliği `page_update` ile YAPILMAZ
 
 İki ayrı yazma yolu vardır ve karıştırılmaz:
@@ -1333,14 +1442,18 @@ bağlanır, filtre `source:'expression'` + `value:'user.id'` olur.
 | Kimlik alanları | `email` · `password` |
 | Dosya | `fileUpload` (dropzone) · `fileInput` · `filebutton` · `file-viewer` |
 | Liste | `table` · `datatable` (Kural 1e) · `repeater` (kart listesi VE dinamik form — Kural 1g) · `tree-view` (hiyerarşi; `isSearchable` ile istemci içi arama) · `timeline` (tarihli olay akışı) |
+| Pano / takvim | `kanban` (durum kolonlarında sürüklenebilir kartlar; taşıma `cardMove` ile `event.data`'dan okunur, kalıcılık AKIŞIN işidir) · `eventcalendar` (ay/hafta/gün; veri `rows`'a akışla yazılır, `monthChange` tazeleme kancasıdır, `month` 1-tabanlı) |
+| Kayıt detayı | `detailview` — tek kaydı etiket/değer ızgarası basar (alan başına format, iç içe alan yolu); OLAY YAYMAZ, tıklanabilirlik gerekiyorsa kapsayıcıya sar |
+| Adımlı akış | `stepper` — tabs gibi her adım kendi droppable görünümünü taşır; ileri gidiş `canProceed` kapısıyla (`{{ form1.isValid === true }}` biçimi), adım `currentStep` setter'ıyla sürülür |
+| İmza / CSV içe aktarma | `signature` (değer PNG data-URL ya da ham SVG; `change` setter'lı) · `importwizard` (3 adımlı sihirbaz; temiz+hatalı satırlar `complete` yükünde — satırları uca yazmak akışın işidir) |
 | Sayfalama (tablo dışı listeler için) | `pagination` — offset/limit yazar, `self.offset`/`self.limit` ile sorguya bağlanır |
 | Grafik / KPI | `chart` (ECharts: bar·line·area·pie·donut + waterfall/histogram/pareto/bullet/tornado/radial) · `statcard` (tek KPI + trend + sparkline) · `progress` |
 | Kapsayıcı / düzen | `container` (ızgara ya da flex — Kural 1f-2) · `form` (düzen prop'u YOK, çocuklar ızgara koordinatıyla dizilir) · `tabs` · `collapsible-container` · `accordion` |
 | Kart görünümü | `card` — **kapsayıcı DEĞİLDİR**, çocuk kabul etmez (`not-droppable`) ve yüksekliği 10-50 aralığındadır. Kutu içinde serbest içerik için `container` kullan. |
 | Katman | `modal` · `drawer` (şema kökünde — Kural 1d) |
 | Geri bildirim | `notification` (sayfa içi kutu) · `toast` (geçici bildirim; isOpen yükselen kenarı) · `form-validation-errors` · `confirm-bar` · `result` (işlem sonucu ekranı) · `emptystate` (boş liste; ikon YA DA görsel + aksiyon düğmeleri) |
-| Gezinme / başlık | `breadcrumb` · `breadcrumb-title` (başlık + daralan iz) · `page-header` · `header` · `sidebar` · `auth-layout` · `language-selector` (dil değiştirici) |
-| Sunum | `text` · `html` · `image` · `video` · `icon` · `qrcode` · `tags` · `avatar` · `badge` (sayaç “99+” / nokta / durum metni) · `carousel` · `iframe` (sandbox’lı gömme) · `jsonviewer` (katlanabilir JSON; JSON METNİNİ de parse eder) · `audit-basic` · `audit-history` |
+| Gezinme / başlık | `breadcrumb` · `breadcrumb-title` (başlık + daralan iz) · `page-header` · `header` · `sidebar` · `auth-layout` · `language-selector` (dil değiştirici — çoklu dil kurulumu `platform_guide('translation')`) |
+| Sunum | `text` · `html` · `image` · `video` · `icon` (Material/Phosphor glif; çip + rozet + spin + click/href) · `qrcode` · `tags` · `avatar` · `badge` (sayaç “99+” / nokta / durum metni) · `carousel` · `iframe` (sandbox’lı gömme) · `jsonviewer` (katlanabilir JSON; JSON METNİNİ de parse eder) · `audit-basic` · `audit-history` |
 
 > **`chart` komponenti VAR (2026-08-25 ölçümü) — bu satır düzeltildi.** Rehberin önceki hâli
 > "grafik komponenti yoktur, `html` + `loadScript` kullanın" diyordu; `component_list` çıktısında
@@ -1511,6 +1624,15 @@ micro-op hattına dönün.
   style + Kural 1h deseniyle yeniden kurulunca kart 400px'e ve ortaya oturdu. Gateway bunu **PAGE-014 (uyarı)** ile
   yanıtın `layoutWarnings` alanında bildirir. **Düzeni `style` ile kurmaya hiç kalkışma:**
   ortalama/yaslama/aralık işi kapsayıcının kendi `layout: 'flex'` prop grubuna aittir (Kural 1f-2).
+- **Menüde "bulunduğun sayfa" vurgusu: `sidebar`/`layout`'ta `activeHref`, `header`'da
+  `activeNavHref`.** `sidebar` ve `layout` menü ağacını ortak renderer'la çizer: `activeHref` boşken
+  tarayıcıdaki adrese uyan satırı kendileri vurgular, prop yazılırsa o satır vurgulanır (akıştan
+  setter ile de yazılabilir). Eşleşmenin iki tarafı da `getHref`'ten geçtiği için satırın ham
+  `href`'ini, bağlantı seçicisinin nesnesini ya da tam yolu yazmak aynı satırı gösterir. `header`
+  yalnız prop'a bakar (adrese bakmaz), `qm-header` ise yalnız adrese bakar (prop'u yoktur). Menü
+  satırları `style`'ın `&__navigations*` parçalarıyla biçimlendirilemez ve menü olay yaymaz —
+  vurgu dışında bir "seçili satır" davranışı kurulamaz. Ayrıntı:
+  `component_get('sidebar' | 'layout' | 'header' | 'qm-header')`.
 - **`isHidden` olmayan komponent listesine `dropdown` da dahildir** (`text`, `multi-select`,
   `dropdown`). Koşullu göstermek için `isHidden`'ı olan bir `container`'a sar (Kural 1g).
 - **Ana sayfayı TAŞIYAMAZSIN — `application_update.homepageId` kalıcı DEĞİL ve yanıtı yanıltıcı.**