[CHORE] 마무리 수정

src/app/(main)/analysis/[id]/[patentId]/page.tsx

@@ -22,7 +22,6 @@ import type {
 function renderArgumentForm(
   analysis: InventiveStepAnalysisResponse,
   logicKey: InventiveStepLogicKey,
-  contentIsPlaceholder: boolean,
   onSave: (argumentId: number, content: InventiveStepArgumentContent) => Promise<void>
 ) {
   const argument = getArgument(analysis, logicKey);
@@ -32,7 +31,6 @@ function renderArgumentForm(
     case "NUMERICAL_LIMIT":
       return (
         <ArgumentFormA
-          recommended={!contentIsPlaceholder}
           onSave={(effectItems) =>
             onSave(argument.argumentId, {
               effect_items: effectItems,
@@ -52,7 +50,6 @@ function renderArgumentForm(
         <ArgumentFormB
           initialBackgroundLimit={argument.content.background_limit ?? ""}
           initialTeachingAway={argument.content.teaching_away ?? ""}
-          recommended={!contentIsPlaceholder}
           onSave={(content) => onSave(argument.argumentId, content)}
         />
       );
@@ -65,7 +62,6 @@ function renderArgumentForm(
         <ArgumentFormC
           initialTarget={target}
           initialRebuttal={argument.content.rebuttal ?? ""}
-          recommended={!contentIsPlaceholder}
           onSave={(content) => onSave(argument.argumentId, content)}
         />
       );
@@ -82,7 +78,6 @@ function renderArgumentForm(
         <ArgumentFormD
           initialChangedComponent={changedComponent}
           initialNonObviousness={argument.content.non_obviousness ?? ""}
-          recommended={!contentIsPlaceholder}
           onSave={(content) => onSave(argument.argumentId, content)}
         />
       );
@@ -103,9 +98,6 @@ export default function AnalysisReportPage({
     isLoading,
     selectedLogics,
     aiRecommendedArgumentIds,
-    placeholderArgumentIds,
-    updatingLogics,
-    updateError,
     toggleLogic,
     saveArgumentContent,
     reload,
@@ -172,18 +164,11 @@ export default function AnalysisReportPage({
                 getArgument(analysis, logic.key)?.argumentId ?? Number.NaN
               )}
               selected={selectedLogics.has(logic.key)}
-              disabled={updatingLogics.has(logic.key)}
               onClick={() => toggleLogic(logic.key)}
             />
           ))}
         </div>
 
-        {updateError && (
-          <p role="alert" className="text-body-13 text-error-default">
-            {updateError}
-          </p>
-        )}
-
         <div className="mt-3 flex flex-col gap-3">
           {selectedLogics.size === 0 ? (
             <p className="py-20 text-center text-body-emphasis-17 text-caption-label">
@@ -193,14 +178,7 @@ export default function AnalysisReportPage({
             INVENTIVE_STEP_LOGIC_TYPES.filter((logic) => selectedLogics.has(logic.key)).map(
               (logic) => (
                 <div key={`${analysis.analysisId}-${logic.key}`}>
-                  {renderArgumentForm(
-                    analysis,
-                    logic.key,
-                    placeholderArgumentIds.has(
-                      getArgument(analysis, logic.key)?.argumentId ?? Number.NaN
-                    ),
-                    saveArgumentContent
-                  )}
+                  {renderArgumentForm(analysis, logic.key, saveArgumentContent)}
                 </div>
               )
             )

src/app/(report)/myhistory/[id]/report/page.tsx

@@ -57,6 +57,14 @@ function getArgument(report: ReportDetailResponse, argumentType: ReportInventive
   );
 }
 
+function hasContent(content: Record<string, unknown>) {
+  return Object.values(content).some((value) => {
+    if (Array.isArray(value)) return value.length > 0;
+    if (typeof value === "string") return value.trim().length > 0;
+    return value !== null && value !== undefined;
+  });
+}
+
 export default function ReportPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = use(params);
   const { isAuthenticated, report, errorMessage, isLoading, reload } = useReport(id);
@@ -84,14 +92,15 @@ export default function ReportPage({ params }: { params: Promise<{ id: string }>
     );
   }
 
-  const numericalContent =
-    getArgument(report, "NUMERICAL_LIMIT")?.content ?? ({} as Record<string, unknown>);
-  const combinationContent =
-    getArgument(report, "COMBINATION_MOTIVATION")?.content ?? ({} as Record<string, unknown>);
-  const commonContent =
-    getArgument(report, "COMMON_TECHNIQUE")?.content ?? ({} as Record<string, unknown>);
-  const simpleContent =
-    getArgument(report, "SIMPLE_DESIGN")?.content ?? ({} as Record<string, unknown>);
+  const numericalArgument = getArgument(report, "NUMERICAL_LIMIT");
+  const combinationArgument = getArgument(report, "COMBINATION_MOTIVATION");
+  const commonArgument = getArgument(report, "COMMON_TECHNIQUE");
+  const simpleArgument = getArgument(report, "SIMPLE_DESIGN");
+
+  const numericalContent = numericalArgument?.content ?? ({} as Record<string, unknown>);
+  const combinationContent = combinationArgument?.content ?? ({} as Record<string, unknown>);
+  const commonContent = commonArgument?.content ?? ({} as Record<string, unknown>);
+  const simpleContent = simpleArgument?.content ?? ({} as Record<string, unknown>);
   const effectItems = Array.isArray(numericalContent.effect_items)
     ? (numericalContent.effect_items as EffectItem[])
     : [];
@@ -148,6 +157,10 @@ export default function ReportPage({ params }: { params: Promise<{ id: string }>
                 ? toReference(report.inventiveStepAnalysis.secondaryPriorArt)
                 : null
             }
+            showNumericalLimits={hasContent(numericalContent)}
+            showCombinationMotivation={hasContent(combinationContent)}
+            showCommonTechnique={hasContent(commonContent)}
+            showSimpleDesign={hasContent(simpleContent)}
             numericalLimits={effectItems.map((effect, index) => ({
               id: String(index + 1),
               category: text(effect.metric),

src/app/fonts.ts

@@ -0,0 +1,8 @@
+import localFont from "next/font/local";
+
+export const pretendard = localFont({
+  src: "./fonts/PretendardVariable.woff2",
+  weight: "45 920",
+  variable: "--font-pretendard-loaded",
+  display: "swap",
+});

src/app/globals.css

@@ -1,4 +1,3 @@
-@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
 @import "tailwindcss";
 
 :root {
@@ -9,7 +8,7 @@
 @theme inline {
   --color-background: var(--background);
   --color-foreground: var(--foreground);
-  --font-pretendard: "Pretendard", sans-serif;
+  --font-pretendard: var(--font-pretendard-loaded), sans-serif;
 
   /* =========================================
      Text Color

src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 
 import { jsonLd, siteConfig } from "@/constants/common/site";
 import { Providers } from "@/app/providers";
+import { pretendard } from "@/app/fonts";
 
 import "./globals.css";
 
@@ -70,7 +71,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang={siteConfig.lang} className="h-full antialiased">
+    <html lang={siteConfig.lang} className={`h-full antialiased ${pretendard.variable}`}>
       <body className="h-full overflow-hidden">
         <script
           type="application/ld+json"

src/components/analysis/InventiveStep/Comparision/ComparisionPatentBox.tsx

@@ -22,7 +22,7 @@ export default function ComparisionPatentBox({
         <ReferenceChip variant="primary">주인용</ReferenceChip>
 
         <div className="flex min-w-0 flex-col gap-1">
-          <p className="line-clamp-1 text-label-17 text-body-primary">
+          <p className="text-label-17 text-body-primary wrap-break-word">
             {primaryReference.patentNumber} {primaryReference.title}
           </p>
 
@@ -37,7 +37,7 @@ export default function ComparisionPatentBox({
 
         {secondaryReference ? (
           <div className="flex min-w-0 flex-col gap-1">
-            <p className="line-clamp-1 text-label-17 text-body-primary">
+            <p className="text-label-17 text-body-primary wrap-break-word">
               {secondaryReference.patentNumber} {secondaryReference.title}
             </p>
 

src/components/analysis/InventiveStep/LogicCards/ArgumentForm_A.tsx

@@ -9,33 +9,13 @@ type InitialEffect = Omit<Effect, "id">;
 
 export default function ArgumentFormA({
   initialEffects,
-  recommended,
   onSave,
 }: {
   initialEffects: InitialEffect[];
-  recommended: boolean;
   onSave: (effectItems: NumericalLimitEffectItem[]) => Promise<void>;
 }) {
   const [effects, setEffects] = useState<Effect[]>(() =>
-    initialEffects.map((effect, index) =>
-      recommended
-        ? { ...effect, id: `effect-${index}` }
-        : {
-            id: `effect-${index}`,
-            category: "",
-            unit: "",
-            priorArt: "",
-            invention: "",
-            improvement: "",
-            placeholders: {
-              category: effect.category,
-              unit: effect.unit,
-              priorArt: effect.priorArt,
-              invention: effect.invention,
-              improvement: effect.improvement,
-            },
-          }
-    )
+    initialEffects.map((effect, index) => ({ ...effect, id: `effect-${index}` }))
   );
   const [isEditing, setIsEditing] = useState(false);
   const [isSaving, setIsSaving] = useState(false);

src/components/analysis/InventiveStep/LogicCards/ArgumentForm_B.tsx

@@ -7,23 +7,19 @@ import { ArgumentTextArea } from "./ArgumentTextArea";
 interface ArgumentFormBProps {
   initialBackgroundLimit: string;
   initialTeachingAway: string;
-  recommended: boolean;
   onSave: (content: { background_limit: string; teaching_away: string }) => Promise<void>;
 }
 
 export default function ArgumentFormB({
   initialBackgroundLimit,
   initialTeachingAway,
-  recommended,
   onSave,
 }: ArgumentFormBProps) {
   const [isEditing, setIsEditing] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [saveError, setSaveError] = useState<string | null>(null);
-  const [backgroundLimitation, setBackgroundLimitation] = useState(
-    recommended ? initialBackgroundLimit : ""
-  );
-  const [teachingAway, setTeachingAway] = useState(recommended ? initialTeachingAway : "");
+  const [backgroundLimitation, setBackgroundLimitation] = useState(initialBackgroundLimit);
+  const [teachingAway, setTeachingAway] = useState(initialTeachingAway);
 
   const handleToggleEdit = async () => {
     if (!isEditing) {

src/components/analysis/InventiveStep/LogicCards/ArgumentForm_C.tsx

@@ -7,7 +7,6 @@ import { ArgumentTextArea } from "./ArgumentTextArea";
 interface ArgumentFormCProps {
   initialTarget: string;
   initialRebuttal: string;
-  recommended: boolean;
   onSave: (content: {
     target_label: string;
     target_name: string;
@@ -18,14 +17,13 @@ interface ArgumentFormCProps {
 export default function ArgumentFormC({
   initialTarget,
   initialRebuttal,
-  recommended,
   onSave,
 }: ArgumentFormCProps) {
   const [isEditing, setIsEditing] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [saveError, setSaveError] = useState<string | null>(null);
-  const [rejectionReason, setRejectionReason] = useState(recommended ? initialTarget : "");
-  const [counterArgument, setCounterArgument] = useState(recommended ? initialRebuttal : "");
+  const [rejectionReason, setRejectionReason] = useState(initialTarget);
+  const [counterArgument, setCounterArgument] = useState(initialRebuttal);
 
   const handleToggleEdit = async () => {
     if (!isEditing) {

src/components/analysis/InventiveStep/LogicCards/ArgumentForm_D.tsx

@@ -7,7 +7,6 @@ import { ArgumentTextArea } from "./ArgumentTextArea";
 interface ArgumentFormDProps {
   initialChangedComponent: string;
   initialNonObviousness: string;
-  recommended: boolean;
   onSave: (content: {
     changed_component_label: string;
     changed_component_name: string;
@@ -18,16 +17,13 @@ interface ArgumentFormDProps {
 export default function ArgumentFormD({
   initialChangedComponent,
   initialNonObviousness,
-  recommended,
   onSave,
 }: ArgumentFormDProps) {
   const [isEditing, setIsEditing] = useState(false);
   const [isSaving, setIsSaving] = useState(false);
   const [saveError, setSaveError] = useState<string | null>(null);
-  const [changedComponent, setChangedComponent] = useState(
-    recommended ? initialChangedComponent : ""
-  );
-  const [counterArgument, setCounterArgument] = useState(recommended ? initialNonObviousness : "");
+  const [changedComponent, setChangedComponent] = useState(initialChangedComponent);
+  const [counterArgument, setCounterArgument] = useState(initialNonObviousness);
 
   const handleToggleEdit = async () => {
     if (!isEditing) {

src/components/myhistory/Tab.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-type TabValue = "전체" | "대기 중" | "완료";
+type TabValue = "전체" | "분석 중" | "완료";
 
 interface TabProps {
   active: TabValue;
-  counts: { 전체: number; "대기 중": number; 완료: number };
+  counts: { 전체: number; "분석 중": number; 완료: number };
   onChange: (tab: TabValue) => void;
 }
 
-const TABS: TabValue[] = ["전체", "대기 중", "완료"];
+const TABS: TabValue[] = ["전체", "분석 중", "완료"];
 
 export function Tab({ active, counts, onChange }: TabProps) {
   return (

src/components/report/InventiveStep.tsx

@@ -12,6 +12,10 @@ type InventiveStepProps = {
   satisfied: boolean;
   primaryReference: ComparisonReference;
   secondaryReference: ComparisonReference | null;
+  showNumericalLimits: boolean;
+  showCombinationMotivation: boolean;
+  showCommonTechnique: boolean;
+  showSimpleDesign: boolean;
   numericalLimits: Effect[];
   backgroundLimit: string;
   motivationAbsence: string;
@@ -25,6 +29,10 @@ export default function InventiveStep({
   satisfied,
   primaryReference,
   secondaryReference,
+  showNumericalLimits,
+  showCombinationMotivation,
+  showCommonTechnique,
+  showSimpleDesign,
   numericalLimits,
   backgroundLimit,
   motivationAbsence,
@@ -49,13 +57,19 @@ export default function InventiveStep({
         secondaryReference={secondaryReference}
       />
 
-      <ArgumentA effects={numericalLimits} />
+      {showNumericalLimits && <ArgumentA effects={numericalLimits} />}
 
-      <ArgumentB backgroundLimit={backgroundLimit} motivationAbsence={motivationAbsence} />
+      {showCombinationMotivation && (
+        <ArgumentB backgroundLimit={backgroundLimit} motivationAbsence={motivationAbsence} />
+      )}
 
-      <ArgumentC rejectionReason={rejectionReason} rebuttalLogic={rebuttalLogic} />
+      {showCommonTechnique && (
+        <ArgumentC rejectionReason={rejectionReason} rebuttalLogic={rebuttalLogic} />
+      )}
 
-      <ArgumentD changedComponent={changedComponent} nonObviousnessLogic={nonObviousnessLogic} />
+      {showSimpleDesign && (
+        <ArgumentD changedComponent={changedComponent} nonObviousnessLogic={nonObviousnessLogic} />
+      )}
     </section>
   );
 }

src/components/report/InventiveStepReportComponents/TechComparision.tsx

@@ -25,7 +25,7 @@ export default function ComparisionPatentBox({
           <ReferenceChip variant="primary">주인용</ReferenceChip>
 
           <div className="flex min-w-0 flex-col gap-1">
-            <p className="line-clamp-1 text-label-15 text-body-primary">
+            <p className="text-label-15 text-body-primary wrap-break-word">
               {primaryReference.patentNumber} {primaryReference.title}
             </p>
 
@@ -40,7 +40,7 @@ export default function ComparisionPatentBox({
             <ReferenceChip variant="secondary">부인용</ReferenceChip>
 
             <div className="flex min-w-0 flex-col gap-1">
-              <p className="line-clamp-1 text-label-15 text-body-primary">
+              <p className="text-label-15 text-body-primary wrap-break-word">
                 {secondaryReference.patentNumber} {secondaryReference.title}
               </p>
 

src/components/report/NoveltyComparision.tsx

@@ -55,7 +55,7 @@ export default function NoveltyComparison({
                 <p className="text-label-emphasis-15 text-title-secondary">{item.title}</p>
               </div>
 
-              <span className="text-label-13 text-primary-sub">{item.diff}</span>
+              <span className="text-label-13 leading-5 text-primary-sub">{item.diff}</span>
             </div>
           ))}
       </div>