create-interview-cockpit 0.19.0 → 0.21.0

package/template/client/src/components/GithubActionsLabModal.tsx

@@ -19,7 +19,12 @@ import {
   X,
 } from "lucide-react";
 import MonacoEditorLib from "@monaco-editor/react";
-import type { BeforeMount, Monaco, OnChange } from "@monaco-editor/react";
+import type {
+  BeforeMount,
+  Monaco,
+  OnChange,
+  OnMount,
+} from "@monaco-editor/react";
 import { useStore } from "../store";
 import {
   cloneGhaLabWorkspace,
@@ -42,8 +47,11 @@ const DEFAULT_W = Math.min(1280, window.innerWidth - 48);
 const DEFAULT_H = Math.min(820, window.innerHeight - 48);
 const EDITOR_FONT =
   'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+const GHA_LAB_MODEL_ROOT = "file:///gha-lab/";
 type ResizeDir = "e" | "s" | "se" | "sw" | "w" | "ne" | "nw" | "n";
 
+let ghaLabMonacoTypeLibsInjected = false;
+
 const EVENTS = [
   "push",
   "pull_request",
@@ -61,6 +69,8 @@ function baseName(filePath: string): string {
 function getEditorLanguage(filePath: string): string {
   const lower = filePath.toLowerCase();
   if (lower.endsWith(".yml") || lower.endsWith(".yaml")) return "yaml";
+  if (lower.endsWith(".html")) return "html";
+  if (lower.endsWith(".css")) return "css";
   if (lower.endsWith(".json")) return "json";
   if (lower.endsWith(".md") || lower.endsWith(".markdown")) return "markdown";
   if (lower.endsWith(".js") || lower.endsWith(".mjs")) return "javascript";
@@ -70,6 +80,13 @@ function getEditorLanguage(filePath: string): string {
   return "plaintext";
 }
 
+function getGhaLabModelPath(filePath: string): string {
+  return `${GHA_LAB_MODEL_ROOT}${filePath
+    .split("/")
+    .map(encodeURIComponent)
+    .join("/")}`;
+}
+
 // Tiny grouped-by-folder list to keep the modal lean.
 function groupByFolder(paths: string[]): { folder: string; files: string[] }[] {
   const map = new Map<string, string[]>();
@@ -155,6 +172,8 @@ export default function GithubActionsLabModal() {
   const [rightCollapsed, setRightCollapsed] = useState(false);
   const abortRef = useRef<AbortController | null>(null);
   const consoleEndRef = useRef<HTMLDivElement | null>(null);
+  const monacoRef = useRef<Monaco | null>(null);
+  const monacoModelUrisRef = useRef<Set<string>>(new Set());
 
   useEffect(() => {
     // Keep workflow selection valid when files change
@@ -521,6 +540,50 @@ export default function GithubActionsLabModal() {
 
   const clearConsole = () => setConsoleLines([]);
 
+  const syncMonacoWorkspaceModels = useCallback(
+    (monaco: Monaco, files: Record<string, string>) => {
+      const nextUris = new Set<string>();
+
+      for (const [filePath, content] of Object.entries(files)) {
+        const uri = monaco.Uri.parse(getGhaLabModelPath(filePath));
+        const uriText = uri.toString();
+        nextUris.add(uriText);
+
+        const existing = monaco.editor.getModel(uri);
+        if (existing) {
+          if (existing.getValue() !== content) existing.setValue(content);
+        } else {
+          monaco.editor.createModel(content, getEditorLanguage(filePath), uri);
+        }
+      }
+
+      for (const uriText of monacoModelUrisRef.current) {
+        if (nextUris.has(uriText)) continue;
+        monaco.editor.getModel(monaco.Uri.parse(uriText))?.dispose();
+      }
+
+      monacoModelUrisRef.current = nextUris;
+    },
+    [],
+  );
+
+  useEffect(() => {
+    const monaco = monacoRef.current;
+    if (!monaco) return;
+    syncMonacoWorkspaceModels(monaco, workspace.files);
+  }, [syncMonacoWorkspaceModels, workspace.files]);
+
+  useEffect(() => {
+    return () => {
+      const monaco = monacoRef.current;
+      if (!monaco) return;
+      for (const uriText of monacoModelUrisRef.current) {
+        monaco.editor.getModel(monaco.Uri.parse(uriText))?.dispose();
+      }
+      monacoModelUrisRef.current.clear();
+    };
+  }, []);
+
   // ── Console input ─────────────────────────────────────────────────
   const [consoleInput, setConsoleInput] = useState("");
   const handleConsoleSubmit = (e: React.FormEvent) => {
@@ -533,6 +596,139 @@ export default function GithubActionsLabModal() {
 
   // ── Monaco config ─────────────────────────────────────────────────
   const handleBeforeMount = useCallback<BeforeMount>((monaco: Monaco) => {
+    monacoRef.current = monaco;
+
+    // Monaco does not read the template's tsconfig.json or package.json, so
+    // configure its in-browser TypeScript worker like a Vite React TS project.
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const tsLang = monaco.languages.typescript as any;
+    const compilerOptions = {
+      target: tsLang.ScriptTarget.ESNext,
+      module: tsLang.ModuleKind.ESNext,
+      moduleResolution:
+        tsLang.ModuleResolutionKind.Bundler ??
+        tsLang.ModuleResolutionKind.NodeJs,
+      jsx: tsLang.JsxEmit.ReactJSX ?? tsLang.JsxEmit.Preserve,
+      jsxImportSource: "react",
+      allowJs: true,
+      strict: true,
+      esModuleInterop: true,
+      allowSyntheticDefaultImports: true,
+      allowNonTsExtensions: true,
+      resolveJsonModule: true,
+    };
+    tsLang.typescriptDefaults.setCompilerOptions(compilerOptions);
+    tsLang.javascriptDefaults.setCompilerOptions(compilerOptions);
+    tsLang.typescriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      noSyntaxValidation: false,
+      diagnosticCodesToIgnore: [2688],
+    });
+    tsLang.javascriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      noSyntaxValidation: false,
+      diagnosticCodesToIgnore: [2688],
+    });
+    tsLang.typescriptDefaults.setEagerModelSync(true);
+    tsLang.javascriptDefaults.setEagerModelSync(true);
+
+    if (!ghaLabMonacoTypeLibsInjected) {
+      const reactViteTypes = `
+declare module "react" {
+  export type ReactNode = any;
+  export type ReactElement = any;
+  export type CSSProperties = Record<string, string | number>;
+  export interface FC<P = {}> {
+    (props: P): ReactElement | null;
+  }
+  export const StrictMode: FC<{ children?: ReactNode }>;
+  const React: {
+    createElement: (...args: any[]) => ReactElement;
+    Fragment: any;
+    StrictMode: FC<{ children?: ReactNode }>;
+  };
+  export default React;
+}
+
+declare module "react/jsx-runtime" {
+  export namespace JSX {
+    interface Element {}
+    interface IntrinsicElements {
+      [elemName: string]: any;
+    }
+  }
+  export const Fragment: any;
+  export function jsx(type: any, props: any, key?: any): any;
+  export function jsxs(type: any, props: any, key?: any): any;
+  export function jsxDEV(
+    type: any,
+    props: any,
+    key: any,
+    isStaticChildren: boolean,
+    source: any,
+    self: any,
+  ): any;
+}
+
+declare namespace JSX {
+  interface Element {}
+  interface IntrinsicElements {
+    [elemName: string]: any;
+  }
+}
+
+declare module "react-dom/client" {
+  export function createRoot(container: Element | DocumentFragment): {
+    render(children: any): void;
+    unmount(): void;
+  };
+}
+
+declare module "vite" {
+  export function defineConfig(config: any): any;
+}
+
+declare module "@vitejs/plugin-react" {
+  export default function react(options?: any): any;
+}
+
+declare module "*.css" {
+  const classes: Record<string, string>;
+  export default classes;
+}
+
+interface ImportMetaEnv {
+  readonly BASE_URL: string;
+  readonly DEV: boolean;
+  readonly MODE: string;
+  readonly PROD: boolean;
+  readonly SSR: boolean;
+  readonly [key: string]: any;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
+`;
+      tsLang.typescriptDefaults.addExtraLib(
+        reactViteTypes,
+        "file:///__gha-lab-types/react-vite.d.ts",
+      );
+      tsLang.javascriptDefaults.addExtraLib(
+        reactViteTypes,
+        "file:///__gha-lab-types/react-vite.d.ts",
+      );
+      tsLang.typescriptDefaults.addExtraLib(
+        reactViteTypes,
+        "file:///node_modules/vite/client.d.ts",
+      );
+      tsLang.javascriptDefaults.addExtraLib(
+        reactViteTypes,
+        "file:///node_modules/vite/client.d.ts",
+      );
+      ghaLabMonacoTypeLibsInjected = true;
+    }
+
     monaco.editor.defineTheme("gha-lab-dark", {
       base: "vs-dark",
       inherit: true,
@@ -554,6 +750,14 @@ export default function GithubActionsLabModal() {
     });
   }, []);
 
+  const handleMount = useCallback<OnMount>(
+    (_editor, monaco) => {
+      monacoRef.current = monaco;
+      syncMonacoWorkspaceModels(monaco, workspace.files);
+    },
+    [syncMonacoWorkspaceModels, workspace.files],
+  );
+
   const handleEditorChange = useCallback<OnChange>(
     (next) => {
       updateFile(activeFile, next ?? "");
@@ -873,9 +1077,10 @@ export default function GithubActionsLabModal() {
                   width="100%"
                   language={getEditorLanguage(activeFile)}
                   theme="gha-lab-dark"
-                  path={`file:///gha-lab/${activeFile}`}
+                  path={getGhaLabModelPath(activeFile)}
                   value={workspace.files[activeFile]}
                   beforeMount={handleBeforeMount}
+                  onMount={handleMount}
                   onChange={handleEditorChange}
                   options={{
                     fontFamily: EDITOR_FONT,

package/template/client/src/components/LabsPanel.tsx

@@ -1,7 +1,11 @@
 import { useState } from "react";
 import { useStore } from "../store";
 import { DOCKER_DEEP_DIVE_LAB, parseInfraLabWorkspace } from "../infraLab";
-import { DEFAULT_GHA_LAB, parseGhaLabWorkspace } from "../githubActionsLab";
+import {
+  DEFAULT_GHA_LAB,
+  parseGhaLabWorkspace,
+  REACT_VITE_TYPESCRIPT_GHA_LAB,
+} from "../githubActionsLab";
 import { ENTERPRISE_LOCAL_AUTH_LAB } from "../enterpriseLocalLab";
 import {
   parseFrontendLabWorkspace,
@@ -656,6 +660,12 @@ export default function LabsPanel() {
             origin="github-actions"
             emptyText="Save a GitHub Actions lab to reopen it here"
             newLabMenu={[
+              {
+                label: "React Vite TypeScript Starter",
+                description:
+                  "Scaffolded React app with an empty .github/workflows/ci.yml",
+                onClick: () => openGhaLab(REACT_VITE_TYPESCRIPT_GHA_LAB),
+              },
               {
                 label: "Workflows + Composite Action",
                 description:

package/template/client/src/githubActionsLab.ts

@@ -164,6 +164,223 @@ require("fs").readdirSync(".").forEach((f) => console.log("  -", f));
 `,
 };
 
+const REACT_VITE_TYPESCRIPT_FILES: Record<string, string> = {
+  "README.md": `# React Vite TypeScript GitHub Actions Lab
+
+This template starts with a small React + Vite + TypeScript application and an intentionally empty workflow file.
+
+## App files
+
+- \`package.json\` defines the Vite scripts and React dependencies.
+- \`index.html\` mounts the app.
+- \`src/main.tsx\` boots React.
+- \`src/App.tsx\` contains the starter UI.
+- \`.github/workflows/ci.yml\` is blank on purpose so you can write the CI workflow from scratch.
+
+## Local app commands
+
+  npm install
+  npm run dev
+  npm run build
+
+## GitHub Actions task
+
+Open \`.github/workflows/ci.yml\`, add your workflow, then run it with the lab controls.
+`,
+
+  ".github/workflows/ci.yml": "",
+
+  ".gitignore": `node_modules
+dist
+.DS_Store
+*.local
+`,
+
+  "package.json": `{
+  "name": "gha-react-vite-typescript-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host 0.0.0.0",
+    "build": "tsc --noEmit && vite build",
+    "preview": "vite preview --host 0.0.0.0"
+  },
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "typescript": "^5.9.3",
+    "vite": "^6.0.0"
+  }
+}
+`,
+
+  "index.html": `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>React Vite TypeScript App</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
+`,
+
+  "tsconfig.json": `{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ES2020"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"]
+}
+`,
+
+  "vite.config.ts": `import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+});
+`,
+
+  "src/main.tsx": `import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);
+`,
+
+  "src/App.tsx": `const checks = [
+  "Edit .github/workflows/ci.yml from a clean slate",
+  "Install dependencies with npm install",
+  "Run npm run build in your workflow",
+];
+
+export default function App() {
+  return (
+    <main className="app-shell">
+      <section className="hero-card">
+        <p className="eyebrow">GitHub Actions Practice</p>
+        <h1>React + Vite + TypeScript</h1>
+        <p className="lead">
+          The application is ready. Your CI workflow starts empty so you can
+          build it one line at a time.
+        </p>
+        <ul>
+          {checks.map((check) => (
+            <li key={check}>{check}</li>
+          ))}
+        </ul>
+      </section>
+    </main>
+  );
+}
+`,
+
+  "src/index.css": `:root {
+  color: #e5eefb;
+  background: #0f172a;
+  font-family:
+    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+.app-shell {
+  display: grid;
+  min-height: 100vh;
+  place-items: center;
+  padding: 2rem;
+  background:
+    radial-gradient(circle at top left, rgba(59, 130, 246, 0.35), transparent 32rem),
+    linear-gradient(135deg, #0f172a 0%, #111827 100%);
+}
+
+.hero-card {
+  width: min(100%, 720px);
+  padding: 2rem;
+  border: 1px solid rgba(148, 163, 184, 0.2);
+  border-radius: 24px;
+  background: rgba(15, 23, 42, 0.78);
+  box-shadow: 0 24px 80px rgba(2, 6, 23, 0.45);
+}
+
+.eyebrow {
+  margin: 0 0 0.75rem;
+  color: #fbbf24;
+  font-size: 0.78rem;
+  font-weight: 700;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+}
+
+h1 {
+  margin: 0;
+  font-size: clamp(2.5rem, 8vw, 5rem);
+  line-height: 0.95;
+}
+
+.lead {
+  color: #cbd5e1;
+  font-size: 1.1rem;
+  line-height: 1.7;
+}
+
+ul {
+  display: grid;
+  gap: 0.75rem;
+  margin: 1.5rem 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+li {
+  padding: 0.85rem 1rem;
+  border: 1px solid rgba(148, 163, 184, 0.16);
+  border-radius: 14px;
+  background: rgba(30, 41, 59, 0.72);
+}
+`,
+
+  "src/vite-env.d.ts": `/// <reference types="vite/client" />
+`,
+};
+
 export const DEFAULT_GHA_LAB: GithubActionsLabWorkspace = {
   version: 1,
   label: "GitHub Actions Playground",
@@ -173,6 +390,15 @@ export const DEFAULT_GHA_LAB: GithubActionsLabWorkspace = {
   files: DEFAULT_FILES,
 };
 
+export const REACT_VITE_TYPESCRIPT_GHA_LAB: GithubActionsLabWorkspace = {
+  version: 1,
+  label: "React Vite TypeScript Starter",
+  activeFile: ".github/workflows/ci.yml",
+  defaultEvent: "push",
+  defaultWorkflow: ".github/workflows/ci.yml",
+  files: REACT_VITE_TYPESCRIPT_FILES,
+};
+
 // ─── Helpers (mirror infraLab.ts API surface) ────────────────────────────
 
 export function cloneGhaLabWorkspace(
@@ -183,7 +409,10 @@ export function cloneGhaLabWorkspace(
     source.files && Object.keys(source.files).length > 0
       ? { ...source.files }
       : { ...DEFAULT_FILES };
-  const activeFile = sourceFiles[source.activeFile]
+  const activeFile = Object.prototype.hasOwnProperty.call(
+    sourceFiles,
+    source.activeFile,
+  )
     ? source.activeFile
     : (Object.keys(sourceFiles)[0] ?? ".github/workflows/ci.yml");
 
@@ -193,7 +422,8 @@ export function cloneGhaLabWorkspace(
     activeFile,
     defaultEvent: source.defaultEvent || "push",
     defaultWorkflow:
-      source.defaultWorkflow && sourceFiles[source.defaultWorkflow]
+      source.defaultWorkflow &&
+      Object.prototype.hasOwnProperty.call(sourceFiles, source.defaultWorkflow)
         ? source.defaultWorkflow
         : Object.keys(sourceFiles).find((f) =>
             f.startsWith(".github/workflows/"),

package/template/client/src/store.ts

@@ -200,6 +200,10 @@ interface Store {
   toggleSidebar: () => void;
   fetchAvailableFiles: () => Promise<void>;
   updateCodeContext: (questionId: string, files: string[]) => Promise<void>;
+  updateGitDiffContext: (
+    questionId: string,
+    ctx: import("./types").GitDiffContext | null,
+  ) => Promise<void>;
   refreshCurrentQuestion: () => Promise<void>;
   uploadTopicFiles: (
     topicId: string,
@@ -830,6 +834,16 @@ export const useStore = create<Store>((set, get) => ({
     }));
   },
 
+  updateGitDiffContext: async (questionId, ctx) => {
+    // Send null explicitly so the server can clear the field; PATCH ignores undefined.
+    await api.updateQuestion(questionId, { gitDiffContext: ctx } as any);
+    set((s) => ({
+      currentQuestion: s.currentQuestion
+        ? { ...s.currentQuestion, gitDiffContext: ctx ?? undefined }
+        : null,
+    }));
+  },
+
   refreshCurrentQuestion: async () => {
     const { selectedQuestionId } = get();
     if (selectedQuestionId) {

package/template/client/src/types.ts

@@ -151,6 +151,8 @@ export interface Question {
   title: string;
   systemContext: string;
   codeContextFiles: string[];
+  /** Optional git diff selection that the chat LLM can lazy-fetch via readFile. */
+  gitDiffContext?: GitDiffContext;
   contextFiles: ContextFile[];
   messages: Message[];
   annotations?: Annotation[];
@@ -161,3 +163,24 @@ export interface Question {
   linkedConversationIds?: string[];
   createdAt: string;
 }
+
+export type GitDiffMode = "two-dot" | "three-dot" | "working-tree";
+
+export interface GitDiffContext {
+  baseRef: string;
+  /** Branch / ref / tag. Empty when mode is working-tree. */
+  headRef: string;
+  mode: GitDiffMode;
+  selectedFiles: string[];
+}
+
+export type GitDiffStatus = "A" | "M" | "D" | "R" | "C" | "T" | "U" | "?";
+
+export interface GitDiffFileEntry {
+  path: string;
+  oldPath?: string;
+  status: GitDiffStatus;
+  additions: number;
+  deletions: number;
+  binary: boolean;
+}

package/template/client/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/api.ts","./src/browsersecuritytemplates.ts","./src/enterpriselocallab.ts","./src/githubactionslab.ts","./src/infralab.ts","./src/main.tsx","./src/reactlab.ts","./src/store.ts","./src/types.ts","./src/vite-env.d.ts","./src/components/aisettingsmodal.tsx","./src/components/annotationdialog.tsx","./src/components/browsersecuritylabmodal.tsx","./src/components/canvaslabmodal.tsx","./src/components/chatmessage.tsx","./src/components/chatview.tsx","./src/components/codecontextpanel.tsx","./src/components/codelineannotationpopup.tsx","./src/components/coderunnermodal.tsx","./src/components/deploymentlabmodal.tsx","./src/components/docrefmodal.tsx","./src/components/fileattachments.tsx","./src/components/filepickermodal.tsx","./src/components/fileviewermodal.tsx","./src/components/ghahistorypanel.tsx","./src/components/ghajobspanel.tsx","./src/components/githubactionslabmodal.tsx","./src/components/infralabmodal.tsx","./src/components/labspanel.tsx","./src/components/linkedconvospicker.tsx","./src/components/markdownrenderer.tsx","./src/components/mermaiddiagram.tsx","./src/components/notesmodal.tsx","./src/components/plotembed.tsx","./src/components/sidebar.tsx","./src/components/textannotator.tsx","./src/components/vizcraftembed.tsx","./src/components/workspaceswitcher.tsx"],"version":"5.9.3"}
+{"root":["./src/app.tsx","./src/api.ts","./src/browsersecuritytemplates.ts","./src/enterpriselocallab.ts","./src/githubactionslab.ts","./src/infralab.ts","./src/main.tsx","./src/reactlab.ts","./src/store.ts","./src/types.ts","./src/vite-env.d.ts","./src/components/aisettingsmodal.tsx","./src/components/annotationdialog.tsx","./src/components/browsersecuritylabmodal.tsx","./src/components/canvaslabmodal.tsx","./src/components/chatmessage.tsx","./src/components/chatview.tsx","./src/components/codecontextpanel.tsx","./src/components/codelineannotationpopup.tsx","./src/components/coderunnermodal.tsx","./src/components/deploymentlabmodal.tsx","./src/components/docrefmodal.tsx","./src/components/fileattachments.tsx","./src/components/filepickermodal.tsx","./src/components/fileviewermodal.tsx","./src/components/ghahistorypanel.tsx","./src/components/ghajobspanel.tsx","./src/components/gitdiffpanel.tsx","./src/components/gitdiffviewermodal.tsx","./src/components/githubactionslabmodal.tsx","./src/components/infralabmodal.tsx","./src/components/labspanel.tsx","./src/components/linkedconvospicker.tsx","./src/components/markdownrenderer.tsx","./src/components/mermaiddiagram.tsx","./src/components/notesmodal.tsx","./src/components/plotembed.tsx","./src/components/sidebar.tsx","./src/components/textannotator.tsx","./src/components/vizcraftembed.tsx","./src/components/workspaceswitcher.tsx"],"version":"5.9.3"}

package/template/cockpit.json

@@ -1,3 +1,3 @@
 {
-  "version": "0.17.3"
+  "version": "0.19.0"
 }

package/template/server/src/gha-runner.ts

@@ -180,7 +180,8 @@ function parseWorkspace(input: unknown): GithubActionsLabWorkspace {
         ? candidate.label.trim()
         : "GitHub Actions Lab",
     activeFile:
-      typeof candidate.activeFile === "string" && files[candidate.activeFile]
+      typeof candidate.activeFile === "string" &&
+      Object.prototype.hasOwnProperty.call(files, candidate.activeFile)
         ? candidate.activeFile
         : fileNames[0],
     defaultEvent: