refactor!: rename sidebar components to neutral names (decouple from Notelle)

SoliEstre · claude · SoliEstre · commit 77a3c389035d · 2026-05-22T09:09:04.000+09:00
estreuv-notelle-sidebar → estreuv-sidebar, estreuv-notelle-item →
estreuv-sidebar-item (modules sidebar.js / sidebar-item.js). 이벤트
estreuv-sidebar-activate, intent 키 sidebarCollapsed/sidebarActive.
클래스 EstreuvSidebar/EstreuvSidebarItem.

사용자 결정: 'Notelle' 은 미착수 별도 제품 브랜드라 라이브러리에서
디커플링(선점·혼선 방지). 제품 착수 시 공개. 전 참조 일괄 갱신
(src·test·measure 필터·docs·playground·create-estreuv 템플릿·README).

BREAKING (pre-1.0 early access) → estreuv 0.3.0 (changeset). test 38/38,
I1 689·I3 4.30KB, types 재생성, playground 계약·docs 빌드 그린.

Co-Authored-By: Claude Opus 4.7 (1M context) &lt;noreply@anthropic.com&gt;
diff --git a/.changeset/sidebar-rename.md b/.changeset/sidebar-rename.md
@@ -0,0 +1,5 @@
+---
+"estreuv": minor
+---
+
+Rename the sidebar components to neutral names: `estreuv-notelle-sidebar` → `estreuv-sidebar`, `estreuv-notelle-item` → `estreuv-sidebar-item` (modules `estreuv/sidebar.js`, `estreuv/sidebar-item.js`). The activation event is now `estreuv-sidebar-activate` and intent keys are `sidebarCollapsed` / `sidebarActive`. **Breaking** for the sidebar prototype (pre-1.0 early access) — the "Notelle" name is reserved for a separate future product and decoupled from the library.
diff --git a/packages/create-estreuv/templates/pair-overlay/ESTREUV-PAIR.md b/packages/create-estreuv/templates/pair-overlay/ESTREUV-PAIR.md
@@ -52,5 +52,5 @@ Then register `HomePageHandler` for your page and, before `estreUi.init()`,
 `await estreuvReady` so the tiles exist when `onOpen` wires the provider.
 
 Use `<estreuv-dark-mode-tile>`, `<estreuv-clock-tile>`,
-`<estreuv-notif-count-tile>` (and Notelle sidebar/item) anywhere in your
+`<estreuv-notif-count-tile>` (and the sidebar/item) anywhere in your
 article markup (e.g. `staticDoc.html`).
diff --git a/packages/docs/.vitepress/theme/index.js b/packages/docs/.vitepress/theme/index.js
@@ -11,8 +11,8 @@ export default {
       import('estreuv/dark-mode-tile.js');
       import('estreuv/clock-tile.js');
       import('estreuv/notif-count-tile.js');
-      import('estreuv/notelle-sidebar.js');
-      import('estreuv/notelle-item.js');
+      import('estreuv/sidebar.js');
+      import('estreuv/sidebar-item.js');
     }
   },
 };
diff --git a/packages/docs/api/index.md b/packages/docs/api/index.md
@@ -57,7 +57,7 @@ interface EstreIntent {
 ## Bundled components
 
 `estreuv/dark-mode-tile.js` · `estreuv/clock-tile.js` · `estreuv/notif-count-tile.js` ·
-`estreuv/notelle-sidebar.js` · `estreuv/notelle-item.js` — see [Tiles](/tiles).
+`estreuv/sidebar.js` · `estreuv/sidebar-item.js` — see [Tiles](/tiles).
 
 ::: info Generated from types
 This reference tracks the shipped `.d.ts`. A fully type-generated API site (typedoc) is a planned
diff --git a/packages/docs/guide/index.md b/packages/docs/guide/index.md
@@ -22,7 +22,7 @@ inside an existing EstreUI app incrementally — one tile at a time — or use i
   `onRelease` dispatched to your components, with per-tick dedup so each fires exactly once.
 - **Intent context** — uni-directional state sharing over `@lit/context` (prop-down / event-up).
 - **Alienese aliases** — short attribute aliases (`*t` → `text`, etc.) at zero build cost.
-- **Bundled tiles** — dark-mode, clock, notif-count, and a Notelle sidebar to learn from or use directly.
+- **Bundled tiles** — dark-mode, clock, notif-count, and a sidebar to learn from or use directly.
 
 ## Footprint
 
diff --git a/packages/docs/tiles.md b/packages/docs/tiles.md
@@ -45,17 +45,17 @@ A badge counter driven by **external / intent** state. `bump(by)` and `clear()`
 
 Methods: `.bump(by = 1)`, `.clear()`.
 
-## `<estreuv-notelle-sidebar>` + `<estreuv-notelle-item>`
+## `<estreuv-sidebar>` + `<estreuv-sidebar-item>`
 
-A nested-container prototype — a sidebar with light-DOM `<estreuv-notelle-item>` children. Demonstrates
+A nested-container prototype — a sidebar with light-DOM `<estreuv-sidebar-item>` children. Demonstrates
 **nested lifecycle** (children receive hooks via the flat dispatch) and host-level event bubbling.
 
 ```estreuv-demo
-<estreuv-notelle-sidebar title="Notelle">
-  <estreuv-notelle-item label="Inbox" icon="📥"></estreuv-notelle-item>
-  <estreuv-notelle-item label="Archive" icon="🗄"></estreuv-notelle-item>
-  <estreuv-notelle-item label="Trash" icon="🗑"></estreuv-notelle-item>
-</estreuv-notelle-sidebar>
+<estreuv-sidebar title="Menu">
+  <estreuv-sidebar-item label="Inbox" icon="📥"></estreuv-sidebar-item>
+  <estreuv-sidebar-item label="Archive" icon="🗄"></estreuv-sidebar-item>
+  <estreuv-sidebar-item label="Trash" icon="🗑"></estreuv-sidebar-item>
+</estreuv-sidebar>
 ```
 
 ::: tip Live pair demo
diff --git a/packages/estreuv/README.md b/packages/estreuv/README.md
@@ -120,7 +120,7 @@ the JS-side convention only.
 | `applyAliases`, `resolveAlias`, `isAliasApplied`, `ALIENESE_DEFAULT_ALIASES` | Alienese aliases |
 
 Bundled tiles: `estreuv/dark-mode-tile.js`, `estreuv/clock-tile.js`, `estreuv/notif-count-tile.js`,
-`estreuv/notelle-sidebar.js`, `estreuv/notelle-item.js`.
+`estreuv/sidebar.js`, `estreuv/sidebar-item.js`.
 
 ## Footprint
 
diff --git a/packages/estreuv/scripts/measure-bundle.mjs b/packages/estreuv/scripts/measure-bundle.mjs
@@ -45,10 +45,10 @@ for (const f of SRC_FILES) {
 // ─── I3: minified + gzip (lit core external) ────────────────────────────
 const tmp = mkdtempSync(join(tmpdir(), 'estreuv-bundle-'));
 const entryPath = join(tmp, 'entry.js');
-// 배럴 (index.js) + 모든 component 파일 (tile · notelle 등) 을 하나의 entry 로 — 소비자가 실제로 끌어다 쓰는 전부.
+// 배럴 (index.js) + 모든 component 파일 (tile · sidebar 등) 을 하나의 entry 로 — 소비자가 실제로 끌어다 쓰는 전부.
 // (index.js 의 deps 와 중복되는 모듈은 esbuild 가 dedupe)
 const componentFiles = SRC_FILES.filter(f => f !== 'index.js'
-    && (f.endsWith('-tile.js') || f.endsWith('-sidebar.js') || f.endsWith('-item.js')));
+    && (f.endsWith('-tile.js') || f.endsWith('sidebar.js') || f.endsWith('-item.js')));
 const entry = [
     `export * from ${JSON.stringify(join(SRC_DIR, 'index.js'))};`,
     ...componentFiles.map(f => `import ${JSON.stringify(join(SRC_DIR, f))};`),
diff --git a/packages/estreuv/src/sidebar-item.js b/packages/estreuv/src/sidebar-item.js
@@ -1,21 +1,21 @@
 /**
- * EstreUV — Notelle Item (Phase C) — 사이드바 안의 항목 component
+ * EstreUV — Sidebar Item — 사이드바 안의 항목 component
  *
- * `<estreuv-notelle-sidebar>` 의 slot 에 light-DOM 자식으로 배치됨. 따라서:
+ * `<estreuv-sidebar>` 의 slot 에 light-DOM 자식으로 배치됨. 따라서:
  * - article 의 `dispatchLifecycle(articleRoot, ...)` 가 `querySelectorAll('[data-estreuv]')` 로 직접 찾음
  *   → 사이드바와 *독립적으로* article lifecycle 을 받음 (중첩 깊이 무관)
  * - 동시에 부모 사이드바로부터 `compact` / `active` prop 을 prop-down 으로 받음 (단방향, race 없음)
- * - 클릭 시 `notelle-item-activate` 이벤트를 부모 사이드바에 event-up
+ * - 클릭 시 `estreuv-sidebar-activate` 이벤트를 부모 사이드바에 event-up
  *
  * 이중 채널 구조: (1) article ↔ item lifecycle (flat dispatch), (2) sidebar ↔ item state (prop-down/event-up).
- * 두 채널이 서로 간섭하지 않음 — Phase B 의 채널 분리 원칙이 nested 케이스에서도 성립.
+ * 두 채널이 서로 간섭하지 않음 — 채널 분리 원칙이 nested 케이스에서도 성립.
  */
 
 import { html, css } from 'lit';
 import { EstreUVElement } from './estreuv-element.js';
 import { applyAliases } from './alienese-alias.js';
 
-export class NotelleItem extends EstreUVElement {
+export class EstreuvSidebarItem extends EstreUVElement {
 
     /** Alienese: `*t` → `label`, `*ic` → `icon` */
     static aliases = { '*t': 'label', '*ic': 'icon' };
@@ -61,7 +61,7 @@ export class NotelleItem extends EstreUVElement {
     }
 
     _activate() {
-        this.dispatchEvent(new CustomEvent('notelle-item-activate', {
+        this.dispatchEvent(new CustomEvent('estreuv-sidebar-activate', {
             detail: { label: this.label },
             bubbles: true,
             composed: true,
@@ -86,5 +86,5 @@ export class NotelleItem extends EstreUVElement {
     }
 }
 
-applyAliases(NotelleItem);
-customElements.define('estreuv-notelle-item', NotelleItem);
+applyAliases(EstreuvSidebarItem);
+customElements.define('estreuv-sidebar-item', EstreuvSidebarItem);
diff --git a/packages/estreuv/src/sidebar.js b/packages/estreuv/src/sidebar.js
@@ -1,26 +1,24 @@
 /**
- * EstreUV — Notelle Sidebar prototype (Phase C) — nested 컨테이너 케이스
+ * EstreUV — Sidebar — nested 컨테이너 케이스
  *
- * 사이드바 컨테이너 component. 안의 항목들 (`<estreuv-notelle-item>`) 도 EstreUV component →
+ * 사이드바 컨테이너 component. 안의 항목들 (`<estreuv-sidebar-item>`) 도 EstreUV component →
  * **중첩 lifecycle** 검증: article 의 lifecycle dispatch (`dispatchLifecycle(articleRoot, ...)`)
  * 가 `querySelectorAll('[data-estreuv]')` 로 *임의 깊이의* 자손을 평면적으로 찾으므로,
  * 사이드바도 + 그 안의 항목들도 모두 동명 lifecycle 메서드를 받는다. 별도 sub-coordinator 불필요.
  *
- * 핵심 검증 (Phase C):
+ * 핵심 검증:
  * - F1 확장: nested EstreUV component 가 article lifecycle 에 균일 참여 (사이드바 + N개 항목 모두 onShow/onHide 받음)
  * - 리소스 분리: 사이드바의 collapsed state 변경은 prop-down (각 item 이 받음). 양방향 race 없음
- * - Notelle 류 UI (사이드바 + 항목 리스트) 가 EstreUV 로 자연스럽게 — D2 (OS shell 마이그레이션) 의 정성 근거
- *
- * Estrelle Phase 1~2 OS shell 의 사이드바/리스트 컴포넌트가 이 패턴으로 마이그레이션 가능.
+ * - 사이드바 + 항목 리스트 류 UI 가 EstreUV 로 자연스럽게 — D2 (OS shell 마이그레이션) 의 정성 근거
  */
 
 import { html, css } from 'lit';
 import { EstreUVElement } from './estreuv-element.js';
 import { applyAliases } from './alienese-alias.js';
 
-export class NotelleSidebar extends EstreUVElement {
+export class EstreuvSidebar extends EstreUVElement {
 
-    /** Alienese: `*t` → `title`, `*on` → `collapsed` 의 반대... → 그냥 `*t` 만 (collapsed 는 boolean 이라 별도) */
+    /** Alienese: `*t` → `title` */
     static aliases = { '*t': 'title' };
 
     static properties = {
@@ -64,23 +62,23 @@ export class NotelleSidebar extends EstreUVElement {
         super();
         this.collapsed = false;
         this.activeLabel = '';
-        this.title = 'Notelle';
+        this.title = 'Menu';
     }
 
     connectedCallback() {
         super.connectedCallback();
         // 항목 클릭 이벤트는 host (light DOM) 에서 직접 받음 — slot 경유 shadow 전파 의존 X
-        this.addEventListener('notelle-item-activate', this._onItemActivate);
+        this.addEventListener('estreuv-sidebar-activate', this._onItemActivate);
     }
 
     disconnectedCallback() {
-        this.removeEventListener('notelle-item-activate', this._onItemActivate);
+        this.removeEventListener('estreuv-sidebar-activate', this._onItemActivate);
         super.disconnectedCallback();
     }
 
     /** collapsed / activeLabel 변경을 슬롯된 항목들에 prop-down (양방향 race 없음 — owner 단방향) */
     _propagateToItems() {
-        const items = this.querySelectorAll('estreuv-notelle-item');
+        const items = this.querySelectorAll('estreuv-sidebar-item');
         items.forEach((item) => {
             item.compact = this.collapsed;
             item.active = item.label === this.activeLabel;
@@ -96,15 +94,15 @@ export class NotelleSidebar extends EstreUVElement {
 
     toggleCollapsed() {
         this.collapsed = !this.collapsed;
-        this.requestIntentUpdate({ notelleSidebarCollapsed: this.collapsed });
+        this.requestIntentUpdate({ sidebarCollapsed: this.collapsed });
     }
 
-    /** 항목 클릭 시 (item 이 'notelle-item-activate' 이벤트 dispatch) → active 갱신 + intent 위임 */
+    /** 항목 클릭 시 (item 이 'estreuv-sidebar-activate' 이벤트 dispatch) → active 갱신 + intent 위임 */
     _onItemActivate(e) {
         const label = e.detail?.label;
         if (label == null) return;
         this.activeLabel = label;
-        this.requestIntentUpdate({ notelleActive: label });
+        this.requestIntentUpdate({ sidebarActive: label });
     }
 
     render() {
@@ -130,10 +128,10 @@ export class NotelleSidebar extends EstreUVElement {
         super.onShow(handle);
         // intent 에서 collapsed / active 복원 (재방문 시 매번)
         const intent = this.intent ?? {};
-        if (intent.notelleSidebarCollapsed != null) this.collapsed = !!intent.notelleSidebarCollapsed;
-        if (intent.notelleActive != null) this.activeLabel = String(intent.notelleActive);
+        if (intent.sidebarCollapsed != null) this.collapsed = !!intent.sidebarCollapsed;
+        if (intent.sidebarActive != null) this.activeLabel = String(intent.sidebarActive);
     }
 }
 
-applyAliases(NotelleSidebar);
-customElements.define('estreuv-notelle-sidebar', NotelleSidebar);
+applyAliases(EstreuvSidebar);
+customElements.define('estreuv-sidebar', EstreuvSidebar);
diff --git a/packages/estreuv/test/sidebar.test.js b/packages/estreuv/test/sidebar.test.js
@@ -1,31 +1,31 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { dispatchLifecycle } from '../src/lifecycle-bridge.js';
-import '../src/notelle-sidebar.js';
-import '../src/notelle-item.js';
+import '../src/sidebar.js';
+import '../src/sidebar-item.js';
 
 /**
- * Notelle 사이드바 — nested 컨테이너 케이스 (Phase C).
+ * Sidebar — nested 컨테이너 케이스.
  * 검증 포인트:
  *  - article 의 flat dispatch (querySelectorAll('[data-estreuv]')) 가 사이드바 + slot 의 항목들 *모두* 도달
  *  - 사이드바 collapsed/activeLabel → 항목들에 prop-down (단방향)
  *  - 항목 activate → 사이드바에 event-up → activeLabel 갱신 + intent 위임
  *  - 두 채널 (article↔item lifecycle / sidebar↔item state) 비간섭
  */
-describe('estreuv-notelle-sidebar (nested container + nested lifecycle)', () => {
+describe('estreuv-sidebar (nested container + nested lifecycle)', () => {
     let article, sidebar, items;
 
     beforeEach(async () => {
         document.body.innerHTML = `
             <article data-article-id="main" data-static="1">
-              <estreuv-notelle-sidebar title="Notelle">
-                <estreuv-notelle-item label="Inbox" icon="📥"></estreuv-notelle-item>
-                <estreuv-notelle-item label="Archive" icon="🗄"></estreuv-notelle-item>
-                <estreuv-notelle-item label="Trash" icon="🗑"></estreuv-notelle-item>
-              </estreuv-notelle-sidebar>
+              <estreuv-sidebar title="Menu">
+                <estreuv-sidebar-item label="Inbox" icon="📥"></estreuv-sidebar-item>
+                <estreuv-sidebar-item label="Archive" icon="🗄"></estreuv-sidebar-item>
+                <estreuv-sidebar-item label="Trash" icon="🗑"></estreuv-sidebar-item>
+              </estreuv-sidebar>
             </article>`;
         article = document.querySelector('article');
-        sidebar = document.querySelector('estreuv-notelle-sidebar');
-        items = [...document.querySelectorAll('estreuv-notelle-item')];
+        sidebar = document.querySelector('estreuv-sidebar');
+        items = [...document.querySelectorAll('estreuv-sidebar-item')];
         await sidebar.updateComplete;
         await Promise.all(items.map(i => i.updateComplete));
     });
@@ -62,26 +62,26 @@ describe('estreuv-notelle-sidebar (nested container + nested lifecycle)', () =>
         expect(sidebar.collapsed).toBe(false);
         await sidebar.updateComplete;
         items.forEach(i => expect(i.compact).toBe(false));
-        expect(events).toEqual([{ notelleSidebarCollapsed: false }]);
+        expect(events).toEqual([{ sidebarCollapsed: false }]);
     });
 
     it('item activate → event-up to sidebar → activeLabel + prop-down active flag + intent delegation', async () => {
         const events = [];
         sidebar.addEventListener('intent-update', (e) => events.push(e.detail.patch));
-        // simulate clicking the 2nd item (it dispatches notelle-item-activate)
-        items[1].dispatchEvent(new CustomEvent('notelle-item-activate', {
+        // simulate clicking the 2nd item (it dispatches estreuv-sidebar-activate)
+        items[1].dispatchEvent(new CustomEvent('estreuv-sidebar-activate', {
             detail: { label: 'Archive' }, bubbles: true, composed: true,
         }));
         await sidebar.updateComplete;
         expect(sidebar.activeLabel).toBe('Archive');
         expect(items[1].active).toBe(true);          // prop-down
         expect(items[0].active).toBe(false);
         expect(items[2].active).toBe(false);
-        expect(events).toEqual([{ notelleActive: 'Archive' }]);
+        expect(events).toEqual([{ sidebarActive: 'Archive' }]);
     });
 
     it('sidebar.onShow restores collapsed/activeLabel from intent (re-visit picks latest)', async () => {
-        sidebar.intent = { notelleSidebarCollapsed: true, notelleActive: 'Trash' };
+        sidebar.intent = { sidebarCollapsed: true, sidebarActive: 'Trash' };
         sidebar.onShow();
         await sidebar.updateComplete;
         expect(sidebar.collapsed).toBe(true);
diff --git a/packages/playground/ESTREUV-PAIR-VERIFY.md b/packages/playground/ESTREUV-PAIR-VERIFY.md
@@ -23,7 +23,7 @@ Application → Service Workers → Unregister 후 새로고침.
 ### 부트 / F1 — article lifecycle 자동 전파
 - [ ] 콘솔에 `[estreuv-app] HomePageHandler.onBring/onOpen/onShow` 순서 로그
 - [ ] `[estreuv-app] intent provider + lifecycle bridge wired to articleRoot:` 로그
-- [ ] 타일들이 보임: dark-mode ×2, clock ×2(흐르는 시계), notif-count ×2, Notelle 사이드바(Inbox/Archive/Trash)
+- [ ] 타일들이 보임: dark-mode ×2, clock ×2(흐르는 시계), notif-count ×2, 사이드바(Inbox/Archive/Trash)
 - [ ] 페이지 재방문(다른 페이지 갔다 복귀) 시 `onHide`→`onShow` 가 타일에 다시 전파, **중복 없이 1회씩**
 
 ### F2 — 단독 동작 (EstreUI 채널과 분리)
diff --git a/packages/playground/README.md b/packages/playground/README.md
@@ -99,7 +99,7 @@ tile.hasLifecycleFired('onShow'); // → true
 - [ ] (4) dedup 경고 출력
 - [ ] (5) 카운터/history 정상 노출
 - [ ] (Phase C tile 추가 시) 시계 tile · 알림 카운트 tile 도 동일 lifecycle 받음
-- [ ] (Phase C Notelle 시) 사이드바 nested 컨테이너 안의 항목도 lifecycle 받음 (중첩 dispatch)
+- [ ] nested 사이드바 nested 컨테이너 안의 항목도 lifecycle 받음 (중첩 dispatch)
 
 ## 산출물 보고
 
diff --git a/packages/playground/scripts/estreuv-tiles.js b/packages/playground/scripts/estreuv-tiles.js
@@ -12,9 +12,9 @@
 import 'estreuv/dark-mode-tile.js';
 import 'estreuv/clock-tile.js';
 import 'estreuv/notif-count-tile.js';
-// Notelle 사이드바 prototype — nested 컨테이너 + 중첩 lifecycle
-import 'estreuv/notelle-sidebar.js';
-import 'estreuv/notelle-item.js';
+// 사이드바 prototype — nested 컨테이너 + 중첩 lifecycle
+import 'estreuv/sidebar.js';
+import 'estreuv/sidebar-item.js';
 
 // 콘솔 디버깅용 helper 노출 (page handler 도 이걸 씀)
 import * as _intent from 'estreuv/intent-context.js';
diff --git a/packages/playground/staticDoc.html b/packages/playground/staticDoc.html
@@ -19,13 +19,13 @@ <h3 style="margin-top: 24px; ">EstreUV tiles (3종 — reactivity 패턴 일반
                             <estreuv-notif-count-tile count="128" max="99" text="badge cap"></estreuv-notif-count-tile>
                         </div>
 
-                        <h3 style="margin-top: 24px; ">Notelle 사이드바 prototype (nested 컨테이너 + 중첩 lifecycle)</h3>
+                        <h3 style="margin-top: 24px; ">사이드바 prototype (nested 컨테이너 + 중첩 lifecycle)</h3>
                         <p style="opacity: 0.6; font-size: 0.85rem; ">사이드바 (<code>data-estreuv</code>) + 항목들 (<code>data-estreuv</code>, slot 의 light-DOM 자식) 모두 article 의 flat dispatch (<code>querySelectorAll('[data-estreuv]')</code>) 로 lifecycle 받음. 헤더 클릭 → collapsed 토글 (항목들에 prop-down). 항목 클릭 → active (event-up).</p>
-                        <estreuv-notelle-sidebar title="Notelle">
-                            <estreuv-notelle-item label="Inbox" icon="📥"></estreuv-notelle-item>
-                            <estreuv-notelle-item label="Archive" icon="🗄"></estreuv-notelle-item>
-                            <estreuv-notelle-item label="Trash" icon="🗑"></estreuv-notelle-item>
-                        </estreuv-notelle-sidebar>
+                        <estreuv-sidebar title="Menu">
+                            <estreuv-sidebar-item label="Inbox" icon="📥"></estreuv-sidebar-item>
+                            <estreuv-sidebar-item label="Archive" icon="🗄"></estreuv-sidebar-item>
+                            <estreuv-sidebar-item label="Trash" icon="🗑"></estreuv-sidebar-item>
+                        </estreuv-sidebar>
 
                         <h3 style="margin-top: 24px; ">검증 콘솔 가이드 (DevTools)</h3>
                         <pre style="background: rgba(127,127,127,0.1); padding: 12px; border-radius: 4px; overflow-x: auto; font-size: 0.85rem; ">// (1) F1 — article lifecycle 자동 전파: 부트 시 [estreuv-app] HomePageHandler.onBring/onOpen/onShow 로그 + tile 의 onShow 호출
diff --git a/packages/playground/test/integration-contract.test.mjs b/packages/playground/test/integration-contract.test.mjs

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"estreuv": minor
 +---
++
 +Rename the sidebar components to neutral names: `estreuv-notelle-sidebar` → `estreuv-sidebar`, `estreuv-notelle-item` → `estreuv-sidebar-item` (modules `estreuv/sidebar.js`, `estreuv/sidebar-item.js`). The activation event is now `estreuv-sidebar-activate` and intent keys are `sidebarCollapsed` / `sidebarActive`. **Breaking** for the sidebar prototype (pre-1.0 early access) — the "Notelle" name is reserved for a separate future product and decoupled from the library.