From 06730214ef0865d21ce0209f7e278b5990ef11fd Mon Sep 17 00:00:00 2001
From: vibsin9322 <vibsin74@gmail.com>
Date: Fri, 12 Jun 2026 10:40:22 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94=20?=
 =?UTF-8?q?=ED=8C=8C=EC=9D=BC=EC=9C=A0=ED=98=95=20=ED=95=84=ED=84=B0?=
 =?UTF-8?q?=EB=A7=81=20=EC=88=98=EC=A0=95,=20=EC=95=84=EC=9D=B4=EC=BD=98?=
 =?UTF-8?q?=20=EA=B0=9C=EC=84=A0,=20=EB=A1=9C=EA=B3=A0=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 파일유형 클릭 시 activeCat 덮어쓰던 버그 수정
- 파일유형에 전체 항목 추가 (기본 선택)
- Icon 컴포넌트에 file/user/log-out/edit 추가, 미등록 아이콘 폴백 처리
- DH.png 로고로 사이드바 브랜드 마크 교체 (index/admin 공통)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 DH.png     | Bin 0 -> 4782 bytes
 admin.html |   5 +++--
 index.html |  21 +++++++++++++++++----
 3 files changed, 20 insertions(+), 6 deletions(-)
 create mode 100644 DH.png

diff --git a/DH.png b/DH.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd3df1eac9804c44181fe9d923b4ba29506982b2
GIT binary patch
literal 4782
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
QP_;Q}TynzBIAiX=0k#(O$N&HU

literal 0
HcmV?d00001

diff --git a/admin.html b/admin.html
index e84fc76..f0be0cf 100644
--- a/admin.html
+++ b/admin.html
@@ -31,7 +31,8 @@
   /* SIDEBAR */
   .sb{display:flex;flex-direction:column;padding:14px 10px;border-right:1px solid var(--border);background:var(--bg);overflow-y:auto}
   .sb-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;color:var(--ink)}
-  .sb-brand-mark{width:26px;height:26px;border-radius:7px;background:var(--ink);display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}
+  .sb-brand-mark{width:32px;height:32px;border-radius:7px;background:#fff;display:grid;place-items:center;flex-shrink:0;overflow:hidden}
+  .sb-brand-mark img{width:100%;height:100%;object-fit:contain}
   .sb-brand-name{font-weight:600;font-size:14px}
   .sb-brand-sub{font-size:11px;color:var(--muted);font-family:var(--font-mono);margin-top:1px}
   .sb-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:6px;color:var(--ink-2);cursor:default;font-size:13.5px;user-select:none}
@@ -781,7 +782,7 @@ function AdminContent({ onLogout }) {
     <div className="app">
       <aside className="sb">
         <div className="sb-brand">
-          <div className="sb-brand-mark">자</div>
+          <div className="sb-brand-mark"><img src="/DH.png" alt="로고" /></div>
           <div>
             <div className="sb-brand-name">자료실 관리자</div>
             <div className="sb-brand-sub">Admin Console</div>
diff --git a/index.html b/index.html
index 13019a7..5259ef1 100644
--- a/index.html
+++ b/index.html
@@ -42,7 +42,8 @@
   /* SIDEBAR */
   .sb{display:flex;flex-direction:column;gap:0;padding:14px 10px;border-right:1px solid var(--border);background:var(--bg);overflow-y:auto;min-height:0}
   .sb-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;color:var(--ink)}
-  .sb-brand-mark{width:26px;height:26px;border-radius:7px;background:var(--ink);display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;letter-spacing:-.02em;flex-shrink:0}
+  .sb-brand-mark{width:32px;height:32px;border-radius:7px;background:#fff;display:grid;place-items:center;flex-shrink:0;overflow:hidden}
+  .sb-brand-mark img{width:100%;height:100%;object-fit:contain}
   .sb-brand-name{font-weight:600;font-size:15px;letter-spacing:-.01em}
   .sb-brand-sub{font-size:11px;color:var(--muted);font-family:var(--font-mono);margin-top:1px}
   .sb-search{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface-2);border-radius:7px;margin:2px 4px 12px;color:var(--muted)}
@@ -598,10 +599,15 @@ const Icon = ({ name, size = 16, stroke = 1.75, ...rest }) => {
     cloud: <><path d="M17 18a4 4 0 0 0 .8-7.9 6 6 0 0 0-11.6 1A4.5 4.5 0 0 0 7 19h10Z"/></>,
     image: <><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-5-5-9 9"/></>,
     video: <><rect x="3" y="6" width="13" height="12" rx="2"/><path d="m22 8-6 4 6 4V8Z"/></>,
+    file: <><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/></>,
+    user: <><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></>,
+    "log-out": <><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9"/></>,
+    edit: <><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4Z"/></>,
   };
+  const fallback = paths['folder'];
   return (
     <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" {...rest}>
-      {paths[name] || null}
+      {paths[name] || fallback}
     </svg>
   );
 };
@@ -691,7 +697,7 @@ const Sidebar = ({ activeFolder, setActiveFolder, activeCat, setActiveCat, categ
   return (
     <aside className={`sb scrollbar${open ? ' open' : ''}`}>
       <div className="sb-brand">
-        <div className="sb-brand-mark" style={{ background: accent }}>자</div>
+        <div className="sb-brand-mark"><img src="/DH.png" alt="로고" /></div>
         <div>
           <div className="sb-brand-name">자료실</div>
           <div className="sb-brand-sub">v2.4 · 워크스페이스</div>
@@ -720,10 +726,17 @@ const Sidebar = ({ activeFolder, setActiveFolder, activeCat, setActiveCat, categ
         <span>파일 유형</span>
       </div>
       <div style={{ display:"flex", flexDirection:"column", gap:1 }}>
+        <div
+          className={`sb-item ${activeCat === null ? "active" : ""}`}
+          onClick={() => { setActiveCat(null); onClose?.(); }}>
+          <Icon name="folder-open" size={15} className="ico" />
+          <span className="lbl">전체</span>
+          <span className="cnt">{folders.all ?? 0}</span>
+        </div>
         {categories.map(c => (
           <div key={c.id}
             className={`sb-item ${activeCat === c.id ? "active" : ""}`}
-            onClick={() => { setActiveCat(c.id); setActiveFolder("all"); onClose?.(); }}>
+            onClick={() => { setActiveCat(c.id); onClose?.(); }}>
             <Icon name={c.icon} size={15} className="ico" />
             <span className="lbl">{c.label}</span>
             <span className="cnt">{catStats[c.id] ?? 0}</span>