taskunity 2026.3__tar.gz → 2026.4__tar.gz

{taskunity-2026.3/src/taskunity.egg-info → taskunity-2026.4}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: taskunity
-Version: 2026.3
+Version: 2026.4
 Summary: A local, file-backed productivity app for program/task tracking.
 Author: Taskunity Contributors
 License: MIT

{taskunity-2026.3 → taskunity-2026.4}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "taskunity"
-version = "2026.3"
+version = "2026.4"
 description = "A local, file-backed productivity app for program/task tracking."
 readme = "README.md"
 requires-python = ">=3.10"

{taskunity-2026.3 → taskunity-2026.4}/src/taskunity/app.py

@@ -320,6 +320,11 @@ def create_app(workspace: str | Path = ".") -> FastAPI:
         all_tasks = load_all_tasks(workspace)
         milestones = load_all_milestones(workspace)
         tasks_by_id = {t.id: t for t in all_tasks}
+        panel_task_id = (selected_task.id if selected_task else (request.query_params.get("panel_task") or "").strip())
+        if selected_task is None and panel_task_id:
+            selected_task = tasks_by_id.get(panel_task_id)
+            if selected_task is None:
+                panel_task_id = ""
         milestone_rollups = {m.id: milestone_rollup(m, tasks_by_id) for m in milestones}
 
         selected_milestone = None
@@ -443,6 +448,7 @@ def create_app(workspace: str | Path = ".") -> FastAPI:
                 "calendar_next_query": build_query(projects, date_from, date_to, q, "calendar", sort, milestone, show_closed, stale_days, next_month, next_year),
                 "calendar_year_prev_query": build_query(projects, date_from, date_to, q, "calendar", sort, milestone, show_closed, stale_days, year_prev_month, year_prev_year),
                 "calendar_year_next_query": build_query(projects, date_from, date_to, q, "calendar", sort, milestone, show_closed, stale_days, year_next_month, year_next_year),
+                "panel_task": panel_task_id,
                 "show_closed": show_closed,
                 "hidden_closed_count": hidden_closed_count,
                 "toggle_closed_query": build_query(projects, date_from, date_to, q, view, sort, milestone, not show_closed, stale_days, focus_month, focus_year),

{taskunity-2026.3 → taskunity-2026.4}/src/taskunity/static/app.css

@@ -1,5 +1,7 @@
 :root {
   color-scheme: light;
+  --topbar-height: 4.4rem;
+  --controls-height: 5.7rem;
   --bg: #eef1f7;
   --bg-soft: #f7f9fc;
   --card: #ffffff;
@@ -78,6 +80,7 @@ body {
   color: var(--text);
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
+  padding-top: var(--topbar-height);
 }
 html[data-theme="dark"] body {
   background: var(--bg);
@@ -96,8 +99,10 @@ html[data-theme="dark"] body {
   background: rgba(255, 255, 255, .82);
   backdrop-filter: saturate(160%) blur(10px);
   border-bottom: 1px solid var(--line);
-  position: sticky;
+  position: fixed;
   top: 0;
+  left: 0;
+  right: 0;
   z-index: 10;
 }
 html[data-theme="dark"] .topbar {
@@ -188,6 +193,7 @@ h1, h2, h3, p { margin-top: 0; }
 .theme-option.active { background: var(--accent-soft); color: var(--accent); border-color: var(--accent); }
 .settings-anchor { position: relative; }
 .new-task-form { display: flex; gap: .5rem; }
+.new-task-form .new-task-btn { white-space: nowrap; }
 input, select, textarea, button {
   font: inherit;
   border: 1px solid var(--line);
@@ -220,7 +226,17 @@ button:focus-visible { outline: none; box-shadow: var(--ring); }
   padding: 1.1rem 1.4rem;
   align-items: start;
 }
-.content { min-width: 0; }
+.layout.panel-collapsed {
+  grid-template-columns: minmax(0, 1fr);
+}
+.layout.panel-collapsed .pane-resizer,
+.layout.panel-collapsed .side-panel {
+  display: none;
+}
+.content {
+  min-width: 0;
+  padding-top: calc(var(--controls-height) + .35rem);
+}
 .pane-resizer {
   align-self: stretch;
   width: 10px;
@@ -370,6 +386,49 @@ button:focus-visible { outline: none; box-shadow: var(--ring); }
   margin-top: .55rem;
 }
 .mini-progress div { height: 100%; background: var(--working); }
+.content-toolbar {
+  position: fixed !important;
+  top: var(--topbar-height);
+  left: 1.4rem;
+  right: calc(var(--side-pane-width, 430px) + 10px + .55rem + 1.4rem);
+  z-index: 8;
+  background: var(--bg);
+  border-bottom: 1px solid var(--line-soft);
+  padding: 0 0 .28rem;
+  min-height: var(--controls-height);
+}
+.layout.panel-collapsed .content-toolbar {
+  right: 1.4rem;
+}
+.content-toolbar::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: -8px;
+  height: 8px;
+  background: var(--bg);
+  pointer-events: none;
+}
+.content-toolbar .filter-bar,
+.content-toolbar .view-bar {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: thin;
+  -webkit-overflow-scrolling: touch;
+}
+.content-toolbar .filter-bar { margin-bottom: .55rem; }
+.content-toolbar .view-bar { margin-bottom: .25rem; }
+.content-toolbar .pills,
+.content-toolbar .view-switch,
+.content-toolbar .new-task-form,
+.content-toolbar .git-chip,
+.content-toolbar .btn-link,
+.content-toolbar .filter-menu {
+  flex: 0 0 auto;
+}
+.content-toolbar .filter-bar .spacer { flex: 1 0 1.2rem; }
 .filter-bar {
   display: flex;
   flex-wrap: wrap;
@@ -895,13 +954,21 @@ button:focus-visible { outline: none; box-shadow: var(--ring); }
 .dep-id { margin-left: auto; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .68rem; color: var(--muted); }
 .dep-empty { padding: .5rem .55rem; font-size: .82rem; }
 .side-panel {
-  position: sticky;
+  position: fixed;
   top: 5rem;
-  max-height: calc(100vh - 6rem);
+  right: 1.4rem;
+  height: calc(100vh - 6rem);
+  width: var(--side-pane-width, 430px);
   overflow: hidden;
   box-shadow: var(--shadow-md);
 }
-.panel-scroll { overflow-y: auto; max-height: calc(100vh - 6rem); padding: 0 1rem 1rem; font-size: .93rem; }
+.panel-scroll {
+  overflow-y: auto;
+  height: 100%;
+  overscroll-behavior: contain;
+  padding: 0 1rem 1rem;
+  font-size: .93rem;
+}
 .empty-panel { padding: 1.25rem 1rem; color: var(--muted); }
 .empty-panel h2 { margin: 0 0 .35rem; font-size: 1.05rem; font-weight: 650; color: var(--text); }
 .empty-panel p { margin: 0; font-size: .88rem; }
@@ -920,6 +987,14 @@ button:focus-visible { outline: none; box-shadow: var(--ring); }
   align-items: center;
   gap: .45rem;
 }
+.task-collapse-btn {
+  width: 1.85rem;
+  height: 1.85rem;
+  padding: 0;
+  text-align: center;
+  line-height: 1;
+  font-size: 1rem;
+}
 .task-back-btn {
   padding: .2rem .45rem;
   border: 1px solid var(--line);
@@ -983,25 +1058,36 @@ button:focus-visible { outline: none; box-shadow: var(--ring); }
   width: 100%;
   display: inline-grid;
   grid-template-columns: auto minmax(0, 1fr);
-  gap: .55rem;
+  gap: .42rem;
   align-items: center;
+  color: var(--text);
   text-align: left;
   background: var(--bg-soft);
   border: 1px solid var(--line);
-  color: var(--text);
+  padding: .68rem .8rem;
   box-shadow: none;
   padding: .45rem .6rem;
 }
 .check-toggle:hover { filter: none; border-color: color-mix(in srgb, var(--line) 55%, var(--accent)); }
 .check-mark {
   width: 1.2rem;
-  height: 1.2rem;
+  gap: .5rem;
   border: 1px solid color-mix(in srgb, var(--line) 60%, var(--accent));
   border-radius: .3rem;
   display: inline-flex;
-  align-items: center;
+  font-size: .93rem;
   justify-content: center;
   font-weight: 700;
+.milestone-open-row {
+  width: 100%;
+  text-align: left;
+  box-shadow: var(--shadow-sm);
+}
+.milestone-open-row:hover {
+  filter: none;
+  border-color: color-mix(in srgb, var(--line) 60%, var(--accent));
+  box-shadow: var(--shadow-md);
+}
   color: var(--accent);
   background: #fff;
 }
@@ -1236,19 +1322,21 @@ input[type="file"]::file-selector-button:hover {
 }
 .burndown-preview-link:hover { text-decoration: underline; }
 .burndown-preview-thumb {
-  display: inline-flex;
+  display: block;
   border: 1px solid var(--line);
   border-radius: var(--radius-sm);
   overflow: hidden;
-  max-width: min(430px, calc(100vw - 44px));
-  max-height: 240px;
+  width: 100%;
+  max-width: 100%;
+  max-height: 180px;
   background: var(--card);
 }
 .burndown-preview-thumb img {
   display: block;
   width: 100%;
+  max-width: 100%;
   height: auto;
-  object-fit: cover;
+  object-fit: contain;
 }
 .burndown-preview-text {
   margin: 0;
@@ -1279,13 +1367,34 @@ input[type="file"]::file-selector-button:hover {
   .pane-resizer { display: none; }
   .side-panel { position: static; max-height: none; }
   .panel-scroll { max-height: none; }
+  .content { padding-top: calc(var(--controls-height) + .25rem); }
+  .content-toolbar {
+    top: var(--topbar-height);
+    left: 1.4rem;
+    right: 1.4rem;
+  }
   .board, .summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 @media (max-width: 700px) {
-  .topbar, .new-task-form { flex-direction: column; align-items: stretch; }
+  .topbar { flex-direction: column; align-items: stretch; }
+  .new-task-form { width: 100%; }
+  .new-task-form .new-task-btn { width: 100%; }
   .board, .summary-grid { grid-template-columns: 1fr; }
   .timeline-row { grid-template-columns: 1fr; }
   .layout { padding: .5rem; }
+  .content { padding-top: calc(var(--controls-height) + .6rem); }
+  .content-toolbar {
+    left: .5rem;
+    right: .5rem;
+  }
+}
+
+@media (max-width: 900px) {
+  .mb-actions {
+    width: 100%;
+    justify-content: flex-start;
+  }
+  .mc-stats.compact { width: 100%; }
 }
 
 /* --- Milestones --- */
@@ -1316,6 +1425,55 @@ input[type="file"]::file-selector-button:hover {
   overflow: hidden;
   box-shadow: var(--shadow-sm);
 }
+.milestone-list {
+  display: grid;
+  gap: .7rem;
+}
+.milestone-list-item {
+  display: grid;
+  gap: .42rem;
+  background: var(--card);
+  color: var(--text);
+  border: 1px solid var(--line);
+  border-left: 4px solid var(--ms-color, var(--accent));
+  border-radius: var(--radius-sm);
+  padding: .68rem .8rem;
+  box-shadow: var(--shadow-sm);
+}
+.milestone-open-row {
+  width: 100%;
+  text-align: left;
+}
+.milestone-open-row:hover {
+  filter: none;
+  border-color: color-mix(in srgb, var(--line) 60%, var(--accent));
+  box-shadow: var(--shadow-md);
+}
+.milestone-list-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: .5rem;
+  flex-wrap: wrap;
+}
+.milestone-list-title {
+  display: flex;
+  align-items: center;
+  gap: .45rem;
+  min-width: 0;
+}
+.milestone-list-title strong {
+  font-size: .93rem;
+  min-width: 0;
+}
+.mc-stats.compact { gap: .5rem; font-size: .74rem; }
+.mc-projects.compact { gap: .25rem; }
+.mc-projects.compact .project { font-size: .72rem; padding: .1rem .42rem; }
+.clamp-1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .milestone-open {
   flex: 1;
   display: grid;
@@ -1360,11 +1518,13 @@ input[type="file"]::file-selector-button:hover {
   box-shadow: var(--shadow-sm);
 }
 .mb-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
-.mb-title { display: flex; align-items: flex-start; gap: .55rem; }
+.mb-title { display: flex; align-items: flex-start; gap: .55rem; min-width: 0; flex: 1 1 18rem; }
 .mb-flag { color: var(--ms-color, var(--accent)); font-size: 1rem; line-height: 1.4; }
 .mb-title h2 { margin: 0; font-size: 1.1rem; }
 .mb-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-top: .25rem; font-size: .78rem; color: var(--muted); }
-.mb-actions { display: flex; align-items: center; gap: .5rem; }
+.mb-actions { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; flex: 1 1 16rem; flex-wrap: wrap; }
+.mb-actions .btn-link,
+.mb-actions .pill { white-space: nowrap; }
 .mb-rollup { display: grid; gap: .45rem; }
 .mb-stats { display: flex; flex-wrap: wrap; gap: .9rem; font-size: .8rem; color: var(--muted); }
 .mb-stats .done strong { color: var(--done); }

{taskunity-2026.3 → taskunity-2026.4}/src/taskunity/templates/base.html

@@ -326,6 +326,57 @@
         });
       });
 
+      function getMainLayout() {
+        return document.getElementById('app-main');
+      }
+      function collapseTaskPanel() {
+        var main = getMainLayout();
+        if (!main) return;
+        main.classList.add('panel-collapsed');
+      }
+      function expandTaskPanel() {
+        var main = getMainLayout();
+        if (!main) return;
+        main.classList.remove('panel-collapsed');
+      }
+      document.addEventListener('click', function (e) {
+        var btn = e.target.closest('[data-panel-collapse]');
+        if (!btn) return;
+        collapseTaskPanel();
+      });
+      document.addEventListener('click', function (e) {
+        var panelTrigger = e.target.closest('[hx-target="#task-panel"]');
+        if (!panelTrigger) return;
+        expandTaskPanel();
+      });
+      document.addEventListener('pointerdown', function (e) {
+        var panelTrigger = e.target.closest('[hx-target="#task-panel"]');
+        if (!panelTrigger) return;
+        expandTaskPanel();
+      }, true);
+      document.body.addEventListener('htmx:beforeRequest', function (e) {
+        var trigger = e && e.detail ? e.detail.elt : null;
+        if (!trigger) return;
+        var panelTarget = trigger.getAttribute && trigger.getAttribute('hx-target');
+        if (panelTarget === '#task-panel' || trigger.closest('[hx-target="#task-panel"]')) {
+          expandTaskPanel();
+        }
+      });
+      document.body.addEventListener('htmx:beforeSwap', function (e) {
+        var target = e && e.detail ? e.detail.target : null;
+        if (!target) return;
+        var panel = target.id === 'task-panel' ? target : target.closest ? target.closest('#task-panel') : null;
+        if (panel) expandTaskPanel();
+      });
+      document.body.addEventListener('htmx:afterSwap', function (e) {
+        var target = e && e.detail ? e.detail.target : null;
+        if (!target) return;
+        var panel = target.id === 'task-panel' ? target : target.closest ? target.closest('#task-panel') : null;
+        if (!panel) return;
+        var hasContent = !!panel.children.length && (panel.textContent || '').trim().length > 0;
+        if (hasContent) expandTaskPanel();
+      });
+
       function paneBounds() {
         var max = Math.min(Math.floor(window.innerWidth * 0.62), 820);
         var min = 300;

{taskunity-2026.3 → taskunity-2026.4}/src/taskunity/templates/partials/main.html

@@ -1,24 +1,6 @@
-<main id="app-main" class="layout" data-resizable-layout>
+<main id="app-main" class="layout{% if not selected_task and not selected_milestone %} panel-collapsed{% endif %}" data-resizable-layout>
   <section class="content">
-    <section class="summary-grid">
-      <div class="summary-card">
-        <span class="label">Total tasks</span>
-        <strong>{{ model.total }}</strong>
-      </div>
-      <div class="summary-card">
-        <span class="label">Done</span>
-        <strong>{{ model.counts.get('done', 0) }}</strong>
-      </div>
-      <div class="summary-card">
-        <span class="label">Working</span>
-        <strong>{{ model.counts.get('working', 0) }}</strong>
-      </div>
-      <div class="summary-card">
-        <span class="label">Blocked</span>
-        <strong>{{ model.counts.get('blocked', 0) }}</strong>
-      </div>
-    </section>
-
+    <div class="content-toolbar">
     <div class="filter-bar">
       <details class="filter-menu">
         <summary>
@@ -187,12 +169,12 @@
 
     <div class="view-bar">
       <div class="view-switch">
-        <button class="{% if filters.view == 'list' %}active{% endif %}" hx-get="/partials/main?view=list{% if filters.query %}&{{ filters.query }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Task List</button>
-        <button class="{% if filters.view == 'board' %}active{% endif %}" hx-get="/partials/main?view=board{% if filters.query %}&{{ filters.query }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Task Board</button>
-        <button class="{% if filters.view == 'gantt' %}active{% endif %}" hx-get="/partials/main?view=gantt{% if filters.query %}&{{ filters.query }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Gantt</button>
-        <button class="{% if filters.view == 'calendar' %}active{% endif %}" hx-get="/partials/main?view=calendar{% if filters.query %}&{{ filters.query }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Calendar</button>
-        <button class="{% if filters.view == 'milestones' %}active{% endif %}" hx-get="/partials/main?view=milestones{% if filters.query %}&{{ filters.query }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Milestones</button>
-        <button class="{% if filters.view == 'projects' %}active{% endif %}" hx-get="/partials/main?view=projects{% if filters.query %}&{{ filters.query }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Projects</button>
+        <button class="{% if filters.view == 'list' %}active{% endif %}" hx-get="/partials/main?view=list{% if filters.query %}&{{ filters.query }}{% endif %}{% if filters.panel_task %}&panel_task={{ filters.panel_task }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Task List</button>
+        <button class="{% if filters.view == 'board' %}active{% endif %}" hx-get="/partials/main?view=board{% if filters.query %}&{{ filters.query }}{% endif %}{% if filters.panel_task %}&panel_task={{ filters.panel_task }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Task Board</button>
+        <button class="{% if filters.view == 'gantt' %}active{% endif %}" hx-get="/partials/main?view=gantt{% if filters.query %}&{{ filters.query }}{% endif %}{% if filters.panel_task %}&panel_task={{ filters.panel_task }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Gantt</button>
+        <button class="{% if filters.view == 'calendar' %}active{% endif %}" hx-get="/partials/main?view=calendar{% if filters.query %}&{{ filters.query }}{% endif %}{% if filters.panel_task %}&panel_task={{ filters.panel_task }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Calendar</button>
+        <button class="{% if filters.view == 'milestones' %}active{% endif %}" hx-get="/partials/main?view=milestones{% if filters.query %}&{{ filters.query }}{% endif %}{% if filters.panel_task %}&panel_task={{ filters.panel_task }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Milestones</button>
+        <button class="{% if filters.view == 'projects' %}active{% endif %}" hx-get="/partials/main?view=projects{% if filters.query %}&{{ filters.query }}{% endif %}{% if filters.panel_task %}&panel_task={{ filters.panel_task }}{% endif %}" hx-target="#app-main" hx-swap="outerHTML">Projects</button>
       </div>
       {% if filters.view == 'calendar' %}
         <div class="calendar-nav">
@@ -226,7 +208,7 @@
         </div>
       {% endif %}
       <form class="new-task-form" hx-post="/tasks/create" hx-target="#app-main" hx-swap="outerHTML">
-        <input name="title" placeholder="New task title">
+        <input type="hidden" name="title" value="New task">
         {% for p in filters.projects %}<input type="hidden" name="f_project" value="{{ p }}">{% endfor %}
         <input type="hidden" name="f_from" value="{{ filters.date_from }}">
         <input type="hidden" name="f_to" value="{{ filters.date_to }}">
@@ -237,9 +219,10 @@
         <input type="hidden" name="f_stale_days" value="{{ filters.stale_days }}">
         <input type="hidden" name="f_calendar_month" value="{{ filters.calendar_month }}">
         <input type="hidden" name="f_calendar_year" value="{{ filters.calendar_year }}">
-        <button type="submit">Create Task</button>
+        <button type="submit" class="new-task-btn">New task</button>
       </form>
     </div>
+    </div>
 
     {% if selected_milestone and filters.view != 'milestones' %}
       {% include "partials/milestone_banner.html" %}
@@ -268,16 +251,11 @@
     title="Drag to resize details pane. Double-click to reset."
     aria-orientation="vertical"
   ></button>
-  <aside id="task-panel" class="side-panel">
+  <aside id="task-panel" class="side-panel{% if not selected_task and not selected_milestone %} side-panel-empty{% endif %}">
     {% if selected_task %}
       {% include "partials/task_panel.html" %}
     {% elif selected_milestone %}
       {% include "partials/milestone_panel.html" %}
-    {% else %}
-      <div class="empty-panel">
-        <h2>Select a task</h2>
-        <p>Details will appear when a task is selected.</p>
-      </div>
     {% endif %}
   </aside>
 </main>

{taskunity-2026.3 → taskunity-2026.4}/src/taskunity/templates/partials/milestone_banner.html

@@ -109,7 +109,7 @@
             return;
           }
           if (ext === 'pdf') {
-            hoverCard.innerHTML += '<iframe class="burndown-preview-frame" src="' + url + '#toolbar=0" title="Attachment preview"></iframe>';
+            hoverCard.innerHTML += '<div class="burndown-preview-body muted">PDF preview is not shown inline here. Use “Open in new tab” to view it.</div>';
             return;
           }
           if (isTextExt(ext)) {

{taskunity-2026.3 → taskunity-2026.4}/src/taskunity/templates/partials/milestone_panel.html

@@ -4,7 +4,9 @@
       <span class="ms-status {{ selected_milestone.status }}">{{ selected_milestone.status }}</span>
       <h2>{{ selected_milestone.title }}</h2>
     </div>
-    <button class="btn-link" hx-get="/partials/main?milestone={{ selected_milestone.id }}&view={{ filters.view if filters.view != 'milestones' else 'board' }}{% if filters.show_closed %}&show_closed=1{% endif %}&stale_days={{ filters.stale_days }}" hx-target="#app-main" hx-swap="outerHTML" title="Filter the board to this milestone">Filter tasks</button>
+    <div class="task-panel-title-row">
+      <button type="button" class="btn-link task-collapse-btn" data-panel-collapse title="Collapse details" aria-label="Collapse details">×</button>
+    </div>
   </div>
 
   <form hx-post="/milestones/{{ selected_milestone.id }}/save" hx-target="#app-main" hx-swap="outerHTML" class="task-form">

{taskunity-2026.3 → taskunity-2026.4}/src/taskunity/templates/partials/milestones.html

@@ -5,38 +5,45 @@
   </div>
 
   {% if milestones %}
-    <div class="milestone-cards">
+    <div class="milestone-list">
       {% for m in milestones %}
         {% set r = milestone_rollups.get(m.id) %}
-        <div class="milestone-card {{ m.status }}" style="--ms-color: {{ m.color or '#3567e0' }}">
-          <button class="milestone-open" hx-get="/partials/main?milestone={{ m.id }}&view=board{% if filters.show_closed %}&show_closed=1{% endif %}&stale_days={{ filters.stale_days }}" hx-target="#app-main" hx-swap="outerHTML" title="Filter tasks to this milestone">
-            <div class="mc-head">
+        <button
+          class="milestone-list-item milestone-open-row {{ m.status }}"
+          style="--ms-color: {{ m.color or '#3567e0' }}"
+          hx-get="/partials/main?milestone={{ m.id }}&view=board{% if filters.show_closed %}&show_closed=1{% endif %}&stale_days={{ filters.stale_days }}"
+          hx-target="#app-main"
+          hx-swap="outerHTML"
+          title="Open milestone view"
+        >
+          <div class="milestone-list-head">
+            <div class="milestone-list-title">
               <span class="mc-flag" aria-hidden="true">◆</span>
               <strong>{{ m.title }}</strong>
               <span class="ms-status {{ m.status }}">{{ m.status }}</span>
             </div>
-            {% if m.summary %}<p class="mc-summary">{{ m.summary }}</p>{% endif %}
-            <div class="mc-projects">
-              {% for proj in m.projects %}
-                <span class="project" style="background: {{ project_colors.get(proj, '#2e6fd8') }}22; color: {{ project_colors.get(proj, '#2e6fd8') }}">{{ proj }}</span>
-              {% else %}
-                <span class="muted">No projects assigned</span>
-              {% endfor %}
-            </div>
-            <div class="mc-progress" title="{{ r.progress }}% complete">
-              <div style="width: {{ r.progress }}%; background: {{ m.color or '#3567e0' }}"></div>
-            </div>
-            <div class="mc-stats">
+            <div class="mc-stats compact">
               <span>{{ r.total }} task{{ '' if r.total == 1 else 's' }}</span>
               <span>{{ r.done }} done</span>
               <span>{{ r.progress }}%</span>
               {% if m.target_date %}<span class="mc-target">🎯 {{ m.target_date }}</span>{% endif %}
             </div>
-          </button>
-          <div class="mc-foot">
-            <button class="btn-link" hx-get="/milestones/{{ m.id }}/panel?view=milestones{% if filters.show_closed %}&show_closed=1{% endif %}&stale_days={{ filters.stale_days }}" hx-target="#task-panel" hx-swap="innerHTML">Details</button>
           </div>
-        </div>
+          {% if m.summary %}<p class="mc-summary clamp-1">{{ m.summary }}</p>{% endif %}
+          <div class="mc-projects compact">
+            {% for proj in m.projects[:3] %}
+              <span class="project" style="background: {{ project_colors.get(proj, '#2e6fd8') }}22; color: {{ project_colors.get(proj, '#2e6fd8') }}">{{ proj }}</span>
+            {% endfor %}
+            {% if m.projects|length > 3 %}
+              <span class="muted">+{{ m.projects|length - 3 }} more</span>
+            {% elif m.projects|length == 0 %}
+              <span class="muted">No projects assigned</span>
+            {% endif %}
+          </div>
+          <div class="mc-progress" title="{{ r.progress }}% complete">
+            <div style="width: {{ r.progress }}%; background: {{ m.color or '#3567e0' }}"></div>
+          </div>
+        </button>
       {% endfor %}
     </div>
   {% else %}

{taskunity-2026.3 → taskunity-2026.4}/src/taskunity/templates/partials/task_panel.html

@@ -1,6 +1,7 @@
 <div class="panel-scroll">
   <div class="panel-heading sticky">
     <div class="task-panel-title-row">
+      <button type="button" class="btn-link task-collapse-btn" data-panel-collapse title="Collapse details" aria-label="Collapse details">×</button>
       {% if filters.milestone %}
         <button
           type="button"
@@ -313,7 +314,7 @@
             return;
           }
           if (ext === 'pdf') {
-            hoverCard.innerHTML += '<iframe class="burndown-preview-frame" src="' + url + '#toolbar=0" title="Attachment preview"></iframe>';
+            hoverCard.innerHTML += '<div class="burndown-preview-body muted">PDF preview is not shown inline here. Use “Open in new tab” to view it.</div>';
             return;
           }
           if (isTextExt(ext)) {

{taskunity-2026.3 → taskunity-2026.4/src/taskunity.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: taskunity
-Version: 2026.3
+Version: 2026.4
 Summary: A local, file-backed productivity app for program/task tracking.
 Author: Taskunity Contributors
 License: MIT