/* global React, AppIcon, APPS_BY_ID */
// ─────────────────────────────────────────────────────────────
// FocusSheet — app-as-focus-surface shell.
//
// THESIS: every Mahana app is a focus surface for the Mastermind.
// Opening an app doesn't "switch context" — it binds the Mastermind's
// attention to that app's data, so subsequent chat turns answer WITH
// that context. The sheet header literally reads
// "Answering with {app} context" to make the binding visible.
//
// Lifted from mastermind-v2/components/app-icons.jsx (UnifierPanel).
// Source of truth for the app catalog stays in app-icons.jsx
// (MAHANA_APPS / APPS_BY_ID / AppIcon). This file factors out the
// reusable sheet shell + per-app body atoms so they can be used
// independently in: sidebar rail unifier, mobile bottom sheet,
// floating focus pane, inline inspector, …
// ─────────────────────────────────────────────────────────────
// (no useState used here; composition-only)
// ─────────────────────────────────────────────────────────────
// FocusSheet — the shell. Wraps any app body with the FOCUS · X
// kicker + "Answering with X context" title + × button.
// Consumers compose children for body content.
// ─────────────────────────────────────────────────────────────
function FocusSheet({
appId, // required; looks up label + icon from APPS_BY_ID
onClose, // × click
width = 360, // desktop pane width; mobile bottom-sheet ignores
variant = 'pane', // 'pane' | 'sheet' — pane = side rail, sheet = bottom modal
children,
}) {
const app = APPS_BY_ID[appId];
if (!app) return null;
const isSheet = variant === 'sheet';
return (
);
}
// ─────────────────────────────────────────────────────────────
// MastermindIntroLine — "Mastermind · I scanned 47 threads..."
// Appears at the top of any app body when Mastermind has already
// pre-processed the content. Pink-accented "Mastermind" label + body.
// ─────────────────────────────────────────────────────────────
function MastermindIntroLine({ children }) {
return (
Mastermind
{' · '}{children}
);
}
// ─────────────────────────────────────────────────────────────
// MastermindTag — "✦ 3 summarized by Mastermind" ribbon.
// Appears inline inside a row/card to attribute a small slice of
// content to Mastermind processing.
// ─────────────────────────────────────────────────────────────
function MastermindTag({ children, icon = '✦' }) {
return (
);
}
// ─────────────────────────────────────────────────────────────
// TaskSection — labelled group of TaskRows (TODAY, THIS WEEK)
// ─────────────────────────────────────────────────────────────
function TaskSection({ name, children }) {
return (
{name}
{children}
);
}
// ─────────────────────────────────────────────────────────────
// DocCard — title + source/duration + progress bar
// ─────────────────────────────────────────────────────────────
function DocCard({ title, source, pct = 0 }) {
return (
{title}
{source}
);
}
// ─────────────────────────────────────────────────────────────
// IdeaCard — title + body + hashtag chips, soft-pink background
// ─────────────────────────────────────────────────────────────
function IdeaCard({ title, body, tags = [] }) {
return (
{title}
{body}
{tags.length > 0 && (
{tags.map(tg => (
#{tg}
))}
)}
);
}
// ─────────────────────────────────────────────────────────────
// SuggestionCard — the proactive Mastermind card on Apps home.
// "Fleet and Ledger are fighting over the same vendor row.
// Ask the council to reconcile →"
// Not in v2 yet — design fresh here.
// ─────────────────────────────────────────────────────────────
function SuggestionCard({ kicker = 'Suggestion', body, cta, onAct }) {
return (
);
}
Object.assign(window, {
FocusSheet,
MastermindIntroLine,
MastermindTag,
MailRow,
TaskRow,
TaskSection,
DocCard,
IdeaCard,
SuggestionCard,
});