popilot 0.2.0

package/scaffold/.context/templates/sprint-plan.md

@@ -0,0 +1,72 @@
+# Sprint Plan Template
+
+> 📋 Sprint planning template used by Penny
+
+## Sprint [N] Plan
+
+### Sprint Information
+- **Period**: [Start date] ~ [End date]
+- **Goal**: [Express in one sentence]
+
+---
+
+### Key Results
+| KR | Current | Target | Owner | Status |
+|----|---------|--------|-------|--------|
+| KR1: [Content] | [Value] | [Value] | [Owner] | 🔴/🟡/🟢 |
+| KR2: [Content] | [Value] | [Value] | [Owner] | 🔴/🟡/🟢 |
+| KR3: [Content] | [Value] | [Value] | [Owner] | 🔴/🟡/🟢 |
+
+---
+
+### Task List
+
+#### Week 1
+| Task | Priority | Owner | Dependencies | Status |
+|------|----------|-------|-------------|--------|
+| [Task 1] | P0 | [Owner] | - | ⬜ |
+| [Task 2] | P1 | [Owner] | Task 1 | ⬜ |
+
+#### Week 2
+| Task | Priority | Owner | Dependencies | Status |
+|------|----------|-------|-------------|--------|
+| [Task 3] | P0 | [Owner] | - | ⬜ |
+
+---
+
+### Milestones
+| Date | Milestone | Completion Criteria |
+|------|-----------|-------------------|
+| [Date] | [Milestone 1] | [Criteria] |
+| [Date] | [Milestone 2] | [Criteria] |
+
+---
+
+### Risks & Blockers
+| Risk | Impact | Mitigation |
+|------|--------|-----------|
+| [Risk 1] | High/Medium/Low | [Response] |
+
+---
+
+### Dependencies
+- **External dependencies**: [Other teams/services]
+- **Internal dependencies**: [Prerequisite work]
+
+---
+
+### Handoff Preparation
+- [ ] PRD finalized
+- [ ] Design finalized
+- [ ] Dev spec document written
+- [ ] Baseline data obtained
+- [ ] Event logging defined
+
+---
+
+## Checklist
+- [ ] Are KRs quantified?
+- [ ] Are tasks broken down?
+- [ ] Are dependencies identified?
+- [ ] Are owners assigned?
+- [ ] Are risks identified?

package/scaffold/.context/templates/sprint-status.yaml

@@ -0,0 +1,109 @@
+# Sprint Status Template
+# BMAD-METHOD based status tracking file
+
+# ============================================================
+# Meta Information
+# ============================================================
+meta:
+  sprint: 0  # Sprint number
+  title: "[Sprint Title]"
+  created: "YYYY-MM-DD"
+  updated: "YYYY-MM-DD"
+  project: ""
+  period:
+    start: "YYYY-MM-DD"
+    end: "YYYY-MM-DD"
+
+# ============================================================
+# Status Definitions
+# ============================================================
+status_definitions:
+  epic:
+    - backlog      # Waiting
+    - in-progress  # In progress (one or more stories started)
+    - done         # Complete (all stories done)
+
+  story:
+    - backlog        # Waiting
+    - ready-for-dev  # Ready for development (handoff complete)
+    - in-progress    # In development
+    - review         # Code review in progress
+    - done           # Complete
+
+# ============================================================
+# Workflow Guidelines
+# ============================================================
+# 1. When first story starts → Change epic to in-progress
+# 2. After story completion → Create next story (incorporating learnings)
+# 3. Developer completes work → Change to review status
+# 4. Code review passed → Change to done status
+# 5. All stories done → Change epic to done
+
+# ============================================================
+# Development Status
+# ============================================================
+development:
+
+  # ------------------------------------------------------------
+  # Epic 1: [Epic Title]
+  # ------------------------------------------------------------
+  - epic: E-01
+    title: "[Epic Title]"
+    priority: P0
+    status: backlog
+    owner: "[Owner]"
+    stories:
+      - id: E-01-S-01
+        title: "[Story Title]"
+        status: backlog
+        priority: P0
+        size: M
+        assignee: null
+        depends_on: []
+
+      - id: E-01-S-02
+        title: "[Story Title]"
+        status: backlog
+        priority: P0
+        size: L
+        assignee: null
+        depends_on: [E-01-S-01]
+
+  # ------------------------------------------------------------
+  # Epic 2: [Epic Title]
+  # ------------------------------------------------------------
+  - epic: E-02
+    title: "[Epic Title]"
+    priority: P0
+    status: backlog
+    owner: "[Owner]"
+    stories:
+      - id: E-02-S-01
+        title: "[Story Title]"
+        status: backlog
+        priority: P0
+        size: M
+        assignee: null
+        depends_on: []
+
+# ============================================================
+# Summary Statistics (For automatic calculation reference)
+# ============================================================
+summary:
+  total_epics: 0
+  total_stories: 0
+  by_status:
+    backlog: 0
+    ready-for-dev: 0
+    in-progress: 0
+    review: 0
+    done: 0
+  progress_percent: 0
+
+# ============================================================
+# Changelog
+# ============================================================
+changelog:
+  - date: "YYYY-MM-DD"
+    author: "[Author]"
+    changes: "Initial creation"

package/scaffold/.context/templates/story-v2.md

@@ -0,0 +1,228 @@
+# Story Template v2
+
+> 📋 AI Agent-optimized story template used by Penny (BMAD-METHOD based)
+
+---
+
+# Story: [Story Title]
+
+## Meta
+
+| Item | Value |
+|------|-------|
+| **Story ID** | E-[N]-S-[M] |
+| **Epic** | [Epic title + link] |
+| **Status** | `ready-for-dev` |
+| **Priority** | P0 / P1 / P2 |
+| **Size** | S / M / L / XL |
+| **Assigned Developer** | [Name] |
+
+---
+
+## User Story
+
+> As a **[role]**,
+> I want **[feature/action]**,
+> So that **[benefit/value]**.
+
+---
+
+## Acceptance Criteria
+
+### AC-01: [Criteria Title]
+
+| Item | Content |
+|------|---------|
+| **Given** | [Precondition: user/system state] |
+| **When** | [Trigger: user action] |
+| **Then** | [Expected result: system response] |
+
+### AC-02: [Criteria Title]
+
+| Item | Content |
+|------|---------|
+| **Given** | [Precondition] |
+| **When** | [Trigger] |
+| **Then** | [Expected result] |
+
+### AC-03: [Criteria Title] (Edge Case)
+
+| Item | Content |
+|------|---------|
+| **Given** | [Exception scenario] |
+| **When** | [Trigger] |
+| **Then** | [Error handling/fallback] |
+
+---
+
+## Task Breakdown
+
+### Task 1: [Task Name] `AC-01`
+
+- [ ] **1.1**: [Detailed work - be specific]
+- [ ] **1.2**: [Detailed work]
+- [ ] **1.3**: [Detailed work]
+
+### Task 2: [Task Name] `AC-02`
+
+- [ ] **2.1**: [Detailed work]
+- [ ] **2.2**: [Detailed work]
+
+### Task 3: Write Tests `AC-01, AC-02, AC-03`
+
+- [ ] **3.1**: Write unit tests
+- [ ] **3.2**: Write integration tests
+- [ ] **3.3**: Edge case tests
+
+### Task 4: Wrap-up
+
+- [ ] **4.1**: Code cleanup and comments
+- [ ] **4.2**: Verify event logging
+- [ ] **4.3**: Create PR
+
+---
+
+## Dev Notes (AI Agent Optimized)
+
+### Architecture Pattern
+
+| Item | Content |
+|------|---------|
+| **Pattern to Use** | [e.g., Repository Pattern, CQRS, Event Sourcing, etc.] |
+| **Reference Implementation** | [Existing code path - similar implementation example] |
+| **Things to Avoid** | [Anti-patterns, cautions] |
+
+### Affected Source Tree
+
+```
+src/
+├── [directory1-to-modify]/
+│   ├── [file1-to-modify.ts]      # [Change summary]
+│   └── [file2-to-modify.ts]      # [Change summary]
+├── [directory2-to-modify]/
+│   └── [new-file.ts]             # 🆕 New file
+└── tests/
+    └── [test-file.test.ts]       # 🆕 New file
+```
+
+### Tech Stack
+
+| Item | Technology | Version |
+|------|-----------|---------|
+| Framework | [e.g., Next.js] | [Version] |
+| Library | [e.g., React Query] | [Version] |
+| DB | [e.g., PostgreSQL] | [Version] |
+
+### Test Criteria
+
+| Type | Required | Target/Scenario |
+|------|----------|----------------|
+| Unit Test | ✅/❌ | [Target function/class] |
+| Integration Test | ✅/❌ | [API endpoint] |
+| E2E Test | ✅/❌ | [User scenario] |
+
+### Conflict Detection
+
+| Item | Status | Description |
+|------|--------|-------------|
+| Existing code conflict | ✅ None / ⚠️ Caution | [Detailed description] |
+| API contract change | ✅ None / ⚠️ Caution | [Detailed description] |
+| DB schema change | ✅ None / ⚠️ Caution | [Migration needed?] |
+| Environment variable change | ✅ None / ⚠️ Caution | [Variables to add] |
+
+---
+
+## References
+
+| Source | Path/Link | Reference Section |
+|--------|----------|-------------------|
+| PRD | [Notion link] | [Section name] |
+| Epic Spec | [epic-specs/E-XX-xxx.md](../epic-specs/E-XX-xxx.md) | [Section name] |
+| **Screen Spec** | [design/E-XX-screen-spec.md](../design/E-XX-screen-spec.md) | Level [N] |
+| Design | [Figma link] | [Frame name] |
+| API Spec | [Swagger link] | [Endpoint] |
+| Reference Implementation | `src/[path]/[file]` | [Function/class name] |
+| External Docs | [Link] | [Related content] |
+
+### spec-site Integration (Optional)
+
+When interactive mockups exist, add spec-site link:
+
+| Source | Path | Reference |
+|--------|------|-----------|
+| **spec-site Mockup** | `spec-site/src/pages/{feature}/` | Per-scenario interactive mockup |
+
+---
+
+## Event Logging
+
+| Event Name | Trigger | Parameters | GA4 |
+|------------|---------|------------|-----|
+| `[event_name]` | [When triggered] | `{key: value}` | ✅/❌ |
+| `[event_name]` | [When triggered] | `{key: value}` | ✅/❌ |
+
+---
+
+## Dev Agent Record
+
+| Item | Value |
+|------|-------|
+| **Created By Agent** | [Model name: Claude Opus 4.5, etc.] |
+| **Created Date** | [YYYY-MM-DD] |
+| **Last Modified** | [YYYY-MM-DD] |
+| **Reviewer** | [Penny / Person name] |
+
+### Completion Notes
+
+```
+[Recorded after development completion]
+- Notable items:
+- Changed parts:
+- Additional considerations:
+```
+
+### Modified File List
+
+```
+[Recorded automatically/manually after development completion]
+- src/...
+- src/...
+- tests/...
+```
+
+### Related PR
+
+- PR #[Number]: [Title]
+
+---
+
+## Pre-Handoff Checklist
+
+### Context & Requirements
+- [ ] Is the user story clear? (role, feature, value)
+- [ ] Are acceptance criteria in Given-When-Then format?
+- [ ] Are all edge cases defined?
+
+### Disaster Prevention
+- [ ] Checked for similar functionality in existing code?
+- [ ] No ⚠️ items in conflict detection?
+- [ ] Verified library version compatibility?
+
+### AI Agent Optimization
+- [ ] Are Dev Notes sufficiently detailed?
+- [ ] Are References accurate?
+- [ ] Is the task breakdown specific enough?
+
+### Final Check
+- [ ] Is event logging defined?
+- [ ] Is status set to `ready-for-dev`?
+
+---
+
+**Validation Result**: ✅ PASS / ❌ FAIL
+**Validation Date**: [YYYY-MM-DD]
+
+---
+
+*Created: [Date]*
+*Last Modified: [Date]*

package/scaffold/.context/templates/validation-report.md

@@ -0,0 +1,99 @@
+# Hypothesis Validation Report Template
+
+> 📊 Hypothesis validation result reporting template used by Vicky
+
+## Validation Result: [Hypothesis/Feature Name]
+
+### Summary
+| Item | Content |
+|------|---------|
+| **Verdict** | ✅ Success / ❌ Failure / ⚠️ Partial Success |
+| **OMTM Achievement** | [Before] → [After] (Target: [Target]) |
+| **Validation Period** | [Start date] ~ [End date] |
+
+---
+
+### Hypothesis
+> [IF] we do ______,
+> [THEN] ______ will improve.
+> [BECAUSE] ______.
+
+---
+
+### Measurement Results
+
+#### Primary Metrics
+| Metric | Before | After | Change | Target | Verdict |
+|--------|--------|-------|--------|--------|---------|
+| [Metric 1] | [Value] | [Value] | [+/-]% | [Value] | ✅/❌ |
+| [Metric 2] | [Value] | [Value] | [+/-]% | [Value] | ✅/❌ |
+
+#### Secondary Metrics
+| Metric | Before | After | Change | Notes |
+|--------|--------|-------|--------|-------|
+| [Metric 1] | [Value] | [Value] | [+/-]% | [Interpretation] |
+
+#### Guard Rail
+| Metric | Before | After | Threshold | Status |
+|--------|--------|-------|-----------|--------|
+| [Metric 1] | [Value] | [Value] | ≤ [Value] | 🟢/🟡/🔴 |
+
+---
+
+### Analysis
+
+#### Result Interpretation
+[Interpret what the numbers mean]
+
+#### Unexpected Findings
+[Differences between expectations and actual results]
+
+#### External Variables
+[External factors that could have affected results]
+
+---
+
+### Learnings
+
+#### Validated
+- [Confirmed assumption 1]
+- [Confirmed assumption 2]
+
+#### Disproved
+- [Incorrect assumption 1]
+- [Incorrect assumption 2]
+
+#### New Discoveries
+- [Unexpected insight]
+
+---
+
+### Next Actions
+
+#### Immediate Execution
+- [ ] [Action 1]
+- [ ] [Action 2]
+
+#### Follow-up Validation Needed
+- [ ] [Additional validation item]
+
+#### Next Sprint Backlog
+- [ ] [Next sprint backlog item]
+
+---
+
+### Data Sources
+- GA4 Property: [ID]
+- Measurement period: [Period]
+- Segment: [Target users]
+- Query/Dashboard: [Link]
+
+---
+
+## Checklist
+- [ ] Were Before/After measured under identical conditions?
+- [ ] Is the sample size sufficient?
+- [ ] Were external variables controlled?
+- [ ] Were Guard Rail metrics verified?
+- [ ] Are learning points organized?
+- [ ] Are next actions specific?

package/scaffold/.gitignore.append

@@ -0,0 +1,7 @@
+# Oscar — user-specific / sensitive
+.context/user-context.yaml
+.context/.secrets.yaml
+
+# spec-site
+spec-site/node_modules/
+spec-site/dist/

package/scaffold/spec-site/env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/scaffold/spec-site/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="ko">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
+    <!-- TODO: Change title to your project name -->
+    <title>Spec Site</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/scaffold/spec-site/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "spec-site",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.5.27",
+    "vue-router": "^4.5.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.3",
+    "typescript": "~5.7.0",
+    "vite": "^6.2.0",
+    "vue-tsc": "^2.2.8"
+  }
+}

package/scaffold/spec-site/src/App.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+import AppHeader from './components/AppHeader.vue'
+import MemoSidebar from './components/MemoSidebar.vue'
+</script>
+
+<template>
+  <div class="app-layout">
+    <AppHeader />
+    <main class="app-main">
+      <router-view />
+    </main>
+    <MemoSidebar />
+  </div>
+</template>
+
+<style scoped>
+.app-layout {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+}
+.app-main {
+  flex: 1;
+  overflow: hidden;
+}
+</style>

package/scaffold/spec-site/src/assets/icons/menu/ic_ads.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8667 19.4395C16.8667 19.4395 19.44 20.4395 19.44 21.9995L17.9467 21.0395L16.8667 19.4395Z" fill="#3C3C3C"/>
+<path d="M24.3188 6.33398L16.0122 10.6673L6.14551 10.671" stroke="#3C3C3C" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.5 13C7.88071 13 9 11.8807 9 10.5C9 9.11929 7.88071 8 6.5 8C5.11929 8 4 9.11929 4 10.5C4 11.8807 5.11929 13 6.5 13Z" fill="#D8E5F9" stroke="#3C3C3C" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 13C17.8807 13 19 11.8807 19 10.5C19 9.11929 17.8807 8 16.5 8C15.1193 8 14 9.11929 14 10.5C14 11.8807 15.1193 13 16.5 13Z" fill="#D8E5F9" stroke="#3C3C3C" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.3329 9.33333C26.8057 9.33333 27.9996 8.13943 27.9996 6.66667C27.9996 5.19391 26.8057 4 25.3329 4C23.8602 4 22.6663 5.19391 22.6663 6.66667C22.6663 8.13943 23.8602 9.33333 25.3329 9.33333Z" fill="white" stroke="#3C3C3C" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.28125 19.3389C7.94468 19.3389 8.57068 19.4513 9.14648 19.6641C9.73475 19.8768 10.2104 20.2525 10.5859 20.7656C10.9615 21.2789 11.1494 21.9552 11.1494 22.7939V29.5156H9.02148V28.709C8.42243 29.1246 7.82153 29.3608 7.80762 29.3662L7.83984 29.3174C7.38831 29.5903 6.83511 29.7285 6.16699 29.7285C5.55368 29.7285 5.01568 29.6157 4.54004 29.3779C4.06435 29.1401 3.68848 28.802 3.41309 28.3389C3.13783 27.8883 3 27.3373 3 26.6865C3.00009 25.6603 3.3259 24.9094 3.98926 24.4463C4.65268 23.9832 5.49121 23.7206 6.51758 23.6455C7.04334 23.608 7.85722 23.5579 8.94629 23.5078V22.7061C8.94626 22.2054 8.79552 21.8174 8.49512 21.542C8.20727 21.2668 7.78195 21.129 7.23145 21.1289C6.75587 21.1289 6.35491 21.2414 6.04199 21.4541C5.72904 21.6669 5.54075 21.968 5.45312 22.3311H3.3125C3.36257 21.7553 3.55073 21.2416 3.88867 20.791C4.22663 20.3404 4.67716 19.9769 5.25293 19.7266C5.82876 19.4637 6.50513 19.3389 7.28125 19.3389ZM24.9941 19.3389C25.7451 19.3389 26.3839 19.4643 26.9346 19.7021C27.4851 19.9525 27.9235 20.2907 28.2363 20.7412C28.5491 21.1918 28.7363 21.7178 28.7988 22.3311H26.6963C26.6212 21.9431 26.4459 21.6425 26.1582 21.4297H26.1709C25.883 21.2044 25.5197 21.0918 25.0566 21.0918C24.7437 21.0918 24.4553 21.1411 24.1924 21.2412C23.9422 21.3413 23.7422 21.4792 23.6045 21.6543C23.4668 21.8295 23.3916 22.0432 23.3916 22.2686C23.3917 22.5437 23.4914 22.7694 23.7041 22.957C23.9169 23.1447 24.255 23.3073 24.7305 23.4199L26.333 23.7705C27.2216 23.9833 27.8978 24.3083 28.3359 24.7588C28.7741 25.2094 29 25.7982 29 26.5117C29 27.1376 28.837 27.7013 28.499 28.1895C28.1736 28.6776 27.6973 29.0526 27.084 29.3154C26.4706 29.5783 25.7697 29.7168 24.9561 29.7168C23.7669 29.7168 22.8279 29.4533 22.127 28.915C21.4261 28.3768 21.0256 27.6257 20.9004 26.6494H23.166C23.2286 27.075 23.4164 27.4005 23.7168 27.6133C24.0172 27.8261 24.4304 27.9383 24.9561 27.9258C25.4942 27.9258 25.9197 27.8259 26.2451 27.6133C26.558 27.4005 26.7209 27.1001 26.7334 26.7246C26.7334 26.4367 26.6083 26.1983 26.3955 25.998C26.1702 25.8104 25.8319 25.6606 25.3564 25.5605L23.8418 25.21C22.9657 25.0222 22.3022 24.6836 21.8516 24.208C21.4012 23.7325 21.1759 23.1319 21.1758 22.4062C21.1758 21.7929 21.3385 21.2542 21.6514 20.791C21.9643 20.3278 22.4154 19.9652 22.9912 19.7148C23.567 19.4645 24.2431 19.3389 24.9941 19.3389ZM20.4502 29.5166H18.2715V28.5332C17.7847 28.9162 17.2413 29.177 16.9785 29.2939C16.5381 29.565 16.0221 29.704 15.4307 29.7041C14.6796 29.7041 14.016 29.4911 13.4277 29.0781H13.415C12.8267 28.665 12.3634 28.0767 12.0254 27.2881C11.6875 26.4996 11.5245 25.5734 11.5244 24.4971C11.5244 23.4205 11.7001 22.4812 12.0381 21.7051C12.376 20.9292 12.8514 20.341 13.4395 19.9404C14.0277 19.5399 14.704 19.3389 15.4424 19.3389C16.1809 19.3389 16.7568 19.5148 17.1699 19.8652C17.583 20.2157 17.9086 20.629 18.1465 21.1172H18.2344V16.1094H20.4502V29.5166ZM8.95898 25.085C8.65863 25.085 8.32036 25.1224 7.91992 25.1475C7.51937 25.1725 7.16858 25.1976 6.86816 25.2227C6.3299 25.2727 5.90395 25.4223 5.60352 25.6602C5.30308 25.898 5.14062 26.2367 5.14062 26.6748C5.14071 27.1127 5.29127 27.4126 5.5791 27.6504L5.59082 27.6387C5.87874 27.864 6.26766 27.9766 6.75586 27.9766C7.19381 27.9765 7.58187 27.8889 7.90723 27.7012C8.24517 27.5134 8.50834 27.2631 8.68359 26.9502C8.87132 26.6373 8.95894 26.2866 8.95898 25.9111V25.085ZM16.0312 21.2295C15.5556 21.2295 15.1426 21.3673 14.8047 21.6426C14.4668 21.9179 14.2163 22.2933 14.041 22.7812C13.8658 23.2694 13.7783 23.8206 13.7783 24.459C13.7783 25.0973 13.8658 25.673 14.041 26.1611L14.0537 26.1865C14.229 26.6747 14.4794 27.0625 14.8174 27.3379C15.1553 27.6132 15.5556 27.751 16.0312 27.751C16.5069 27.751 16.9072 27.6133 17.2451 27.3379C17.5831 27.0625 17.8337 26.6872 18.0215 26.1865C18.1967 25.6983 18.2842 25.1224 18.2842 24.459C18.2842 23.4701 18.0843 22.6938 17.6963 22.1055C17.3082 21.5297 16.7572 21.242 16.0312 21.2295Z" fill="#3C3C3C"/>
+<circle cx="25.5" cy="5.5" r="4.5" fill="#FF6262"/>
+<circle cx="25.5" cy="5.5" r="0.5" fill="white"/>
+</svg>

package/scaffold/spec-site/src/assets/icons/menu/ic_ads_on.svg

@@ -0,0 +1,10 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8667 19.4395C16.8667 19.4395 19.44 20.4395 19.44 21.9995L17.9467 21.0395L16.8667 19.4395Z" fill="#0049B9"/>
+<path d="M24.3188 6.33398L16.0122 10.6673L6.14551 10.671" stroke="#0049B9" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.5 13C7.88071 13 9 11.8807 9 10.5C9 9.11929 7.88071 8 6.5 8C5.11929 8 4 9.11929 4 10.5C4 11.8807 5.11929 13 6.5 13Z" fill="#59B9FF" stroke="#0049B9" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 13C17.8807 13 19 11.8807 19 10.5C19 9.11929 17.8807 8 16.5 8C15.1193 8 14 9.11929 14 10.5C14 11.8807 15.1193 13 16.5 13Z" fill="#59B9FF" stroke="#0049B9" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M25.3329 9.33333C26.8057 9.33333 27.9996 8.13943 27.9996 6.66667C27.9996 5.19391 26.8057 4 25.3329 4C23.8602 4 22.6663 5.19391 22.6663 6.66667C22.6663 8.13943 23.8602 9.33333 25.3329 9.33333Z" fill="white" stroke="#0049B9" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.28125 19.3389C7.94468 19.3389 8.57068 19.4513 9.14648 19.6641C9.73475 19.8768 10.2104 20.2525 10.5859 20.7656C10.9615 21.2789 11.1494 21.9552 11.1494 22.7939V29.5156H9.02148V28.709C8.42243 29.1246 7.82153 29.3608 7.80762 29.3662L7.83984 29.3174C7.38831 29.5903 6.83511 29.7285 6.16699 29.7285C5.55368 29.7285 5.01568 29.6157 4.54004 29.3779C4.06435 29.1401 3.68848 28.802 3.41309 28.3389C3.13783 27.8883 3 27.3373 3 26.6865C3.00009 25.6603 3.3259 24.9094 3.98926 24.4463C4.65268 23.9832 5.49121 23.7206 6.51758 23.6455C7.04334 23.608 7.85722 23.5579 8.94629 23.5078V22.7061C8.94626 22.2054 8.79552 21.8174 8.49512 21.542C8.20727 21.2668 7.78195 21.129 7.23145 21.1289C6.75587 21.1289 6.35491 21.2414 6.04199 21.4541C5.72904 21.6669 5.54075 21.968 5.45312 22.3311H3.3125C3.36257 21.7553 3.55073 21.2416 3.88867 20.791C4.22663 20.3404 4.67716 19.9769 5.25293 19.7266C5.82876 19.4637 6.50513 19.3389 7.28125 19.3389ZM24.9941 19.3389C25.7451 19.3389 26.3839 19.4643 26.9346 19.7021C27.4851 19.9525 27.9235 20.2907 28.2363 20.7412C28.5491 21.1918 28.7363 21.7178 28.7988 22.3311H26.6963C26.6212 21.9431 26.4459 21.6425 26.1582 21.4297H26.1709C25.883 21.2044 25.5197 21.0918 25.0566 21.0918C24.7437 21.0918 24.4553 21.1411 24.1924 21.2412C23.9422 21.3413 23.7422 21.4792 23.6045 21.6543C23.4668 21.8295 23.3916 22.0432 23.3916 22.2686C23.3917 22.5437 23.4914 22.7694 23.7041 22.957C23.9169 23.1447 24.255 23.3073 24.7305 23.4199L26.333 23.7705C27.2216 23.9833 27.8978 24.3083 28.3359 24.7588C28.7741 25.2094 29 25.7982 29 26.5117C29 27.1376 28.837 27.7013 28.499 28.1895C28.1736 28.6776 27.6973 29.0526 27.084 29.3154C26.4706 29.5783 25.7697 29.7168 24.9561 29.7168C23.7669 29.7168 22.8279 29.4533 22.127 28.915C21.4261 28.3768 21.0256 27.6257 20.9004 26.6494H23.166C23.2286 27.075 23.4164 27.4005 23.7168 27.6133C24.0172 27.8261 24.4304 27.9383 24.9561 27.9258C25.4942 27.9258 25.9197 27.8259 26.2451 27.6133C26.558 27.4005 26.7209 27.1001 26.7334 26.7246C26.7334 26.4367 26.6083 26.1983 26.3955 25.998C26.1702 25.8104 25.8319 25.6606 25.3564 25.5605L23.8418 25.21C22.9657 25.0222 22.3022 24.6836 21.8516 24.208C21.4012 23.7325 21.1759 23.1319 21.1758 22.4062C21.1758 21.7929 21.3385 21.2542 21.6514 20.791C21.9643 20.3278 22.4154 19.9652 22.9912 19.7148C23.567 19.4645 24.2431 19.3389 24.9941 19.3389ZM20.4502 29.5166H18.2715V28.5332C17.7847 28.9162 17.2413 29.177 16.9785 29.2939C16.5381 29.565 16.0221 29.704 15.4307 29.7041C14.6796 29.7041 14.016 29.4911 13.4277 29.0781H13.415C12.8267 28.665 12.3634 28.0767 12.0254 27.2881C11.6875 26.4996 11.5245 25.5734 11.5244 24.4971C11.5244 23.4205 11.7001 22.4812 12.0381 21.7051C12.376 20.9292 12.8514 20.341 13.4395 19.9404C14.0277 19.5399 14.704 19.3389 15.4424 19.3389C16.1809 19.3389 16.7568 19.5148 17.1699 19.8652C17.583 20.2157 17.9086 20.629 18.1465 21.1172H18.2344V16.1094H20.4502V29.5166ZM8.95898 25.085C8.65863 25.085 8.32036 25.1224 7.91992 25.1475C7.51937 25.1725 7.16858 25.1976 6.86816 25.2227C6.3299 25.2727 5.90395 25.4223 5.60352 25.6602C5.30308 25.898 5.14062 26.2367 5.14062 26.6748C5.14071 27.1127 5.29127 27.4126 5.5791 27.6504L5.59082 27.6387C5.87874 27.864 6.26766 27.9766 6.75586 27.9766C7.19381 27.9765 7.58187 27.8889 7.90723 27.7012C8.24517 27.5134 8.50834 27.2631 8.68359 26.9502C8.87132 26.6373 8.95894 26.2866 8.95898 25.9111V25.085ZM16.0312 21.2295C15.5556 21.2295 15.1426 21.3673 14.8047 21.6426C14.4668 21.9179 14.2163 22.2933 14.041 22.7812C13.8658 23.2694 13.7783 23.8206 13.7783 24.459C13.7783 25.0973 13.8658 25.673 14.041 26.1611L14.0537 26.1865C14.229 26.6747 14.4794 27.0625 14.8174 27.3379C15.1553 27.6132 15.5556 27.751 16.0312 27.751C16.5069 27.751 16.9072 27.6133 17.2451 27.3379C17.5831 27.0625 17.8337 26.6872 18.0215 26.1865C18.1967 25.6983 18.2842 25.1224 18.2842 24.459C18.2842 23.4701 18.0843 22.6938 17.6963 22.1055C17.3082 21.5297 16.7572 21.242 16.0312 21.2295Z" fill="#0049B9"/>
+<circle cx="25.5" cy="5.5" r="4.5" fill="#FF6262"/>
+<circle cx="25.5" cy="5.5" r="0.5" fill="white"/>
+</svg>

package/scaffold/spec-site/src/assets/icons/menu/ic_board.svg

@@ -0,0 +1,14 @@
+<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#7kbvkewg5a)" stroke="#3C3C3C" stroke-width="1.375" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M30.938 10.77v16.5a3.666 3.666 0 0 1-3.667 3.668H12.604a3.666 3.666 0 0 1-3.666-3.667V6.646a3.666 3.666 0 0 1 3.666-3.667h10.542l7.791 7.792z" fill="#fff"/>
+        <path d="M23.98 8.849 12.341 6.284a2.75 2.75 0 0 0-3.278 2.093L6.006 22.253A2.75 2.75 0 0 0 8.1 25.53l11.637 2.565a2.75 2.75 0 0 0 3.277-2.093l3.059-13.876a2.75 2.75 0 0 0-2.094-3.277z" fill="#D8E5F9"/>
+        <path d="m13.078 12.545 7.608 1.677M12.188 16.573l7.608 1.678M11.297 20.602l4.478.985"/>
+        <path d="m7.104 3.094 4.813 7.104-7.792-2.636 2.98-4.468z" fill="#fff"/>
+        <path d="M5.04 8.25a3.208 3.208 0 1 0 0-6.417 3.208 3.208 0 0 0 0 6.417z" fill="#fff"/>
+    </g>
+    <defs>
+        <clipPath id="7kbvkewg5a">
+            <path fill="#fff" d="M0 0h33v33H0z"/>
+        </clipPath>
+    </defs>
+</svg>

package/scaffold/spec-site/src/assets/icons/menu/ic_board_on.svg

@@ -0,0 +1,14 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#zb8ao4092a)" stroke="#0049B9" stroke-width="1.333" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M30.001 10.444v16A3.555 3.555 0 0 1 26.446 30H12.223a3.555 3.555 0 0 1-3.555-3.555v-20a3.555 3.555 0 0 1 3.556-3.556h10.222L30 10.444z" fill="#fff"/>
+        <path d="M23.252 8.58 11.967 6.095a2.667 2.667 0 0 0-3.178 2.03L5.824 21.578a2.667 2.667 0 0 0 2.03 3.179l11.285 2.487a2.667 2.667 0 0 0 3.178-2.03l2.965-13.455a2.667 2.667 0 0 0-2.03-3.178z" fill="#59B9FF"/>
+        <path d="m12.68 12.165 7.378 1.626M11.82 16.071l7.378 1.627M10.953 19.978l4.342.955"/>
+        <path d="m6.889 3 4.667 6.889L4 7.333 6.889 3z" fill="#fff"/>
+        <path d="M4.888 8a3.111 3.111 0 1 0 0-6.222 3.111 3.111 0 0 0 0 6.222z" fill="#fff"/>
+    </g>
+    <defs>
+        <clipPath id="zb8ao4092a">
+            <path fill="#fff" d="M0 0h32v32H0z"/>
+        </clipPath>
+    </defs>
+</svg>