feat(settings): Settings 패널 4-탭 카테고리 정리 (v2.2.206)

9개 섹션을 모델·연결 / 지식·기억 / 연동 / 동작·고급 4탭으로 그룹핑.
표현 계층만 추가(탭 네비 + show/hide) — ID/data-save/리스너/renderState/
provider 무수정. 좁은 사이드뷰 줄바꿈, 활성 탭 setState 기억.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

media/settings-panel.css

@@ -42,6 +42,38 @@ body {
     opacity: 0.7;
 }
 
+/* ─── Tabs (카테고리 네비) ─── */
+.tabs {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;          /* 좁은 사이드뷰에서 자동 줄바꿈 */
+    margin-bottom: 14px;
+}
+.tab {
+    padding: 6px 12px;
+    border-radius: 6px;
+    border: 1px solid var(--vscode-panel-border);
+    background: transparent;
+    color: var(--vscode-descriptionForeground);
+    font-size: 12px;
+    font-weight: 600;
+    cursor: pointer;
+    white-space: nowrap;
+}
+.tab:hover {
+    color: var(--vscode-foreground);
+    background: var(--vscode-list-hoverBackground);
+}
+.tab.active {
+    background: var(--vscode-button-background);
+    color: var(--vscode-button-foreground);
+    border-color: var(--vscode-button-background);
+}
+/* 비활성 탭 섹션 숨김 — DOM 에는 그대로 두고 표시만 끈다(JS refs/state 무영향). */
+.section[hidden] {
+    display: none !important;
+}
+
 .hint {
     color: var(--vscode-descriptionForeground);
     font-size: 11px;