fix(ui): hide environment variable values and mask inputs as password

- Display only environment variable names in instance info panel (hide values)
- Display only environment variable names in logs view (hide values)
- Change environment variable value inputs to password type in settings editor

Author: bluelovers

packages/ui/src/components/environment-variables-editor.tsx

@@ -81,7 +81,7 @@ const EnvironmentVariablesEditor: Component<EnvironmentVariablesEditorProps> = (
                     title={t("envEditor.fields.name.readOnlyTitle")}
                   />
                   <input
-                    type="text"
+                    type="password"
                     value={value}
                     disabled={props.disabled}
                     onInput={(e) => handleUpdateVariable(key, e.currentTarget.value)}
@@ -108,16 +108,16 @@ const EnvironmentVariablesEditor: Component<EnvironmentVariablesEditorProps> = (
         <div class="flex-1 flex items-center gap-2">
           <Key class="w-3.5 h-3.5 icon-muted flex-shrink-0" />
           <input
-            type="text"
-            value={newKey()}
-            onInput={(e) => setNewKey(e.currentTarget.value)}
+            type="password"
+            value={newValue()}
+            onInput={(e) => setNewValue(e.currentTarget.value)}
             onKeyPress={handleKeyPress}
             disabled={props.disabled}
             class="flex-1 px-2.5 py-1.5 text-sm bg-surface-base border border-base rounded text-primary focus-ring-accent disabled:opacity-50 disabled:cursor-not-allowed"
-            placeholder={t("envEditor.fields.name.placeholder")}
+            placeholder={t("envEditor.fields.value.placeholder")}
           />
           <input
-            type="text"
+            type="password"
             value={newValue()}
             onInput={(e) => setNewValue(e.currentTarget.value)}
             onKeyPress={handleKeyPress}

packages/ui/src/components/instance-info.tsx

@@ -151,13 +151,13 @@ const InstanceInfo: Component<InstanceInfoProps> = (props) => {
             </div>
             <div class="space-y-1">
               <For each={environmentEntries()}>
-                {([key, value]) => (
+                {([key]) => (
                   <div dir="ltr" class="flex items-center gap-2 px-2 py-1.5 rounded border bg-surface-secondary border-base">
                     <span class="text-xs font-mono font-medium flex-1 text-primary" title={key}>
                       {key}
                     </span>
-                    <span class="text-xs font-mono flex-1 text-secondary" title={value}>
-                      {value}
+                    <span class="text-xs font-mono flex-1 text-secondary">
+                      ***
                     </span>
                   </div>
                 )}

packages/ui/src/components/logs-view.tsx

@@ -109,13 +109,9 @@ const LogsView: Component<LogsViewProps> = (props) => {
           </div>
           <div class="space-y-1">
             <For each={Object.entries(instance()?.environmentVariables!)}>
-              {([key, value]) => (
+              {([key]) => (
                 <div class="env-var-item">
                   <span class="env-var-key">{key}</span>
-                  <span class="env-var-separator">=</span>
-                  <span class="env-var-value" title={value}>
-                    {value}
-                  </span>
                 </div>
               )}
             </For>