feat(sites): 도구 카드 호버 설명(title) 추가 — Coder·Gitea·Kubero·Coolify

- sites.js 에 tip 필드 추가, dashboard 카드에 title 속성으로 연결(tip 있는 카드만)
- Coder: VS Code Web 개발 환경 / Gitea: 소스 저장·버전 관리·Git 협업
- Kubero: Kubernetes 기반·playground 파이프라인 / Coolify: Docker 기반·aidev 프로젝트

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

src/sites.js

@@ -9,18 +9,18 @@
 //      SSO 미지원(Kubero/Harbor 등)은 기본 URL 유지.
 //
 // adminOnly: true 인 항목은 관리자(role=admin)에게만 렌더(숨김, disabled 아님).
-// icon: 이모지(폐쇄망에서도 외부 의존 없이 표시). desc: 카드 한 줄 설명.
+// icon: 이모지(폐쇄망에서도 외부 의존 없이 표시). desc: 카드 한 줄 설명. tip: 호버 시 뜨는 상세 설명(title 속성).
 import { config } from "./config.js";
 
 export const sites = [
   // --- 개발 핵심 (모두에게) ---
-  { key: "coder",  name: "Coder",  desc: "클라우드 IDE",        url: config.tools.coder,  icon: "💻", sso: true },
-  { key: "gitea",  name: "Gitea",  desc: "Git 저장소",          url: config.tools.gitea,  icon: "🍵", sso: true },
-  // Kubero: Keycloak SSO 로 로그인 가능(단, 랜딩에서 "OAuth 로 로그인"을 한 번 더 눌러야 함).
-  { key: "kubero", name: "Kubero", desc: "배포 (PaaS)",         url: config.tools.kubero, icon: "🚀", sso: true },
-  // Coolify: Kubero 와 같은 배포 PaaS. Keycloak SSO 지원 →
+  { key: "coder",  name: "Coder",  desc: "클라우드 IDE",        tip: "브라우저에서 바로 코딩하는 개발 환경. 내 PC 설치 없이 VS Code Web으로 개발·실행합니다.", url: config.tools.coder,  icon: "💻", sso: true },
+  { key: "gitea",  name: "Gitea",  desc: "Git 저장소",          tip: "소스 코드 저장 및 버전 관리. 다른 사람과 Git으로 협업할 수 있습니다.", url: config.tools.gitea,  icon: "🍵", sso: true },
+  // Kubero: Keycloak SSO 로 로그인 가능(단, 랜딩에서 "OAuth 로 로그인"을 한 번 더 눌러야 함). Kubernetes 기반.
+  { key: "kubero", name: "Kubero", desc: "배포 (PaaS)",         tip: "Kubernetes 기반 배포 도구입니다. playground 파이프라인에 앱을 추가해 서버에 올립니다.", url: config.tools.kubero, icon: "🚀", sso: true },
+  // Coolify: Kubero 와 같은 배포 PaaS. Docker 기반. Keycloak SSO 지원 →
   //   /auth/keycloak/redirect (로그인 시작, code 없으면 keycloak authorize 로 302). callback 은 /auth/keycloak/callback.
-  { key: "coolify", name: "Coolify", desc: "배포 (PaaS)",        url: config.tools.coolify, icon: "⛵", sso: true },
+  { key: "coolify", name: "Coolify", desc: "배포 (PaaS)",        tip: "Docker 기반 배포 도구입니다. aidev 프로젝트에 앱을 추가해 서버에 올립니다.", url: config.tools.coolify, icon: "⛵", sso: true },
   // --- 인프라/운영 (관리자 전용) ---
   { key: "harbor", name: "Harbor", desc: "컨테이너 레지스트리", url: config.tools.harbor, icon: "📦", adminOnly: true },
   { key: "openeverest", name: "OpenEverest", desc: "DB 콘솔",         url: config.tools.openeverest, icon: "🗄️", adminOnly: true },

views/dashboard.ejs

@@ -26,7 +26,7 @@
     </div>
     <div class="tools-grid">
       <% tools.forEach(function (t) { %>
-        <a class="tool-card<%= t.adminOnly ? " admin" : "" %>" href="<%= t.url %>" target="_blank" rel="noopener">
+        <a class="tool-card<%= t.adminOnly ? " admin" : "" %>" href="<%= t.url %>" target="_blank" rel="noopener"<% if (t.tip) { %> title="<%= t.tip %>"<% } %>>
           <span class="tool-icon"><%= t.icon %></span>
           <span class="tool-name"><%= t.name %></span>
           <span class="tool-desc"><%= t.desc %></span>