@flowdular/sandbox 0.2.5 → 0.2.7

package/src/server/turns.ts

@@ -688,14 +688,31 @@ export async function* runTurn(
 	);
 
 	const history = historyFrom(await readChat(context.workspaceRoot, session));
+	// Provider conversations retain instructions and tool history. Reuse one only
+	// while its role, module, skill, write ceiling, specification and model match.
+	const resumePrefix = `${driverId}:scope:`;
+	const resumeKey =
+		resumePrefix +
+		createHash('sha256')
+			.update(
+				JSON.stringify([
+					instruction,
+					active.specHash ?? null,
+					session.model ?? context.configuration.driverModel,
+				]),
+			)
+			.digest('hex');
+	const previousKeys = Object.keys(session.resumeIds).filter(
+		(key) => key === driverId || key.startsWith(resumePrefix),
+	);
 	const resumeId = input.freshContext
 		? null
-		: (session.resumeIds[driverId] ?? null);
-	if (input.freshContext) {
+		: (session.resumeIds[resumeKey] ?? null);
+	if (input.freshContext || (!resumeId && previousKeys.length > 0)) {
 		yield await appendChatEntry(context.workspaceRoot, session, {
 			kind: 'system',
 			role: roleId,
-			text: 'Starting with fresh agent context. Draft files, approved specification and sandbox history are preserved; the agent receives the brief and recent messages.',
+			text: `Starting fresh agent context for ${role.name} in ${active.id} with the current task and write scope. Draft files, approved specification and sandbox history are preserved; the agent receives the brief and recent messages.`,
 		});
 	}
 	let nextResumeId = resumeId;
@@ -973,8 +990,9 @@ export async function* runTurn(
 	}
 
 	const resumeIds = { ...session.resumeIds };
-	if (nextResumeId) resumeIds[driverId] = nextResumeId;
-	else if (input.freshContext) delete resumeIds[driverId];
+	// Retain at most one conversation per driver, including after many handoffs.
+	for (const key of previousKeys) delete resumeIds[key];
+	if (nextResumeId) resumeIds[resumeKey] = nextResumeId;
 	const updated = await updateSession(context.workspaceRoot, session.id, {
 		resumeIds,
 		state: failed

package/src/styles.css

@@ -683,13 +683,16 @@
 	color: var(--danger);
 }
 
-.chat__auto {
+.chat-settings {
 	display: inline-flex;
-	align-items: center;
-	gap: 6px;
-	font-size: var(--text-sm);
-	color: var(--ink-3);
-	white-space: nowrap;
+}
+
+.chat-settings__panel {
+	position: fixed;
+	z-index: 20;
+	width: min(320px, calc(100vw - 32px));
+	max-height: calc(100dvh - 32px);
+	overflow-y: auto;
 }
 
 .chat__selection {
@@ -1571,3 +1574,102 @@
 	font-size: var(--text-md);
 	color: var(--ink-3);
 }
+
+@keyframes chat-activity-spin {
+	to {
+		transform: rotate(360deg);
+	}
+}
+.chat__event--active > svg {
+	animation: chat-activity-spin 1.5s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+	.chat__event--active > svg {
+		animation: none;
+	}
+}
+
+/* Compact operation summaries with the original details available on demand. */
+.chat-tool {
+	min-width: 0;
+	color: var(--ink-2);
+	font-size: var(--text-sm);
+}
+.chat-tool__summary {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	min-width: 0;
+	padding: 6px 0;
+	cursor: pointer;
+	list-style: none;
+}
+.chat-tool__summary::-webkit-details-marker {
+	display: none;
+}
+.chat-tool__summary:focus-visible {
+	outline: 2px solid var(--focus);
+	outline-offset: 2px;
+}
+.chat-tool__summary > svg {
+	flex-shrink: 0;
+}
+.chat-tool__action {
+	flex-shrink: 0;
+}
+.chat-tool__target {
+	min-width: 0;
+	flex: 1;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-family: var(--font-mono);
+}
+.chat-tool__status,
+.chat-tool__duration {
+	color: var(--ink-3);
+	flex-shrink: 0;
+	font-variant-numeric: tabular-nums;
+}
+.chat-tool--failed .chat-tool__status,
+.chat-tool--failed .chat-tool__summary > svg:first-child {
+	color: var(--danger);
+}
+.chat-tool[open] .chat-tool__summary > svg:last-child {
+	transform: rotate(180deg);
+}
+.chat-tool__details {
+	margin: 0 0 8px 22px;
+	padding: 12px;
+	border: 1px solid var(--line);
+	border-radius: var(--r-sm);
+}
+.chat-tool__details dt {
+	color: var(--ink-3);
+	margin-bottom: 4px;
+}
+.chat-tool__details dd {
+	margin: 0 0 8px;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+	font-family: var(--font-mono);
+}
+.chat-tool__details dd:last-child {
+	margin-bottom: 0;
+}
+.chat-tool--running .chat-tool__summary > svg:first-child {
+	animation: chat-activity-spin 1.5s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+	.chat-tool--running .chat-tool__summary > svg:first-child {
+		animation: none;
+	}
+}
+@media (max-width: 600px) {
+	.chat-tool__summary {
+		flex-wrap: wrap;
+	}
+	.chat-tool__target {
+		flex-basis: calc(100% - 32px);
+	}
+}

package/vite.config.ts

@@ -9,6 +9,7 @@ import { defineConfig } from 'vite';
 import { sandboxDirectory } from './src/server/config.ts';
 import { findFlowdularWorkspace } from './src/server/workspace-root.ts';
 import { resolvePreviewModules } from './src/server/preview-modules.ts';
+import { isolatePreviewHotUpdates } from './src/server/preview-hot-updates.ts';
 import type { SandboxSession } from './src/server/sessions.ts';
 
 Object.assign(process.env, flowdularEnvironment(process.env));
@@ -103,7 +104,10 @@ function previewModules(workspaceRoot: string): Plugin {
 
 const config = {
 	root: appRoot,
-	plugins: [previewModules(workspace.root), octane()],
+	plugins: [
+		previewModules(workspace.root),
+		...isolatePreviewHotUpdates(octane(), workspace.root),
+	],
 	resolve: {
 		/* Draft module code is loaded from a session workspace outside this app.
 		   It resolves the workspace packages through the node_modules link the