diff --git a/src/components/__tests__/GenerationComposer.test.tsx b/src/components/__tests__/GenerationComposer.test.tsx
index 64982da0..ce2edb0b 100644
--- a/src/components/__tests__/GenerationComposer.test.tsx
+++ b/src/components/__tests__/GenerationComposer.test.tsx
@@ -322,6 +322,16 @@ describe("GenerationComposer", () => {
     expect(screen.getByDisplayValue("visible prompt")).toBeInTheDocument();
   });
 
+  it("expands the collapsed composer when clicking the summary content", () => {
+    useWorkflowStore.setState({ nodes: [imageNode("img-1", true, { inputPrompt: "visible prompt" })] });
+    render(<GenerationComposer />);
+
+    fireEvent.click(screen.getByLabelText("Collapse composer"));
+    fireEvent.click(screen.getByText("visible prompt"));
+
+    expect(screen.getByDisplayValue("visible prompt")).toBeInTheDocument();
+  });
+
   it("uses the video model filter and reruns the selected video node", async () => {
     useWorkflowStore.setState({ nodes: [videoNode("vid-1", true)] });
     render(<GenerationComposer />);
diff --git a/src/components/composer/GenerationComposer.tsx b/src/components/composer/GenerationComposer.tsx
index 9f299364..f8f054f4 100644
--- a/src/components/composer/GenerationComposer.tsx
+++ b/src/components/composer/GenerationComposer.tsx
@@ -8,6 +8,7 @@ import {
   useState,
   type ChangeEvent,
   type FocusEvent,
+  type MouseEvent,
   type ReactNode,
 } from "react";
 import { useReactFlow } from "@xyflow/react";
@@ -926,6 +927,19 @@ export function GenerationComposer() {
     setIsComposerCollapsed((current) => !current);
   }, [flushCurrentDraft, isComposerCollapsed]);
 
+  const expandComposer = useCallback(() => {
+    setIsComposerCollapsed(false);
+  }, []);
+
+  const handleCollapsedComposerClick = useCallback(
+    (event: MouseEvent<HTMLDivElement>) => {
+      const target = event.target instanceof Element ? event.target : null;
+      if (target?.closest("button,a,input,textarea,select,[role='button']")) return;
+      expandComposer();
+    },
+    [expandComposer]
+  );
+
   const collapsedStatus = useMemo(() => {
     if (isEaseCurveNode) {
       return (connectedInputs?.videos.length ?? 0) >= 1
@@ -970,36 +984,36 @@ export function GenerationComposer() {
             className="hidden"
           />
           {isComposerCollapsed ? (
-            <div className="flex h-16 items-center gap-3 px-4">
-              <div className="min-w-0 flex-1">
-                <div className="flex min-w-0 items-center gap-2">
+            <div className="flex h-16 cursor-pointer items-center gap-3 px-4" onClick={handleCollapsedComposerClick}>
+              <button
+                type="button"
+                onClick={expandComposer}
+                title={t("composer.expand")}
+                className="min-w-0 flex-1 rounded-lg text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-cyan-400/50"
+              >
+                <span className="flex min-w-0 items-center gap-2">
                   <span className="shrink-0 text-[11px] text-neutral-500">{modeLabel}</span>
                   <span className="h-3 w-px shrink-0 bg-neutral-700" />
                   {isProcessNode ? (
                     <span className="truncate text-sm text-neutral-300">{collapsedStatus}</span>
                   ) : (
-                    <button
-                      type="button"
-                      onClick={() => canChooseModel && setModelDialogOpen(true)}
-                      disabled={!canChooseModel}
-                      aria-label={t("composer.selectModel")}
-                      className="min-w-0 truncate rounded-md text-left text-sm text-neutral-100 transition-colors hover:text-cyan-200 disabled:text-neutral-500"
-                      title={t("composer.selectModelTitle", { model: getComposerModelLabel(draft.selectedModel) })}
+                    <span
+                      className={`min-w-0 truncate text-sm ${canChooseModel ? "text-neutral-100" : "text-neutral-500"}`}
                     >
                       {getComposerModelLabel(draft.selectedModel)}
-                    </button>
+                    </span>
                   )}
-                </div>
+                </span>
                 {!isProcessNode && (
-                  <div className="mt-1 truncate text-xs text-neutral-500">
+                  <span className="mt-1 block truncate text-xs text-neutral-500">
                     {collapsedStatus}
-                  </div>
+                  </span>
                 )}
-              </div>
+              </button>
 
               <button
                 type="button"
-                onClick={toggleComposerCollapsed}
+                onClick={expandComposer}
                 aria-label={t("composer.expand")}
                 title={t("composer.expand")}
                 className="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg border border-neutral-700 bg-neutral-900/70 text-neutral-300 transition-colors hover:border-neutral-600 hover:text-neutral-100"