feat(phase5): list channels - todo/in_progress/done columns, CRUD

web/src/components/ChatArea.tsx

@@ -12,6 +12,7 @@ import { ThreadPanel } from "./ThreadPanel.tsx";
 import { ForumView } from "./ForumView.tsx";
 import { CalendarView } from "./CalendarView.tsx";
 import { DocsView } from "./DocsView.tsx";
+import { ListView } from "./ListView.tsx";
 import { UserProfileModal } from "./UserProfileModal.tsx";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -251,12 +252,14 @@ export function ChatArea() {
                 ? `○ ${activeChannel.name}`
                 : activeChannel.type === 'docs'
                   ? `☰ ${activeChannel.name}`
-                  : `# ${activeChannel.name}`
+                  : activeChannel.type === 'list'
+                    ? `☑ ${activeChannel.name}`
+                    : `# ${activeChannel.name}`
             : activeChannelId
               ? `#${activeChannelId}`
               : "[NO CHANNEL SELECTED]"}
         </span>
-        {activeChannelId && activeChannel?.type !== 'forum' && (
+        {activeChannelId && activeChannel?.type === 'text' && (
           <div className="flex items-center gap-2">
             <button
               onClick={() => setShowThreads((prev) => !prev)}
@@ -331,6 +334,8 @@ export function ChatArea() {
           <CalendarView channelId={activeChannelId} channelName={activeChannel.name} />
         ) : activeChannel && activeChannel.type === 'docs' && activeChannelId ? (
           <DocsView channelId={activeChannelId} channelName={activeChannel.name} />
+        ) : activeChannel && activeChannel.type === 'list' && activeChannelId ? (
+          <ListView channelId={activeChannelId} channelName={activeChannel.name} />
         ) : (
           <>
             <div className="flex-1 flex flex-col min-w-0">