@yesdgq/claude-buddy 1.1.2000 → 1.1.3010

package/assets/config.html

@@ -52,7 +52,11 @@
             :class="['cli-btn', { 'cli-btn-active': currentCli === cli.name }]"
             @click="selectCli(cli.name)"
           >
-            <img :src="cli.icon" :alt="cli.name" class="cli-icon">
+            <img
+              :src="cli.icon"
+              :alt="cli.name"
+              :class="['cli-icon', { 'cli-icon-workbuddy': cli.name === 'WorkBuddy' }]"
+            >
             <span>{{ cli.label }}</span>
           </button>
         </div>
@@ -122,10 +126,10 @@
             </div>
           </div>
         </transition>
-      </div>
-
-      <!-- 版本更新提示 -->
-      <div :class="['update-banner', { 'is-visible': updateInfo.visible }]" v-if="updateInfo.hasUpdate">
+      </div>
+
+      <!-- 版本更新提示 -->
+      <div :class="['update-banner', { 'is-visible': updateInfo.visible }]" v-if="updateInfo.hasUpdate">
         <i class="fa fa-bell update-icon"></i>
         <span class="update-text">
           {{ t.updateAvailable }}
@@ -136,10 +140,25 @@
         <span class="update-cmd" :title="t.clickToCopy" @click="copyUpdateCmd">npm i -g @yesdgq/claude-buddy@latest</span>
         <button class="update-close" @click="dismissUpdate" :title="t.dismiss">
           <i class="fa fa-times"></i>
-        </button>
-      </div>
-
-      <!-- 加载状态 -->
+        </button>
+      </div>
+
+      <div class="config-file-list">
+        <button
+          v-for="fileItem in currentConfigFileItems"
+          :key="fileItem.key"
+          type="button"
+          class="config-file-item"
+          :title="t.openConfigFile"
+          @click="openConfigFile(fileItem)"
+        >
+          <span class="config-file-label">{{ t.configFileLabel }}</span>
+          <code>{{ fileItem.path }}</code>
+          <i class="fa fa-external-link"></i>
+        </button>
+      </div>
+
+      <!-- 加载状态 -->
       <div v-if="loading" class="loading-container">
         <i class="fa fa-spinner fa-spin"></i>
         <p>{{ funLoadingMessage }}</p>
@@ -149,7 +168,7 @@
       <!-- AUTH 配置列表 -->
       <div v-if="!loading" :class="{ 'auth-list-ready': authListReady }">
         <div v-for="(auth, index) in config.AUTH" :key="authKeys[index] || index"
-             :class="['auth-card', getDragShiftClass(index), { 'auth-card-current': index === config.activeIndex, 'auth-card-dragging': draggingIndex === index, 'auth-card-drag-over': dragOverIndex === index }]"
+             :class="['auth-card', getDragShiftClass(index), { 'workbuddy-auth-card': currentCli === 'WorkBuddy', 'auth-card-current': currentCli !== 'WorkBuddy' && index === config.activeIndex, 'auth-card-dragging': draggingIndex === index, 'auth-card-drag-over': dragOverIndex === index }]"
              :style="getDragShiftStyle(index)"
              @dragover="handleDragOver(index, $event)"
              @dragleave="handleDragLeave($event)"
@@ -172,7 +191,7 @@
                 @input="adjustInputWidth($event, index)"
                 :ref="'nameInput' + index"
               >
-              <span v-if="index === config.activeIndex" class="current-use-label">
+              <span v-if="currentCli !== 'WorkBuddy' && index === config.activeIndex" class="current-use-label">
                 <span class="particle p1"></span>
                 <span class="particle p2"></span>
                 <span class="particle p3"></span>
@@ -184,8 +203,8 @@
             </div>
             <div class="actions">
               <!-- 启用按钮 (非当前使用的配置显示) -->
-              <button
-                v-if="index !== config.activeIndex"
+              <button
+                v-if="currentCli !== 'WorkBuddy' && index !== config.activeIndex"
                 @click="setAsActive(index)"
                 :disabled="config.AUTH.length === 1 && isEmptyConfig(auth)"
                 class="btn-activate"
@@ -244,29 +263,32 @@
               </div>
             </div>
 
-            <div v-if="currentCli === 'Codex'" class="codex-env-section">
+            <div
+              v-if="currentCli === 'Codex' || currentCli === 'WorkBuddy'"
+              :class="currentCli === 'WorkBuddy' ? 'workbuddy-env-section' : 'codex-env-section'"
+            >
               <div class="default-model-header">
                 <label>
                   <i class="fa fa-cubes"></i>
-                  {{ t.envVariables }}
+                  {{ currentCli === 'WorkBuddy' ? t.workbuddyModelSectionTitle : t.modelManagement }}
                 </label>
               </div>
               <div class="default-model-row">
                 <label class="default-model-inline-label">
-                  {{ t.defaultModelTitle }}
+                  {{ currentCli === 'WorkBuddy' ? t.workbuddyModelName : t.defaultModelTitle }}
                 </label>
                 <div class="default-model-input-wrap">
                   <input
                     v-model="auth.DEFAULT_MODEL"
                     type="text"
-                    :placeholder="t.defaultModelPlaceholder"
+                    :placeholder="currentCli === 'WorkBuddy' ? t.workbuddyModelPlaceholder : t.defaultModelPlaceholder"
                   >
                 </div>
               </div>
             </div>
 
             <!-- 模型管理 -->
-            <div v-if="currentCli !== 'Codex'" class="models-section" :class="{ 'is-expanded': showModelSections[index] }">
+            <div v-if="currentCli !== 'Codex' && currentCli !== 'WorkBuddy'" class="models-section" :class="{ 'is-expanded': showModelSections[index] }">
               <div class="models-header">
                 <label>
                   <i class="fa fa-cogs"></i>
@@ -312,8 +334,8 @@
               </div>
             </div>
 
-            <!-- 环境变量配置 -->
-            <div v-if="currentCli !== 'Codex'" class="env-section" :class="{ 'is-expanded': showEnvSections[index] }">
+            <!-- 环境变量配置 -->
+            <div class="env-section" :class="{ 'is-expanded': showEnvSections[index] }">
               <div class="env-header">
                 <label>
                   <i class="fa fa-cogs"></i>
@@ -326,31 +348,23 @@
                   <i :class="showEnvSections[index] ? 'fa fa-chevron-up' : 'fa fa-chevron-down'"></i>
                   {{ showEnvSections[index] ? t.collapse : t.expand }}
                 </button>
-              </div>
-
-              <div v-if="showEnvSections[index]" class="env-list">
-                <div v-for="(env, envIndex) in auth.ENV" :key="envIndex" class="env-item">
-                  <input
-                    v-model="env.key"
-                    type="text"
-                    :placeholder="t.variableNamePlaceholder"
-                  >
-                  <span class="separator">=</span>
-                  <input
-                    v-model="env.value"
-                    type="text"
-                    :placeholder="t.variableValuePlaceholder"
-                  >
-                  <button
-                    @click="deleteEnv(index, envIndex)"
-                    :title="t.deleteThisEnvVar"
-                  >
-                    <i class="fa fa-times"></i>
-                  </button>
-                </div>
-
-                <button
-                  @click="addEnv(index)"
+              </div>
+
+              <div v-if="showEnvSections[index]" class="env-list">
+                <env-node-editor
+                  v-for="(env, envIndex) in auth.ENV"
+                  :key="env.id"
+                  :node="env"
+                  :index="envIndex"
+                  :depth="0"
+                  :labels="t"
+                  :can-delete="true"
+                  :confirm-delete="confirmDeleteEnvNode"
+                  @delete-node="deleteEnv(index, envIndex, $event)"
+                ></env-node-editor>
+
+                <button
+                  @click="addEnv(index)"
                   class="btn-add-env"
                 >
                   <i class="fa fa-plus"></i>