From 47520fce96b1204a33ddf34a3459ee4b226ecf74 Mon Sep 17 00:00:00 2001
From: admin <admin@git.np-dms.work>
Date: Fri, 20 Feb 2026 16:29:06 +0700
Subject: [PATCH] 260220:1629 20260220 TASK-BEFE-001 Refactor by ADR-014 #4

---
 .../doc-control/workflows/[id]/edit/page.tsx  |  6 +-
 .../admin/doc-control/workflows/new/page.tsx  | 60 ++++++++-----------
 .../admin/doc-control/workflows/page.tsx      |  4 +-
 3 files changed, 31 insertions(+), 39 deletions(-)

diff --git a/frontend/app/(admin)/admin/doc-control/workflows/[id]/edit/page.tsx b/frontend/app/(admin)/admin/doc-control/workflows/[id]/edit/page.tsx
index 664383a..9a7d500 100644
--- a/frontend/app/(admin)/admin/doc-control/workflows/[id]/edit/page.tsx
+++ b/frontend/app/(admin)/admin/doc-control/workflows/[id]/edit/page.tsx
@@ -67,7 +67,7 @@ export default function WorkflowEditPage() {
       } else {
         await createMutation.mutateAsync(dto);
         toast.success('Workflow created successfully');
-        router.push('/admin/workflows');
+        router.push('/admin/doc-control/workflows');
       }
     } catch (error) {
       toast.error('Failed to save workflow');
@@ -87,7 +87,7 @@ export default function WorkflowEditPage() {
     <div className="p-6 space-y-6 max-w-7xl mx-auto">
       <div className="flex justify-between items-center">
         <div className="flex items-center gap-4">
-          <Link href="/admin/workflows">
+          <Link href="/admin/doc-control/workflows">
             <Button variant="ghost" size="icon">
               <ArrowLeft className="h-5 w-5" />
             </Button>
@@ -100,7 +100,7 @@ export default function WorkflowEditPage() {
           </div>
         </div>
         <div className="flex gap-2">
-          <Link href="/admin/workflows">
+          <Link href="/admin/doc-control/workflows">
             <Button variant="outline">Cancel</Button>
           </Link>
           <Button onClick={handleSave} disabled={saving}>
diff --git a/frontend/app/(admin)/admin/doc-control/workflows/new/page.tsx b/frontend/app/(admin)/admin/doc-control/workflows/new/page.tsx
index eb4349f..435c1fa 100644
--- a/frontend/app/(admin)/admin/doc-control/workflows/new/page.tsx
+++ b/frontend/app/(admin)/admin/doc-control/workflows/new/page.tsx
@@ -1,33 +1,27 @@
-"use client";
+'use client';
 
-import { useState } from "react";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { DSLEditor } from "@/components/workflows/dsl-editor";
-import { VisualWorkflowBuilder } from "@/components/workflows/visual-builder";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-import { Card } from "@/components/ui/card";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
-import { workflowApi } from "@/lib/api/workflows";
-import { WorkflowType } from "@/types/workflow";
-import { useRouter } from "next/navigation";
-import { Loader2 } from "lucide-react";
+import { useState } from 'react';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { DSLEditor } from '@/components/workflows/dsl-editor';
+import { VisualWorkflowBuilder } from '@/components/workflows/visual-builder';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import { Textarea } from '@/components/ui/textarea';
+import { Card } from '@/components/ui/card';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
+import { workflowApi } from '@/lib/api/workflows';
+import { WorkflowType } from '@/types/workflow';
+import { useRouter } from 'next/navigation';
+import { Loader2 } from 'lucide-react';
 
 export default function NewWorkflowPage() {
   const router = useRouter();
   const [saving, setSaving] = useState(false);
   const [workflowData, setWorkflowData] = useState({
-    workflowName: "",
-    description: "",
-    workflowType: "CORRESPONDENCE" as WorkflowType,
+    workflowName: '',
+    description: '',
+    workflowType: 'CORRESPONDENCE' as WorkflowType,
     dslDefinition: 'name: New Workflow\nversion: 1.0\nsteps: []',
   });
 
@@ -35,10 +29,10 @@ export default function NewWorkflowPage() {
     setSaving(true);
     try {
       await workflowApi.createWorkflow(workflowData);
-      router.push("/admin/workflows");
+      router.push('/admin/doc-control/workflows');
     } catch (error) {
-      console.error("Failed to create workflow", error);
-      alert("Failed to create workflow");
+      console.error('Failed to create workflow', error);
+      alert('Failed to create workflow');
     } finally {
       setSaving(false);
     }
@@ -49,7 +43,9 @@ export default function NewWorkflowPage() {
       <div className="flex justify-between items-center">
         <h1 className="text-3xl font-bold">New Workflow</h1>
         <div className="flex gap-2">
-          <Button variant="outline" onClick={() => router.back()}>Cancel</Button>
+          <Button variant="outline" onClick={() => router.back()}>
+            Cancel
+          </Button>
           <Button onClick={handleSave} disabled={saving}>
             {saving && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
             Create Workflow
@@ -93,9 +89,7 @@ export default function NewWorkflowPage() {
             <Label htmlFor="workflow_type">Workflow Type</Label>
             <Select
               value={workflowData.workflowType}
-              onValueChange={(value) =>
-                setWorkflowData({ ...workflowData, workflowType: value as WorkflowType })
-              }
+              onValueChange={(value) => setWorkflowData({ ...workflowData, workflowType: value as WorkflowType })}
             >
               <SelectTrigger id="workflow_type">
                 <SelectValue />
@@ -119,9 +113,7 @@ export default function NewWorkflowPage() {
         <TabsContent value="dsl" className="mt-4">
           <DSLEditor
             initialValue={workflowData.dslDefinition}
-            onChange={(value) =>
-              setWorkflowData({ ...workflowData, dslDefinition: value })
-            }
+            onChange={(value) => setWorkflowData({ ...workflowData, dslDefinition: value })}
           />
         </TabsContent>
 
diff --git a/frontend/app/(admin)/admin/doc-control/workflows/page.tsx b/frontend/app/(admin)/admin/doc-control/workflows/page.tsx
index 8eb1596..979f7f1 100644
--- a/frontend/app/(admin)/admin/doc-control/workflows/page.tsx
+++ b/frontend/app/(admin)/admin/doc-control/workflows/page.tsx
@@ -36,7 +36,7 @@ export default function WorkflowsPage() {
           <h1 className="text-3xl font-bold">Workflow Configuration</h1>
           <p className="text-muted-foreground mt-1">Manage workflow definitions and routing rules</p>
         </div>
-        <Link href="/admin/workflows/new">
+        <Link href="/admin/doc-control/workflows/new">
           <Button>
             <Plus className="mr-2 h-4 w-4" />
             New Workflow
@@ -73,7 +73,7 @@ export default function WorkflowsPage() {
                 </div>
 
                 <div className="flex gap-2">
-                  <Link href={`/admin/workflows/${workflow.workflowId}/edit`}>
+                  <Link href={`/admin/doc-control/workflows/${workflow.workflowId}/edit`}>
                     <Button variant="outline" size="sm">
                       <Edit className="mr-2 h-4 w-4" />
                       Edit