From 01adc9a00fe2b50bc2f7839f746aeb2d605385f1 Mon Sep 17 00:00:00 2001
From: Fusion <noreply@runfusion.ai>
Date: Sat, 23 May 2026 19:53:12 +0200
Subject: [PATCH] refactor: unify create session forms - show clone mode
 everywhere and display fixed fields as read-only

---
 .../src/components/create-session-form.tsx    | 32 +++++++++++++++++--
 apps/web/src/components/instance-list.tsx     |  6 +++-
 apps/web/src/pages/repo-workspace.tsx         |  2 ++
 apps/web/src/pages/sessions.tsx               |  1 -
 4 files changed, 36 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/create-session-form.tsx b/apps/web/src/components/create-session-form.tsx
index 8f20af0..392f1b0 100644
--- a/apps/web/src/components/create-session-form.tsx
+++ b/apps/web/src/components/create-session-form.tsx
@@ -12,7 +12,10 @@ interface CreateSessionFormProps {
   toolTypes: ToolType[];
   fixedProjectId?: string;
   fixedRepoId?: string;
+  projectName?: string;
+  repoName?: string;
   showCloneMode?: boolean;
+  showFixedFields?: boolean;
   onProjectChange?: (projectId: string) => void;
   onSuccess?: (instance: ToolInstance) => void;
   onCancel?: () => void;
@@ -26,7 +29,10 @@ export const CreateSessionForm = ({
   toolTypes,
   fixedProjectId,
   fixedRepoId,
-  showCloneMode = false,
+  projectName,
+  repoName,
+  showCloneMode = true,
+  showFixedFields = true,
   onProjectChange,
   onSuccess,
   onCancel,
@@ -132,7 +138,17 @@ export const CreateSessionForm = ({
 
       <form onSubmit={handleSubmit} className="stack create-session-form">
         <div className="form-row">
-          {!fixedProjectId && (
+          {fixedProjectId && showFixedFields ? (
+            <label className="form-field">
+              Project
+              <input
+                type="text"
+                value={projectName || projects.find((p) => p.id === fixedProjectId)?.name || ""}
+                disabled
+                readOnly
+              />
+            </label>
+          ) : (
             <label className="form-field">
               Project
               <select
@@ -155,7 +171,17 @@ export const CreateSessionForm = ({
             </label>
           )}
 
-          {!fixedRepoId && (
+          {fixedRepoId && showFixedFields ? (
+            <label className="form-field">
+              Repository
+              <input
+                type="text"
+                value={repoName || repositories.find((r) => r.id === fixedRepoId)?.name || ""}
+                disabled
+                readOnly
+              />
+            </label>
+          ) : (
             <label className="form-field">
               Repository
               <select
diff --git a/apps/web/src/components/instance-list.tsx b/apps/web/src/components/instance-list.tsx
index 7cba02b..5108df6 100644
--- a/apps/web/src/components/instance-list.tsx
+++ b/apps/web/src/components/instance-list.tsx
@@ -19,10 +19,12 @@ const API_BASE_URL = import.meta.env.VITE_API_BASE_URL ?? "http://localhost:8000
 interface InstanceListProps {
   projectId: string;
   repoId: string;
+  projectName?: string;
+  repoName?: string;
   toolTypes: ToolType[];
 }
 
-export const InstanceList = ({ projectId, repoId, toolTypes }: InstanceListProps) => {
+export const InstanceList = ({ projectId, repoId, projectName, repoName, toolTypes }: InstanceListProps) => {
   const navigate = useNavigate();
   const [instances, setInstances] = useState<ToolInstance[]>([]);
   const [loading, setLoading] = useState(false);
@@ -304,6 +306,8 @@ export const InstanceList = ({ projectId, repoId, toolTypes }: InstanceListProps
               toolTypes={toolTypes}
               fixedProjectId={projectId}
               fixedRepoId={repoId}
+              projectName={projectName}
+              repoName={repoName}
               onSuccess={handleCreateSuccess}
               onCancel={() => setShowCreate(false)}
               submitLabel="Launch"
diff --git a/apps/web/src/pages/repo-workspace.tsx b/apps/web/src/pages/repo-workspace.tsx
index aaf91b0..00ec74b 100644
--- a/apps/web/src/pages/repo-workspace.tsx
+++ b/apps/web/src/pages/repo-workspace.tsx
@@ -254,6 +254,8 @@ export const RepoWorkspace = () => {
                   <InstanceList
                     projectId={projectId!}
                     repoId={selectedRepoId}
+                    projectName={project?.name}
+                    repoName={repositories.find((r) => r.id === selectedRepoId)?.name}
                     toolTypes={toolTypes}
                   />
                 )}
diff --git a/apps/web/src/pages/sessions.tsx b/apps/web/src/pages/sessions.tsx
index 2ba2e54..b200ae0 100644
--- a/apps/web/src/pages/sessions.tsx
+++ b/apps/web/src/pages/sessions.tsx
@@ -565,7 +565,6 @@ export const SessionsPage = () => {
               projects={projects}
               repositories={repositories}
               toolTypes={toolTypes}
-              showCloneMode={true}
               onProjectChange={(projectId) => {
                 setSelectedProject(projectId);
               }}