agent-tasks 1.10.8 → 1.10.10

package/agent-desk-plugin.json

@@ -2,7 +2,7 @@
   "id": "agent-tasks",
   "name": "Tasks",
   "icon": "task_alt",
-  "version": "1.10.6",
+  "version": "1.10.10",
   "description": "Pipeline task board — kanban, stages, artifacts, dependencies",
   "ui": "./dist/ui/app.js",
   "css": "./dist/ui/styles.css",

package/dist/ui/styles.css

@@ -2906,3 +2906,166 @@ header {
   overflow-x: auto;
   min-width: 0;
 }
+
+/* --------------------------------------------------------------------------
+   Mobile Responsive (768px)
+   -------------------------------------------------------------------------- */
+
+@media (max-width: 768px) {
+  header {
+    flex-wrap: wrap;
+    padding: 6px 12px;
+    gap: 8px;
+  }
+  .header-left {
+    width: 100%;
+    justify-content: space-between;
+  }
+  .header-left h1 {
+    font-size: 14px;
+  }
+  .header-right {
+    width: auto;
+    gap: 6px;
+  }
+  .stats {
+    display: none;
+  }
+
+  /* -- Filter bar: hide orphaned icon, compact layout -- */
+  .filter-bar {
+    padding: 6px 10px;
+  }
+  .filter-icon {
+    display: none;
+  }
+  .filter-group {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+  .filter-input {
+    flex: 1 1 100%;
+    max-width: none;
+  }
+  .filter-select {
+    flex: 1 1 calc(50% - 3px);
+    min-width: 0;
+  }
+
+  /* -- Kanban: compact empty columns -- */
+  .column-empty {
+    padding: 12px 8px;
+  }
+  .column-empty .material-symbols-outlined {
+    font-size: 22px;
+  }
+  .column-empty .empty-text {
+    font-size: 11px;
+  }
+  .column-empty .empty-cta {
+    font-size: 11px;
+    padding: 3px 8px;
+  }
+  .column-add-btn {
+    padding: 6px;
+    font-size: 12px;
+  }
+
+  /* -- Icon buttons: touch-friendly -- */
+  .icon-btn {
+    min-width: 36px;
+    min-height: 36px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .kanban-board {
+    flex-direction: column;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 8px;
+    gap: 8px;
+  }
+  .kanban-column {
+    min-width: 0;
+    max-width: none;
+    flex: 0 0 auto;
+    max-height: none;
+    width: 100%;
+  }
+  .kanban-column.collapsed {
+    min-width: 0;
+    max-width: none;
+    writing-mode: horizontal-tb;
+  }
+  .kanban-column.collapsed .column-header {
+    writing-mode: horizontal-tb;
+    flex-direction: row;
+    padding: 10px 12px;
+  }
+  .column-body {
+    max-height: none;
+  }
+  .board-wrapper.panel-open .side-panel {
+    position: fixed;
+    inset: 0;
+    width: 100%;
+    min-width: 100%;
+    z-index: 200;
+    border-left: none;
+    box-shadow: none;
+  }
+  .board-wrapper.panel-open .side-panel.panel-wide {
+    width: 100%;
+  }
+  .panel-resize-handle {
+    display: none;
+  }
+  .task-card {
+    padding: 8px 10px;
+    min-width: 0;
+    width: 100%;
+  }
+  .task-card:hover {
+    transform: none;
+  }
+  .modal {
+    width: calc(100% - 16px);
+    max-width: 100%;
+    margin: 8px;
+    max-height: calc(100vh - 16px);
+  }
+  .confirm-dialog {
+    min-width: 0;
+    max-width: calc(100% - 16px);
+    margin: 8px;
+  }
+  .toast-container {
+    left: 8px;
+    right: 8px;
+    top: 8px;
+  }
+  .toast {
+    max-width: none;
+  }
+  .panel-body {
+    padding: 12px;
+  }
+  .panel-grid {
+    grid-template-columns: 80px 1fr;
+    gap: 4px 8px;
+  }
+  .board-empty .empty-steps {
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+  }
+  .diff-viewer {
+    flex-direction: column;
+  }
+  .diff-side {
+    flex: none;
+    width: 100%;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-tasks",
-  "version": "1.10.8",
+  "version": "1.10.10",
   "description": "Pipeline-driven task management for AI coding agents — stages, dependencies, artifacts, and multi-agent claiming",
   "type": "module",
   "main": "dist/index.js",