refactor: unify create session forms - show clone mode everywhere and display fixed fields as read-only

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

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"

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}
                   />
                 )}

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);
               }}