create-interview-cockpit 0.18.0 → 0.19.0

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

@@ -119,7 +119,9 @@ export default function Sidebar() {
     selectDriveSubfolder,
     clearDriveSubfolder,
     syncWorkspace,
+    syncTopic,
     exportWorkspace,
+    exportTopic,
     workspaceFiles,
     uploadWorkspaceFiles,
     removeWorkspaceFile,
@@ -162,6 +164,7 @@ export default function Sidebar() {
   const [openMenuQuestionId, setOpenMenuQuestionId] = useState<string | null>(
     null,
   );
+  const [openMenuTopicId, setOpenMenuTopicId] = useState<string | null>(null);
   const [openTopicPrompts, setOpenTopicPrompts] = useState<Set<string>>(
     new Set(),
   );
@@ -216,6 +219,11 @@ export default function Sidebar() {
   const [navigating, setNavigating] = useState(false);
   const [syncing, setSyncing] = useState(false);
   const [pushing, setPushing] = useState(false);
+  const [topicSyncingId, setTopicSyncingId] = useState<string | null>(null);
+  const [topicPushingId, setTopicPushingId] = useState<string | null>(null);
+  const [topicDriveStatus, setTopicDriveStatus] = useState<
+    Record<string, string>
+  >({});
   const [wsFilesExpanded, setWsFilesExpanded] = useState(true);
   const [driveFileSyncStatus, setDriveFileSyncStatus] = useState<string | null>(
     null,
@@ -294,6 +302,61 @@ export default function Sidebar() {
     }
   };
 
+  const setTopicStatus = (topicId: string, value: string) => {
+    setTopicDriveStatus((prev) => ({ ...prev, [topicId]: value }));
+  };
+
+  const handlePullTopicFromDrive = async (topicId: string) => {
+    if (!activeWorkspaceId || !activeWs?.driveConfig?.folderId) return;
+    setTopicSyncingId(topicId);
+    setTopicStatus(topicId, "Pulling topic from Drive…");
+    try {
+      const result = await syncTopic(activeWorkspaceId, topicId);
+      if ("needsAuth" in result && result.needsAuth) {
+        window.location.href = result.authUrl;
+        return;
+      }
+      const firstError = result.errors[0];
+      setTopicStatus(
+        topicId,
+        result.errors.length > 0
+          ? `Topic pull finished with ${result.errors.length} error${result.errors.length === 1 ? "" : "s"}. ${firstError ? `First: ${firstError}` : ""}`
+          : `Pulled ${result.filesImported} file${result.filesImported === 1 ? "" : "s"} into this topic.`,
+      );
+    } catch (err: any) {
+      setTopicStatus(topicId, err?.message || "Topic pull failed.");
+    } finally {
+      setTopicSyncingId(null);
+    }
+  };
+
+  const handlePushTopicToDrive = async (topicId: string) => {
+    if (!activeWorkspaceId || !activeWs?.driveConfig?.folderId) return;
+    setTopicPushingId(topicId);
+    setTopicStatus(topicId, "Pushing topic to Drive…");
+    try {
+      const result = await exportTopic(
+        activeWorkspaceId,
+        topicId,
+        activeWs.driveConfig.subFolderId,
+      );
+      if ("needsAuth" in result && result.needsAuth) {
+        window.location.href = result.authUrl;
+        return;
+      }
+      setTopicStatus(
+        topicId,
+        result.errors.length > 0
+          ? `Topic push finished with ${result.errors.length} error${result.errors.length === 1 ? "" : "s"}.`
+          : `Pushed ${result.questionsExported} question${result.questionsExported === 1 ? "" : "s"} and ${result.filesExported} file${result.filesExported === 1 ? "" : "s"} to Drive.`,
+      );
+    } catch (err: any) {
+      setTopicStatus(topicId, err?.message || "Topic push failed.");
+    } finally {
+      setTopicPushingId(null);
+    }
+  };
+
   useEffect(() => {
     if (editingTopicId || editingQuestionId) {
       editInputRef.current?.select();
@@ -1194,6 +1257,9 @@ export default function Sidebar() {
                         sensitivity: "base",
                       }),
               );
+              const isTopicMenuOpen = openMenuTopicId === topic.id;
+              const topicBusy =
+                topicSyncingId === topic.id || topicPushingId === topic.id;
 
               return (
                 <div key={topic.id}>
@@ -1238,69 +1304,160 @@ export default function Sidebar() {
                       </span>
                     </button>
                     {editingTopicId !== topic.id && (
-                      <button
-                        onClick={(e) => {
-                          e.stopPropagation();
-                          setEditingTopicId(topic.id);
-                          setEditingTopicName(topic.name);
-                        }}
-                        className="p-0.5 rounded opacity-0 group-hover:opacity-100 text-slate-600 hover:text-cyan-400 transition-all"
-                        title="Rename"
+                      <div
+                        className="relative shrink-0 flex items-center"
+                        onClick={(e) => e.stopPropagation()}
                       >
-                        <Pencil className="w-3 h-3" />
-                      </button>
+                        {topicBusy && !isTopicMenuOpen ? (
+                          <Loader2 className="w-3 h-3 animate-spin text-cyan-400" />
+                        ) : (
+                          <button
+                            onClick={() =>
+                              setOpenMenuTopicId(
+                                isTopicMenuOpen ? null : topic.id,
+                              )
+                            }
+                            className={`p-0.5 rounded transition-all ${
+                              isTopicMenuOpen
+                                ? "text-cyan-400"
+                                : "opacity-0 group-hover:opacity-100 text-slate-600 hover:text-slate-300"
+                            }`}
+                            title="Topic options"
+                          >
+                            <MoreHorizontal className="w-3.5 h-3.5" />
+                          </button>
+                        )}
+
+                        {isTopicMenuOpen && (
+                          <>
+                            <div
+                              className="fixed inset-0 z-40"
+                              onClick={() => setOpenMenuTopicId(null)}
+                            />
+                            <div className="absolute right-0 top-full mt-0.5 z-50 bg-slate-800 border border-slate-700 rounded-md shadow-xl min-w-[170px] py-0.5">
+                              <button
+                                onClick={() => {
+                                  setOpenMenuTopicId(null);
+                                  setEditingTopicId(topic.id);
+                                  setEditingTopicName(topic.name);
+                                }}
+                                className="w-full flex items-center gap-2 px-3 py-1.5 text-xs text-slate-300 hover:bg-slate-700 hover:text-white transition-colors"
+                              >
+                                <Pencil className="w-3 h-3" /> Rename
+                              </button>
+                              <button
+                                onClick={() => {
+                                  setOpenMenuTopicId(null);
+                                  setAddingQuestionTo(topic.id);
+                                  setNewQuestionTitle("");
+                                  if (!isExpanded) toggleTopic(topic.id);
+                                }}
+                                className="w-full flex items-center gap-2 px-3 py-1.5 text-xs text-slate-300 hover:bg-slate-700 hover:text-white transition-colors"
+                              >
+                                <Plus className="w-3 h-3" /> Add question
+                              </button>
+                              <button
+                                onClick={async () => {
+                                  setOpenMenuTopicId(null);
+                                  let topicQuestions =
+                                    questionsByTopic[topic.id] ?? [];
+                                  try {
+                                    topicQuestions = await api.fetchQuestions(
+                                      topic.id,
+                                    );
+                                  } catch {
+                                    // Fall back to the already-loaded sidebar snapshot.
+                                  }
+                                  const rootQuestions = topicQuestions.filter(
+                                    (q) => !q.parentQuestionId,
+                                  );
+                                  const exportedQuestions = await Promise.all(
+                                    rootQuestions.map((q) =>
+                                      buildQuestionExport(q, topicQuestions),
+                                    ),
+                                  );
+                                  downloadJson(
+                                    {
+                                      id: topic.id,
+                                      name: topic.name,
+                                      systemContext: topic.systemContext ?? "",
+                                      contextFiles: topic.contextFiles,
+                                      createdAt: topic.createdAt,
+                                      questions: exportedQuestions,
+                                    },
+                                    `${topic.name.replace(/[^a-z0-9]+/gi, "-")}.json`,
+                                  );
+                                }}
+                                className="w-full flex items-center gap-2 px-3 py-1.5 text-xs text-slate-300 hover:bg-slate-700 hover:text-white transition-colors"
+                              >
+                                <Download className="w-3 h-3" /> Download
+                              </button>
+
+                              {canSyncDriveFolder && (
+                                <>
+                                  <div className="border-t border-slate-700 my-0.5" />
+                                  <button
+                                    onClick={() => {
+                                      setOpenMenuTopicId(null);
+                                      void handlePushTopicToDrive(topic.id);
+                                    }}
+                                    disabled={topicBusy || pushing || syncing}
+                                    className="w-full flex items-center gap-2 px-3 py-1.5 text-xs text-cyan-300 hover:bg-slate-700 hover:text-cyan-200 disabled:opacity-50 transition-colors"
+                                  >
+                                    {topicPushingId === topic.id ? (
+                                      <Loader2 className="w-3 h-3 animate-spin" />
+                                    ) : (
+                                      <Upload className="w-3 h-3" />
+                                    )}
+                                    Push topic
+                                  </button>
+                                  <button
+                                    onClick={() => {
+                                      setOpenMenuTopicId(null);
+                                      void handlePullTopicFromDrive(topic.id);
+                                    }}
+                                    disabled={topicBusy || pushing || syncing}
+                                    className="w-full flex items-center gap-2 px-3 py-1.5 text-xs text-slate-300 hover:bg-slate-700 hover:text-cyan-300 disabled:opacity-50 transition-colors"
+                                  >
+                                    {topicSyncingId === topic.id ? (
+                                      <Loader2 className="w-3 h-3 animate-spin" />
+                                    ) : (
+                                      <RefreshCw className="w-3 h-3" />
+                                    )}
+                                    Pull topic
+                                  </button>
+                                </>
+                              )}
+
+                              <div className="border-t border-slate-700 my-0.5" />
+                              <button
+                                onClick={() => {
+                                  setOpenMenuTopicId(null);
+                                  if (
+                                    confirm(
+                                      `Delete topic "${topic.name}" and all its questions?`,
+                                    )
+                                  ) {
+                                    removeTopic(topic.id);
+                                  }
+                                }}
+                                className="w-full flex items-center gap-2 px-3 py-1.5 text-xs text-red-400 hover:bg-slate-700 hover:text-red-300 transition-colors"
+                              >
+                                <Trash2 className="w-3 h-3" /> Delete
+                              </button>
+                            </div>
+                          </>
+                        )}
+                      </div>
                     )}
-                    <button
-                      onClick={(e) => {
-                        e.stopPropagation();
-                        if (
-                          confirm(
-                            `Delete topic "${topic.name}" and all its questions?`,
-                          )
-                        ) {
-                          removeTopic(topic.id);
-                        }
-                      }}
-                      className="p-0.5 rounded opacity-0 group-hover:opacity-100 text-slate-600 hover:text-red-400 transition-all"
-                    >
-                      <Trash2 className="w-3 h-3" />
-                    </button>
-                    <button
-                      onClick={async (e) => {
-                        e.stopPropagation();
-                        let topicQuestions = questionsByTopic[topic.id] ?? [];
-                        try {
-                          topicQuestions = await api.fetchQuestions(topic.id);
-                        } catch {
-                          // Fall back to the already-loaded sidebar snapshot.
-                        }
-                        const rootQuestions = topicQuestions.filter(
-                          (q) => !q.parentQuestionId,
-                        );
-                        const exportedQuestions = await Promise.all(
-                          rootQuestions.map((q) =>
-                            buildQuestionExport(q, topicQuestions),
-                          ),
-                        );
-                        downloadJson(
-                          {
-                            id: topic.id,
-                            name: topic.name,
-                            systemContext: topic.systemContext ?? "",
-                            contextFiles: topic.contextFiles,
-                            createdAt: topic.createdAt,
-                            questions: exportedQuestions,
-                          },
-                          `${topic.name.replace(/[^a-z0-9]+/gi, "-")}.json`,
-                        );
-                      }}
-                      className="p-0.5 rounded opacity-0 group-hover:opacity-100 text-slate-600 hover:text-cyan-400 transition-all"
-                      title="Download topic as JSON"
-                    >
-                      <Download className="w-3 h-3" />
-                    </button>
                   </div>
 
+                  {topicDriveStatus[topic.id] && (
+                    <p className="px-3 pb-1 text-[10px] leading-relaxed text-slate-500">
+                      {topicDriveStatus[topic.id]}
+                    </p>
+                  )}
+
                   {/* Questions list */}
                   {isExpanded && (
                     <div className="ml-3 border-l border-slate-800">

package/template/client/src/githubActionsLab.ts

@@ -199,6 +199,10 @@ export function cloneGhaLabWorkspace(
             f.startsWith(".github/workflows/"),
           ) || ".github/workflows/ci.yml",
     files: sourceFiles,
+    // Preserve optional UX flags so they round-trip through save/load.
+    ...(source.includeRunHistoryInContext
+      ? { includeRunHistoryInContext: true }
+      : {}),
   };
 }
 
@@ -280,6 +284,9 @@ export function parseGhaLabWorkspace(
           ? parsed.defaultWorkflow
           : DEFAULT_GHA_LAB.defaultWorkflow,
       files,
+      ...(parsed.includeRunHistoryInContext === true
+        ? { includeRunHistoryInContext: true }
+        : {}),
     });
   } catch {
     return null;

package/template/client/src/store.ts

@@ -128,6 +128,10 @@ interface Store {
   renameWorkspace: (id: string, name: string) => Promise<void>;
   patchWorkspace: (id: string, data: object) => Promise<void>;
   syncWorkspace: (id: string) => Promise<import("./api").SyncWorkspaceResult>;
+  syncTopic: (
+    workspaceId: string,
+    topicId: string,
+  ) => Promise<import("./api").SyncWorkspaceResult>;
   linkDriveFolder: (
     workspaceId: string,
     url: string,
@@ -144,6 +148,11 @@ interface Store {
     id: string,
     targetFolderId?: string,
   ) => Promise<import("./api").ExportWorkspaceResult>;
+  exportTopic: (
+    workspaceId: string,
+    topicId: string,
+    targetFolderId?: string,
+  ) => Promise<import("./api").ExportWorkspaceResult>;
   fetchDriveSubfolders: (id: string) => Promise<import("./api").DriveFolder[]>;
   createDriveSubfolder: (
     id: string,
@@ -494,6 +503,40 @@ export const useStore = create<Store>((set, get) => ({
     return result;
   },
 
+  syncTopic: async (workspaceId, topicId) => {
+    const result = await api.syncTopicApi(workspaceId, topicId);
+    if ("needsAuth" in result && result.needsAuth) {
+      return result;
+    }
+    if (workspaceId === get().activeWorkspaceId) {
+      const [topics, questions] = await Promise.all([
+        api.fetchTopics(),
+        api.fetchQuestions(topicId),
+      ]);
+      set((s) => {
+        const selectedStillExists = questions.some(
+          (q) => q.id === s.selectedQuestionId,
+        );
+        const selectedWasInTopic = s.currentQuestion?.topicId === topicId;
+        return {
+          topics,
+          questionsByTopic: { ...s.questionsByTopic, [topicId]: questions },
+          selectedQuestionId:
+            selectedWasInTopic && !selectedStillExists
+              ? null
+              : s.selectedQuestionId,
+          currentQuestion:
+            selectedWasInTopic && !selectedStillExists
+              ? null
+              : s.currentQuestion,
+        };
+      });
+    }
+    const registry = await api.fetchWorkspaces();
+    set({ workspaces: registry.workspaces });
+    return result;
+  },
+
   linkDriveFolder: async (workspaceId, url) => {
     const { registry, folders } = await api.linkDriveFolder(workspaceId, url);
     set({ workspaces: registry.workspaces, driveRootFolders: folders });
@@ -556,6 +599,10 @@ export const useStore = create<Store>((set, get) => ({
     return api.exportWorkspaceToDrive(id, targetFolderId);
   },
 
+  exportTopic: async (workspaceId, topicId, targetFolderId) => {
+    return api.exportTopicToDrive(workspaceId, topicId, targetFolderId);
+  },
+
   fetchDriveSubfolders: async (id) => {
     return api.fetchDriveSubfolders(id);
   },

package/template/client/src/types.ts

@@ -58,6 +58,12 @@ export interface GithubActionsLabWorkspace {
   defaultEvent?: string;
   /** Optional default workflow file path under .github/workflows. */
   defaultWorkflow?: string;
+  /**
+   * When true, the most recent act runs for this lab are embedded into the
+   * saved snapshot so the chat LLM can reason about real execution results
+   * (job statuses, durations, exit codes) instead of just the YAML.
+   */
+  includeRunHistoryInContext?: boolean;
 }
 
 export interface WorkspaceMeta {

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/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/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.2"
+  "version": "0.17.3"
 }