feat: implement multi-select status filter logic from reference hub

Support combined active chips for all/progress/hold/done and restore prior filters when toggling issue view.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/pages/DashboardPage.tsx

@@ -19,6 +19,13 @@ import { TaskManager } from '../components/dashboard/TaskManager';
 import { useSocket } from '../contexts/SocketContext';
 import { sendTaskSelected, openDetailWindow } from '../lib/dualMonitor';
 import { isRoutineTask, displayFlagsForTaskType } from '../lib/taskType';
+import {
+  DEFAULT_STATUS_FILTERS,
+  taskMatchesStatusFilters,
+  toggleAllFilter,
+  toggleCoreFilter,
+  type CoreStatusFilter,
+} from '../lib/statusFilters';
 
 const QUARTER = '2026-Q2';
 const SECTIONS = ['인사관리', '학습성장', '운영지원', '전산관리'] as const;
@@ -31,7 +38,9 @@ const COLUMN_STYLES = [
 ] as const;
 
 export default function DashboardPage() {
-  const [activeStatus, setActiveStatus] = useState('전체');
+  const [activeFilters, setActiveFilters] = useState<string[]>([...DEFAULT_STATUS_FILTERS]);
+  const [filtersBeforeIssue, setFiltersBeforeIssue] = useState<string[]>([...DEFAULT_STATUS_FILTERS]);
+  const [issueFilterActive, setIssueFilterActive] = useState(false);
   const [showTaskManager, setShowTaskManager] = useState(false);
   const [activeTaskId, setActiveTaskId] = useState<string | null>(null);
   const [columnOrders, setColumnOrders] = useState<Record<string, string[]>>({});
@@ -188,12 +197,30 @@ export default function DashboardPage() {
   };
 
   const filtered = tasks.filter((t) => {
-    if (activeStatus === '전체') return true;
-    if (activeStatus === 'ISSUES') return !!t.issueNote;
-    if (activeStatus === 'REVIEW') return t.status === 'REVIEW' || t.status === 'CANCELLED' || t.status === 'TODO';
-    return t.status === activeStatus;
+    if (issueFilterActive) return !!t.issueNote;
+    return taskMatchesStatusFilters(t, activeFilters);
   });
 
+  const handleToggleAll = () => {
+    setIssueFilterActive(false);
+    setActiveFilters((prev) => toggleAllFilter(prev));
+  };
+
+  const handleToggleStatus = (key: CoreStatusFilter) => {
+    setIssueFilterActive(false);
+    setActiveFilters((prev) => toggleCoreFilter(prev, key));
+  };
+
+  const handleToggleIssue = () => {
+    if (issueFilterActive) {
+      setIssueFilterActive(false);
+      setActiveFilters([...filtersBeforeIssue]);
+      return;
+    }
+    setFiltersBeforeIssue([...activeFilters]);
+    setIssueFilterActive(true);
+  };
+
   const sectionOptions = SECTIONS.map((s) => ({
     value: s,
     label: colConfigs?.find((c) => c.key === s)?.title ?? s,
@@ -214,8 +241,11 @@ export default function DashboardPage() {
       <DashboardHeader
         quarter={QUARTER}
         stats={stats}
-        activeStatus={activeStatus}
-        onStatusChange={setActiveStatus}
+        activeFilters={activeFilters}
+        issueFilterActive={issueFilterActive}
+        onToggleAll={handleToggleAll}
+        onToggleStatus={handleToggleStatus}
+        onToggleIssue={handleToggleIssue}
         onOpenDetailWindow={() => { openDetailWindow(); }}
         onOpenTaskManager={() => setShowTaskManager(true)}
       />