feat(agent-office): notification badges + CEO desk document panel + telegram test

- Add notification state management with badge counts in useAgentManager
- Render exclamation badge on agent sprites (separate from status icons)
- Add CEO desk document icon with click-to-open activity panel
- Create DocumentPanel with unified activity feed + per-agent detail tabs
- Add telegram test button to stock agent ChatPanel
- Remove TaskHistory + bottom toolbar (replaced by DocumentPanel)
- Add getActivityFeed API helper

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/pages/agent-office/AgentOffice.css

@@ -310,22 +310,110 @@
   margin: 4px 0 0;
 }
 
-.ao-toolbar {
+/* Document Panel (CEO desk) */
+.ao-doc-panel {
+  position: absolute;
+  left: 16px;
+  top: 60px;
+  width: 400px;
+  max-height: calc(100% - 80px);
+  background: rgba(26, 26, 46, 0.95);
+  border: 1px solid #333;
+  border-radius: 12px;
+  overflow-y: auto;
+  backdrop-filter: blur(12px);
   display: flex;
-  gap: 8px;
-  padding: 8px 20px;
-  background: #1a1a2e;
-  border-top: 1px solid #2a2a4a;
+  flex-direction: column;
 }
 
-.ao-tool-btn {
-  padding: 6px 14px;
+.ao-doc-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid #2a2a4a;
+}
+
+.ao-doc-title {
+  font-weight: bold;
+  font-size: 1rem;
+  color: #e0e0e0;
+}
+
+.ao-doc-tabs {
+  display: flex;
+  gap: 4px;
+  padding: 8px 16px;
+  border-bottom: 1px solid #2a2a4a;
+}
+
+.ao-doc-tab {
+  padding: 4px 12px;
   border: 1px solid #333;
-  border-radius: 6px;
+  border-radius: 8px;
   background: transparent;
-  color: #aaa;
+  color: #888;
   font-size: 0.8rem;
   cursor: pointer;
   font-family: inherit;
 }
-.ao-tool-btn:hover { border-color: #8b5cf6; color: #e0e0e0; }
+.ao-doc-tab:hover { color: #ccc; border-color: #555; }
+.ao-doc-tab--active { background: rgba(139, 92, 246, 0.2); border-color: #8b5cf6; color: #c4b5fd; }
+
+.ao-doc-feed { padding: 4px 8px; }
+.ao-doc-feed-toolbar { padding: 4px 8px; display: flex; justify-content: flex-end; }
+
+.ao-doc-feed-item {
+  padding: 8px 10px;
+  border-bottom: 1px solid #1a1a2e;
+}
+.ao-doc-feed-item:last-child { border-bottom: none; }
+
+.ao-doc-feed-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.ao-doc-agent-tag {
+  font-size: 0.7rem;
+  padding: 1px 6px;
+  border-radius: 4px;
+  color: #fff;
+}
+.ao-doc-agent-tag--stock { background: #2563eb; }
+.ao-doc-agent-tag--music { background: #059669; }
+
+.ao-doc-feed-msg {
+  font-size: 0.8rem;
+  color: #ccc;
+  margin-top: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ao-doc-feed-time {
+  font-size: 0.7rem;
+  color: #555;
+  margin-top: 2px;
+}
+
+.ao-doc-tg-status {
+  font-size: 0.7rem;
+  margin-left: 4px;
+}
+
+.ao-doc-detail { padding: 0; }
+.ao-doc-agent-select { display: flex; gap: 4px; padding: 8px 16px; }
+.ao-doc-detail-tabs { display: flex; gap: 4px; padding: 4px 16px; border-bottom: 1px solid #2a2a4a; }
+
+.ao-doc-log-item {
+  display: flex;
+  gap: 6px;
+  padding: 4px 12px;
+  font-size: 0.75rem;
+  border-bottom: 1px solid rgba(255,255,255,0.03);
+}
+.ao-doc-log-level { font-weight: bold; white-space: nowrap; }
+.ao-doc-log-msg { color: #aaa; flex: 1; word-break: break-all; }