create-interview-cockpit 0.12.0 → 0.14.0

package/template/client/src/store.ts

@@ -106,6 +106,7 @@ interface Store {
   expandedTopics: string[];
   availableFiles: string[];
   showCodePanel: boolean;
+  showLabsPanel: boolean;
   showSidebar: boolean;
   viewingFile: string | null;
   viewingDoc: { fileId: string; quote: string; fileName: string } | null;
@@ -183,6 +184,7 @@ interface Store {
   selectQuestion: (topicId: string, questionId: string) => Promise<void>;
   toggleTopic: (topicId: string) => void;
   toggleCodePanel: () => void;
+  toggleLabsPanel: () => void;
   toggleSidebar: () => void;
   fetchAvailableFiles: () => Promise<void>;
   updateCodeContext: (questionId: string, files: string[]) => Promise<void>;
@@ -202,6 +204,8 @@ interface Store {
     files: FileList | File[],
   ) => Promise<void>;
   removeQuestionFile: (questionId: string, fileId: string) => Promise<void>;
+  detachLabFile: (questionId: string, fileId: string) => Promise<void>;
+  attachLabFile: (questionId: string, fileId: string) => Promise<void>;
   linkFileToQuestion: (
     questionId: string,
     fileId: string,
@@ -311,6 +315,11 @@ interface Store {
   ) => Promise<void>;
   closeCodeRunner: () => void;
 
+  // ── Deployment Lab ──────────────────────────────────────────
+  showDeploymentLab: boolean;
+  openDeploymentLab: () => void;
+  closeDeploymentLab: () => void;
+
   // ── Infra Lab ────────────────────────────────────────────────
   showInfraLab: boolean;
   runnerInitialInfra: InfraLabWorkspace | null;
@@ -349,6 +358,7 @@ export const useStore = create<Store>((set, get) => ({
   expandedTopics: [],
   availableFiles: [],
   showCodePanel: false,
+  showLabsPanel: false,
   showSidebar: true,
   viewingFile: null,
   viewingDoc: null,
@@ -362,6 +372,7 @@ export const useStore = create<Store>((set, get) => ({
   runnerInitialLanguage: "typescript",
   runnerInitialSandbox: null,
   runnerInitialFileId: null,
+  showDeploymentLab: false,
   showInfraLab: false,
   runnerInitialInfra: null,
   runnerInitialInfraFileId: null,
@@ -671,13 +682,20 @@ export const useStore = create<Store>((set, get) => ({
   },
 
   toggleCodePanel: () => {
-    set((s) => ({ showCodePanel: !s.showCodePanel }));
+    set((s) => ({
+      showCodePanel: !s.showCodePanel,
+      showLabsPanel: false,
+    }));
     const { availableFiles, fetchAvailableFiles } = get();
     if (availableFiles.length === 0) {
       fetchAvailableFiles();
     }
   },
 
+  toggleLabsPanel: () => {
+    set((s) => ({ showLabsPanel: !s.showLabsPanel, showCodePanel: false }));
+  },
+
   fetchAvailableFiles: async () => {
     const files = await api.fetchCodeContextTree();
     set({ availableFiles: files });
@@ -769,6 +787,36 @@ export const useStore = create<Store>((set, get) => ({
     }));
   },
 
+  detachLabFile: async (questionId, fileId) => {
+    const cf = await api.detachQuestionLabFile(questionId, fileId);
+    set((s) => ({
+      currentQuestion:
+        s.currentQuestion?.id === questionId
+          ? {
+              ...s.currentQuestion,
+              contextFiles: (s.currentQuestion.contextFiles || []).map((f) =>
+                f.id === fileId ? { ...f, inContext: cf.inContext } : f,
+              ),
+            }
+          : s.currentQuestion,
+    }));
+  },
+
+  attachLabFile: async (questionId, fileId) => {
+    const cf = await api.attachQuestionLabFile(questionId, fileId);
+    set((s) => ({
+      currentQuestion:
+        s.currentQuestion?.id === questionId
+          ? {
+              ...s.currentQuestion,
+              contextFiles: (s.currentQuestion.contextFiles || []).map((f) =>
+                f.id === fileId ? { ...f, inContext: cf.inContext } : f,
+              ),
+            }
+          : s.currentQuestion,
+    }));
+  },
+
   linkFileToQuestion: async (questionId, fileId, originalName) => {
     const cf = await api.linkFileToQuestion(questionId, fileId, originalName);
     set((s) => ({
@@ -1010,6 +1058,9 @@ export const useStore = create<Store>((set, get) => ({
     }));
   },
   closeCodeRunner: () => set({ showCodeRunner: false }),
+  showDeploymentLab: false,
+  openDeploymentLab: () => set({ showDeploymentLab: true }),
+  closeDeploymentLab: () => set({ showDeploymentLab: false }),
   closeInfraLab: () => set({ showInfraLab: false }),
 
   fetchAiSettings: async () => {

package/template/client/src/types.ts

@@ -23,6 +23,8 @@ export interface ContextFile {
   language?: string;
   /** Short display label for code snippets. */
   label?: string;
+  /** When false, file is saved but excluded from AI prompt context (detached lab). */
+  inContext?: boolean;
 }
 
 export interface FrontendLabWorkspace {

package/template/cockpit.json

@@ -1,3 +1,3 @@
 {
-  "version": "0.10.0"
+  "version": "0.13.0"
 }

package/template/server/src/index.ts

@@ -684,6 +684,38 @@ app.delete(
   },
 );
 
+// Detach a lab file from AI context without deleting it
+app.post(
+  "/api/questions/:questionId/context-files/:fileId/detach",
+  async (req, res) => {
+    try {
+      const cf = await storage.detachQuestionContextFile(
+        req.params.questionId,
+        req.params.fileId,
+      );
+      res.json(cf);
+    } catch (err: any) {
+      res.status(500).json({ error: err?.message || "Failed to detach" });
+    }
+  },
+);
+
+// Re-attach a previously detached lab file to AI context
+app.post(
+  "/api/questions/:questionId/context-files/:fileId/attach",
+  async (req, res) => {
+    try {
+      const cf = await storage.attachQuestionContextFile(
+        req.params.questionId,
+        req.params.fileId,
+      );
+      res.json(cf);
+    } catch (err: any) {
+      res.status(500).json({ error: err?.message || "Failed to attach" });
+    }
+  },
+);
+
 // Save a code snippet (from Code Runner or AI response) as a question context file
 app.post("/api/questions/:questionId/save-code-snippet", async (req, res) => {
   const { code, language, label, origin } = req.body as {
@@ -1376,7 +1408,9 @@ app.post("/api/chat", async (req, res) => {
   if (questionId) {
     const question = await storage.getQuestion(questionId);
     if (question?.contextFiles?.length) {
-      for (const cf of question.contextFiles) {
+      for (const cf of question.contextFiles.filter(
+        (c) => c.inContext !== false,
+      )) {
         fileRegistry.set(cf.id, {
           label: `[question] ${cf.originalName}`,
           reader: () => storage.readContextFileContent(cf.id),
@@ -2555,17 +2589,19 @@ function getModuleFederationCommandEnv(
   sandbox: ModuleFederationSandboxEntry,
 ): NodeJS.ProcessEnv {
   const hostPort = new URL(sandbox.appUrls.host).port;
-  const profilePort = new URL(sandbox.appUrls.profile).port;
-  const checkoutPort = new URL(sandbox.appUrls.checkout).port;
-
-  return {
+  const env: NodeJS.ProcessEnv = {
     ...process.env,
     HOST_PORT: hostPort,
-    PROFILE_PORT: profilePort,
-    CHECKOUT_PORT: checkoutPort,
     MF_SANDBOX_ID: sandbox.id,
     npm_config_update_notifier: "false",
   };
+  if (sandbox.appUrls.profile)
+    env.PROFILE_PORT = new URL(sandbox.appUrls.profile).port;
+  if (sandbox.appUrls.checkout)
+    env.CHECKOUT_PORT = new URL(sandbox.appUrls.checkout).port;
+  if (sandbox.appUrls.mfeAuth)
+    env.MFE_AUTH_PORT = new URL(sandbox.appUrls.mfeAuth).port;
+  return env;
 }
 
 async function runStreamedCommand(
@@ -2900,24 +2936,42 @@ app.post("/api/module-federation/start", async (req, res) => {
       logs,
     );
 
-    const [hostPort, profilePort, checkoutPort] = await getDistinctPorts(3);
-    const appUrls = {
+    // Detect isolated 2-app pattern (host + mfe-auth, no profile/checkout).
+    const isIsolated =
+      typeof files["apps/mfe-auth/package.json"] === "string" &&
+      typeof files["apps/checkout/package.json"] !== "string";
+
+    const ports = await getDistinctPorts(isIsolated ? 2 : 3);
+    const [hostPort] = ports;
+
+    const appUrls: Record<string, string> = {
       host: `http://localhost:${hostPort}`,
-      profile: `http://localhost:${profilePort}`,
-      checkout: `http://localhost:${checkoutPort}`,
     };
+    const spawnEnv: NodeJS.ProcessEnv = {
+      ...process.env,
+      HOST_PORT: String(hostPort),
+      MF_SANDBOX_ID: id,
+      npm_config_update_notifier: "false",
+    };
+
+    if (isIsolated) {
+      const [, mfeAuthPort] = ports;
+      appUrls.mfeAuth = `http://localhost:${mfeAuthPort}`;
+      spawnEnv.MFE_AUTH_PORT = String(mfeAuthPort);
+    } else {
+      const [, profilePort, checkoutPort] = ports;
+      appUrls.profile = `http://localhost:${profilePort}`;
+      appUrls.checkout = `http://localhost:${checkoutPort}`;
+      spawnEnv.PROFILE_PORT = String(profilePort);
+      spawnEnv.CHECKOUT_PORT = String(checkoutPort);
+    }
+
     const readyPorts = new Set<string>();
+    const requiredPorts = isIsolated ? 2 : 3;
 
     const child = spawn(npmCommand(), ["run", "dev"], {
       cwd: dir,
-      env: {
-        ...process.env,
-        HOST_PORT: String(hostPort),
-        PROFILE_PORT: String(profilePort),
-        CHECKOUT_PORT: String(checkoutPort),
-        MF_SANDBOX_ID: id,
-        npm_config_update_notifier: "false",
-      },
+      env: spawnEnv,
     });
 
     const entry: ModuleFederationSandboxEntry = {
@@ -2932,11 +2986,10 @@ app.post("/api/module-federation/start", async (req, res) => {
     };
 
     const markReady = (text: string) => {
-      if (text.includes(`localhost:${hostPort}`)) readyPorts.add("host");
-      if (text.includes(`localhost:${profilePort}`)) readyPorts.add("profile");
-      if (text.includes(`localhost:${checkoutPort}`))
-        readyPorts.add("checkout");
-      if (readyPorts.size === 3) {
+      for (const [key, url] of Object.entries(appUrls)) {
+        if (text.includes(new URL(url).host)) readyPorts.add(key);
+      }
+      if (readyPorts.size >= requiredPorts) {
         entry.ready = true;
       }
     };

package/template/server/src/storage.ts

@@ -76,6 +76,9 @@ export interface ContextFile {
   language?: string;
   /** Short display label for code snippets. */
   label?: string;
+  /** When false, the file is saved but excluded from the AI prompt context.
+   *  Used to detach lab files without permanently deleting them. */
+  inContext?: boolean;
 }
 
 export interface Message {
@@ -802,6 +805,34 @@ export async function deleteQuestionContextFile(
   }
 }
 
+/** Removes a lab file from the AI context without deleting it from disk. */
+export async function detachQuestionContextFile(
+  questionId: string,
+  fileId: string,
+): Promise<ContextFile> {
+  const q = await getQuestion(questionId);
+  if (!q) throw new Error("Question not found");
+  const cf = (q.contextFiles || []).find((f) => f.id === fileId);
+  if (!cf) throw new Error("Context file not found");
+  cf.inContext = false;
+  await saveQuestion(q);
+  return cf;
+}
+
+/** Re-attaches a detached lab file to the AI context. */
+export async function attachQuestionContextFile(
+  questionId: string,
+  fileId: string,
+): Promise<ContextFile> {
+  const q = await getQuestion(questionId);
+  if (!q) throw new Error("Question not found");
+  const cf = (q.contextFiles || []).find((f) => f.id === fileId);
+  if (!cf) throw new Error("Context file not found");
+  cf.inContext = true;
+  await saveQuestion(q);
+  return cf;
+}
+
 export async function updateQuestionMessages(
   questionId: string,
   messages: Message[],