);
}
function StripNode({ initiative, step, isCurrent, onGo, compact = false }) {
const status = initCellStatus(initiative, step.id);
const count = (initiative.cells[step.id]?.collaterals || []).length;
const color = INIT_STATUS[status].color;
const interactive = status !== "skipped";
const [hover, setHover] = useState(false);
let inner;
if (status === "completed") inner =
);
}
// ---------- SCREEN B — INITIATIVES BOARD ----------
function InitiativesBoard({ onOpenStep }) {
const [hoverCell, setHoverCell] = useState(null);
const [search, setSearch] = useState("");
const visible = INITIATIVES.filter((it) => it.name.toLowerCase().includes(search.toLowerCase()));
return (
);
}
function InitFilter({ label, options }) {
const [open, setOpen] = useState(false);
const [value, setValue] = useState(options[0]);
const active = value !== options[0];
return (
{open && (
<>
setOpen(false)} />
{options.map((o) => ())}
)}
);
}
// ================================================================
// SCREEN C — INITIATIVE STEP WORKSPACE
// ================================================================
// participants per initiative (humans + the step agent rendered separately)
const INIT_PARTICIPANTS = {
usr: [{ initials: "SS", tint: "#b6892e" }, { initials: "MC", tint: "#3b5cf6" }, { initials: "TB", tint: "#0e7c66" }],
billing: [{ initials: "MC", tint: "#3b5cf6" }, { initials: "LH", tint: "#c2410c" }],
offline: [{ initials: "TB", tint: "#0e7c66" }, { initials: "SS", tint: "#b6892e" }],
sso: [{ initials: "LH", tint: "#c2410c" }, { initials: "TB", tint: "#0e7c66" }],
onboarding: [{ initials: "MC", tint: "#3b5cf6" }],
};
// step skills (capabilities) — generic per layer
const STEP_SKILLS = {
discovery: ["Run discovery interview", "Draft opportunity canvas", "Condense research"],
prd: ["Draft PRD section", "Pull success metrics", "Condense memories"],
architecture: ["Draft ADR", "Diagram system", "Assess risk"],
planning: ["Draft story", "Pull related Jira stories", "Condense memories"],
delivery: ["Draft release plan", "Generate runbook", "Pull open issues"],
gtm: ["Draft launch brief", "Pull support themes", "Condense memories"],
};
// memories per step (sample; falls back to a generic pair)
const STEP_MEMORIES = {
"usr.planning": [
{ title: "Indexing latency budget", snippet: "Search results must return < 200ms p95; reindex runs nightly off-peak.", source: "Architecture · ADR", system: "confluence" },
{ title: "Relevance metric agreed", snippet: "Team agreed on nDCG@10 ≥ 0.8 on the curated eval set as the relevance gate.", source: "PRD · §4 Success metrics", system: "confluence" },
{ title: "CJK tokenization risk", snippet: "Default analyzer splits CJK incorrectly — needs language-aware analyzer per locale.", source: "Chat · Edge cases", system: "teklens" },
],
"billing.prd": [
{ title: "Dunning policy", snippet: "Failed payments retry on a 1/3/7-day schedule before dunning email.", source: "Discovery brief", system: "confluence" },
{ title: "Tax engine constraint", snippet: "EU VAT must be computed server-side; client estimates are non-binding.", source: "Chat · Compliance", system: "teklens" },
],
"offline.architecture": [
{ title: "Conflict resolution", snippet: "Last-write-wins is unacceptable for notes; needs CRDT or per-field merge.", source: "Chat · Edge cases", system: "teklens" },
{ title: "Sync envelope size", snippet: "Mobile sync payloads capped at 2MB; large attachments deferred.", source: "Sync model spec", system: "confluence" },
],
};
function stepMemories(initId, stepId) {
return STEP_MEMORIES[`${initId}.${stepId}`] || [
{ title: "Accountable role confirmed", snippet: `${INIT_STEPS[initStepIndex(stepId)].role} owns the exit gate for this step.`, source: "Pipeline · BMAD", system: "teklens" },
{ title: "Upstream context", snippet: "Prior step collaterals are promoted and available as inputs.", source: "Initiative timeline", system: "teklens" },
];
}
const CONTRIB_POOL = [{ initials: "SS", tint: "#b6892e" }, { initials: "MC", tint: "#3b5cf6" }, { initials: "TB", tint: "#0e7c66" }];
// ---------- Avatars ----------
function InitAgentAvatar({ size = 24 }) {
return (
);
}
function InitAvatarStack({ people, size = 26, agent = false }) {
return (
{people.map((p, i) => (
))}
{agent && }
);
}
// ---------- Workspace header (breadcrumb + participants + Promote) ----------
function StepWorkspaceHeader({ pinned, onPromote }) {
const initiative = initById(pinned.initiativeId);
const step = INIT_STEPS[initStepIndex(pinned.stepId || initiative.active)];
const status = initCellStatus(initiative, step.id);
const gated = status === "gated" || status === "active";
const participants = INIT_PARTICIPANTS[initiative.id] || [];
return (
{initiative.name}
{step.name}
{INIT_STATUS[status].label}
{step.role}
);
}
// ---------- Artifacts panel (replaces widget rail when a step is open) ----------
function InitiativeArtifactsPanel({ pinned, onClose, onPromote }) {
const initiative = initById(pinned.initiativeId);
const step = INIT_STEPS[initStepIndex(pinned.stepId || initiative.active)];
const status = initCellStatus(initiative, step.id);
const gated = status === "gated" || status === "active";
const [memOpen, setMemOpen] = useState(true);
const [colOpen, setColOpen] = useState(true);
const memories = stepMemories(initiative.id, step.id);
const collaterals = (initiative.cells[step.id]?.collaterals) || [];
return (
{/* Memories */}
setMemOpen(o => !o)}>
{memories.map((m, i) => )}
{/* Draft collaterals */}
setColOpen(o => !o)}>
{collaterals.length === 0 ? (
No collateral yet.
Use a skill in the chat to start a draft.
) : (
{collaterals.map((c, i) => onPromote(c)} />)}
)}
);
}
function ArtSection({ icon, tint, title, count, open, onToggle, children }) {
return (
{open && children}
);
}
function MemoryCard({ m }) {
return (
{m.title}
{m.snippet}
{m.source}
);
}
function ColCard({ c, canPromote, onPromote }) {
const s = INIT_SYSTEM[c.system];
const contributors = CONTRIB_POOL.slice(0, 2 + (c.type.length % 2));
return (
{c.type}
{c.broken ? link broken — re-auth : <>via {s.label}}
updated 12m ago
);
}
// ---------- Promote dialog ----------
function PromoteDialog({ collateral, step, onClose }) {
const s = INIT_SYSTEM[collateral.system];
const target = collateral.system === "jira" ? "Jira project TEK — Epic “Unified Search”"
: collateral.system === "confluence" ? "Confluence space ENG"
: collateral.system === "git" ? "Git repo contem/teklens-ai"
: "Teklens workspace";
return (
e.stopPropagation()}>
Promote collateral
{collateral.type}
Draft collateral · {step.name}
Resolved target binding
Publish to {target}
Becomes the single system of record · synced back via webhook
This is the exit-gate decision for {step.name}. Promoting marks the StepRun complete and advances the workflow.
Any project member can approve
);
}