From 01258b042b0f9824700146f146d713fa711b6006 Mon Sep 17 00:00:00 2001
From: chyoo <chyoo@futuredrive.net>
Date: Wed, 8 Jul 2026 15:35:53 +0900
Subject: [PATCH] add launcher component secret setting support

---
 src/pages/launcher/LauncherComponentsPage.tsx | 37 +++++++++++--------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/pages/launcher/LauncherComponentsPage.tsx b/src/pages/launcher/LauncherComponentsPage.tsx
index c20a011..818f6e8 100644
--- a/src/pages/launcher/LauncherComponentsPage.tsx
+++ b/src/pages/launcher/LauncherComponentsPage.tsx
@@ -412,15 +412,22 @@ export function LauncherComponentsPage() {
           <p className="text-xs leading-5 text-muted-foreground">
             Secret을 체크하면 Kubernetes Secret에 저장하고 secretKeyRef로 연결합니다. 체크하지 않은 값은 Deployment 환경변수로 저장합니다.
           </p>
-          <div className="overflow-x-auto rounded-md border border-border">
-            <table className="w-full min-w-[820px] text-left text-sm">
+          <div className="rounded-md border border-border">
+            <table className="w-full table-fixed text-left text-sm">
+              <colgroup>
+                <col className="w-[26%]" />
+                <col />
+                <col className="w-20" />
+                <col className="w-20" />
+                <col className="w-12" />
+              </colgroup>
               <thead className="border-b border-border bg-muted/30 text-xs text-muted-foreground">
                 <tr>
-                  <th className="px-4 py-3 font-medium">Key</th>
-                  <th className="px-4 py-3 font-medium">Value</th>
-                  <th className="w-24 px-4 py-3 font-medium">Secret</th>
-                  <th className="w-24 px-4 py-3 font-medium">Source</th>
-                  <th className="w-16 px-4 py-3 font-medium"></th>
+                  <th className="px-3 py-3 font-medium">Key</th>
+                  <th className="px-3 py-3 font-medium">Value</th>
+                  <th className="px-3 py-3 font-medium">Secret</th>
+                  <th className="px-3 py-3 font-medium">Source</th>
+                  <th className="px-2 py-3 font-medium"></th>
                 </tr>
               </thead>
               <tbody className="divide-y divide-border">
@@ -436,24 +443,24 @@ export function LauncherComponentsPage() {
                 ) : null}
                 {!envLoading && envVariables.map((variable, index) => (
                   <tr key={`${variable.key}-${index}`}>
-                    <td className="px-4 py-3">
+                    <td className="min-w-0 px-3 py-2.5">
                       <input
-                        className="h-9 w-full rounded-md border border-input bg-background px-3 font-mono text-xs outline-none focus:ring-2 focus:ring-ring disabled:opacity-60"
+                        className="h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 font-mono text-xs outline-none focus:border-ring focus:ring-1 focus:ring-ring disabled:opacity-60"
                         value={variable.key}
                         disabled={!variable.editable}
                         onChange={(event) => updateEnvVariable(index, { key: event.target.value })}
                       />
                     </td>
-                    <td className="px-4 py-3">
+                    <td className="min-w-0 px-3 py-2.5">
                       <input
-                        className="h-9 w-full rounded-md border border-input bg-background px-3 font-mono text-xs outline-none focus:ring-2 focus:ring-ring disabled:opacity-60"
+                        className="h-8 w-full min-w-0 rounded-md border border-input bg-background px-2 font-mono text-xs outline-none focus:border-ring focus:ring-1 focus:ring-ring disabled:opacity-60"
                         value={variable.value}
                         disabled={!variable.editable}
                         onChange={(event) => updateEnvVariable(index, { value: event.target.value })}
                       />
                     </td>
-                    <td className="px-4 py-3">
-                      <label className="inline-flex items-center gap-2 text-xs text-muted-foreground">
+                    <td className="px-3 py-2.5">
+                      <label className="inline-flex items-center gap-1.5 text-xs text-muted-foreground">
                         <input
                           type="checkbox"
                           className="size-4 accent-primary"
@@ -464,10 +471,10 @@ export function LauncherComponentsPage() {
                         Secret
                       </label>
                     </td>
-                    <td className="px-4 py-3">
+                    <td className="px-3 py-2.5">
                       <Badge tone={variable.editable ? 'blue' : 'neutral'}>{variable.source}</Badge>
                     </td>
-                    <td className="px-4 py-3">
+                    <td className="px-2 py-2.5">
                       <Button
                         variant="outline"
                         className="size-8 px-0"