@vibesdotdev/code-sessions 0.0.0-stage → 1.0.0-rc.0

package/dist/svelte/components/TranscriptView.svelte

@@ -0,0 +1,360 @@
+<script lang="ts" module>
+	import type { SessionWithCapability, RunCommandResponse } from '@vibesdotdev/code-sessions';
+
+	/** One entry in the transcript (command + result, or pending). */
+	export interface TranscriptEntry {
+		id: string;
+		command: string[];
+		/** Undefined while the command is running. */
+		result?: RunCommandResponse;
+		/** True while the command is in-flight. */
+		running?: boolean;
+		/** Client-side error if the bridge request itself failed. */
+		bridgeError?: string;
+	}
+
+	export interface TranscriptViewProps {
+		session: SessionWithCapability;
+		entries: TranscriptEntry[];
+		/** Called when the user submits a new command. */
+		onrun?: (command: string[]) => void | Promise<void>;
+		/** Called when the user clicks the re-run button on an entry. */
+		onrerun?: (entry: TranscriptEntry) => void | Promise<void>;
+		/** Whether a new command is being submitted (input disabled). */
+		running?: boolean;
+	}
+</script>
+
+<script lang="ts">
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { Badge } from '@vibesdotdev/kit/components/ui/badge';
+	import { Icon } from '@vibesdotdev/kit/components';
+	import {
+		HISTORY_DRAFT,
+		historyFromCommands,
+		isShellSyntax,
+		navigateHistory,
+		tokenizeCommand
+	} from '../transcript-input.js';
+	import { getLogger } from '@vibesdotdev/logging';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte';
+	import { attempt } from '../outcome.js';
+
+	/** The page's runtime, which reports a failed copy; read once at component init. */
+	const runtimeContext = getRuntimeSvelteContext();
+
+	let {
+		session,
+		entries,
+		onrun,
+		onrerun,
+		running = false
+	}: TranscriptViewProps = $props();
+
+	let commandInput: string = $state('');
+	let outputEndEl: HTMLDivElement | undefined = $state();
+	let outputEl: HTMLDivElement | undefined = $state();
+	let copyFailed: boolean = $state(false);
+
+	/** History cursor; `HISTORY_DRAFT` while the input holds the user's own text. */
+	let historyCursor: number = $state(HISTORY_DRAFT);
+	/** The draft stashed when the user starts walking history, restored on the way back. */
+	let historyDraft: string = $state('');
+
+	const history = $derived(historyFromCommands(entries.map((e) => e.command.join(' '))));
+	const shellSyntaxWarning = $derived(isShellSyntax(commandInput));
+
+	function handleSubmit(e: SubmitEvent) {
+		e.preventDefault();
+		const command = tokenizeCommand(commandInput);
+		if (command.length === 0) return;
+
+		onrun?.(command);
+		commandInput = '';
+		historyCursor = HISTORY_DRAFT;
+		historyDraft = '';
+	}
+
+	/**
+	 * ↑/↓ recall previous commands, as any terminal-shaped input is expected to.
+	 * The data was already on screen in `entries`; nothing read it back.
+	 */
+	function handleInputKeydown(event: KeyboardEvent) {
+		if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') return;
+		if (history.length === 0) return;
+
+		// Stash the draft on the first step away from it so ↓ can return to it.
+		if (historyCursor === HISTORY_DRAFT) historyDraft = commandInput;
+
+		const step = navigateHistory(
+			history,
+			historyCursor,
+			event.key === 'ArrowUp' ? 'older' : 'newer',
+			historyDraft
+		);
+		if (step.cursor === historyCursor && step.value === commandInput) return;
+
+		event.preventDefault();
+		historyCursor = step.cursor;
+		commandInput = step.value;
+	}
+
+	/** Typing anything by hand means the user has left history navigation. */
+	function handleInput() {
+		historyCursor = HISTORY_DRAFT;
+	}
+
+	function exitCodeColor(code: number | null, timedOut: boolean): string {
+		if (timedOut) return 'text-yellow-400';
+		if (code === 0) return 'text-green-400';
+		if (code === null) return 'text-muted-foreground';
+		return 'text-red-400';
+	}
+
+	function exitCodeLabel(code: number | null, timedOut: boolean): string {
+		if (timedOut) return 'timed out';
+		if (code === null) return '—';
+		return `exit ${code}`;
+	}
+
+	function durationLabel(ms: number): string {
+		if (ms < 1000) return `${ms}ms`;
+		return `${(ms / 1000).toFixed(1)}s`;
+	}
+
+	/**
+	 * Copy, and SAY SO when it fails.
+	 *
+	 * This used to swallow the rejection with "clipboard not available —
+	 * silently skip", so on a non-secure origin or with the permission denied
+	 * the button did nothing at all and the user had no way to know why.
+	 */
+	async function copyToClipboard(text: string) {
+		const copied = await attempt(() => navigator.clipboard.writeText(text));
+		copyFailed = !copied.ok;
+		if (!copied.ok) {
+			const logger = getLogger('code-sessions:transcript-view', runtimeContext.runtime ?? undefined);
+			logger.warn('clipboard copy failed', { error: copied.failure });
+		}
+	}
+
+	/**
+	 * Distance from the bottom, in px, still treated as "the user is following
+	 * the tail". Wide enough to survive sub-pixel rounding and a partially
+	 * scrolled last line.
+	 */
+	const AUTOSCROLL_THRESHOLD_PX = 64;
+
+	function isPinnedToBottom(el: HTMLDivElement): boolean {
+		return el.scrollHeight - el.scrollTop - el.clientHeight <= AUTOSCROLL_THRESHOLD_PX;
+	}
+
+	/**
+	 * Was the user at the tail BEFORE this update rendered?
+	 *
+	 * Captured in `$effect.pre` — this is the whole trick. A plain `$effect`
+	 * runs AFTER the DOM update, so it would measure a container that already
+	 * contains the new output: any result taller than the threshold pushes the
+	 * reader "away from the bottom" the instant it paints, and autoscroll would
+	 * never fire for exactly the commands that need it most.
+	 */
+	let wasPinnedToBottom = $state(true);
+
+	$effect.pre(() => {
+		// Depend on the entries identity so this runs before each output update.
+		void entries;
+		if (!outputEl) return;
+		wasPinnedToBottom = isPinnedToBottom(outputEl);
+	});
+
+	$effect(() => {
+		// Depend on the entries identity, not `.length`: a result arriving on an
+		// existing entry changes the array without changing its length.
+		void entries;
+		if (!outputEndEl) return;
+
+		// Only follow the tail if the user WAS already at the tail. Scrolling up
+		// to read earlier output used to be undone by the next result landing.
+		if (!wasPinnedToBottom) return;
+		outputEndEl.scrollIntoView({ behavior: 'smooth' });
+	});
+</script>
+
+<!--
+	TranscriptView — snapshot execution surface for CF Sandbox sessions (D1).
+	Honest labeling: "snapshot execution" — each command is an independent run,
+	not a persistent shell. Re-runnable, copyable output.
+-->
+<div class="flex h-full flex-col">
+	<!-- Header banner: honest labeling per D1 -->
+	<div class="flex items-center justify-between border-b bg-muted/30 px-4 py-2 text-xs text-muted-foreground">
+		<div class="flex items-center gap-2">
+			<Icon icon="lucide:film" class="size-3.5" aria-hidden="true" />
+			<span>Snapshot execution — commands run independently, not in a persistent shell.</span>
+		</div>
+		<Badge variant="outline" class="text-xs">
+			{session.hostTarget.kind === 'cloud' ? 'Cloud sandbox' : 'Host'}
+		</Badge>
+	</div>
+
+	<!--
+		Output area. `role="log"` + `aria-live="polite"` so a screen-reader user is
+		told what a command produced — without them, running a command announced
+		nothing at all.
+	-->
+	<div
+		bind:this={outputEl}
+		role="log"
+		aria-live="polite"
+		aria-label="Command output"
+		class="min-h-0 flex-1 overflow-y-auto bg-[#0d1117] p-4 font-mono text-sm"
+	>
+		{#if entries.length === 0}
+			<div class="flex h-full flex-col items-center justify-center gap-3 text-muted-foreground">
+				<Icon icon="lucide:terminal" class="size-8 opacity-40" aria-hidden="true" />
+				<p class="text-sm">Run a command to see output here.</p>
+			</div>
+		{:else}
+			{#each entries as entry (entry.id)}
+				<div class="mb-4">
+					<!-- Command line -->
+					<div class="flex items-center gap-2 text-[#79c0ff]">
+						<span class="select-none opacity-60">$</span>
+						<span class="flex-1 break-all">{entry.command.join(' ')}</span>
+						<div class="flex shrink-0 items-center gap-1">
+							<Button
+								variant="ghost"
+								size="icon"
+								class="size-5 text-muted-foreground hover:text-foreground"
+								onclick={() => copyToClipboard(entry.command.join(' '))}
+								title="Copy command"
+							>
+								<Icon icon="lucide:copy" class="size-3" aria-hidden="true" />
+							</Button>
+							{#if entry.result && onrerun}
+								<Button
+									variant="ghost"
+									size="icon"
+									class="size-5 text-muted-foreground hover:text-foreground"
+									onclick={() => onrerun?.(entry)}
+									title="Re-run"
+									disabled={running}
+								>
+									<Icon icon="lucide:refresh-cw" class="size-3" aria-hidden="true" />
+								</Button>
+							{/if}
+						</div>
+					</div>
+
+					<!-- Running indicator -->
+					{#if entry.running}
+						<div class="mt-1 flex items-center gap-2 text-yellow-400/80">
+							<Icon icon="lucide:loader-2" class="size-3 animate-spin" aria-hidden="true" />
+							<span class="text-xs">Running…</span>
+						</div>
+					{:else if entry.bridgeError}
+						<div class="mt-1 text-red-400">
+							<span class="text-xs">Error: {entry.bridgeError}</span>
+						</div>
+					{:else if entry.result}
+						<!-- stdout -->
+						{#if entry.result.stdout}
+							<pre class="mt-1 whitespace-pre-wrap break-all text-[#e6edf3]">{entry.result.stdout}</pre>
+						{/if}
+						<!-- stderr -->
+						{#if entry.result.stderr}
+							<pre class="mt-1 whitespace-pre-wrap break-all text-[#f85149]">{entry.result.stderr}</pre>
+						{/if}
+						<!-- Metadata row -->
+						<div class="mt-1 flex items-center gap-3 text-xs">
+							<span class={exitCodeColor(entry.result.exitCode, entry.result.timedOut)}>
+								{exitCodeLabel(entry.result.exitCode, entry.result.timedOut)}
+							</span>
+							<span class="text-muted-foreground">
+								{durationLabel(entry.result.durationMs)}
+							</span>
+							{#if entry.result.stdout || entry.result.stderr}
+								<Button
+									variant="ghost"
+									size="sm"
+									class="h-5 px-1.5 text-xs text-muted-foreground hover:text-foreground"
+									onclick={() =>
+										copyToClipboard(
+											[entry.result!.stdout, entry.result!.stderr].filter(Boolean).join('\n')
+										)}
+								>
+									<Icon icon="lucide:copy" class="mr-1 size-3" aria-hidden="true" />
+									Copy output
+								</Button>
+							{/if}
+						</div>
+					{/if}
+				</div>
+			{/each}
+		{/if}
+		<div bind:this={outputEndEl}></div>
+	</div>
+
+	<!--
+		Hints below the output and above the input, so they are read in the order
+		they matter. Both are `role="status"`: advisory, not an error.
+	-->
+	{#if copyFailed || shellSyntaxWarning}
+		<div class="space-y-1 border-t bg-[#0d1117] px-4 pt-2 text-xs" role="status" aria-live="polite">
+			{#if shellSyntaxWarning}
+				<p class="flex items-start gap-2 text-yellow-400/90">
+					<Icon icon="lucide:triangle-alert" class="mt-0.5 size-3 shrink-0" aria-hidden="true" />
+					<span>
+						Pipes, redirection and chaining are not interpreted here — each command runs on its
+						own, so <code class="font-mono">|</code>, <code class="font-mono">&gt;</code> and
+						<code class="font-mono">&amp;&amp;</code> are passed through as plain arguments.
+					</span>
+				</p>
+			{/if}
+			{#if copyFailed}
+				<p class="flex items-start gap-2 text-red-400/90">
+					<Icon icon="lucide:clipboard-x" class="mt-0.5 size-3 shrink-0" aria-hidden="true" />
+					<span>Could not copy — this browser blocked clipboard access. Select the text instead.</span>
+				</p>
+			{/if}
+		</div>
+	{/if}
+
+	<!-- Command input -->
+	<form
+		onsubmit={handleSubmit}
+		class="flex items-center gap-2 border-t bg-[#0d1117] px-4 py-3"
+	>
+		<span class="shrink-0 font-mono text-sm text-[#79c0ff] opacity-60" aria-hidden="true">$</span>
+		<input
+			type="text"
+			bind:value={commandInput}
+			oninput={handleInput}
+			onkeydown={handleInputKeydown}
+			placeholder="Enter a command…"
+			aria-label="Command"
+			aria-describedby="transcript-command-hint"
+			disabled={running}
+			class="flex-1 bg-transparent font-mono text-sm text-[#e6edf3] placeholder:text-muted-foreground/50 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
+			autocomplete="off"
+			spellcheck={false}
+		/>
+		<span id="transcript-command-hint" class="sr-only">
+			Runs as a single command. Press the up and down arrow keys to recall previous commands.
+		</span>
+		<Button
+			type="submit"
+			size="sm"
+			variant="ghost"
+			class="shrink-0"
+			disabled={running || !commandInput.trim()}
+		>
+			{#if running}
+				<Icon icon="lucide:loader-2" class="size-4 animate-spin" aria-hidden="true" />
+			{:else}
+				<Icon icon="lucide:send" class="size-4" aria-hidden="true" />
+			{/if}
+			<span class="sr-only">Run</span>
+		</Button>
+	</form>
+</div>

package/dist/svelte/components/TranscriptView.svelte.d.ts

@@ -0,0 +1,26 @@
+import type { SessionWithCapability, RunCommandResponse } from '@vibesdotdev/code-sessions';
+/** One entry in the transcript (command + result, or pending). */
+export interface TranscriptEntry {
+    id: string;
+    command: string[];
+    /** Undefined while the command is running. */
+    result?: RunCommandResponse;
+    /** True while the command is in-flight. */
+    running?: boolean;
+    /** Client-side error if the bridge request itself failed. */
+    bridgeError?: string;
+}
+export interface TranscriptViewProps {
+    session: SessionWithCapability;
+    entries: TranscriptEntry[];
+    /** Called when the user submits a new command. */
+    onrun?: (command: string[]) => void | Promise<void>;
+    /** Called when the user clicks the re-run button on an entry. */
+    onrerun?: (entry: TranscriptEntry) => void | Promise<void>;
+    /** Whether a new command is being submitted (input disabled). */
+    running?: boolean;
+}
+declare const TranscriptView: import("svelte").Component<TranscriptViewProps, {}, "">;
+type TranscriptView = ReturnType<typeof TranscriptView>;
+export default TranscriptView;
+//# sourceMappingURL=TranscriptView.svelte.d.ts.map

package/dist/svelte/components/TranscriptView.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranscriptView.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/TranscriptView.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE5F,kEAAkE;AAClE,MAAM,WAAW,eAAe;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,qBAAqB,CAAC;IAC/B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,kDAAkD;IAClD,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,iEAAiE;IACjE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAqSF,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/create-session-form.d.ts

@@ -0,0 +1,84 @@
+import type { PlatformCodeSessionCreateInput } from '@vibesdotdev/code-sessions/api';
+export interface CreateSessionSubmitState {
+    ephemeral: boolean;
+    selectedRepositoryId?: string | null;
+    /** Explicit intent to provision a repository at the consuming surface's submit boundary. */
+    createRepositoryIfMissing?: boolean;
+    /** The currently chosen host target. Required to gate fleet sessions. */
+    selectedHostTarget?: 'cloud' | 'local' | 'fleet';
+    /** Host targets the embedding surface can actually provision. */
+    allowedHostTargets?: readonly ('cloud' | 'local' | 'fleet')[];
+    /** The fleet machine the user picked when selectedHostTarget === 'fleet'. */
+    selectedFleetHostId?: string | null;
+}
+export interface FleetHostSelectionOption {
+    hostId: string;
+    online: boolean;
+}
+export type CreateSessionHostTarget = 'cloud' | 'local' | 'fleet';
+/** One source of truth for what the dialog may show, select, and submit. */
+export declare function resolveSelectableHostTargets(allowed: readonly CreateSessionHostTarget[], fleetHosts: readonly FleetHostSelectionOption[]): CreateSessionHostTarget[];
+export declare function resolveDefaultHostTarget(selectable: readonly CreateSessionHostTarget[]): CreateSessionHostTarget | undefined;
+export declare function resolveDefaultFleetHostId(fleetHosts: readonly FleetHostSelectionOption[]): string;
+export declare function isSelectableFleetHost(fleetHosts: readonly FleetHostSelectionOption[], hostId: string | null | undefined): boolean;
+/**
+ * Build the create-session request from the dialog's form state.
+ *
+ * Lives here rather than inline in the component so the *contract* — especially
+ * that a seed survives the trip — is pinned by a test without rendering Svelte.
+ * The work-items TUI pins its equivalent (`createSeededCodeSession`) the same
+ * way; a session started from the web must carry the same seed shape as one
+ * started from the TUI or it cannot be traced back to the task it came from.
+ */
+export declare function buildCreateSessionInput(state: {
+    hostTarget: CreateSessionDraft['hostTarget'];
+    ephemeral: boolean;
+    selectedRepositoryId?: string | null;
+    createRepositoryIfMissing?: boolean;
+    checkoutRef?: string | null;
+    seed?: CreateSessionSeed;
+}): CreateSessionDraft;
+/**
+ * The create input the dialog submits: a platform create input, plus the
+ * surface-level intent to provision a repository that the consuming app's
+ * submit boundary reads (`createRepositoryIfMissing`).
+ */
+export type CreateSessionDraft = PlatformCodeSessionCreateInput & {
+    createRepositoryIfMissing?: true;
+};
+/** Structural mirror of the platform's `CodeSessionSeed`; kept local so this pure module stays type-only-free. */
+export interface CreateSessionSeed {
+    source: string;
+    title: string;
+    ref?: string;
+    body?: string;
+}
+export declare function canSubmitCreateSession(state: CreateSessionSubmitState): boolean;
+/** Why "Start session" is unavailable, in the user's terms. */
+export interface CreateSessionBlocker {
+    reason: 'host-target-unavailable' | 'fleet-host-required' | 'repository-required' | 'no-repositories';
+    message: string;
+}
+export interface CreateSessionBlockerState extends CreateSessionSubmitState {
+    /** How many repositories the picker was given. Distinguishes "pick one" from "there are none". */
+    repositoryCount?: number;
+    /** The embedding can provision a repository after the user explicitly opts in. */
+    repositoryCreationAvailable?: boolean;
+}
+/**
+ * Explain a disabled submit button, or `null` when submission is possible.
+ *
+ * The button was previously disabled with no explanation, which turns an
+ * unmet precondition into a dead end — worst on a surface whose repository
+ * list failed to load, where the user sees an inert control and no way
+ * forward. The blocker also distinguishes "you have not chosen a repository"
+ * from "there are no repositories to choose", because only the second one
+ * means the user must go somewhere else first.
+ *
+ * Invariant, pinned by test: this returns `null` exactly when
+ * `canSubmitCreateSession` returns `true`. Two rules that can disagree about
+ * whether a form is submittable is how a button ends up enabled beside a
+ * message saying it cannot be.
+ */
+export declare function describeCreateSessionBlocker(state: CreateSessionBlockerState): CreateSessionBlocker | null;
+//# sourceMappingURL=create-session-form.d.ts.map

package/dist/svelte/create-session-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-session-form.d.ts","sourceRoot":"","sources":["../../src/svelte/create-session-form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gCAAgC,CAAC;AAErF,MAAM,WAAW,wBAAwB;IACxC,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,4FAA4F;IAC5F,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACjD,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC;IAC9D,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,wBAAwB;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAElE,4EAA4E;AAC5E,wBAAgB,4BAA4B,CAC3C,OAAO,EAAE,SAAS,uBAAuB,EAAE,EAC3C,UAAU,EAAE,SAAS,wBAAwB,EAAE,GAC7C,uBAAuB,EAAE,CAG3B;AAED,wBAAgB,wBAAwB,CACvC,UAAU,EAAE,SAAS,uBAAuB,EAAE,GAC5C,uBAAuB,GAAG,SAAS,CAErC;AAED,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,SAAS,wBAAwB,EAAE,GAAG,MAAM,CAEjG;AAED,wBAAgB,qBAAqB,CACpC,UAAU,EAAE,SAAS,wBAAwB,EAAE,EAC/C,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC/B,OAAO,CAKT;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE;IAC9C,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,iBAAiB,CAAC;CACzB,GAAG,kBAAkB,CAcrB;AAED;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,8BAA8B,GAAG;IAAE,yBAAyB,CAAC,EAAE,IAAI,CAAA;CAAE,CAAC;AAEvG,kHAAkH;AAClH,MAAM,WAAW,iBAAiB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,wBAAwB,GAAG,OAAO,CAc/E;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACpC,MAAM,EACH,yBAAyB,GACzB,qBAAqB,GACrB,qBAAqB,GACrB,iBAAiB,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,yBAA0B,SAAQ,wBAAwB;IAC1E,kGAAkG;IAClG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kFAAkF;IAClF,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,4BAA4B,CAC3C,KAAK,EAAE,yBAAyB,GAC9B,oBAAoB,GAAG,IAAI,CAkC7B"}

package/dist/svelte/create-session-form.js

@@ -0,0 +1,107 @@
+/** One source of truth for what the dialog may show, select, and submit. */
+export function resolveSelectableHostTargets(allowed, fleetHosts) {
+    const hasOnlineFleetHost = fleetHosts.some((host) => host.online);
+    return allowed.filter((target) => target !== 'fleet' || hasOnlineFleetHost);
+}
+export function resolveDefaultHostTarget(selectable) {
+    return selectable.includes('cloud') ? 'cloud' : selectable[0];
+}
+export function resolveDefaultFleetHostId(fleetHosts) {
+    return fleetHosts.find((host) => host.online)?.hostId ?? '';
+}
+export function isSelectableFleetHost(fleetHosts, hostId) {
+    const normalizedHostId = hostId?.trim();
+    return Boolean(normalizedHostId && fleetHosts.some((host) => host.online && host.hostId === normalizedHostId));
+}
+/**
+ * Build the create-session request from the dialog's form state.
+ *
+ * Lives here rather than inline in the component so the *contract* — especially
+ * that a seed survives the trip — is pinned by a test without rendering Svelte.
+ * The work-items TUI pins its equivalent (`createSeededCodeSession`) the same
+ * way; a session started from the web must carry the same seed shape as one
+ * started from the TUI or it cannot be traced back to the task it came from.
+ */
+export function buildCreateSessionInput(state) {
+    const draft = { hostTarget: state.hostTarget };
+    if (state.ephemeral) {
+        draft.ephemeral = true;
+    }
+    else if (state.createRepositoryIfMissing) {
+        draft.createRepositoryIfMissing = true;
+    }
+    else {
+        const repositoryId = state.selectedRepositoryId?.trim();
+        if (repositoryId)
+            draft.repositoryId = repositoryId;
+    }
+    const checkoutRef = state.checkoutRef?.trim();
+    if (checkoutRef)
+        draft.checkoutRef = checkoutRef;
+    if (state.seed)
+        draft.seed = state.seed;
+    return draft;
+}
+export function canSubmitCreateSession(state) {
+    if (state.allowedHostTargets &&
+        (!state.selectedHostTarget || !state.allowedHostTargets.includes(state.selectedHostTarget))) {
+        return false;
+    }
+    // Fleet target requires a real machine to be selected.
+    if (state.selectedHostTarget === 'fleet' && !state.selectedFleetHostId?.trim()) {
+        return false;
+    }
+    if (state.ephemeral)
+        return true;
+    if (state.createRepositoryIfMissing)
+        return true;
+    return Boolean(state.selectedRepositoryId?.trim());
+}
+/**
+ * Explain a disabled submit button, or `null` when submission is possible.
+ *
+ * The button was previously disabled with no explanation, which turns an
+ * unmet precondition into a dead end — worst on a surface whose repository
+ * list failed to load, where the user sees an inert control and no way
+ * forward. The blocker also distinguishes "you have not chosen a repository"
+ * from "there are no repositories to choose", because only the second one
+ * means the user must go somewhere else first.
+ *
+ * Invariant, pinned by test: this returns `null` exactly when
+ * `canSubmitCreateSession` returns `true`. Two rules that can disagree about
+ * whether a form is submittable is how a button ends up enabled beside a
+ * message saying it cannot be.
+ */
+export function describeCreateSessionBlocker(state) {
+    if (state.allowedHostTargets &&
+        (!state.selectedHostTarget || !state.allowedHostTargets.includes(state.selectedHostTarget))) {
+        return {
+            reason: 'host-target-unavailable',
+            message: 'No execution environment is available for this session.'
+        };
+    }
+    if (state.selectedHostTarget === 'fleet' && !state.selectedFleetHostId?.trim()) {
+        return {
+            reason: 'fleet-host-required',
+            message: 'Choose a machine to run on.'
+        };
+    }
+    if (state.ephemeral)
+        return null;
+    if (state.createRepositoryIfMissing)
+        return null;
+    if (state.selectedRepositoryId?.trim())
+        return null;
+    if (state.repositoryCount === 0) {
+        return {
+            reason: 'no-repositories',
+            message: state.repositoryCreationAvailable
+                ? 'Choose “Create a repository when this assignment starts” to continue.'
+                : 'There are no repositories to start from. Tick “Ephemeral workspace” to work in scratch space, or create a repository first.'
+        };
+    }
+    return {
+        reason: 'repository-required',
+        message: 'Choose a repository, or tick “Ephemeral workspace” to start without one.'
+    };
+}

package/dist/svelte/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @vibesdotdev/code-sessions/svelte
+ *
+ * Svelte components for code-session management UI. Consumed by wave-2 routes
+ * in hq-web and consumer hq. Components are thin wrappers around vibeskit
+ * primitives with zero internal jargon in copy.
+ *
+ * Session display components accept the narrow renderer-safe catalog record.
+ * Canonical records remain structurally compatible for trusted web consumers.
+ *
+ * NOTE: Do NOT import this barrel from a server context; components contain
+ * Svelte reactive state. Use the named component subpaths instead.
+ */
+export { default as SessionCard } from './components/SessionCard.svelte';
+export { default as SessionList } from './components/SessionList.svelte';
+export { default as SessionSeed } from './components/SessionSeed.svelte';
+export { default as CreateSessionDialog } from './components/CreateSessionDialog.svelte';
+export { default as TranscriptView } from './components/TranscriptView.svelte';
+export type { SessionListItem } from './session-list-item.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/svelte/index.js

@@ -0,0 +1,18 @@
+/**
+ * @vibesdotdev/code-sessions/svelte
+ *
+ * Svelte components for code-session management UI. Consumed by wave-2 routes
+ * in hq-web and consumer hq. Components are thin wrappers around vibeskit
+ * primitives with zero internal jargon in copy.
+ *
+ * Session display components accept the narrow renderer-safe catalog record.
+ * Canonical records remain structurally compatible for trusted web consumers.
+ *
+ * NOTE: Do NOT import this barrel from a server context; components contain
+ * Svelte reactive state. Use the named component subpaths instead.
+ */
+export { default as SessionCard } from './components/SessionCard.svelte';
+export { default as SessionList } from './components/SessionList.svelte';
+export { default as SessionSeed } from './components/SessionSeed.svelte';
+export { default as CreateSessionDialog } from './components/CreateSessionDialog.svelte';
+export { default as TranscriptView } from './components/TranscriptView.svelte';