healthStatsteam-graph-handlerhealthStats

Author: olasunkanmi.raymond

src/webview-providers/handlers/team-graph-handler.ts

@@ -139,14 +139,35 @@ export class TeamGraphHandler implements WebviewMessageHandler {
             }
           }
 
-          // Health stats
+          // Health stats — send structured data alongside markdown
           const healthMarkdown = store.getTeamHealth();
+          const totalCommitments = people.reduce(
+            (s, p) => s + p.commitment_count,
+            0,
+          );
+          const totalCompleted = people.reduce(
+            (s, p) => s + p.completion_count,
+            0,
+          );
+          const summaries = store.getRecentSummaries(10000);
 
           await ctx.webview.webview.postMessage({
             command: "team-hydrate-result",
             members,
             edges,
             health: healthMarkdown,
+            healthStats: {
+              teamSize: members.length,
+              standups: summaries.length,
+              avgCompletion:
+                totalCommitments > 0
+                  ? Math.round((totalCompleted / totalCommitments) * 100)
+                  : 0,
+              totalBlockers: summaries.reduce(
+                (s, su) => s + su.blockerCount,
+                0,
+              ),
+            },
           });
           break;
         }

webviewUi/src/components/coworker/CoWorkerPanel.tsx

@@ -1,7 +1,6 @@
-import React, { useState, useEffect } from "react";
+import React from "react";
 import styled from "styled-components";
 import { vscode } from "../../utils/vscode";
-import { useStandupStore } from "../../stores/standup.store";
 import { DoctorSection } from "./DoctorSection";
 
 interface CoWorkerPanelProps {
@@ -214,54 +213,7 @@ const triggerCommand = (commandId: string) => {
 
 /* ─── Meeting Intelligence Styled Components ─── */
 
-const NotesTextArea = styled.textarea`
-  width: 100%;
-  min-height: 80px;
-  max-height: 200px;
-  resize: vertical;
-  background: var(--vscode-input-background);
-  color: var(--vscode-input-foreground);
-  border: 1px solid var(--vscode-input-border, rgba(255, 255, 255, 0.12));
-  border-radius: 4px;
-  padding: 8px;
-  font-size: 12px;
-  font-family: var(--vscode-font-family);
-  line-height: 1.4;
-  box-sizing: border-box;
-
-  &::placeholder {
-    color: var(--vscode-input-placeholderForeground);
-  }
-
-  &:focus {
-    outline: none;
-    border-color: var(--vscode-focusBorder);
-  }
-`;
-
-const IngestButton = styled.button<{ $loading?: boolean }>`
-  background: var(--vscode-button-background);
-  color: var(--vscode-button-foreground);
-  border: none;
-  border-radius: 4px;
-  padding: 6px 14px;
-  cursor: ${(p) => (p.$loading ? "wait" : "pointer")};
-  font-size: 12px;
-  font-weight: 500;
-  width: 100%;
-  margin-top: 8px;
-  opacity: ${(p) => (p.$loading ? 0.7 : 1)};
-  transition: all 0.15s ease;
 
-  &:hover:not(:disabled) {
-    background: var(--vscode-button-hoverBackground);
-  }
-
-  &:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`;
 
 export const QuickActions = styled.div`
   display: flex;
@@ -270,76 +222,7 @@ export const QuickActions = styled.div`
   flex-wrap: wrap;
 `;
 
-const QuickActionButton = styled.button`
-  background: rgba(255, 255, 255, 0.08);
-  border: 1px solid rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
-  padding: 4px 10px;
-  cursor: pointer;
-  color: var(--vscode-foreground);
-  font-size: 11px;
-  white-space: nowrap;
-  transition: all 0.15s ease;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  &:hover {
-    background: rgba(255, 255, 255, 0.14);
-    border-color: rgba(255, 255, 255, 0.2);
-  }
-
-  &:active {
-    transform: scale(0.97);
-  }
-`;
-
-const RecentList = styled.div`
-  margin-top: 10px;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-`;
 
-const RecentItem = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 6px 8px;
-  border-radius: 4px;
-  background: var(--vscode-list-hoverBackground, rgba(128, 128, 128, 0.08));
-  font-size: 11px;
-`;
-
-const RecentDate = styled.span`
-  color: var(--vscode-foreground);
-  font-weight: 500;
-`;
-
-const RecentMeta = styled.span`
-  color: var(--vscode-descriptionForeground);
-`;
-
-const DeleteButton = styled.button`
-  background: none;
-  border: none;
-  color: var(--vscode-descriptionForeground);
-  cursor: pointer;
-  padding: 2px 4px;
-  font-size: 12px;
-  border-radius: 3px;
-  opacity: 0;
-  transition: opacity 0.15s ease, color 0.15s ease;
-
-  ${RecentItem}:hover & {
-    opacity: 1;
-  }
-
-  &:hover {
-    color: var(--vscode-editorError-foreground, #f14c4c);
-    background: rgba(241, 76, 76, 0.1);
-  }
-`;
 
 export const ErrorText = styled.div`
   color: var(--vscode-editorError-foreground, #f14c4c);
@@ -403,20 +286,6 @@ export const CoWorkerPanel: React.FC<CoWorkerPanelProps> = ({
   onGitWatchdogChange,
   onEndOfDaySummaryChange,
 }) => {
-  const [notesInput, setNotesInput] = useState("");
-  const { isIngesting, lastError, recentStandups, ingestNotes, requestMyTasks, requestBlockers, requestHistory, deleteStandup, deletingKey, hydrate } =
-    useStandupStore();
-
-  // Rehydrate recent standups from backend when panel opens
-  useEffect(() => {
-    if (isOpen && recentStandups.length === 0) hydrate();
-  }, [isOpen, recentStandups.length, hydrate]);
-  const handleIngest = () => {
-    if (!notesInput.trim() || isIngesting) return;
-    ingestNotes(notesInput.trim());
-    setNotesInput("");
-  };
-
   const toggleMap: Record<string, { checked: boolean; onChange: (v: boolean) => void }> = {
     "Daily Standup": { checked: dailyStandupEnabled, onChange: onDailyStandupChange },
     "Code Health Check": { checked: codeHealthEnabled, onChange: onCodeHealthChange },
@@ -469,68 +338,6 @@ export const CoWorkerPanel: React.FC<CoWorkerPanelProps> = ({
 
           {/* ── Security Pulse (Doctor) Section ── */}
           <DoctorSection isOpen={isOpen} />
-
-          {/* ── Meeting Intelligence Section ── */}
-          <Section>
-            <SectionTitle>Meeting Intelligence</SectionTitle>
-            <TaskDescription style={{ marginBottom: 8 }}>
-              Paste meeting or standup notes to extract action items, blockers,
-              and decisions automatically.
-            </TaskDescription>
-            <NotesTextArea
-              placeholder="Paste your standup / meeting notes here..."
-              value={notesInput}
-              onChange={(e) => setNotesInput(e.target.value)}
-              onKeyDown={(e) => {
-                if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
-                  handleIngest();
-                }
-              }}
-            />
-            <IngestButton
-              $loading={isIngesting}
-              disabled={isIngesting || !notesInput.trim()}
-              onClick={handleIngest}
-            >
-              {isIngesting ? "⏳ Parsing..." : "📋 Parse Meeting Notes"}
-            </IngestButton>
-            {lastError && <ErrorText>{lastError}</ErrorText>}
-
-            <QuickActions>
-              <QuickActionButton onClick={() => requestMyTasks()}>
-                ✅ My Tasks
-              </QuickActionButton>
-              <QuickActionButton onClick={() => requestBlockers()}>
-                🔴 Blockers
-              </QuickActionButton>
-              <QuickActionButton onClick={() => requestHistory({ dateRange: "this week" })}>
-                📅 This Week
-              </QuickActionButton>
-            </QuickActions>
-
-            {recentStandups.length > 0 && (
-              <RecentList>
-                {recentStandups.map((s) => (
-                  <RecentItem key={`${s.date}-${s.teamName}`}>
-                    <div>
-                      <RecentDate>{s.date} — {s.teamName}</RecentDate>
-                      <RecentMeta>
-                        {s.commitmentCount} tasks · {s.blockerCount} blockers
-                      </RecentMeta>
-                    </div>
-                    <DeleteButton
-                      onClick={() => deleteStandup(s.date, s.teamName)}
-                      disabled={deletingKey === `${s.date}-${s.teamName}`}
-                      title={`Delete standup for ${s.date}`}
-                      aria-label={`Delete standup for ${s.date}`}
-                    >
-                      {deletingKey === `${s.date}-${s.teamName}` ? "⏳" : "🗑"}
-                    </DeleteButton>
-                  </RecentItem>
-                ))}
-              </RecentList>
-            )}
-          </Section>
         </Content>
       </PanelContainer>
     </PanelOverlay>