diff --git a/src/components/ai/AIConfig.vue b/src/components/ai/AIConfig.vue
index abfdf9f..ee2cee3 100644
--- a/src/components/ai/AIConfig.vue
+++ b/src/components/ai/AIConfig.vue
@@ -130,7 +130,7 @@
                     dense
                     v-model="aiConfig.apiToken"
                     v-if="aiConfig.apiType === 'openai'"
-                    type="password"
+                    :type="tokenInputTypes[index] || 'password'"
                     class="col-7"
                   >
                     <template v-slot:prepend>
@@ -141,6 +141,22 @@
                         class="q-pa-xs"
                       />
                     </template>
+                    <template v-slot:append>
+                      <q-icon
+                        name="visibility_off"
+                        @click="tokenInputTypes[index] = 'password'"
+                        size="16px"
+                        class="cursor-pointer"
+                        v-if="tokenInputTypes[index] === 'text'"
+                      />
+                      <q-icon
+                        name="visibility"
+                        @click="tokenInputTypes[index] = 'text'"
+                        size="16px"
+                        class="cursor-pointer"
+                        v-else
+                      />
+                    </template>
                   </q-input>
                 </div>
               </div>
@@ -180,6 +196,7 @@ export default defineComponent({
       apiToAdd: "openai",
       aiConfigs: [],
       models: [],
+      tokenInputTypes: [],
     };
   },
   emits: ["save"],