From aa797b966ff8400255350e25d4792ca060a0877d Mon Sep 17 00:00:00 2001
From: posimai <posimai.project@gmail.com>
Date: Sun, 22 Mar 2026 22:55:52 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20remove=20duplicate=20app=20name=20in=20a?=
 =?UTF-8?q?pp=20view=20header=20=E2=80=94=20show=20URL=20link=20in=20top?=
 =?UTF-8?q?=20header=20instead?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 58c69d4..2f0c4a1 100644
--- a/index.html
+++ b/index.html
@@ -302,7 +302,7 @@
         .empty-col { padding: 14px 8px; text-align: center; color: var(--text3); font-size: 12px; opacity: 0.7; }
 
         /* ── App task view ── */
-        #view-app.active { display: flex; flex-direction: column; }
+        #view-app.active { display: block; }
 
         .app-view-header {
             display: flex;
@@ -713,6 +713,7 @@
                 </button>
                 <div class="header-dot" aria-hidden="true"></div>
                 <span class="header-title" id="headerTitle">Board</span>
+                <a id="headerAppLink" href="#" target="_blank" rel="noopener" style="display:none;font-size:11px;color:var(--text3);text-decoration:none;margin-left:6px;" onmouseover="this.style.color='var(--accent)'" onmouseout="this.style.color='var(--text3)'"></a>
             </div>
             <button class="icon-btn" id="addHeaderBtn" aria-label="タスクを追加">
                 <i data-lucide="plus" style="width:18px;height:18px;stroke-width:2"></i>
@@ -956,10 +957,18 @@ function switchView(view, appId) {
     currentView = view;
     currentApp  = appId || null;
 
-    // Header title
+    // Header title + app link
     const titles = { board: 'Board', ideas: 'Ideas' };
     const title = view === 'app' ? shortName(appId) : (titles[view] || view);
     document.getElementById('headerTitle').textContent = title;
+    const appLink = document.getElementById('headerAppLink');
+    if (view === 'app' && appId !== 'global') {
+        appLink.href = `https://${appId}.vercel.app`;
+        appLink.textContent = `${appId}.vercel.app`;
+        appLink.style.display = '';
+    } else {
+        appLink.style.display = 'none';
+    }
 
     // FAB visibility
     document.getElementById('fabBtn').style.display = view === 'ideas' ? 'none' : 'flex';
@@ -1050,17 +1059,7 @@ function renderAppView(appId) {
 
     const cutoff = new Date(); cutoff.setDate(cutoff.getDate() - 30);
 
-    let html = `<div class="app-view-header">
-        <div class="app-view-icon">
-            <i data-lucide="${appId === 'global' ? 'globe' : 'package'}" style="width:15px;height:15px;stroke-width:1.75;color:var(--accent)"></i>
-        </div>
-        <span class="app-view-name">${shortName(appId)}</span>`;
-    if (appId !== 'global') {
-        html += `<a class="app-view-link" href="https://${appId}.vercel.app" target="_blank" rel="noopener">${appId}.vercel.app</a>`;
-    }
-    html += '</div>';
-
-    html += '<div class="board">';
+    let html = '<div class="board">';
     for (const st of STATUSES) {
         let col = appEntry.tasks.filter(t => t.status === st.id);
         if (st.id === 'done') {