import { x as head } from './dev-BNpEUZI3.js';
import 'node:module';
import { I as Input, B as Button, E as EmptyState } from './ui-DR8zOSpC.js';

//#region src/routes/brain/causal/+page.svelte
function _page($$renderer, $$props) {
	$$renderer.component(($$renderer) => {
		let { data } = $$props;
		let taskId = data.initialTaskId;
		let loading = false;
		head("15q56h1", $$renderer, ($$renderer) => {
			$$renderer.title(($$renderer) => {
				$$renderer.push(`<title>BRAIN Causal Trace — CLEO Studio</title>`);
			});
		});
		$$renderer.push(`<section class="page svelte-15q56h1"><header class="page-head svelte-15q56h1"><div class="head-left"><a class="back svelte-15q56h1" href="/brain/overview">← Overview</a> <h1 class="title svelte-15q56h1">Causal reasoning</h1> <span class="subtitle svelte-15q56h1">Walk the blocker chain for a task — find the root cause that's gating progress</span></div></header> <form class="query-form svelte-15q56h1"><div class="query-input svelte-15q56h1">`);
		Input($$renderer, {
			value: taskId,
			label: "Task ID",
			placeholder: "Enter a task ID — e.g. T123",
			oninput: (e) => taskId = e.target.value
		});
		$$renderer.push(`<!----></div> `);
		Button($$renderer, {
			variant: "primary",
			type: "submit",
			loading,
			children: ($$renderer) => {
				$$renderer.push(`<!---->Trace causes`);
			}});
		$$renderer.push(`<!----></form> `);
		{
			$$renderer.push("<!--[1-->");
			EmptyState($$renderer, {
				title: "Ready to trace",
				subtitle: "Paste a task ID above. We'll walk its unresolved dependencies and surface the root cause."
			});
		}
		$$renderer.push(`<!--]--></section>`);
	});
}

export { _page as default };
//# sourceMappingURL=_page.svelte-nzffIbBP.js.map
