CI오류 수정-2

src/app/api/image/[id]/route.ts

@@ -14,27 +14,21 @@ try {
   prisma = null;
 }
 
-interface Params {
-  params: {
-    id: string;
-  };
-}
+export async function GET(request: Request) {
+  // Next.js 15 이후 params 가 Promise 로 전달되는 경고를 피하기 위해,
+  // 동적 세그먼트는 request.url 의 path 에서 직접 파싱한다.
+  let id: string | undefined;
 
-export async function GET(request: Request, ctx: Params) {
-  // Next.js 가 params 를 항상 보장하지 않는 상황을 대비해, URL 경로에서 id 를 보완적으로 파싱한다.
-  let id: string | undefined = ctx?.params?.id;
-  if (!id) {
-    try {
-      const url = new URL(request.url);
-      const segments = url.pathname.split("/").filter(Boolean);
-      // [..., "api", "image", ":id"] 형태를 기대한다.
-      const last = segments[segments.length - 1];
-      if (last && last !== "image") {
-        id = last;
-      }
-    } catch {
-      // URL 파싱 실패 시에는 그대로 둔다.
+  try {
+    const url = new URL(request.url);
+    const segments = url.pathname.split("/").filter(Boolean);
+    // [..., "api", "image", ":id"] 형태를 기대한다.
+    const last = segments[segments.length - 1];
+    if (last && last !== "image") {
+      id = last;
     }
+  } catch {
+    // URL 파싱 실패 시에는 그대로 둔다.
   }
 
   if (!id) {

src/app/editor/forms/FormControllerPanel.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import type { Block, ButtonBlockProps, FormBlockProps } from "@/features/editor/state/editorStore";
+import { NumericPropertyControl } from "@/features/editor/components/NumericPropertyControl";
 
 interface FormControllerPanelProps {
   block: Block; // type === "form"
@@ -129,6 +130,65 @@ export function FormControllerPanel({ block, blocks, selectedBlockId, updateBloc
         )}
       </div>
 
+      <div className="space-y-2 border-t border-slate-800 pt-3 mt-4">
+        <h3 className="text-[11px] font-semibold text-slate-200">폼 레이아웃</h3>
+        <label className="flex flex-col gap-1 text-xs text-slate-400">
+          <span>폼 너비 모드</span>
+          <select
+            className="w-full rounded border border-slate-700 bg-slate-950 px-2 py-1 text-[11px] outline-none focus:border-sky-500"
+            value={formProps.formWidthMode ?? "auto"}
+            onChange={(e) =>
+              updateBlock(selectedBlockId, {
+                formWidthMode: e.target.value as FormBlockProps["formWidthMode"],
+              } as any)
+            }
+          >
+            <option value="auto">자동</option>
+            <option value="full">전체 폭</option>
+            <option value="fixed">고정 값</option>
+          </select>
+        </label>
+        {(formProps.formWidthMode ?? "auto") === "fixed" && (
+          <NumericPropertyControl
+            label="폼 고정 너비 (px)"
+            unitLabel="(px)"
+            value={typeof formProps.formWidthPx === "number" ? formProps.formWidthPx : 480}
+            min={160}
+            max={1200}
+            step={10}
+            presets={[
+              { id: "sm", label: "좁게", value: 320 },
+              { id: "md", label: "보통", value: 480 },
+              { id: "lg", label: "넓게", value: 640 },
+            ]}
+            onChangeValue={(v) =>
+              updateBlock(selectedBlockId, {
+                formWidthPx: v,
+              } as any)
+            }
+          />
+        )}
+        <NumericPropertyControl
+          label="폼 위/아래 여백 (px)"
+          unitLabel="(px)"
+          value={typeof formProps.marginYPx === "number" ? formProps.marginYPx : 24}
+          min={0}
+          max={160}
+          step={4}
+          presets={[
+            { id: "none", label: "없음", value: 0 },
+            { id: "compact", label: "좁게", value: 16 },
+            { id: "normal", label: "보통", value: 24 },
+            { id: "spacious", label: "넓게", value: 40 },
+          ]}
+          onChangeValue={(v) =>
+            updateBlock(selectedBlockId, {
+              marginYPx: v,
+            } as any)
+          }
+        />
+      </div>
+
       <div className="space-y-2 border-t border-slate-800 pt-3 mt-4">
         <h3 className="text-[11px] font-semibold text-slate-200">폼 메시지</h3>
         <label className="flex flex-col gap-1 text-xs text-slate-400">

src/features/editor/components/PublicPageRenderer.tsx

@@ -215,6 +215,7 @@ export function PublicPageRenderer({ blocks }: PublicPageRendererProps) {
             {props.options.map((opt) => (
               <label
                 key={opt.value}
+                data-testid="preview-form-checkbox-option-container"
                 className="inline-flex items-center gap-1"
                 style={tokens.optionContainerStyle}
               >