From fa945b62801dd402c154667a38de90b34dfeaed0 Mon Sep 17 00:00:00 2001
From: jackwener <jakevingoo@gmail.com>
Date: Thu, 9 Jul 2026 18:04:16 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20text=20action=20buttons=20wear=20an?=
 =?UTF-8?q?=20edge=20=E2=80=94=20ghost=20is=20icon-only=20(round=208b)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Applies the #613 rule uniformly: a text-labeled action button renders
with a visible border (outline); ghost is reserved for icon-only
controls with hover feedback.

- daily-review report actions 复制/追加/保存: three text ghosts → outline
- skills header 打开目录/刷新: text ghosts sitting beside the primary
  添加 CTA → outline (same defect as 前往系统设置 in round 8)
- module-shell skills-view hide rule re-keyed from the retired
  .maka-button-ghost marker class to .maka-button

Icon ghosts (daily-review steppers, row utilities) unchanged; the
stepper contract still pins its icon-ghost form. Desktop 2281/2281.
---
 .../src/renderer/styles/module-pages/module-shell.css     | 5 ++++-
 packages/ui/src/daily-review-panel.tsx                    | 6 +++---
 packages/ui/src/skills-panel.tsx                          | 8 ++++----
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/apps/desktop/src/renderer/styles/module-pages/module-shell.css b/apps/desktop/src/renderer/styles/module-pages/module-shell.css
index 3b5c6b2b48..611b2f8d96 100644
--- a/apps/desktop/src/renderer/styles/module-pages/module-shell.css
+++ b/apps/desktop/src/renderer/styles/module-pages/module-shell.css
@@ -61,7 +61,10 @@
   flex-wrap: wrap;
 }
 
-.maka-panel-detail[data-agents-view="skills"] .maka-module-main-actions > .maka-button-ghost:not(.maka-skill-add-button) {
+/* Round 8b: the hidden utilities are outline now (text buttons wear an
+   edge; ghost is icon-only), so key the rule on .maka-button instead of
+   the retired .maka-button-ghost class. */
+.maka-panel-detail[data-agents-view="skills"] .maka-module-main-actions > .maka-button:not(.maka-skill-add-button) {
   display: none;
 }
 
diff --git a/packages/ui/src/daily-review-panel.tsx b/packages/ui/src/daily-review-panel.tsx
index 60167a37a2..05c827028d 100644
--- a/packages/ui/src/daily-review-panel.tsx
+++ b/packages/ui/src/daily-review-panel.tsx
@@ -428,7 +428,7 @@ export function DailyReviewPanel(props: {
           {props.onCopyMarkdown && (
               <UiButton
                 type="button"
-                variant="ghost"
+                variant="outline"
                 size="sm"
                 className="maka-daily-review-copy min-w-[4rem]"
                 onClick={() => void runDailyReviewAction('copy', async () => {
@@ -446,7 +446,7 @@ export function DailyReviewPanel(props: {
             {props.onAppendMarkdown && (
               <UiButton
                 type="button"
-                variant="ghost"
+                variant="outline"
                 size="sm"
                 className="maka-daily-review-append min-w-[5rem]"
                 onClick={() => void runDailyReviewAction('append', async () => {
@@ -464,7 +464,7 @@ export function DailyReviewPanel(props: {
             {props.onSaveMarkdown && (
               <UiButton
                 type="button"
-                variant="ghost"
+                variant="outline"
                 size="sm"
                 className="maka-daily-review-save min-w-[4rem]"
                 onClick={() => void runDailyReviewAction('save', async () => {
diff --git a/packages/ui/src/skills-panel.tsx b/packages/ui/src/skills-panel.tsx
index ee320a9b68..9cddd9b09b 100644
--- a/packages/ui/src/skills-panel.tsx
+++ b/packages/ui/src/skills-panel.tsx
@@ -636,8 +636,8 @@ export function SkillsModuleMain(props: {
             />
           </label>
           <UiButton
-            className="maka-button maka-button-ghost"
-            variant="ghost"
+            className="maka-button"
+            variant="outline"
             type="button"
             onClick={() => void runSkillAction('folder', props.onOpenSkillsFolder)}
             disabled={!props.onOpenSkillsFolder || skillActionBusy}
@@ -660,8 +660,8 @@ export function SkillsModuleMain(props: {
             <span className="maka-visually-hidden">{skillCreateLegacyLabel}</span>
           </UiButton>
           <UiButton
-            className="maka-button maka-button-ghost"
-            variant="ghost"
+            className="maka-button"
+            variant="outline"
             type="button"
             onClick={() => void runSkillAction('refresh', props.onRefreshSkills)}
             disabled={!props.onRefreshSkills || skillActionBusy}