/* ========== 命令室 v4：第一性原理 + AI 滲透 ========== */
function CommandRoom({ items, todos, onSelect, switchView }) {
const { state, stats, record, reset } = useDecisions();
const acceptedSet = useMemo(() => new Set(state.accepted), [state.accepted]);
const skippedSet = useMemo(() => new Set(state.skipped), [state.skipped]);
// 計算上下文
const ctx = useMemo(() => buildContext(items, todos), [items, todos]);
// AI 旁白
const insightPrompt = useMemo(() => `你是 KaiOS 的 AI 助理，正在為紅茶巴士／阿檸的老闆 Kai 看內容生產儀表板。
以下是現在的真實狀態：
- 已上線 ${ctx.live} 支，🏆 高表現 ${ctx.high} 支（勝率 ${ctx.winRate}%）
- 卡關 ${ctx.stuck} 項（最久 ${ctx.maxStuck} 天）
- 待拍 ${ctx.ready} 支，靈感 ${ctx.inboxCount} 個未處理
- 最近一支：${ctx.recent ? `${ctx.recent.title || ctx.recent.topic}（${ctx.recent.b?.p === 'high' ? '高表現' : ctx.recent.b?.p === 'low' ? '啞彈' : '一般'}）` : '無'}
- Kai 本週已做 ${stats.week} 個決策
用一句話告訴 Kai「今天最該做什麼」。20-30 個中文字，繁體中文，口語有溫度，直接給結論，不要客套。`, [ctx.live, ctx.high, ctx.stuck, ctx.ready, ctx.recent?.id]);
const cacheKey = `insight:${new Date().toDateString()}:${ctx.live}:${ctx.stuck}`;
const { text: insightText, loading: insightLoading } = useAI(insightPrompt, cacheKey);
// 軌跡 + 漂移
const traj = useMemo(() => buildTrajectory(items), [items]);
const drift = useMemo(() => detectDrift(items), [items]);
// 推薦下一支
const recommendation = useMemo(() => recommendNext(items, skippedSet, acceptedSet), [items, skippedSet, acceptedSet]);
// 待回填
const needBackfill = useMemo(() =>
items.filter(i => i.status === '已上線' && !i.b && i.publish).slice(0, 3),
[items]
);
// 卡關
const stuckList = useMemo(() =>
items.filter(isStuck).sort((a, b) => (b.age || 0) - (a.age || 0)).slice(0, 3),
[items]
);
const handleAction = (kind, id, action) => {
record(kind, id, action);
};
return (
{/* AI 旁白 Hero */}
{new Date().toLocaleDateString('zh-TW', { weekday: 'long', month: 'long', day: 'numeric' })} · 今日洞察
{insightLoading || !insightText ? (
分析 pipeline、表現公式、卡關狀態中…
) : (
{insightText}
)}
switchView('pipeline')} />
0} onClick={() => switchView('pipeline')} />
2} />
= 25} />
{/* 軌跡 */}
{/* 漂移警示 */}
{/* 決策佇列 */}
今天的決策佇列
{/* 卡 1：下一支該拍 - 加 AI 標題 */}
{recommendation && (
}
primaryLabel="接受並開始"
onPrimary={() => handleAction('shoot', recommendation.idea.id, 'accept')}
onSkip={() => handleAction('shoot', recommendation.idea.id, 'skip')}
onDetail={() => onSelect(recommendation.idea.id)}
accepted={acceptedSet.has(recommendation.idea.id)}
/>
)}
{/* 卡 2：需要回填 */}
{needBackfill.length > 0 && (
i.vid).filter(Boolean)}
primaryLabel="開始回填"
onPrimary={() => handleAction('backfill', needBackfill[0].id, 'accept')}
onDetail={() => onSelect(needBackfill[0].id)}
accepted={acceptedSet.has(needBackfill[0].id)}
/>
)}
{/* 卡 3：卡關決策 */}
{stuckList.length > 0 && (
i.id)}
primaryLabel="推進這個"
onPrimary={() => handleAction('unblock', stuckList[0].id, 'accept')}
onSkip={() => handleAction('unblock', stuckList[0].id, 'skip')}
onDetail={() => onSelect(stuckList[0].id)}
accepted={acceptedSet.has(stuckList[0].id)}
/>
)}
{!recommendation && needBackfill.length === 0 && stuckList.length === 0 && (
)}
{/* Twins */}
AI 發現的對比
{/* 近期脈動 */}
switchView('performance')} style={{ fontSize: 11, color: 'var(--kai-bright)' }}>
完整分析 →
}>近期脈動
{/* 本日決策 log */}
{state.decisions.length > 0 && (
{ if (confirm('清除所有決策記錄？')) reset(); }} style={{ fontSize: 10.5, color: 'var(--ink-3)' }}>
重置
}>決策歷史 · {state.decisions.length}
)}
本週決策
{stats.week}
·
接受 {stats.weekAccepted}
·
跳過 {stats.week - stats.weekAccepted}
);
}
/* ===== Vital Stat ===== */
function VitalStat({ label, value, hint, warn, good, onClick }) {
const c = warn ? 'var(--low)' : good ? 'var(--high)' : 'var(--ink-0)';
return (
);
}
/* ===== Section Head ===== */
function SectionHead({ children, action }) {
return (
);
}
/* ===== Decision Card ===== */
function DecisionCard({ tone, label, time, title, subtitle, reason, evidence, extra, primaryLabel, onPrimary, onSkip, onDetail, accepted }) {
const tones = {
primary: { c: 'var(--kai-bright)', bg: 'var(--kai-tint)', border: 'var(--kai-glow)' },
info: { c: 'var(--info)', bg: 'var(--info-glow)', border: 'var(--info-glow)' },
warn: { c: 'var(--warn)', bg: 'var(--warn-glow)', border: 'var(--warn-glow)' },
};
const tn = tones[tone] || tones.primary;
return (
{label}
{time}
{accepted &&
✓ 已接受}
{title}
{subtitle}
{reason}
{evidence && evidence.length > 0 && (
實證：
{evidence.slice(0, 4).map(e =>
{e})}
)}
{extra}
{!accepted && (
{onSkip && (
)}
)}
);
}
/* ===== Pulse Row ===== */
function PulseRow({ items, onSelect }) {
const recent = items
.filter(i => i.status === '已上線' && i.b && i.publish)
.sort((a, b) => (b.publish || '').localeCompare(a.publish || ''))
.slice(0, 10);
return (
{recent.map(it => {
const c = it.b.p === 'high' ? 'var(--high)' : it.b.p === 'low' ? 'var(--low)' : 'var(--normal)';
return (
);
})}
{decisions.map((d, i) => {
const item = items.find(x => x.id === d.id);
const isToday = new Date(d.time).toDateString() === today;
const c = d.action === 'accept' ? 'var(--high)' : 'var(--ink-3)';
return (
);
})}
);
}
/* ========== 工具 ========== */
function buildContext(items, todos) {
const live = items.filter(i => i.status === '已上線' && i.b);
const high = live.filter(i => i.b.p === 'high');
const ready = items.filter(i => i.status === '待拍').length;
const stuck = items.filter(isStuck).length;
const maxStuck = Math.max(0, ...items.filter(isStuck).map(i => i.age || 0));
const inboxCount = items.filter(i => i.status === 'inbox').length;
const recent = [...live].sort((a, b) => (b.publish || '').localeCompare(a.publish || ''))[0];
const winRate = live.length ? Math.round((high.length / live.length) * 100) : 0;
return { live: live.length, high: high.length, ready, stuck, maxStuck, inboxCount, recent, winRate };
}
function recommendNext(items, skipped, accepted) {
const candidates = items.filter(i =>
(i.status === 'inbox' || i.status === 'selected') &&
!skipped.has(i.id) && !accepted.has(i.id)
);
if (candidates.length === 0) return null;
const opening = [...PATTERNS.proven_openings].sort((a, b) => b.win_rate - a.win_rate)[0];
const cta = [...PATTERNS.proven_ctas].sort((a, b) => b.win_rate - a.win_rate)[0];
const selectedFirst = candidates.filter(i => i.status === 'selected');
const pool = selectedFirst.length > 0 ? selectedFirst : candidates;
const idea = pool.sort((a, b) => (b.age || 0) - (a.age || 0))[0];
const reason = `${opening.name} + ${cta.name} 是目前勝率最高的配對。${idea.tags?.length ? `這個題目的標籤（${idea.tags.slice(0, 2).join('、')}）` : '這個題目'}適合這個公式 — 直接套用即可。`;
const evidence = [...new Set([...opening.vid_evidence.slice(0, 2), ...cta.vid_evidence.slice(0, 2)])];
return { idea, opening, cta, reason, evidence };
}
function getDays(dateStr) {
if (!dateStr) return 0;
return Math.round((Date.now() - new Date(dateStr).getTime()) / 86400000);
}
Object.assign(window, { CommandRoom });