Accept story 38: Auto-Open Project on Server Startup

Server detects .story_kit/ in cwd or parent directories at startup and
automatically opens the project. MCP tools work immediately without
manual project-open step. Falls back to cwd when no .story_kit/ found.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/components/AgentPanel.test.tsx

@@ -1,7 +1,7 @@
 import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { beforeAll, beforeEach, describe, expect, it, vi } from "vitest";
-import type { AgentInfo, AgentConfigInfo } from "../api/agents";
+import type { AgentConfigInfo, AgentInfo } from "../api/agents";
 import { agentsApi } from "../api/agents";
 
 vi.mock("../api/agents", () => {
@@ -147,9 +147,7 @@ describe("AgentPanel diff command", () => {
 		await userEvent.click(expandButton);
 
 		expect(
-			await screen.findByText(
-				'cd "/tmp/wt" && git difftool develop...HEAD',
-			),
+			await screen.findByText('cd "/tmp/wt" && git difftool develop...HEAD'),
 		).toBeInTheDocument();
 	});
 
@@ -178,9 +176,7 @@ describe("AgentPanel diff command", () => {
 		await userEvent.click(expandButton);
 
 		expect(
-			await screen.findByText(
-				'cd "/tmp/wt" && git difftool master...HEAD',
-			),
+			await screen.findByText('cd "/tmp/wt" && git difftool master...HEAD'),
 		).toBeInTheDocument();
 	});
 });

frontend/src/components/AgentPanel.tsx

@@ -108,7 +108,10 @@ function agentKey(storyId: string, agentName: string): string {
 function DiffCommand({
 	worktreePath,
 	baseBranch,
-}: { worktreePath: string; baseBranch: string }) {
+}: {
+	worktreePath: string;
+	baseBranch: string;
+}) {
 	const [copied, setCopied] = useState(false);
 	const command = `cd "${worktreePath}" && git difftool ${baseBranch}...HEAD`;
 
@@ -652,19 +655,20 @@ export function AgentPanel({ stories }: AgentPanelProps) {
 								</div>
 
 								{/* Empty state when expanded with no agents */}
-								{expandedKey === story.story_id && storyAgentEntries.length === 0 && (
-									<div
-										style={{
-											borderTop: "1px solid #2a2a2a",
-											padding: "12px",
-											fontSize: "0.8em",
-											color: "#555",
-											textAlign: "center",
-										}}
-									>
-										No agents started. Use the Run button to start an agent.
-									</div>
-								)}
+								{expandedKey === story.story_id &&
+									storyAgentEntries.length === 0 && (
+										<div
+											style={{
+												borderTop: "1px solid #2a2a2a",
+												padding: "12px",
+												fontSize: "0.8em",
+												color: "#555",
+												textAlign: "center",
+											}}
+										>
+											No agents started. Use the Run button to start an agent.
+										</div>
+									)}
 
 								{/* Expanded detail per agent */}
 								{storyAgentEntries.map(([key, a]) => {

frontend/src/components/Chat.test.tsx

@@ -487,10 +487,13 @@ describe("Chat review panel", () => {
 		render(<Chat projectPath="/tmp/project" onCloseProject={vi.fn()} />);
 
 		expect(await screen.findByText("Upcoming Stories")).toBeInTheDocument();
-		expect(
-			await screen.findByText("View Upcoming Stories"),
-		).toBeInTheDocument();
-		expect(await screen.findByText("32_worktree")).toBeInTheDocument();
+		// Both AgentPanel and ReviewPanel display story names, so multiple elements are expected
+		const storyNameElements = await screen.findAllByText(
+			"View Upcoming Stories",
+		);
+		expect(storyNameElements.length).toBeGreaterThan(0);
+		const worktreeElements = await screen.findAllByText("32_worktree");
+		expect(worktreeElements.length).toBeGreaterThan(0);
 	});
 
 	it("collect coverage button triggers collection and refreshes gate", async () => {