diff --git a/kanban/index.html b/kanban/index.html
index fcebff1..fd99942 100644
--- a/kanban/index.html
+++ b/kanban/index.html
@@ -3,334 +3,373 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Echo · Tasks</title>
+    <title>Echo · Dashboard</title>
     <link rel="stylesheet" href="common.css">
     <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
     <script src="swipe-nav.js"></script>
     <style>
-        /* Page-specific styles */
         .main {
             max-width: 1400px;
             margin: 0 auto;
             padding: var(--space-5);
         }
 
-        /* Dashboard */
-        .dashboard {
-            background: var(--bg-surface);
-            border: 1px solid var(--border);
-            border-radius: var(--radius-lg);
-            margin-bottom: var(--space-5);
-            overflow: hidden;
-        }
-
-        .dashboard-header {
-            display: flex;
-            align-items: center;
-            gap: var(--space-3);
-            padding: var(--space-3) var(--space-4);
-            background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.1));
-            border-bottom: 1px solid var(--border);
-            cursor: pointer;
-            user-select: none;
-        }
-
-        .dashboard-header:hover {
-            filter: brightness(1.05);
-        }
-
-        .dashboard-title {
-            display: flex;
-            align-items: center;
-            gap: var(--space-2);
-            font-weight: 600;
-            font-size: var(--text-sm);
-            color: var(--text-primary);
-        }
-
-        .dashboard-title svg {
-            width: 16px;
-            height: 16px;
-            color: var(--accent);
-        }
-
-        .dashboard-summary {
-            flex: 1;
-            font-size: var(--text-xs);
-            color: var(--text-muted);
-            text-align: right;
-        }
-
-        .dashboard-toggle {
-            width: 16px;
-            height: 16px;
-            color: var(--text-muted);
-            transition: transform var(--transition-fast);
-        }
-
-        .dashboard.collapsed .dashboard-toggle {
-            transform: rotate(-90deg);
-        }
-
-        .dashboard.collapsed .dashboard-content {
-            display: none;
-        }
-
-        .dashboard-content {
-            padding: var(--space-2) var(--space-4);
-        }
-
-        .status-row {
-            display: flex;
-            flex-wrap: wrap;
-            gap: var(--space-4);
-            margin-bottom: var(--space-2);
-        }
-
-        .status-item {
-            display: flex;
-            align-items: center;
-            gap: var(--space-1);
-            font-size: var(--text-sm);
-        }
-
-        .status-label {
-            color: var(--text-muted);
-        }
-
-        .status-value {
-            font-weight: 600;
-            color: var(--text-primary);
-        }
-
-        .status-value.ok { color: #22c55e; }
-        .status-value.warning { color: #f59e0b; }
-        .status-value.error { color: #ef4444; }
-
-        .status-time {
-            font-size: var(--text-xs);
-            color: var(--text-muted);
-            margin-left: var(--space-1);
-        }
-
-        .cron-row {
-            display: flex;
-            align-items: center;
-            gap: var(--space-2);
-            font-size: var(--text-sm);
-            padding-top: var(--space-2);
-            border-top: 1px solid var(--border);
-        }
-
-        .cron-label {
-            color: var(--text-muted);
-        }
-
-        .cron-list {
-            color: var(--text-secondary);
-        }
-
-        .cron-done {
-            color: var(--text-muted);
-            text-decoration: line-through;
-        }
-        
         .page-header {
-            margin-bottom: var(--space-6);
+            margin-bottom: var(--space-5);
         }
-        
+
         .page-title {
             font-size: var(--text-xl);
             font-weight: 600;
             color: var(--text-primary);
             margin-bottom: var(--space-1);
         }
-        
+
         .page-subtitle {
             font-size: var(--text-sm);
             color: var(--text-muted);
         }
-        
-        .search-bar {
-            max-width: 400px;
-            margin-bottom: var(--space-6);
-        }
-        
-        /* Kanban board */
-        .board {
+
+        /* Two-column dashboard */
+        .dashboard-grid {
             display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            grid-template-columns: 1fr 1fr;
             gap: var(--space-5);
         }
-        
-        .column {
+
+        @media (max-width: 900px) {
+            .dashboard-grid {
+                grid-template-columns: 1fr;
+            }
+        }
+
+        /* Panel styling */
+        .panel {
             background: var(--bg-surface);
             border: 1px solid var(--border);
             border-radius: var(--radius-lg);
-            min-height: 200px;
+            overflow: hidden;
         }
-        
-        .column-header {
-            padding: var(--space-4);
-            border-bottom: 1px solid var(--border);
+
+        .panel-header {
             display: flex;
-            justify-content: space-between;
             align-items: center;
-            cursor: pointer;
-            user-select: none;
+            justify-content: space-between;
+            padding: var(--space-3) var(--space-4);
+            border-bottom: 1px solid var(--border);
         }
-        
-        .column-header:hover {
-            filter: brightness(1.1);
-        }
-        
-        /* Column header colors */
-        .column.backlog .column-header {
-            background: linear-gradient(135deg, rgba(100, 100, 120, 0.3), rgba(80, 80, 100, 0.2));
-            border-left: 3px solid #6b7280;
-        }
-        
-        .column.in-progress .column-header {
-            background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(37, 99, 235, 0.15));
-            border-left: 3px solid #3b82f6;
-        }
-        
-        .column.done .column-header {
-            background: linear-gradient(135deg, rgba(34, 197, 94, 0.25), rgba(22, 163, 74, 0.15));
-            border-left: 3px solid #22c55e;
-        }
-        
-        .column-title {
+
+        .panel-title {
             display: flex;
             align-items: center;
             gap: var(--space-2);
-            font-size: var(--text-sm);
             font-weight: 600;
+            font-size: var(--text-sm);
             color: var(--text-primary);
         }
-        
-        .column-title svg {
-            width: 16px;
-            height: 16px;
+
+        .panel-title svg {
+            width: 18px;
+            height: 18px;
+        }
+
+        .panel-actions {
+            display: flex;
+            gap: var(--space-2);
+        }
+
+        .panel-body {
+            padding: var(--space-3);
+            max-height: 600px;
+            overflow-y: auto;
+        }
+
+        /* Activity panel */
+        .activity-panel .panel-header {
+            background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.1));
+        }
+
+        .activity-panel .panel-title svg {
+            color: #8b5cf6;
+        }
+
+        .activity-section {
+            margin-bottom: var(--space-4);
+        }
+
+        .activity-section-title {
+            font-size: var(--text-xs);
+            font-weight: 600;
             color: var(--text-muted);
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+            margin-bottom: var(--space-2);
+            display: flex;
+            align-items: center;
+            gap: var(--space-2);
+        }
+
+        .activity-item {
+            display: flex;
+            align-items: flex-start;
+            gap: var(--space-3);
+            padding: var(--space-2) var(--space-3);
+            border-radius: var(--radius-md);
+            margin-bottom: var(--space-1);
+            transition: background var(--transition-fast);
+        }
+
+        .activity-item:hover {
+            background: var(--bg-elevated);
+        }
+
+        .activity-icon {
+            width: 24px;
+            height: 24px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            flex-shrink: 0;
+        }
+
+        .activity-icon.done {
+            background: rgba(34, 197, 94, 0.2);
+            color: #22c55e;
+        }
+
+        .activity-icon.running {
+            background: rgba(59, 130, 246, 0.2);
+            color: #3b82f6;
+        }
+
+        .activity-icon svg {
+            width: 14px;
+            height: 14px;
+        }
+
+        .activity-content {
+            flex: 1;
+            min-width: 0;
+        }
+
+        .activity-text {
+            font-size: var(--text-sm);
+            color: var(--text-primary);
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        .activity-meta {
+            font-size: var(--text-xs);
+            color: var(--text-muted);
+            display: flex;
+            gap: var(--space-2);
+        }
+
+        .activity-agent {
+            color: var(--accent);
+        }
+
+        .progress-bar {
+            height: 4px;
+            background: var(--bg-elevated);
+            border-radius: 2px;
+            margin-top: var(--space-1);
+            overflow: hidden;
+        }
+
+        .progress-fill {
+            height: 100%;
+            background: var(--accent);
+            border-radius: 2px;
+            transition: width 0.3s ease;
+        }
+
+        /* Issues panel */
+        .issues-panel .panel-header {
+            background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(22, 163, 74, 0.1));
+        }
+
+        .issues-panel .panel-title svg {
+            color: #22c55e;
+        }
+
+        .issues-filters {
+            display: flex;
+            gap: var(--space-2);
+            padding: var(--space-2) var(--space-3);
+            border-bottom: 1px solid var(--border);
+            flex-wrap: wrap;
+        }
+
+        .filter-btn {
+            padding: var(--space-1) var(--space-2);
+            font-size: var(--text-xs);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-sm);
+            background: transparent;
+            color: var(--text-muted);
+            cursor: pointer;
+            transition: all var(--transition-fast);
+        }
+
+        .filter-btn:hover, .filter-btn.active {
+            border-color: var(--accent);
+            color: var(--accent);
+            background: var(--accent-subtle);
+        }
+
+        .priority-group {
+            margin-bottom: var(--space-4);
+        }
+
+        .priority-header {
+            display: flex;
+            align-items: center;
+            gap: var(--space-2);
+            font-size: var(--text-xs);
+            font-weight: 600;
+            color: var(--text-muted);
+            margin-bottom: var(--space-2);
+            cursor: pointer;
+        }
+
+        .priority-header svg {
+            width: 14px;
+            height: 14px;
             transition: transform var(--transition-fast);
         }
-        
-        .column.collapsed .column-title svg {
+
+        .priority-header.collapsed svg {
             transform: rotate(-90deg);
         }
-        
-        .column-body {
-            padding: var(--space-3);
+
+        .priority-dot {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
         }
-        
-        .column.collapsed .column-body {
+
+        .priority-dot.urgent-important { background: #ef4444; }
+        .priority-dot.important { background: #f59e0b; }
+        .priority-dot.urgent { background: #eab308; }
+        .priority-dot.backlog { background: #6b7280; }
+
+        .priority-content {
+            display: block;
+        }
+
+        .priority-content.hidden {
             display: none;
         }
-        
-        .column.collapsed {
-            min-height: auto;
-        }
-        
-        /* Tasks */
-        .task {
+
+        .issue-item {
+            display: flex;
+            align-items: flex-start;
+            gap: var(--space-3);
+            padding: var(--space-3);
             background: var(--bg-elevated);
             border: 1px solid var(--border);
             border-radius: var(--radius-md);
-            padding: var(--space-3);
             margin-bottom: var(--space-2);
-            cursor: grab;
+            cursor: pointer;
             transition: all var(--transition-fast);
         }
-        
-        .task:hover {
+
+        .issue-item:hover {
             border-color: var(--border-focus);
-            transform: translateY(-1px);
-            box-shadow: var(--shadow-sm);
+            transform: translateX(2px);
         }
-        
-        .task.dragging {
-            opacity: 0.5;
+
+        .issue-item.done {
+            opacity: 0.6;
         }
-        
-        .task-title {
+
+        .issue-item.done .issue-title {
+            text-decoration: line-through;
+        }
+
+        .issue-checkbox {
+            width: 18px;
+            height: 18px;
+            border: 2px solid var(--border);
+            border-radius: var(--radius-sm);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            transition: all var(--transition-fast);
+        }
+
+        .issue-checkbox:hover {
+            border-color: var(--accent);
+        }
+
+        .issue-checkbox.checked {
+            background: var(--accent);
+            border-color: var(--accent);
+        }
+
+        .issue-checkbox svg {
+            width: 12px;
+            height: 12px;
+            color: white;
+            display: none;
+        }
+
+        .issue-checkbox.checked svg {
+            display: block;
+        }
+
+        .issue-content {
+            flex: 1;
+            min-width: 0;
+        }
+
+        .issue-title {
             font-size: var(--text-sm);
             font-weight: 500;
             color: var(--text-primary);
             margin-bottom: var(--space-1);
         }
-        
-        .task-desc {
-            font-size: var(--text-xs);
-            color: var(--text-muted);
-            display: none;
-            margin-bottom: var(--space-2);
-        }
-        
-        .task.expanded .task-desc {
-            display: block;
-        }
-        
-        .task-footer {
+
+        .issue-meta {
             display: flex;
-            justify-content: space-between;
-            align-items: center;
-            min-height: 24px;
-            position: relative;
-        }
-        
-        .task-date {
+            flex-wrap: wrap;
+            gap: var(--space-2);
             font-size: var(--text-xs);
-            color: var(--text-muted);
-            flex: 1;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            padding-right: var(--space-2);
         }
-        
-        .task-priority {
-            width: 8px;
-            height: 8px;
-            border-radius: 50%;
-        }
-        
-        .priority-high { background: var(--error); }
-        .priority-medium { background: var(--warning); }
-        .priority-low { background: var(--success); }
-        
-        .task-actions {
-            display: flex;
-            gap: var(--space-1);
-            opacity: 0;
-            transition: opacity var(--transition-fast);
-        }
-        
-        .task:hover .task-actions {
-            opacity: 1;
-        }
-        
-        .task-action {
-            padding: var(--space-1);
-            background: transparent;
-            border: none;
-            color: var(--text-muted);
-            cursor: pointer;
+
+        .issue-tag {
+            padding: 2px 6px;
             border-radius: var(--radius-sm);
-        }
-        
-        .task-action:hover {
             background: var(--bg-surface);
-            color: var(--text-primary);
+            color: var(--text-muted);
         }
-        
-        .task-action svg {
-            width: 14px;
-            height: 14px;
+
+        .issue-tag.program {
+            background: rgba(99, 102, 241, 0.15);
+            color: #818cf8;
         }
-        
-        /* Add task */
-        .add-task-btn {
+
+        .issue-owner {
+            display: flex;
+            align-items: center;
+            gap: 4px;
+        }
+
+        .issue-owner.marius { color: #22c55e; }
+        .issue-owner.clawdbot { color: #8b5cf6; }
+
+        .issue-date {
+            color: var(--text-muted);
+        }
+
+        /* Add issue */
+        .add-issue-btn {
             width: 100%;
             padding: var(--space-3);
             background: transparent;
@@ -344,70 +383,80 @@
             justify-content: center;
             gap: var(--space-2);
             transition: all var(--transition-fast);
+            margin-top: var(--space-3);
         }
-        
-        .add-task-btn:hover {
+
+        .add-issue-btn:hover {
             border-color: var(--accent);
             color: var(--accent);
             background: var(--accent-subtle);
         }
-        
-        .add-task-btn svg {
+
+        .add-issue-btn svg {
             width: 16px;
             height: 16px;
         }
-        
-        .add-form {
+
+        /* Add form modal */
+        .modal-overlay {
             display: none;
-            flex-direction: column;
-            gap: var(--space-2);
-            padding: var(--space-3);
-            background: var(--bg-elevated);
-            border-radius: var(--radius-md);
-            margin-top: var(--space-2);
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 1000;
+            align-items: center;
+            justify-content: center;
         }
-        
-        .add-form.active {
+
+        .modal-overlay.active {
             display: flex;
         }
-        
-        .add-form-actions {
-            display: flex;
-            gap: var(--space-2);
-        }
-        
-        /* Stats */
-        .stats {
-            display: flex;
-            gap: var(--space-6);
-            padding: var(--space-5);
+
+        .modal {
             background: var(--bg-surface);
             border: 1px solid var(--border);
             border-radius: var(--radius-lg);
-            margin-top: var(--space-6);
-            justify-content: center;
+            padding: var(--space-5);
+            width: 90%;
+            max-width: 500px;
+            max-height: 90vh;
+            overflow-y: auto;
         }
-        
-        .stat {
-            text-align: center;
+
+        .modal-title {
+            font-size: var(--text-lg);
+            font-weight: 600;
+            margin-bottom: var(--space-4);
         }
-        
-        .stat-value {
-            font-size: var(--text-xl);
-            font-weight: 700;
-            color: var(--accent);
+
+        .form-group {
+            margin-bottom: var(--space-4);
         }
-        
-        .stat-label {
-            font-size: var(--text-xs);
-            color: var(--text-muted);
+
+        .form-label {
+            display: block;
+            font-size: var(--text-sm);
+            font-weight: 500;
+            margin-bottom: var(--space-1);
+            color: var(--text-secondary);
         }
-        
-        /* Drag over */
-        .column.drag-over {
-            background: var(--accent-subtle);
+
+        .form-row {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: var(--space-3);
         }
-        
+
+        .modal-actions {
+            display: flex;
+            justify-content: flex-end;
+            gap: var(--space-2);
+            margin-top: var(--space-5);
+        }
+
         /* Toast */
         .toast {
             position: fixed;
@@ -421,24 +470,45 @@
             font-size: var(--text-sm);
             opacity: 0;
             transition: all var(--transition-base);
-            z-index: 1000;
+            z-index: 1001;
         }
-        
+
         .toast.show {
             transform: translateX(-50%) translateY(0);
             opacity: 1;
         }
-        
-        /* Hidden on search */
-        .task.hidden { display: none; }
-        
-        @media (max-width: 768px) {
-            .board {
-                grid-template-columns: 1fr;
-            }
-            .stats {
-                flex-wrap: wrap;
-            }
+
+        /* Empty state */
+        .empty-state {
+            text-align: center;
+            padding: var(--space-6);
+            color: var(--text-muted);
+        }
+
+        .empty-state svg {
+            width: 48px;
+            height: 48px;
+            margin-bottom: var(--space-3);
+            opacity: 0.5;
+        }
+
+        /* Old kanban link */
+        .legacy-link {
+            font-size: var(--text-xs);
+            color: var(--text-muted);
+            text-decoration: none;
+            display: flex;
+            align-items: center;
+            gap: var(--space-1);
+        }
+
+        .legacy-link:hover {
+            color: var(--accent);
+        }
+
+        .legacy-link svg {
+            width: 12px;
+            height: 12px;
         }
     </style>
 </head>
@@ -450,8 +520,12 @@
         </a>
         <nav class="nav">
             <a href="index.html" class="nav-item active">
-                <i data-lucide="layout-list"></i>
-                <span>Tasks</span>
+                <i data-lucide="layout-dashboard"></i>
+                <span>Dashboard</span>
+            </a>
+            <a href="kanban.html" class="nav-item">
+                <i data-lucide="columns"></i>
+                <span>Kanban</span>
             </a>
             <a href="notes.html" class="nav-item">
                 <i data-lucide="file-text"></i>
@@ -461,10 +535,6 @@
                 <i data-lucide="folder"></i>
                 <span>Files</span>
             </a>
-            <a href="grup-sprijin.html" class="nav-item">
-                <i data-lucide="heart-handshake"></i>
-                <span>Grup</span>
-            </a>
             <button class="theme-toggle" onclick="toggleTheme()" title="Schimbă tema">
                 <i data-lucide="sun" id="themeIcon"></i>
             </button>
@@ -472,53 +542,111 @@
     </header>
     
     <main class="main">
-        <!-- Status Dashboard -->
-        <div class="dashboard" id="dashboard">
-            <div class="dashboard-header" onclick="toggleDashboard()">
-                <div class="dashboard-title">
-                    <i data-lucide="activity"></i>
-                    <span>Status</span>
-                </div>
-                <div class="dashboard-summary" id="dashboardSummary">Se încarcă...</div>
-                <i data-lucide="chevron-down" class="dashboard-toggle" id="dashboardToggle"></i>
-            </div>
-            <div class="dashboard-content" id="dashboardContent">
-                <div class="status-row">
-                    <div class="status-item">
-                        <span class="status-label">ANAF:</span>
-                        <span class="status-value" id="anafStatus">OK</span>
-                    </div>
-                    <div class="status-item">
-                        <span class="status-label">Git:</span>
-                        <span class="status-value" id="gitStatus">curat</span>
-                    </div>
-                    <div class="status-item">
-                        <span class="status-label">Raport:</span>
-                        <span class="status-value" id="lastReport">-</span>
-                        <span class="status-time" id="reportTime"></span>
-                    </div>
-                </div>
-                <div class="cron-row">
-                    <span class="cron-label">Azi:</span>
-                    <span class="cron-list" id="cronList">-</span>
-                </div>
-            </div>
+        <div class="page-header">
+            <h1 class="page-title">Dashboard</h1>
+            <p class="page-subtitle" id="lastUpdated">Echo Work · Productivitate și proiecte</p>
         </div>
 
-        <div class="page-header">
-            <h1 class="page-title">Task Board</h1>
-            <p class="page-subtitle" id="lastUpdated">Se încarcă...</p>
+        <div class="dashboard-grid">
+            <!-- Activity Panel -->
+            <div class="panel activity-panel">
+                <div class="panel-header">
+                    <div class="panel-title">
+                        <i data-lucide="bot"></i>
+                        <span>Clawdbot Activity</span>
+                    </div>
+                    <div class="panel-actions">
+                        <button class="btn btn-secondary btn-sm" onclick="refreshActivity()" title="Refresh">
+                            <i data-lucide="refresh-cw"></i>
+                        </button>
+                    </div>
+                </div>
+                <div class="panel-body" id="activityBody">
+                    <div class="empty-state">
+                        <i data-lucide="loader"></i>
+                        <p>Se încarcă...</p>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Issues Panel -->
+            <div class="panel issues-panel">
+                <div class="panel-header">
+                    <div class="panel-title">
+                        <i data-lucide="check-square"></i>
+                        <span>Issues</span>
+                    </div>
+                    <div class="panel-actions">
+                        <button class="btn btn-primary btn-sm" onclick="showAddModal()">
+                            <i data-lucide="plus"></i>
+                            <span>Nou</span>
+                        </button>
+                    </div>
+                </div>
+                <div class="issues-filters" id="issuesFilters">
+                    <button class="filter-btn active" data-filter="all">Toate</button>
+                    <button class="filter-btn" data-filter="marius">👤 Marius</button>
+                    <button class="filter-btn" data-filter="clawdbot">🤖 Clawdbot</button>
+                </div>
+                <div class="panel-body" id="issuesBody">
+                    <div class="empty-state">
+                        <i data-lucide="loader"></i>
+                        <p>Se încarcă...</p>
+                    </div>
+                </div>
+            </div>
         </div>
-        
-        <div class="search-bar">
-            <input type="text" class="input" id="searchInput" placeholder="Caută task-uri..." oninput="searchTasks()">
-        </div>
-        
-        <div class="board" id="board"></div>
-        
-        <div class="stats" id="stats"></div>
     </main>
-    
+
+    <!-- Add Issue Modal -->
+    <div class="modal-overlay" id="addModal">
+        <div class="modal">
+            <h2 class="modal-title">Issue nou</h2>
+            <div class="form-group">
+                <label class="form-label">Titlu *</label>
+                <input type="text" class="input" id="issueTitle" placeholder="Ce trebuie făcut?">
+            </div>
+            <div class="form-group">
+                <label class="form-label">Descriere</label>
+                <textarea class="input" id="issueDesc" rows="3" placeholder="Detalii..."></textarea>
+            </div>
+            <div class="form-row">
+                <div class="form-group">
+                    <label class="form-label">Program</label>
+                    <select class="input" id="issueProgram">
+                        <option value="">— Selectează —</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Owner</label>
+                    <select class="input" id="issueOwner">
+                        <option value="marius">👤 Marius</option>
+                        <option value="clawdbot">🤖 Clawdbot</option>
+                    </select>
+                </div>
+            </div>
+            <div class="form-row">
+                <div class="form-group">
+                    <label class="form-label">Prioritate</label>
+                    <select class="input" id="issuePriority">
+                        <option value="urgent-important">🔴 Urgent + Important</option>
+                        <option value="important">🟠 Important</option>
+                        <option value="urgent">🟡 Urgent</option>
+                        <option value="backlog">⚪ Backlog</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="form-label">Deadline</label>
+                    <input type="date" class="input" id="issueDeadline">
+                </div>
+            </div>
+            <div class="modal-actions">
+                <button class="btn btn-secondary" onclick="hideAddModal()">Anulează</button>
+                <button class="btn btn-primary" onclick="addIssue()">Adaugă</button>
+            </div>
+        </div>
+    </div>
+
     <div class="toast" id="toast"></div>
 
     <script>
@@ -546,442 +674,308 @@
         }
         
         initTheme();
-        
-        // Init Lucide icons
         lucide.createIcons();
 
-        // Dashboard
-        function initDashboard() {
-            const collapsed = localStorage.getItem('dashboardCollapsed');
-            const dashboard = document.getElementById('dashboard');
-            // Default collapsed
-            if (collapsed === null || collapsed === 'true') {
-                dashboard.classList.add('collapsed');
-            }
-            loadDashboardStatus();
-        }
+        // Data
+        let issuesData = null;
+        let activityData = [];
+        let currentFilter = 'all';
+        let collapsedPriorities = new Set(['backlog']);
 
-        function toggleDashboard() {
-            const dashboard = document.getElementById('dashboard');
-            dashboard.classList.toggle('collapsed');
-            localStorage.setItem('dashboardCollapsed', dashboard.classList.contains('collapsed'));
-        }
+        // Priority labels
+        const priorityLabels = {
+            'urgent-important': '🔴 Urgent + Important',
+            'important': '🟠 Important',
+            'urgent': '🟡 Urgent',
+            'backlog': '⚪ Backlog'
+        };
 
-        async function loadDashboardStatus() {
+        const priorityOrder = ['urgent-important', 'important', 'urgent', 'backlog'];
+
+        // Load data
+        async function loadIssues() {
             try {
-                const response = await fetch('status.json?' + Date.now());
-                if (response.ok) {
-                    const status = await response.json();
-                    updateDashboard(status);
-                }
-            } catch (e) {
-                console.log('No status.json yet');
-            }
-            updateCronList();
-        }
-
-        function updateDashboard(status) {
-            // ANAF
-            const anafEl = document.getElementById('anafStatus');
-            if (status.anaf) {
-                anafEl.textContent = status.anaf.status;
-                anafEl.className = 'status-value ' + (status.anaf.ok ? 'ok' : 'warning');
-            }
-
-            // Git
-            const gitEl = document.getElementById('gitStatus');
-            if (status.git) {
-                gitEl.textContent = status.git.status;
-                gitEl.className = 'status-value ' + (status.git.clean ? 'ok' : 'warning');
-            }
-
-            // Last report
-            const reportEl = document.getElementById('lastReport');
-            const timeEl = document.getElementById('reportTime');
-            if (status.lastReport) {
-                reportEl.textContent = status.lastReport.summary || 'OK';
-                timeEl.textContent = status.lastReport.time ? '(' + status.lastReport.time + ')' : '';
-            }
-
-            // Summary in header
-            const summaryEl = document.getElementById('dashboardSummary');
-            let summary = [];
-            if (status.anaf) summary.push('ANAF: ' + status.anaf.status);
-            if (status.git) summary.push('Git: ' + status.git.status);
-            summaryEl.textContent = summary.join(' · ');
-        }
-
-        function updateCronList() {
-            const now = new Date();
-            const hour = now.getHours();
-            
-            const jobs = [
-                { time: '07:30', name: 'coaching', done: hour >= 8 },
-                { time: '08:30', name: 'raport', done: hour >= 9 },
-                { time: '20:00', name: 'raport', done: hour >= 20 },
-                { time: '21:00', name: 'coaching', done: hour >= 21 }
-            ];
-
-            const listEl = document.getElementById('cronList');
-            listEl.innerHTML = jobs.map(job => 
-                `<span class="${job.done ? 'cron-done' : ''}">${job.time} ${job.name}</span>`
-            ).join(' · ');
-        }
-
-        initDashboard();
-        
-        let tasksData = null;
-        let draggedTask = null;
-        let saveTimeout = null;
-        const DONE_LIMIT = 5;
-        let showAllDone = false;
-        
-        // Collapsed columns state - default: only in-progress expanded
-        function getCollapsedColumns() {
-            try {
-                const saved = localStorage.getItem('collapsedColumns');
-                if (saved) return JSON.parse(saved);
-                return ['backlog', 'done'];
-            } catch { return ['backlog', 'done']; }
-        }
-        
-        function setCollapsedColumns(cols) {
-            localStorage.setItem('collapsedColumns', JSON.stringify(cols));
-        }
-        
-        function toggleColumnCollapse(columnId) {
-            const cols = getCollapsedColumns();
-            const idx = cols.indexOf(columnId);
-            if (idx > -1) cols.splice(idx, 1);
-            else cols.push(columnId);
-            setCollapsedColumns(cols);
-            renderBoard();
-        }
-        
-        function toggleTaskExpand(e, taskEl) {
-            if (e.target.hasAttribute('contenteditable') || e.target.tagName === 'BUTTON') return;
-            taskEl.classList.toggle('expanded');
-        }
-        
-        async function loadTasks() {
-            try {
-                const response = await fetch('tasks.json?' + Date.now());
-                tasksData = await response.json();
-                renderBoard();
+                const response = await fetch('issues.json?' + Date.now());
+                issuesData = await response.json();
+                populateProgramSelect();
+                renderIssues();
             } catch (error) {
-                showToast('Eroare la încărcare', 'error');
+                console.error('Error loading issues:', error);
+                document.getElementById('issuesBody').innerHTML = `
+                    <div class="empty-state">
+                        <i data-lucide="alert-circle"></i>
+                        <p>Eroare la încărcare</p>
+                    </div>
+                `;
+                lucide.createIcons();
             }
         }
-        
-        function searchTasks() {
-            const query = document.getElementById('searchInput').value.toLowerCase().trim();
-            document.querySelectorAll('.task').forEach(taskEl => {
-                const title = taskEl.querySelector('.task-title')?.textContent.toLowerCase() || '';
-                const desc = taskEl.querySelector('.task-desc')?.textContent.toLowerCase() || '';
-                taskEl.classList.toggle('hidden', query && !title.includes(query) && !desc.includes(query));
-            });
+
+        async function loadActivity() {
+            // For now, show static data. Later we can fetch from API.
+            activityData = [
+                { type: 'done', text: 'Răspuns întrebare D101', agent: 'Echo Work', time: '15:10' },
+                { type: 'done', text: 'Salut', agent: 'Echo Work', time: '12:55' },
+                { type: 'done', text: 'Identificare agent', agent: 'Echo Work', time: '12:48' }
+            ];
+            renderActivity();
         }
-        
-        function renderBoard() {
-            const board = document.getElementById('board');
-            const stats = document.getElementById('stats');
-            const lastUpdated = document.getElementById('lastUpdated');
+
+        function refreshActivity() {
+            loadActivity();
+            showToast('Activitate reîmprospătată');
+        }
+
+        function renderActivity() {
+            const body = document.getElementById('activityBody');
             
-            const date = new Date(tasksData.lastUpdated);
-            lastUpdated.textContent = `Actualizat: ${date.toLocaleString('ro-RO')}`;
-            
-            board.innerHTML = '';
-            
-            let totalTasks = 0, doneTasks = 0, inProgress = 0;
-            
-            const icons = {
-                'backlog': 'inbox',
-                'in-progress': 'loader',
-                'done': 'check-circle'
-            };
-            
-            tasksData.columns.forEach(column => {
-                column.tasks.sort((a, b) => {
-                    const dateA = a.completed || a.created || '';
-                    const dateB = b.completed || b.created || '';
-                    return dateB.localeCompare(dateA);
-                });
-                
-                totalTasks += column.tasks.length;
-                if (column.id === 'done') doneTasks = column.tasks.length;
-                if (column.id === 'in-progress') inProgress = column.tasks.length;
-                
-                const isCollapsed = getCollapsedColumns().includes(column.id);
-                
-                let visibleTasks = column.tasks;
-                let hasMore = false;
-                if (column.id === 'done' && !showAllDone && column.tasks.length > DONE_LIMIT) {
-                    visibleTasks = column.tasks.slice(0, DONE_LIMIT);
-                    hasMore = true;
-                }
-                
-                const columnEl = document.createElement('div');
-                columnEl.className = `column ${column.id}${isCollapsed ? ' collapsed' : ''}`;
-                columnEl.dataset.columnId = column.id;
-                
-                columnEl.innerHTML = `
-                    <div class="column-header" onclick="toggleColumnCollapse('${column.id}')">
-                        <div class="column-title">
-                            <i data-lucide="chevron-down"></i>
-                            ${column.name}
-                        </div>
-                        <span class="badge">${column.tasks.length}</span>
+            if (activityData.length === 0) {
+                body.innerHTML = `
+                    <div class="empty-state">
+                        <i data-lucide="inbox"></i>
+                        <p>Nicio activitate recentă</p>
                     </div>
-                    <div class="column-body">
-                        <div class="tasks-container" data-column-id="${column.id}">
-                            ${visibleTasks.map(task => renderTask(task)).join('')}
-                        </div>
-                        ${hasMore ? `
-                            <button class="add-task-btn" onclick="event.stopPropagation(); showAllDone=true; renderBoard();">
-                                <i data-lucide="chevron-down"></i>
-                                ${column.tasks.length - DONE_LIMIT} mai multe
-                            </button>
-                        ` : ''}
-                        ${column.id === 'done' && showAllDone && column.tasks.length > DONE_LIMIT ? `
-                            <button class="add-task-btn" onclick="event.stopPropagation(); showAllDone=false; renderBoard();">
-                                <i data-lucide="chevron-up"></i>
-                                Arată mai puține
-                            </button>
-                        ` : ''}
-                        <button class="add-task-btn" onclick="event.stopPropagation(); showAddForm('${column.id}')">
-                            <i data-lucide="plus"></i>
-                            Adaugă task
-                        </button>
-                        <div class="add-form" id="form-${column.id}">
-                            <input type="text" class="input" placeholder="Titlu..." id="title-${column.id}">
-                            <textarea class="input" placeholder="Descriere..." id="desc-${column.id}" rows="2"></textarea>
-                            <select class="input" id="priority-${column.id}">
-                                <option value="medium">Medium</option>
-                                <option value="high">High</option>
-                                <option value="low">Low</option>
-                            </select>
-                            <div class="add-form-actions">
-                                <button class="btn btn-secondary" onclick="hideAddForm('${column.id}')">Anulează</button>
-                                <button class="btn btn-primary" onclick="addTask('${column.id}')">Adaugă</button>
+                `;
+                lucide.createIcons();
+                return;
+            }
+
+            const today = new Date().toLocaleDateString('ro-RO', { day: 'numeric', month: 'short' });
+            
+            body.innerHTML = `
+                <div class="activity-section">
+                    <div class="activity-section-title">
+                        <i data-lucide="calendar"></i>
+                        Azi (${today})
+                    </div>
+                    ${activityData.map(item => `
+                        <div class="activity-item">
+                            <div class="activity-icon ${item.type}">
+                                <i data-lucide="${item.type === 'running' ? 'loader' : 'check'}"></i>
                             </div>
+                            <div class="activity-content">
+                                <div class="activity-text">${item.text}</div>
+                                <div class="activity-meta">
+                                    <span class="activity-agent">${item.agent}</span>
+                                    <span>${item.time}</span>
+                                </div>
+                                ${item.progress ? `
+                                    <div class="progress-bar">
+                                        <div class="progress-fill" style="width: ${item.progress}%"></div>
+                                    </div>
+                                ` : ''}
+                            </div>
+                        </div>
+                    `).join('')}
+                </div>
+            `;
+            lucide.createIcons();
+        }
+
+        function renderIssues() {
+            const body = document.getElementById('issuesBody');
+            
+            if (!issuesData || issuesData.issues.length === 0) {
+                body.innerHTML = `
+                    <div class="empty-state">
+                        <i data-lucide="check-circle"></i>
+                        <p>Niciun issue. Adaugă primul!</p>
+                    </div>
+                    <button class="add-issue-btn" onclick="showAddModal()">
+                        <i data-lucide="plus"></i>
+                        Adaugă issue
+                    </button>
+                `;
+                lucide.createIcons();
+                return;
+            }
+
+            // Filter issues
+            let filtered = issuesData.issues;
+            if (currentFilter !== 'all') {
+                filtered = filtered.filter(i => i.owner === currentFilter);
+            }
+
+            // Group by priority
+            const grouped = {};
+            priorityOrder.forEach(p => grouped[p] = []);
+            
+            filtered.forEach(issue => {
+                const p = issue.priority || 'backlog';
+                if (grouped[p]) grouped[p].push(issue);
+                else grouped['backlog'].push(issue);
+            });
+
+            // Sort each group: todo first, then by date
+            Object.keys(grouped).forEach(p => {
+                grouped[p].sort((a, b) => {
+                    if (a.status === 'done' && b.status !== 'done') return 1;
+                    if (a.status !== 'done' && b.status === 'done') return -1;
+                    return new Date(b.created) - new Date(a.created);
+                });
+            });
+
+            let html = '';
+            priorityOrder.forEach(priority => {
+                const issues = grouped[priority];
+                if (issues.length === 0) return;
+
+                const isCollapsed = collapsedPriorities.has(priority);
+                const todoCount = issues.filter(i => i.status !== 'done').length;
+
+                html += `
+                    <div class="priority-group">
+                        <div class="priority-header ${isCollapsed ? 'collapsed' : ''}" onclick="togglePriority('${priority}')">
+                            <i data-lucide="chevron-down"></i>
+                            <span class="priority-dot ${priority}"></span>
+                            <span>${priorityLabels[priority]}</span>
+                            <span style="margin-left: auto; opacity: 0.7">${todoCount}/${issues.length}</span>
+                        </div>
+                        <div class="priority-content ${isCollapsed ? 'hidden' : ''}">
+                            ${issues.map(issue => renderIssueItem(issue)).join('')}
                         </div>
                     </div>
                 `;
-                
-                board.appendChild(columnEl);
-                
-                const container = columnEl.querySelector('.tasks-container');
-                container.addEventListener('dragover', handleDragOver);
-                container.addEventListener('drop', handleDrop);
-                container.addEventListener('dragleave', handleDragLeave);
             });
-            
-            document.querySelectorAll('.task').forEach(task => {
-                task.addEventListener('dragstart', handleDragStart);
-                task.addEventListener('dragend', handleDragEnd);
-            });
-            
-            stats.innerHTML = `
-                <div class="stat"><div class="stat-value">${totalTasks}</div><div class="stat-label">Total</div></div>
-                <div class="stat"><div class="stat-value">${inProgress}</div><div class="stat-label">În progres</div></div>
-                <div class="stat"><div class="stat-value">${doneTasks}</div><div class="stat-label">Finalizate</div></div>
+
+            html += `
+                <button class="add-issue-btn" onclick="showAddModal()">
+                    <i data-lucide="plus"></i>
+                    Adaugă issue
+                </button>
             `;
-            
+
+            body.innerHTML = html;
             lucide.createIcons();
-            searchTasks();
         }
-        
-        function formatDateTime(isoStr) {
-            if (!isoStr) return '';
-            const d = new Date(isoStr);
-            if (isNaN(d.getTime())) return isoStr; // fallback for old format
-            const day = d.getDate().toString().padStart(2, '0');
-            const month = (d.getMonth() + 1).toString().padStart(2, '0');
-            const year = d.getFullYear();
-            const hours = d.getHours().toString().padStart(2, '0');
-            const mins = d.getMinutes().toString().padStart(2, '0');
-            const secs = d.getSeconds().toString().padStart(2, '0');
-            return `${day}/${month}/${year} ${hours}:${mins}:${secs}`;
-        }
-        
-        function calcDuration(created, completed) {
-            if (!created || !completed) return '';
-            const start = new Date(created);
-            const end = new Date(completed);
-            if (isNaN(start.getTime()) || isNaN(end.getTime())) return '';
-            const diffMs = end - start;
-            if (diffMs < 0) return '';
-            const mins = Math.floor(diffMs / 60000);
-            if (mins < 60) return `${mins}m`;
-            const hours = Math.floor(mins / 60);
-            if (hours < 24) return `${hours}h ${mins % 60}m`;
-            const days = Math.floor(hours / 24);
-            return `${days}d ${hours % 24}h`;
-        }
-        
-        function renderTask(task) {
-            const hasDesc = task.description && task.description.trim();
-            const startTime = formatDateTime(task.created);
-            const duration = calcDuration(task.created, task.completed);
-            const timeInfo = duration ? `${startTime} (${duration})` : startTime;
-            
+
+        function renderIssueItem(issue) {
+            const isDone = issue.status === 'done';
+            const ownerIcon = issue.owner === 'clawdbot' ? '🤖' : '👤';
+            const dateStr = new Date(issue.created).toLocaleDateString('ro-RO', { day: 'numeric', month: 'short' });
+
             return `
-                <div class="task" draggable="true" data-task-id="${task.id}" onclick="toggleTaskExpand(event, this)">
-                    <div class="task-title" contenteditable="true" onblur="updateTask('${task.id}', 'title', this.textContent)">${task.title}</div>
-                    ${hasDesc ? `<div class="task-desc" contenteditable="true" onblur="updateTask('${task.id}', 'description', this.textContent)">${task.description}</div>` : ''}
-                    <div class="task-footer">
-                        <span class="task-date">${timeInfo || task.completed || task.created}</span>
-                        <div class="task-actions">
-                            <button class="task-action" onclick="event.stopPropagation(); cyclePriority('${task.id}')" title="Prioritate">
-                                <i data-lucide="flag"></i>
-                            </button>
-                            <button class="task-action" onclick="event.stopPropagation(); deleteTask('${task.id}')" title="Șterge">
-                                <i data-lucide="trash-2"></i>
-                            </button>
+                <div class="issue-item ${isDone ? 'done' : ''}" data-id="${issue.id}">
+                    <div class="issue-checkbox ${isDone ? 'checked' : ''}" onclick="toggleIssue('${issue.id}')">
+                        <i data-lucide="check"></i>
+                    </div>
+                    <div class="issue-content" onclick="editIssue('${issue.id}')">
+                        <div class="issue-title">${issue.title}</div>
+                        <div class="issue-meta">
+                            ${issue.program ? `<span class="issue-tag program">${issue.program}</span>` : ''}
+                            <span class="issue-owner ${issue.owner}">${ownerIcon} ${issue.owner === 'clawdbot' ? 'Clawdbot' : 'Marius'}</span>
+                            <span class="issue-date">${dateStr}</span>
                         </div>
-                        <span class="task-priority priority-${task.priority || 'medium'}" title="${task.priority || 'medium'}"></span>
                     </div>
                 </div>
             `;
         }
-        
-        // Drag & Drop
-        function handleDragStart(e) {
-            draggedTask = e.target;
-            e.target.classList.add('dragging');
-            e.dataTransfer.effectAllowed = 'move';
-        }
-        
-        function handleDragEnd(e) {
-            e.target.classList.remove('dragging');
-            document.querySelectorAll('.column').forEach(col => col.classList.remove('drag-over'));
-        }
-        
-        function handleDragOver(e) {
-            e.preventDefault();
-            e.dataTransfer.dropEffect = 'move';
-            e.currentTarget.closest('.column').classList.add('drag-over');
-        }
-        
-        function handleDragLeave(e) {
-            e.currentTarget.closest('.column').classList.remove('drag-over');
-        }
-        
-        function handleDrop(e) {
-            e.preventDefault();
-            const targetColumn = e.currentTarget.dataset.columnId;
-            const taskId = draggedTask.dataset.taskId;
-            
-            for (const col of tasksData.columns) {
-                const taskIdx = col.tasks.findIndex(t => t.id === taskId);
-                if (taskIdx > -1) {
-                    const [task] = col.tasks.splice(taskIdx, 1);
-                    if (targetColumn === 'done' && !task.completed) {
-                        task.completed = new Date().toISOString().split('T')[0];
-                    } else if (targetColumn !== 'done') {
-                        delete task.completed;
-                    }
-                    const targetCol = tasksData.columns.find(c => c.id === targetColumn);
-                    targetCol.tasks.unshift(task);
-                    break;
-                }
+
+        function togglePriority(priority) {
+            if (collapsedPriorities.has(priority)) {
+                collapsedPriorities.delete(priority);
+            } else {
+                collapsedPriorities.add(priority);
             }
-            
-            renderBoard();
-            scheduleSave();
+            renderIssues();
         }
-        
-        function showAddForm(columnId) {
-            document.querySelectorAll('.add-form').forEach(f => f.classList.remove('active'));
-            document.getElementById(`form-${columnId}`).classList.add('active');
-            document.getElementById(`title-${columnId}`).focus();
+
+        async function toggleIssue(id) {
+            const issue = issuesData.issues.find(i => i.id === id);
+            if (!issue) return;
+
+            issue.status = issue.status === 'done' ? 'todo' : 'done';
+            if (issue.status === 'done') {
+                issue.completed = new Date().toISOString();
+            } else {
+                delete issue.completed;
+            }
+
+            renderIssues();
+            await saveIssues();
+            showToast(issue.status === 'done' ? 'Issue finalizat! ✓' : 'Issue redeschis');
         }
-        
-        function hideAddForm(columnId) {
-            document.getElementById(`form-${columnId}`).classList.remove('active');
+
+        function editIssue(id) {
+            // TODO: implement edit modal
+            const issue = issuesData.issues.find(i => i.id === id);
+            if (issue) {
+                alert(`Edit: ${issue.title}\n\n${issue.description || 'Fără descriere'}`);
+            }
         }
-        
-        function addTask(columnId) {
-            const title = document.getElementById(`title-${columnId}`).value.trim();
-            if (!title) return;
-            
-            const desc = document.getElementById(`desc-${columnId}`).value.trim();
-            const priority = document.getElementById(`priority-${columnId}`).value;
-            
-            const newTask = {
-                id: 'task-' + Date.now(),
-                title,
-                description: desc,
-                priority,
-                created: new Date().toISOString().split('T')[0]
+
+        // Filters
+        document.getElementById('issuesFilters').addEventListener('click', (e) => {
+            if (e.target.classList.contains('filter-btn')) {
+                document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));
+                e.target.classList.add('active');
+                currentFilter = e.target.dataset.filter;
+                renderIssues();
+            }
+        });
+
+        // Modal
+        function showAddModal() {
+            document.getElementById('addModal').classList.add('active');
+            document.getElementById('issueTitle').focus();
+        }
+
+        function hideAddModal() {
+            document.getElementById('addModal').classList.remove('active');
+            // Clear form
+            document.getElementById('issueTitle').value = '';
+            document.getElementById('issueDesc').value = '';
+            document.getElementById('issueProgram').value = '';
+            document.getElementById('issueOwner').value = 'marius';
+            document.getElementById('issuePriority').value = 'urgent-important';
+            document.getElementById('issueDeadline').value = '';
+        }
+
+        function populateProgramSelect() {
+            const select = document.getElementById('issueProgram');
+            select.innerHTML = '<option value="">— Selectează —</option>';
+            if (issuesData && issuesData.programs) {
+                issuesData.programs.forEach(p => {
+                    select.innerHTML += `<option value="${p}">${p}</option>`;
+                });
+            }
+        }
+
+        async function addIssue() {
+            const title = document.getElementById('issueTitle').value.trim();
+            if (!title) {
+                showToast('Titlul este obligatoriu', 'error');
+                return;
+            }
+
+            const newIssue = {
+                id: 'ROA-' + String(issuesData.issues.length + 1).padStart(3, '0'),
+                title: title,
+                description: document.getElementById('issueDesc').value.trim(),
+                program: document.getElementById('issueProgram').value,
+                owner: document.getElementById('issueOwner').value,
+                priority: document.getElementById('issuePriority').value,
+                status: 'todo',
+                created: new Date().toISOString(),
+                deadline: document.getElementById('issueDeadline').value || null
             };
-            
-            const col = tasksData.columns.find(c => c.id === columnId);
-            col.tasks.unshift(newTask);
-            
-            hideAddForm(columnId);
-            document.getElementById(`title-${columnId}`).value = '';
-            document.getElementById(`desc-${columnId}`).value = '';
-            
-            renderBoard();
-            scheduleSave();
-            showToast('Task adăugat');
+
+            issuesData.issues.unshift(newIssue);
+            hideAddModal();
+            renderIssues();
+            await saveIssues();
+            showToast('Issue adăugat!');
         }
-        
-        function updateTask(taskId, field, value) {
-            for (const col of tasksData.columns) {
-                const task = col.tasks.find(t => t.id === taskId);
-                if (task) {
-                    task[field] = value.trim();
-                    break;
-                }
-            }
-            scheduleSave();
-        }
-        
-        function deleteTask(taskId) {
-            if (!confirm('Ștergi acest task?')) return;
-            for (const col of tasksData.columns) {
-                const idx = col.tasks.findIndex(t => t.id === taskId);
-                if (idx > -1) {
-                    col.tasks.splice(idx, 1);
-                    break;
-                }
-            }
-            renderBoard();
-            scheduleSave();
-            showToast('Task șters');
-        }
-        
-        function cyclePriority(taskId) {
-            const priorities = ['low', 'medium', 'high'];
-            for (const col of tasksData.columns) {
-                const task = col.tasks.find(t => t.id === taskId);
-                if (task) {
-                    const current = task.priority || 'medium';
-                    const idx = priorities.indexOf(current);
-                    task.priority = priorities[(idx + 1) % 3];
-                    break;
-                }
-            }
-            renderBoard();
-            scheduleSave();
-        }
-        
-        function scheduleSave() {
-            if (saveTimeout) clearTimeout(saveTimeout);
-            saveTimeout = setTimeout(saveTasks, 1000);
-        }
-        
-        async function saveTasks() {
-            tasksData.lastUpdated = new Date().toISOString();
+
+        async function saveIssues() {
+            issuesData.lastUpdated = new Date().toISOString();
             try {
                 const response = await fetch('/echo/api/files', {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
                     body: JSON.stringify({
-                        path: 'kanban/tasks.json',
-                        content: JSON.stringify(tasksData, null, 2)
+                        path: 'kanban/issues.json',
+                        content: JSON.stringify(issuesData, null, 2)
                     })
                 });
                 if (!response.ok) throw new Error('Save failed');
@@ -989,15 +983,22 @@
                 showToast('Eroare la salvare', 'error');
             }
         }
-        
+
         function showToast(message, type = 'success') {
             const toast = document.getElementById('toast');
             toast.textContent = message;
-            toast.className = `toast show status-${type}`;
+            toast.className = 'toast show';
             setTimeout(() => toast.classList.remove('show'), 3000);
         }
-        
-        loadTasks();
+
+        // Close modal on outside click
+        document.getElementById('addModal').addEventListener('click', (e) => {
+            if (e.target.id === 'addModal') hideAddModal();
+        });
+
+        // Init
+        loadIssues();
+        loadActivity();
     </script>
 </body>
 </html>
diff --git a/kanban/issues.json b/kanban/issues.json
new file mode 100644
index 0000000..ce725c3
--- /dev/null
+++ b/kanban/issues.json
@@ -0,0 +1,29 @@
+{
+  "lastUpdated": "2026-01-30T15:23:00Z",
+  "programs": [
+    "ROACONT",
+    "ROAGEST",
+    "ROAIMOB",
+    "ROAFACTURARE",
+    "ROADEF",
+    "ROASTART",
+    "ROAPRINT",
+    "ROAWEB",
+    "Clawdbot",
+    "Personal",
+    "Altele"
+  ],
+  "issues": [
+    {
+      "id": "ROA-001",
+      "title": "D101: Mutare impozit precedent RD49→RD50",
+      "description": "RD 49 = în urma inspecției fiscale\nRD 50 = impozit precedent\nFormularul nu recalculează impozitul de 16%\nRD 40 se modifică și la 4.1",
+      "program": "ROACONT",
+      "owner": "marius",
+      "priority": "urgent-important",
+      "status": "todo",
+      "created": "2026-01-30T15:10:00Z",
+      "deadline": null
+    }
+  ]
+}
diff --git a/kanban/kanban.html b/kanban/kanban.html
new file mode 100644
index 0000000..815a908
--- /dev/null
+++ b/kanban/kanban.html
@@ -0,0 +1,1003 @@
+<!DOCTYPE html>
+<html lang="ro">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Echo · Tasks</title>
+    <link rel="stylesheet" href="common.css">
+    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
+    <script src="swipe-nav.js"></script>
+    <style>
+        /* Page-specific styles */
+        .main {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: var(--space-5);
+        }
+
+        /* Dashboard */
+        .dashboard {
+            background: var(--bg-surface);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-lg);
+            margin-bottom: var(--space-5);
+            overflow: hidden;
+        }
+
+        .dashboard-header {
+            display: flex;
+            align-items: center;
+            gap: var(--space-3);
+            padding: var(--space-3) var(--space-4);
+            background: linear-gradient(135deg, rgba(99, 102, 241, 0.15), rgba(139, 92, 246, 0.1));
+            border-bottom: 1px solid var(--border);
+            cursor: pointer;
+            user-select: none;
+        }
+
+        .dashboard-header:hover {
+            filter: brightness(1.05);
+        }
+
+        .dashboard-title {
+            display: flex;
+            align-items: center;
+            gap: var(--space-2);
+            font-weight: 600;
+            font-size: var(--text-sm);
+            color: var(--text-primary);
+        }
+
+        .dashboard-title svg {
+            width: 16px;
+            height: 16px;
+            color: var(--accent);
+        }
+
+        .dashboard-summary {
+            flex: 1;
+            font-size: var(--text-xs);
+            color: var(--text-muted);
+            text-align: right;
+        }
+
+        .dashboard-toggle {
+            width: 16px;
+            height: 16px;
+            color: var(--text-muted);
+            transition: transform var(--transition-fast);
+        }
+
+        .dashboard.collapsed .dashboard-toggle {
+            transform: rotate(-90deg);
+        }
+
+        .dashboard.collapsed .dashboard-content {
+            display: none;
+        }
+
+        .dashboard-content {
+            padding: var(--space-2) var(--space-4);
+        }
+
+        .status-row {
+            display: flex;
+            flex-wrap: wrap;
+            gap: var(--space-4);
+            margin-bottom: var(--space-2);
+        }
+
+        .status-item {
+            display: flex;
+            align-items: center;
+            gap: var(--space-1);
+            font-size: var(--text-sm);
+        }
+
+        .status-label {
+            color: var(--text-muted);
+        }
+
+        .status-value {
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+
+        .status-value.ok { color: #22c55e; }
+        .status-value.warning { color: #f59e0b; }
+        .status-value.error { color: #ef4444; }
+
+        .status-time {
+            font-size: var(--text-xs);
+            color: var(--text-muted);
+            margin-left: var(--space-1);
+        }
+
+        .cron-row {
+            display: flex;
+            align-items: center;
+            gap: var(--space-2);
+            font-size: var(--text-sm);
+            padding-top: var(--space-2);
+            border-top: 1px solid var(--border);
+        }
+
+        .cron-label {
+            color: var(--text-muted);
+        }
+
+        .cron-list {
+            color: var(--text-secondary);
+        }
+
+        .cron-done {
+            color: var(--text-muted);
+            text-decoration: line-through;
+        }
+        
+        .page-header {
+            margin-bottom: var(--space-6);
+        }
+        
+        .page-title {
+            font-size: var(--text-xl);
+            font-weight: 600;
+            color: var(--text-primary);
+            margin-bottom: var(--space-1);
+        }
+        
+        .page-subtitle {
+            font-size: var(--text-sm);
+            color: var(--text-muted);
+        }
+        
+        .search-bar {
+            max-width: 400px;
+            margin-bottom: var(--space-6);
+        }
+        
+        /* Kanban board */
+        .board {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+            gap: var(--space-5);
+        }
+        
+        .column {
+            background: var(--bg-surface);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-lg);
+            min-height: 200px;
+        }
+        
+        .column-header {
+            padding: var(--space-4);
+            border-bottom: 1px solid var(--border);
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            user-select: none;
+        }
+        
+        .column-header:hover {
+            filter: brightness(1.1);
+        }
+        
+        /* Column header colors */
+        .column.backlog .column-header {
+            background: linear-gradient(135deg, rgba(100, 100, 120, 0.3), rgba(80, 80, 100, 0.2));
+            border-left: 3px solid #6b7280;
+        }
+        
+        .column.in-progress .column-header {
+            background: linear-gradient(135deg, rgba(59, 130, 246, 0.25), rgba(37, 99, 235, 0.15));
+            border-left: 3px solid #3b82f6;
+        }
+        
+        .column.done .column-header {
+            background: linear-gradient(135deg, rgba(34, 197, 94, 0.25), rgba(22, 163, 74, 0.15));
+            border-left: 3px solid #22c55e;
+        }
+        
+        .column-title {
+            display: flex;
+            align-items: center;
+            gap: var(--space-2);
+            font-size: var(--text-sm);
+            font-weight: 600;
+            color: var(--text-primary);
+        }
+        
+        .column-title svg {
+            width: 16px;
+            height: 16px;
+            color: var(--text-muted);
+            transition: transform var(--transition-fast);
+        }
+        
+        .column.collapsed .column-title svg {
+            transform: rotate(-90deg);
+        }
+        
+        .column-body {
+            padding: var(--space-3);
+        }
+        
+        .column.collapsed .column-body {
+            display: none;
+        }
+        
+        .column.collapsed {
+            min-height: auto;
+        }
+        
+        /* Tasks */
+        .task {
+            background: var(--bg-elevated);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-md);
+            padding: var(--space-3);
+            margin-bottom: var(--space-2);
+            cursor: grab;
+            transition: all var(--transition-fast);
+        }
+        
+        .task:hover {
+            border-color: var(--border-focus);
+            transform: translateY(-1px);
+            box-shadow: var(--shadow-sm);
+        }
+        
+        .task.dragging {
+            opacity: 0.5;
+        }
+        
+        .task-title {
+            font-size: var(--text-sm);
+            font-weight: 500;
+            color: var(--text-primary);
+            margin-bottom: var(--space-1);
+        }
+        
+        .task-desc {
+            font-size: var(--text-xs);
+            color: var(--text-muted);
+            display: none;
+            margin-bottom: var(--space-2);
+        }
+        
+        .task.expanded .task-desc {
+            display: block;
+        }
+        
+        .task-footer {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            min-height: 24px;
+            position: relative;
+        }
+        
+        .task-date {
+            font-size: var(--text-xs);
+            color: var(--text-muted);
+            flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            padding-right: var(--space-2);
+        }
+        
+        .task-priority {
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+        }
+        
+        .priority-high { background: var(--error); }
+        .priority-medium { background: var(--warning); }
+        .priority-low { background: var(--success); }
+        
+        .task-actions {
+            display: flex;
+            gap: var(--space-1);
+            opacity: 0;
+            transition: opacity var(--transition-fast);
+        }
+        
+        .task:hover .task-actions {
+            opacity: 1;
+        }
+        
+        .task-action {
+            padding: var(--space-1);
+            background: transparent;
+            border: none;
+            color: var(--text-muted);
+            cursor: pointer;
+            border-radius: var(--radius-sm);
+        }
+        
+        .task-action:hover {
+            background: var(--bg-surface);
+            color: var(--text-primary);
+        }
+        
+        .task-action svg {
+            width: 14px;
+            height: 14px;
+        }
+        
+        /* Add task */
+        .add-task-btn {
+            width: 100%;
+            padding: var(--space-3);
+            background: transparent;
+            border: 1px dashed var(--border);
+            border-radius: var(--radius-md);
+            color: var(--text-muted);
+            font-size: var(--text-sm);
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: var(--space-2);
+            transition: all var(--transition-fast);
+        }
+        
+        .add-task-btn:hover {
+            border-color: var(--accent);
+            color: var(--accent);
+            background: var(--accent-subtle);
+        }
+        
+        .add-task-btn svg {
+            width: 16px;
+            height: 16px;
+        }
+        
+        .add-form {
+            display: none;
+            flex-direction: column;
+            gap: var(--space-2);
+            padding: var(--space-3);
+            background: var(--bg-elevated);
+            border-radius: var(--radius-md);
+            margin-top: var(--space-2);
+        }
+        
+        .add-form.active {
+            display: flex;
+        }
+        
+        .add-form-actions {
+            display: flex;
+            gap: var(--space-2);
+        }
+        
+        /* Stats */
+        .stats {
+            display: flex;
+            gap: var(--space-6);
+            padding: var(--space-5);
+            background: var(--bg-surface);
+            border: 1px solid var(--border);
+            border-radius: var(--radius-lg);
+            margin-top: var(--space-6);
+            justify-content: center;
+        }
+        
+        .stat {
+            text-align: center;
+        }
+        
+        .stat-value {
+            font-size: var(--text-xl);
+            font-weight: 700;
+            color: var(--accent);
+        }
+        
+        .stat-label {
+            font-size: var(--text-xs);
+            color: var(--text-muted);
+        }
+        
+        /* Drag over */
+        .column.drag-over {
+            background: var(--accent-subtle);
+        }
+        
+        /* Toast */
+        .toast {
+            position: fixed;
+            bottom: var(--space-5);
+            left: 50%;
+            transform: translateX(-50%) translateY(100px);
+            background: var(--bg-elevated);
+            border: 1px solid var(--border);
+            padding: var(--space-3) var(--space-5);
+            border-radius: var(--radius-md);
+            font-size: var(--text-sm);
+            opacity: 0;
+            transition: all var(--transition-base);
+            z-index: 1000;
+        }
+        
+        .toast.show {
+            transform: translateX(-50%) translateY(0);
+            opacity: 1;
+        }
+        
+        /* Hidden on search */
+        .task.hidden { display: none; }
+        
+        @media (max-width: 768px) {
+            .board {
+                grid-template-columns: 1fr;
+            }
+            .stats {
+                flex-wrap: wrap;
+            }
+        }
+    </style>
+</head>
+<body>
+    <header class="header">
+        <a href="index.html" class="logo">
+            <i data-lucide="circle-dot"></i>
+            Echo
+        </a>
+        <nav class="nav">
+            <a href="index.html" class="nav-item">
+                <i data-lucide="layout-dashboard"></i>
+                <span>Dashboard</span>
+            </a>
+            <a href="kanban.html" class="nav-item active">
+                <i data-lucide="columns"></i>
+                <span>Kanban</span>
+            </a>
+            <a href="notes.html" class="nav-item">
+                <i data-lucide="file-text"></i>
+                <span>Notes</span>
+            </a>
+            <a href="files.html" class="nav-item">
+                <i data-lucide="folder"></i>
+                <span>Files</span>
+            </a>
+            <button class="theme-toggle" onclick="toggleTheme()" title="Schimbă tema">
+                <i data-lucide="sun" id="themeIcon"></i>
+            </button>
+        </nav>
+    </header>
+    
+    <main class="main">
+        <!-- Status Dashboard -->
+        <div class="dashboard" id="dashboard">
+            <div class="dashboard-header" onclick="toggleDashboard()">
+                <div class="dashboard-title">
+                    <i data-lucide="activity"></i>
+                    <span>Status</span>
+                </div>
+                <div class="dashboard-summary" id="dashboardSummary">Se încarcă...</div>
+                <i data-lucide="chevron-down" class="dashboard-toggle" id="dashboardToggle"></i>
+            </div>
+            <div class="dashboard-content" id="dashboardContent">
+                <div class="status-row">
+                    <div class="status-item">
+                        <span class="status-label">ANAF:</span>
+                        <span class="status-value" id="anafStatus">OK</span>
+                    </div>
+                    <div class="status-item">
+                        <span class="status-label">Git:</span>
+                        <span class="status-value" id="gitStatus">curat</span>
+                    </div>
+                    <div class="status-item">
+                        <span class="status-label">Raport:</span>
+                        <span class="status-value" id="lastReport">-</span>
+                        <span class="status-time" id="reportTime"></span>
+                    </div>
+                </div>
+                <div class="cron-row">
+                    <span class="cron-label">Azi:</span>
+                    <span class="cron-list" id="cronList">-</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="page-header">
+            <h1 class="page-title">Task Board</h1>
+            <p class="page-subtitle" id="lastUpdated">Se încarcă...</p>
+        </div>
+        
+        <div class="search-bar">
+            <input type="text" class="input" id="searchInput" placeholder="Caută task-uri..." oninput="searchTasks()">
+        </div>
+        
+        <div class="board" id="board"></div>
+        
+        <div class="stats" id="stats"></div>
+    </main>
+    
+    <div class="toast" id="toast"></div>
+
+    <script>
+        // Theme
+        function initTheme() {
+            const saved = localStorage.getItem('theme') || 'dark';
+            document.documentElement.setAttribute('data-theme', saved);
+            updateThemeIcon(saved);
+        }
+        
+        function toggleTheme() {
+            const current = document.documentElement.getAttribute('data-theme') || 'dark';
+            const next = current === 'dark' ? 'light' : 'dark';
+            document.documentElement.setAttribute('data-theme', next);
+            localStorage.setItem('theme', next);
+            updateThemeIcon(next);
+        }
+        
+        function updateThemeIcon(theme) {
+            const icon = document.getElementById('themeIcon');
+            if (icon) {
+                icon.setAttribute('data-lucide', theme === 'dark' ? 'sun' : 'moon');
+                lucide.createIcons();
+            }
+        }
+        
+        initTheme();
+        
+        // Init Lucide icons
+        lucide.createIcons();
+
+        // Dashboard
+        function initDashboard() {
+            const collapsed = localStorage.getItem('dashboardCollapsed');
+            const dashboard = document.getElementById('dashboard');
+            // Default collapsed
+            if (collapsed === null || collapsed === 'true') {
+                dashboard.classList.add('collapsed');
+            }
+            loadDashboardStatus();
+        }
+
+        function toggleDashboard() {
+            const dashboard = document.getElementById('dashboard');
+            dashboard.classList.toggle('collapsed');
+            localStorage.setItem('dashboardCollapsed', dashboard.classList.contains('collapsed'));
+        }
+
+        async function loadDashboardStatus() {
+            try {
+                const response = await fetch('status.json?' + Date.now());
+                if (response.ok) {
+                    const status = await response.json();
+                    updateDashboard(status);
+                }
+            } catch (e) {
+                console.log('No status.json yet');
+            }
+            updateCronList();
+        }
+
+        function updateDashboard(status) {
+            // ANAF
+            const anafEl = document.getElementById('anafStatus');
+            if (status.anaf) {
+                anafEl.textContent = status.anaf.status;
+                anafEl.className = 'status-value ' + (status.anaf.ok ? 'ok' : 'warning');
+            }
+
+            // Git
+            const gitEl = document.getElementById('gitStatus');
+            if (status.git) {
+                gitEl.textContent = status.git.status;
+                gitEl.className = 'status-value ' + (status.git.clean ? 'ok' : 'warning');
+            }
+
+            // Last report
+            const reportEl = document.getElementById('lastReport');
+            const timeEl = document.getElementById('reportTime');
+            if (status.lastReport) {
+                reportEl.textContent = status.lastReport.summary || 'OK';
+                timeEl.textContent = status.lastReport.time ? '(' + status.lastReport.time + ')' : '';
+            }
+
+            // Summary in header
+            const summaryEl = document.getElementById('dashboardSummary');
+            let summary = [];
+            if (status.anaf) summary.push('ANAF: ' + status.anaf.status);
+            if (status.git) summary.push('Git: ' + status.git.status);
+            summaryEl.textContent = summary.join(' · ');
+        }
+
+        function updateCronList() {
+            const now = new Date();
+            const hour = now.getHours();
+            
+            const jobs = [
+                { time: '07:30', name: 'coaching', done: hour >= 8 },
+                { time: '08:30', name: 'raport', done: hour >= 9 },
+                { time: '20:00', name: 'raport', done: hour >= 20 },
+                { time: '21:00', name: 'coaching', done: hour >= 21 }
+            ];
+
+            const listEl = document.getElementById('cronList');
+            listEl.innerHTML = jobs.map(job => 
+                `<span class="${job.done ? 'cron-done' : ''}">${job.time} ${job.name}</span>`
+            ).join(' · ');
+        }
+
+        initDashboard();
+        
+        let tasksData = null;
+        let draggedTask = null;
+        let saveTimeout = null;
+        const DONE_LIMIT = 5;
+        let showAllDone = false;
+        
+        // Collapsed columns state - default: only in-progress expanded
+        function getCollapsedColumns() {
+            try {
+                const saved = localStorage.getItem('collapsedColumns');
+                if (saved) return JSON.parse(saved);
+                return ['backlog', 'done'];
+            } catch { return ['backlog', 'done']; }
+        }
+        
+        function setCollapsedColumns(cols) {
+            localStorage.setItem('collapsedColumns', JSON.stringify(cols));
+        }
+        
+        function toggleColumnCollapse(columnId) {
+            const cols = getCollapsedColumns();
+            const idx = cols.indexOf(columnId);
+            if (idx > -1) cols.splice(idx, 1);
+            else cols.push(columnId);
+            setCollapsedColumns(cols);
+            renderBoard();
+        }
+        
+        function toggleTaskExpand(e, taskEl) {
+            if (e.target.hasAttribute('contenteditable') || e.target.tagName === 'BUTTON') return;
+            taskEl.classList.toggle('expanded');
+        }
+        
+        async function loadTasks() {
+            try {
+                const response = await fetch('tasks.json?' + Date.now());
+                tasksData = await response.json();
+                renderBoard();
+            } catch (error) {
+                showToast('Eroare la încărcare', 'error');
+            }
+        }
+        
+        function searchTasks() {
+            const query = document.getElementById('searchInput').value.toLowerCase().trim();
+            document.querySelectorAll('.task').forEach(taskEl => {
+                const title = taskEl.querySelector('.task-title')?.textContent.toLowerCase() || '';
+                const desc = taskEl.querySelector('.task-desc')?.textContent.toLowerCase() || '';
+                taskEl.classList.toggle('hidden', query && !title.includes(query) && !desc.includes(query));
+            });
+        }
+        
+        function renderBoard() {
+            const board = document.getElementById('board');
+            const stats = document.getElementById('stats');
+            const lastUpdated = document.getElementById('lastUpdated');
+            
+            const date = new Date(tasksData.lastUpdated);
+            lastUpdated.textContent = `Actualizat: ${date.toLocaleString('ro-RO')}`;
+            
+            board.innerHTML = '';
+            
+            let totalTasks = 0, doneTasks = 0, inProgress = 0;
+            
+            const icons = {
+                'backlog': 'inbox',
+                'in-progress': 'loader',
+                'done': 'check-circle'
+            };
+            
+            tasksData.columns.forEach(column => {
+                column.tasks.sort((a, b) => {
+                    const dateA = a.completed || a.created || '';
+                    const dateB = b.completed || b.created || '';
+                    return dateB.localeCompare(dateA);
+                });
+                
+                totalTasks += column.tasks.length;
+                if (column.id === 'done') doneTasks = column.tasks.length;
+                if (column.id === 'in-progress') inProgress = column.tasks.length;
+                
+                const isCollapsed = getCollapsedColumns().includes(column.id);
+                
+                let visibleTasks = column.tasks;
+                let hasMore = false;
+                if (column.id === 'done' && !showAllDone && column.tasks.length > DONE_LIMIT) {
+                    visibleTasks = column.tasks.slice(0, DONE_LIMIT);
+                    hasMore = true;
+                }
+                
+                const columnEl = document.createElement('div');
+                columnEl.className = `column ${column.id}${isCollapsed ? ' collapsed' : ''}`;
+                columnEl.dataset.columnId = column.id;
+                
+                columnEl.innerHTML = `
+                    <div class="column-header" onclick="toggleColumnCollapse('${column.id}')">
+                        <div class="column-title">
+                            <i data-lucide="chevron-down"></i>
+                            ${column.name}
+                        </div>
+                        <span class="badge">${column.tasks.length}</span>
+                    </div>
+                    <div class="column-body">
+                        <div class="tasks-container" data-column-id="${column.id}">
+                            ${visibleTasks.map(task => renderTask(task)).join('')}
+                        </div>
+                        ${hasMore ? `
+                            <button class="add-task-btn" onclick="event.stopPropagation(); showAllDone=true; renderBoard();">
+                                <i data-lucide="chevron-down"></i>
+                                ${column.tasks.length - DONE_LIMIT} mai multe
+                            </button>
+                        ` : ''}
+                        ${column.id === 'done' && showAllDone && column.tasks.length > DONE_LIMIT ? `
+                            <button class="add-task-btn" onclick="event.stopPropagation(); showAllDone=false; renderBoard();">
+                                <i data-lucide="chevron-up"></i>
+                                Arată mai puține
+                            </button>
+                        ` : ''}
+                        <button class="add-task-btn" onclick="event.stopPropagation(); showAddForm('${column.id}')">
+                            <i data-lucide="plus"></i>
+                            Adaugă task
+                        </button>
+                        <div class="add-form" id="form-${column.id}">
+                            <input type="text" class="input" placeholder="Titlu..." id="title-${column.id}">
+                            <textarea class="input" placeholder="Descriere..." id="desc-${column.id}" rows="2"></textarea>
+                            <select class="input" id="priority-${column.id}">
+                                <option value="medium">Medium</option>
+                                <option value="high">High</option>
+                                <option value="low">Low</option>
+                            </select>
+                            <div class="add-form-actions">
+                                <button class="btn btn-secondary" onclick="hideAddForm('${column.id}')">Anulează</button>
+                                <button class="btn btn-primary" onclick="addTask('${column.id}')">Adaugă</button>
+                            </div>
+                        </div>
+                    </div>
+                `;
+                
+                board.appendChild(columnEl);
+                
+                const container = columnEl.querySelector('.tasks-container');
+                container.addEventListener('dragover', handleDragOver);
+                container.addEventListener('drop', handleDrop);
+                container.addEventListener('dragleave', handleDragLeave);
+            });
+            
+            document.querySelectorAll('.task').forEach(task => {
+                task.addEventListener('dragstart', handleDragStart);
+                task.addEventListener('dragend', handleDragEnd);
+            });
+            
+            stats.innerHTML = `
+                <div class="stat"><div class="stat-value">${totalTasks}</div><div class="stat-label">Total</div></div>
+                <div class="stat"><div class="stat-value">${inProgress}</div><div class="stat-label">În progres</div></div>
+                <div class="stat"><div class="stat-value">${doneTasks}</div><div class="stat-label">Finalizate</div></div>
+            `;
+            
+            lucide.createIcons();
+            searchTasks();
+        }
+        
+        function formatDateTime(isoStr) {
+            if (!isoStr) return '';
+            const d = new Date(isoStr);
+            if (isNaN(d.getTime())) return isoStr; // fallback for old format
+            const day = d.getDate().toString().padStart(2, '0');
+            const month = (d.getMonth() + 1).toString().padStart(2, '0');
+            const year = d.getFullYear();
+            const hours = d.getHours().toString().padStart(2, '0');
+            const mins = d.getMinutes().toString().padStart(2, '0');
+            const secs = d.getSeconds().toString().padStart(2, '0');
+            return `${day}/${month}/${year} ${hours}:${mins}:${secs}`;
+        }
+        
+        function calcDuration(created, completed) {
+            if (!created || !completed) return '';
+            const start = new Date(created);
+            const end = new Date(completed);
+            if (isNaN(start.getTime()) || isNaN(end.getTime())) return '';
+            const diffMs = end - start;
+            if (diffMs < 0) return '';
+            const mins = Math.floor(diffMs / 60000);
+            if (mins < 60) return `${mins}m`;
+            const hours = Math.floor(mins / 60);
+            if (hours < 24) return `${hours}h ${mins % 60}m`;
+            const days = Math.floor(hours / 24);
+            return `${days}d ${hours % 24}h`;
+        }
+        
+        function renderTask(task) {
+            const hasDesc = task.description && task.description.trim();
+            const startTime = formatDateTime(task.created);
+            const duration = calcDuration(task.created, task.completed);
+            const timeInfo = duration ? `${startTime} (${duration})` : startTime;
+            
+            return `
+                <div class="task" draggable="true" data-task-id="${task.id}" onclick="toggleTaskExpand(event, this)">
+                    <div class="task-title" contenteditable="true" onblur="updateTask('${task.id}', 'title', this.textContent)">${task.title}</div>
+                    ${hasDesc ? `<div class="task-desc" contenteditable="true" onblur="updateTask('${task.id}', 'description', this.textContent)">${task.description}</div>` : ''}
+                    <div class="task-footer">
+                        <span class="task-date">${timeInfo || task.completed || task.created}</span>
+                        <div class="task-actions">
+                            <button class="task-action" onclick="event.stopPropagation(); cyclePriority('${task.id}')" title="Prioritate">
+                                <i data-lucide="flag"></i>
+                            </button>
+                            <button class="task-action" onclick="event.stopPropagation(); deleteTask('${task.id}')" title="Șterge">
+                                <i data-lucide="trash-2"></i>
+                            </button>
+                        </div>
+                        <span class="task-priority priority-${task.priority || 'medium'}" title="${task.priority || 'medium'}"></span>
+                    </div>
+                </div>
+            `;
+        }
+        
+        // Drag & Drop
+        function handleDragStart(e) {
+            draggedTask = e.target;
+            e.target.classList.add('dragging');
+            e.dataTransfer.effectAllowed = 'move';
+        }
+        
+        function handleDragEnd(e) {
+            e.target.classList.remove('dragging');
+            document.querySelectorAll('.column').forEach(col => col.classList.remove('drag-over'));
+        }
+        
+        function handleDragOver(e) {
+            e.preventDefault();
+            e.dataTransfer.dropEffect = 'move';
+            e.currentTarget.closest('.column').classList.add('drag-over');
+        }
+        
+        function handleDragLeave(e) {
+            e.currentTarget.closest('.column').classList.remove('drag-over');
+        }
+        
+        function handleDrop(e) {
+            e.preventDefault();
+            const targetColumn = e.currentTarget.dataset.columnId;
+            const taskId = draggedTask.dataset.taskId;
+            
+            for (const col of tasksData.columns) {
+                const taskIdx = col.tasks.findIndex(t => t.id === taskId);
+                if (taskIdx > -1) {
+                    const [task] = col.tasks.splice(taskIdx, 1);
+                    if (targetColumn === 'done' && !task.completed) {
+                        task.completed = new Date().toISOString().split('T')[0];
+                    } else if (targetColumn !== 'done') {
+                        delete task.completed;
+                    }
+                    const targetCol = tasksData.columns.find(c => c.id === targetColumn);
+                    targetCol.tasks.unshift(task);
+                    break;
+                }
+            }
+            
+            renderBoard();
+            scheduleSave();
+        }
+        
+        function showAddForm(columnId) {
+            document.querySelectorAll('.add-form').forEach(f => f.classList.remove('active'));
+            document.getElementById(`form-${columnId}`).classList.add('active');
+            document.getElementById(`title-${columnId}`).focus();
+        }
+        
+        function hideAddForm(columnId) {
+            document.getElementById(`form-${columnId}`).classList.remove('active');
+        }
+        
+        function addTask(columnId) {
+            const title = document.getElementById(`title-${columnId}`).value.trim();
+            if (!title) return;
+            
+            const desc = document.getElementById(`desc-${columnId}`).value.trim();
+            const priority = document.getElementById(`priority-${columnId}`).value;
+            
+            const newTask = {
+                id: 'task-' + Date.now(),
+                title,
+                description: desc,
+                priority,
+                created: new Date().toISOString().split('T')[0]
+            };
+            
+            const col = tasksData.columns.find(c => c.id === columnId);
+            col.tasks.unshift(newTask);
+            
+            hideAddForm(columnId);
+            document.getElementById(`title-${columnId}`).value = '';
+            document.getElementById(`desc-${columnId}`).value = '';
+            
+            renderBoard();
+            scheduleSave();
+            showToast('Task adăugat');
+        }
+        
+        function updateTask(taskId, field, value) {
+            for (const col of tasksData.columns) {
+                const task = col.tasks.find(t => t.id === taskId);
+                if (task) {
+                    task[field] = value.trim();
+                    break;
+                }
+            }
+            scheduleSave();
+        }
+        
+        function deleteTask(taskId) {
+            if (!confirm('Ștergi acest task?')) return;
+            for (const col of tasksData.columns) {
+                const idx = col.tasks.findIndex(t => t.id === taskId);
+                if (idx > -1) {
+                    col.tasks.splice(idx, 1);
+                    break;
+                }
+            }
+            renderBoard();
+            scheduleSave();
+            showToast('Task șters');
+        }
+        
+        function cyclePriority(taskId) {
+            const priorities = ['low', 'medium', 'high'];
+            for (const col of tasksData.columns) {
+                const task = col.tasks.find(t => t.id === taskId);
+                if (task) {
+                    const current = task.priority || 'medium';
+                    const idx = priorities.indexOf(current);
+                    task.priority = priorities[(idx + 1) % 3];
+                    break;
+                }
+            }
+            renderBoard();
+            scheduleSave();
+        }
+        
+        function scheduleSave() {
+            if (saveTimeout) clearTimeout(saveTimeout);
+            saveTimeout = setTimeout(saveTasks, 1000);
+        }
+        
+        async function saveTasks() {
+            tasksData.lastUpdated = new Date().toISOString();
+            try {
+                const response = await fetch('/echo/api/files', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        path: 'kanban/tasks.json',
+                        content: JSON.stringify(tasksData, null, 2)
+                    })
+                });
+                if (!response.ok) throw new Error('Save failed');
+            } catch (error) {
+                showToast('Eroare la salvare', 'error');
+            }
+        }
+        
+        function showToast(message, type = 'success') {
+            const toast = document.getElementById('toast');
+            toast.textContent = message;
+            toast.className = `toast show status-${type}`;
+            setTimeout(() => toast.classList.remove('show'), 3000);
+        }
+        
+        loadTasks();
+    </script>
+</body>
+</html>
