feat(design): auto-mode shows just the chosen hypothesis; per-section Edit made visible

Auto-mode #2 and #13, per the product decisions taken this session.

#2 - Designs produced by the hands-free pipeline now read as finished output:
     only the hypothesis it selected is listed (the other candidates are noise
     once it has decided), and the choices panel is not shown. A persisted
     `autoGenerated` flag on the design content drives this, so a reload keeps
     the simplified view.
#13 - Per-section editing already existed (DesignSectionContent -> onEditSection)
     but its Edit button was opacity-0 until you hovered that exact section, so
     it was effectively undiscoverable - hence "we only have the chat option".
     It is now a permanently visible bordered control on every section, giving
     the same section-scoped free-text editing the report has.

Note on #2: in auto mode nobody answered any questions, so the values behind
the protocol are entirely the model's and are now not surfaced anywhere on the
design step. Flagged at decision time; recorded here so it's a known trade.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Author: piyushmahajan7749

app/[locale]/[workspaceid]/designs/[designId]/page.tsx

@@ -524,6 +524,10 @@ export default function DesignDetailPage() {
   // Which design version the user is READING. null = the live design. This is a
   // view pointer only - browsing history never mutates or renumbers it.
   const [viewingVersionId, setViewingVersionId] = useState<string | null>(null)
+  // True when THIS design was produced by the hands-free auto pipeline. Auto
+  // runs surface a finished design: only the hypothesis it picked, and no
+  // choices panel to review.
+  const [autoGenerated, setAutoGenerated] = useState(false)
   const [clarifications, setClarifications] = useState<{
     problem?: ClarifyAnswer[]
     hypothesis?: ClarifyAnswer[]
@@ -771,6 +775,7 @@ export default function DesignDetailPage() {
       // page (the progress-event stream resets on remount).
       setPersistedLitTotalCandidates(content?.literatureStats?.totalCandidates)
       setPersistedLitRawCandidates(content?.literatureStats?.rawCandidates)
+      setAutoGenerated(Boolean(content?.autoGenerated))
       if (content?.hypotheses) setHypotheses(content.hypotheses)
       if (content?.designs) {
         setGeneratedDesigns(content.designs)
@@ -1393,12 +1398,14 @@ export default function DesignDetailPage() {
       }
       // Persist (awaited) before simulating - the simulate route reads the
       // design back from Firestore, so it must be written first.
+      setAutoGenerated(true)
       await persistContent({
         papers: autoPapers,
         hypotheses: autoHyps,
         designs: curDesigns,
         approvedPhases: designApproved,
-        problem: curProblem
+        problem: curProblem,
+        autoGenerated: true
       })
 
       // 4 — Simulate + iterate until the success criteria is met (or a cap).
@@ -3547,7 +3554,11 @@ Rules:
                   onEdit={() => setRefineCheckpoint("hypothesis")}
                 />
                 <HypothesesTab
-                  hypotheses={hypotheses}
+                  hypotheses={
+                    autoGenerated && hypotheses.some(h => h.selected)
+                      ? hypotheses.filter(h => h.selected)
+                      : hypotheses
+                  }
                   papers={papers}
                   onToggle={handleToggleHypothesis}
                   onEdit={handleEditHypothesis}
@@ -3614,7 +3625,9 @@ Rules:
                   onRestoreVersion={handleRestoreDesignVersion}
                   viewingVersionId={viewingVersionId}
                   onViewVersion={handleViewDesignVersion}
-                  onResolveAssumptions={handleResolveAssumptions}
+                  onResolveAssumptions={
+                    autoGenerated ? undefined : handleResolveAssumptions
+                  }
                   onEditSection={handleEditSection}
                 />
               </>
@@ -7262,7 +7275,7 @@ function DesignSectionContent(props: {
           <button
             type="button"
             onClick={enterEdit}
-            className="text-ink-3 hover:text-ink hover:bg-paper-2 ml-auto inline-flex h-7 items-center gap-1.5 rounded-md px-2 text-[12.5px] opacity-0 transition-opacity focus:opacity-100 group-hover/section:opacity-100"
+            className="text-ink-3 hover:text-ink hover:bg-paper-2 border-line ml-auto inline-flex h-7 shrink-0 items-center gap-1.5 rounded-md border px-2 text-[12.5px] transition-colors"
             title="Edit section"
           >
             <IconPencil size={13} /> Edit

lib/design-agent.ts

@@ -662,6 +662,8 @@ export interface DesignContentV2 {
    * that number lived only on the in-memory progress stream and vanished
    * on remount.
    */
+  /** Set when the hands-free auto pipeline produced this design. */
+  autoGenerated?: boolean
   literatureStats?: {
     totalCandidates?: number
     /** Pre-dedup hits across all sources; what "N examined" reports. */