From 7cc7b959e2de54092352d116788d744ad7c8cd96 Mon Sep 17 00:00:00 2001
From: Quincy <69751197+dqygit@users.noreply.github.com>
Date: Tue, 14 Apr 2026 22:31:30 +0800
Subject: [PATCH] fix: resolve bot styling issue (#375)

---
 .github/workflows/tauri-ci.yml                | 26 ---------------
 .../searchable-select-popover/index.vue       |  2 +-
 .../src/pages/bots/components/bot-access.vue  |  4 +--
 .../pages/bots/components/bot-channels.vue    | 32 ++++++++++---------
 .../web/src/pages/bots/components/bot-mcp.vue |  7 ++--
 .../src/pages/bots/components/bot-memory.vue  |  2 +-
 .../components/channel-settings-panel.vue     |  4 +--
 .../pages/bots/components/model-options.vue   |  3 +-
 .../pages/home/components/session-sidebar.vue |  5 +--
 .../pages/home/components/tool-call-write.vue |  1 +
 .../components/add-search-provider.vue        | 12 +++----
 11 files changed, 39 insertions(+), 59 deletions(-)

diff --git a/.github/workflows/tauri-ci.yml b/.github/workflows/tauri-ci.yml
index a6b87d35..7e7564c9 100644
--- a/.github/workflows/tauri-ci.yml
+++ b/.github/workflows/tauri-ci.yml
@@ -44,9 +44,6 @@ jobs:
 
     runs-on: ${{ matrix.platform }}
     timeout-minutes: 60
-    env:
-      APPLE_CERTIFICATE: ${{ secrets.APPLE_CERTIFICATE }}
-      APPLE_CERTIFICATE_PASSWORD: ${{ secrets.APPLE_CERTIFICATE_PASSWORD }}
 
     steps:
       - uses: actions/checkout@v4
@@ -83,29 +80,6 @@ jobs:
       - name: Install JS dependencies
         run: pnpm install --frozen-lockfile
 
-      # macOS code signing with certificate secrets.
-      - name: Prepare macOS code signing
-        if: ${{ matrix.platform == 'macos-latest' && env.APPLE_CERTIFICATE != '' && env.APPLE_CERTIFICATE_PASSWORD != '' }}
-        run: |
-          set -euo pipefail
-          KEYCHAIN_PASSWORD="github-actions-${GITHUB_RUN_ID}-${GITHUB_RUN_ATTEMPT:-1}"
-          echo "$APPLE_CERTIFICATE" | base64 --decode > "$RUNNER_TEMP/certificate.p12"
-          security create-keychain -p "$KEYCHAIN_PASSWORD" build.keychain
-          security default-keychain -s build.keychain
-          security unlock-keychain -p "$KEYCHAIN_PASSWORD" build.keychain
-          security set-keychain-settings -t 3600 -u build.keychain
-          security import "$RUNNER_TEMP/certificate.p12" -k build.keychain -P "$APPLE_CERTIFICATE_PASSWORD" -T /usr/bin/codesign
-          security set-key-partition-list -S apple-tool:,apple:,codesign: -s -k "$KEYCHAIN_PASSWORD" build.keychain
-          curl -fsSL -o "$RUNNER_TEMP/DeveloperIDG2CA.cer" https://www.apple.com/certificateauthority/DeveloperIDG2CA.cer
-          security add-certificates -k build.keychain "$RUNNER_TEMP/DeveloperIDG2CA.cer"
-          security find-identity -v -p codesigning build.keychain
-          IDENTITY=$(security find-identity -v -p codesigning build.keychain | awk -F'"' '/Developer ID Application/ { print $2; exit }')
-          if [[ -z "$IDENTITY" ]]; then
-            echo "No Developer ID Application identity in build keychain"
-            exit 1
-          fi
-          echo "APPLE_SIGNING_IDENTITY=$IDENTITY" >> "$GITHUB_ENV"
-
       - name: Build Tauri app
         uses: tauri-apps/tauri-action@v0
         env:
diff --git a/apps/web/src/components/searchable-select-popover/index.vue b/apps/web/src/components/searchable-select-popover/index.vue
index c8cb3aa0..e1c08423 100644
--- a/apps/web/src/components/searchable-select-popover/index.vue
+++ b/apps/web/src/components/searchable-select-popover/index.vue
@@ -54,7 +54,7 @@
         <div
           v-for="group in filteredGroups"
           :key="group.key"
-          class="p-1"
+          class="p-1 *:mt-1 overflow-hidden"
         >
           <div
             v-if="showGroupHeaders && group.label"
diff --git a/apps/web/src/pages/bots/components/bot-access.vue b/apps/web/src/pages/bots/components/bot-access.vue
index d1b568dd..bb60a239 100644
--- a/apps/web/src/pages/bots/components/bot-access.vue
+++ b/apps/web/src/pages/bots/components/bot-access.vue
@@ -63,7 +63,7 @@
     </section>
 
     <!-- Rules -->
-    <section class="rounded-lg border border-border bg-card p-4 space-y-4">
+    <section class="rounded-lg border border-border bg-card p-4 [&>:nth-of-type(n+2)]:mt-4">
       <div class="flex items-center justify-between">
         <div>
           <h3 class="text-sm font-semibold text-foreground">
@@ -83,7 +83,6 @@
           {{ $t('bots.access.addRule') }}
         </Button>
       </div>
-
       <div
         v-if="isLoadingRules"
         class="flex justify-center py-8"
@@ -93,6 +92,7 @@
       <Empty
         v-else-if="rules.length === 0"
         :title="$t('bots.access.rulesEmpty')"
+        class="empty:hidden"
         :description="$t('bots.access.rulesEmptyDescription')"
       />
       <div
diff --git a/apps/web/src/pages/bots/components/bot-channels.vue b/apps/web/src/pages/bots/components/bot-channels.vue
index 11d89e2a..e8e677d5 100644
--- a/apps/web/src/pages/bots/components/bot-channels.vue
+++ b/apps/web/src/pages/bots/components/bot-channels.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="flex gap-6 absolute inset-0  mx-auto p-4">
+  <div class="flex gap-6 absolute inset-0  mx-auto py-4 pl-4">
     <!-- Left: Channel list -->
-    <div class="h-full flex-col border rounded-lg overflow-hidden flex">
+    <div class="h-full flex-col border rounded-lg overflow-hidden flex sticky top-0">
       <ScrollArea class="w-60 flex-1 flex flex-col ">
         <!-- Loading -->
         <div
@@ -115,20 +115,22 @@
     </div>
     <!-- Right: Channel settings -->
     <div class="flex-1 min-w-0">
-      <div
-        v-if="!selectedType || !selectedItem"
-        class="flex h-full items-center justify-center text-xs text-muted-foreground"
-      >
-        {{ configuredChannels.length > 0 ? $t('bots.channels.selectType') : '' }}
-      </div>
+      <ScrollArea class="h-full">
+        <div 
+          v-if="!selectedType || !selectedItem"
+          class="flex h-full items-center justify-center text-xs text-muted-foreground"
+        >
+          {{ configuredChannels.length > 0 ? $t('bots.channels.selectType') : '' }}
+        </div>
 
-      <ChannelSettingsPanel
-        v-else
-        :key="selectedType"
-        :bot-id="botId"
-        :channel-item="selectedItem"
-        @saved="refetch()"
-      />
+        <ChannelSettingsPanel
+          v-else
+          :key="selectedType"
+          :bot-id="botId"
+          :channel-item="selectedItem"
+          @saved="refetch()"
+        />
+      </ScrollArea>
     </div>
   </div>
 </template>
diff --git a/apps/web/src/pages/bots/components/bot-mcp.vue b/apps/web/src/pages/bots/components/bot-mcp.vue
index 72b59324..1838b2bc 100644
--- a/apps/web/src/pages/bots/components/bot-mcp.vue
+++ b/apps/web/src/pages/bots/components/bot-mcp.vue
@@ -204,6 +204,7 @@
                 <Label>{{ $t('mcp.cwd') }}</Label>
                 <Input
                   v-model="formData.cwd"
+                  class="max-w-85"
                   :placeholder="$t('mcp.cwdPlaceholder')"
                 />
               </div>
@@ -227,8 +228,10 @@
               </div>
               <div class="space-y-1.5">
                 <Label>Transport</Label>
-                <Select v-model="formData.transport">
-                  <SelectTrigger class="w-full">
+                <Select
+                  v-model="formData.transport"
+                >
+                  <SelectTrigger class="min-w-60">
                     <SelectValue />
                   </SelectTrigger>
                   <SelectContent>
diff --git a/apps/web/src/pages/bots/components/bot-memory.vue b/apps/web/src/pages/bots/components/bot-memory.vue
index ccd241ff..2088d980 100644
--- a/apps/web/src/pages/bots/components/bot-memory.vue
+++ b/apps/web/src/pages/bots/components/bot-memory.vue
@@ -50,7 +50,7 @@
         </div>
       </div>
 
-      <ScrollArea class="flex-1 min-h-0">
+      <ScrollArea class="flex-1 min-h-0 ">
         <div class="p-2 space-y-1">
           <div
             v-if="loading && memories.length === 0"
diff --git a/apps/web/src/pages/bots/components/channel-settings-panel.vue b/apps/web/src/pages/bots/components/channel-settings-panel.vue
index e722d261..f04b4f72 100644
--- a/apps/web/src/pages/bots/components/channel-settings-panel.vue
+++ b/apps/web/src/pages/bots/components/channel-settings-panel.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="space-y-6">
+  <div class="space-y-6 mr-4">
     <!-- Header -->
     <div class="flex items-center justify-between">
       <div class="flex items-center gap-3">
@@ -208,7 +208,7 @@
 
     <Separator />
 
-    <div class="flex justify-end gap-2">
+    <div class="flex justify-end gap-2 ">
       <template v-if="isEditMode">
         <Button
           :disabled="isBusy"
diff --git a/apps/web/src/pages/bots/components/model-options.vue b/apps/web/src/pages/bots/components/model-options.vue
index f8eba2e6..5b7a0299 100644
--- a/apps/web/src/pages/bots/components/model-options.vue
+++ b/apps/web/src/pages/bots/components/model-options.vue
@@ -35,12 +35,13 @@
       </div>
 
       <button
+
         v-for="option in group.items"
         :key="option.value"
         type="button"
         role="option"
         :aria-selected="modelValue === option.value"
-        class="relative flex  w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-xs outline-none hover:bg-accent hover:text-accent-foreground"
+        class="relative flex  w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-xs outline-none hover:bg-accent hover:text-accent-foreground [&_+button]:mt-1"
         :class="{ 'bg-accent': modelValue === option.value }"
         @click="$emit('update:modelValue', option.value)"
       >
diff --git a/apps/web/src/pages/home/components/session-sidebar.vue b/apps/web/src/pages/home/components/session-sidebar.vue
index 7f475da7..5b5ce9ed 100644
--- a/apps/web/src/pages/home/components/session-sidebar.vue
+++ b/apps/web/src/pages/home/components/session-sidebar.vue
@@ -87,13 +87,14 @@
             <DropdownMenuItem
               v-for="opt in filterOptions"
               :key="opt.value ?? 'all'"
+              class="relative"
               @click="filterType = opt.value"
             >
               <Check
                 v-if="filterType === opt.value"
-                class="size-3 mr-2"
+                class="size-3 mr-2 absolute"
               />
-              <span :class="filterType !== opt.value ? 'ml-5' : ''">
+              <span class="ml-5">
                 {{ opt.label }}
               </span>
             </DropdownMenuItem>
diff --git a/apps/web/src/pages/home/components/tool-call-write.vue b/apps/web/src/pages/home/components/tool-call-write.vue
index 8dab2858..76869c6d 100644
--- a/apps/web/src/pages/home/components/tool-call-write.vue
+++ b/apps/web/src/pages/home/components/tool-call-write.vue
@@ -98,4 +98,5 @@ function handleOpenFile() {
     openInFileManager(filePath.value, false)
   }
 }
+
 </script>
diff --git a/apps/web/src/pages/web-search/components/add-search-provider.vue b/apps/web/src/pages/web-search/components/add-search-provider.vue
index 7b0f190e..3109e72f 100644
--- a/apps/web/src/pages/web-search/components/add-search-provider.vue
+++ b/apps/web/src/pages/web-search/components/add-search-provider.vue
@@ -14,9 +14,7 @@
           class="w-full shadow-none! text-muted-foreground mb-4"
           variant="outline"
         >
-          <Plus
-            class="mr-1"
-          /> {{ $t('webSearch.add') }}
+          <Plus class="mr-1" /> {{ $t('webSearch.add') }}
         </Button>
       </template>
       <template #body>
@@ -28,13 +26,13 @@
             <FormItem>
               <Label
                 class="mb-2"
-                :for="componentField.id || 'search-provider-create-name'"
+                :for="'search-provider-create-name'"
               >
                 {{ $t('common.name') }}
               </Label>
               <FormControl>
                 <Input
-                  :id="componentField.id || 'search-provider-create-name'"
+                  :id="'search-provider-create-name'"
                   type="text"
                   :placeholder="$t('common.namePlaceholder')"
                   v-bind="componentField"
@@ -50,14 +48,14 @@
             <FormItem>
               <Label
                 class="mb-2"
-                :for="componentField.id || 'search-provider-create-type'"
+                :for="'search-provider-create-type'"
               >
                 {{ $t('webSearch.provider') }}
               </Label>
               <FormControl>
                 <Select v-bind="componentField">
                   <SelectTrigger
-                    :id="componentField.id || 'search-provider-create-type'"
+                    :id="'search-provider-create-type'"
                     class="w-full"
                     :aria-label="$t('webSearch.provider')"
                   >