{active.type}
{vertsOf(active).map(v => {v})}
{lobsOf(active).map(v => {v})}
{active.cadence && {active.cadence}}
{active.type === "App" && (activeShots.length > 0 || active.hasPrompt || active.hasHtml) && }
{active.name}
{active.blurb}
{active.type === "App" && activeShots.length > 0 &&
{
e.stopPropagation();
setLightbox(true);
}} title="Click to expand" style={{
width: "100%",
borderRadius: "10px",
border: BORDER,
cursor: "zoom-in",
display: "block"
}} />
{activeShots.length > 1 && <>
{shownShot + 1} / {activeShots.length}
}
{activeShots.length > 1 &&
}
}
{active.type === "App" && active.flagged &&
⚠ {active.flagged}
}
{[["Vertical", vertsOf(active).join(", ")], ["Line of business", lobsOf(active).join(", ")], ["Cadence", active.cadence], ["Data it needs", active.demoTopic], ["Works with", (active.integrations || []).length ? active.integrations.join(", ") : ""]].filter(([, v]) => v).map(([k, v]) =>
{k}
{v}
)}
{active.type === "Skill" && drawerSection("Skill YAML", skillYaml && skillYaml[active.id] && copyBtn("yaml", "Copy YAML", "Copied!", skillYaml[active.id]), skillYaml && skillYaml[active.id] ? codePane(skillYaml[active.id]) :
{skillYaml === null ? "Loading YAML…" : "YAML unavailable"}
)}
{active.type === "Routine" && drawerSection("Routine prompt", routinePrompts && routinePrompts[active.id] && copyBtn("prompt", "Copy prompt", "Copied!", routinePrompts[active.id]), routinePrompts && routinePrompts[active.id] ? codePane(routinePrompts[active.id]) :
{routinePrompts === null ? "Loading prompt…" : "Prompt unavailable"}
)}
{active.type === "App" && active.hasSetup && drawerSection("Setup required", null, activeAppContent && activeAppContent.setup ?
{activeAppContent.setup}
:
{appContentLoading ? "Loading…" : "Setup notes unavailable"}
)}
{active.type === "App" && drawerSection("Rebuild prompt", activeAppContent && activeAppContent.prompt && copyBtn("prompt", "Copy prompt", "Copied!", activeAppContent.prompt), activeAppContent && activeAppContent.prompt ? codePane(activeAppContent.prompt) :
{appContentLoading ? "Loading…" : "Prompt not available yet"}
)}
{active.type === "App" && drawerSection("App HTML", activeAppContent && activeAppContent.html && copyBtn("html", "Copy HTML", "Copied!", activeAppContent.html), activeAppContent && activeAppContent.html ? codePane(activeAppContent.html.length > 20000 ? activeAppContent.html.slice(0, 20000) + "\n… (truncated preview — Copy HTML grabs the full source)" : activeAppContent.html) :
{appContentLoading ? "Loading…" : "HTML not available yet"}
)}
}