敏感词

frontend-web/src/components/workspace/settings/skill-settings-page.tsx

@@ -68,6 +68,7 @@ import {
 } from "@/core/skills/hooks";
 import type { Skill } from "@/core/skills/type";
 import { env } from "@/env";
+import { desensitize } from "@/lib/desensitize";
 import { cn } from "@/lib/utils";
 
 import { SettingsSection } from "./settings-section";
@@ -404,7 +405,7 @@ function SkillRow({
         >
           <ItemTitle>
             <div className="flex flex-wrap items-center gap-2">
-              <span>{skill.name}</span>
+              <span>{desensitize(skill.name)}</span>
               {isBuiltin && (
                 <Badge variant="secondary" className="text-xs">
                   {t.settings.skills.badgeBuiltin}
@@ -474,7 +475,7 @@ function SkillRow({
             </div>
           </ItemTitle>
           <ItemDescription className="line-clamp-4">
-            {skill.description}
+            {desensitize(skill.description ?? "")}
           </ItemDescription>
           {skill.use_count !== undefined && (
             <div className="text-muted-foreground mt-1 text-xs">
@@ -560,7 +561,9 @@ function SkillRow({
           <DialogHeader>
             <DialogTitle>{t.settings.skills.deleteAction}</DialogTitle>
             <DialogDescription>
-              {t.settings.skills.deleteConfirm.replace("{name}", skill.name)}
+              {desensitize(
+                t.settings.skills.deleteConfirm.replace("{name}", skill.name),
+              )}
             </DialogDescription>
           </DialogHeader>
           <DialogFooter>
@@ -809,22 +812,22 @@ function InstallSkillDialog({
             <div className="flex flex-col gap-2 rounded-md border p-3 text-sm">
               <div className="flex items-center gap-2 text-emerald-600">
                 <CheckCircle2 className="size-4" />
-                <span className="font-medium">{validation.skill_name}</span>
+                <span className="font-medium">{desensitize(validation.skill_name)}</span>
               </div>
               <Field label={dialog.descriptionLabel}>
                 <span className="line-clamp-3 whitespace-pre-wrap">
-                  {validation.description || "—"}
+                  {validation.description ? desensitize(validation.description) : "—"}
                 </span>
               </Field>
               {validation.license && (
-                <Field label={dialog.licenseLabel}>{validation.license}</Field>
+                <Field label={dialog.licenseLabel}>{desensitize(validation.license)}</Field>
               )}
               {validation.allowed_tools.length > 0 && (
                 <Field label={dialog.toolsLabel}>
                   <div className="flex flex-wrap gap-1">
                     {validation.allowed_tools.map((tool) => (
                       <Badge key={tool} variant="secondary" className="text-xs">
-                        {tool}
+                        {desensitize(tool)}
                       </Badge>
                     ))}
                   </div>
@@ -834,7 +837,7 @@ function InstallSkillDialog({
                 <Field label={dialog.warningsLabel}>
                   <ul className="list-disc pl-4 text-xs">
                     {validation.warnings.map((w, idx) => (
-                      <li key={idx}>{w}</li>
+                      <li key={idx}>{desensitize(w)}</li>
                     ))}
                   </ul>
                 </Field>
@@ -843,7 +846,9 @@ function InstallSkillDialog({
                 <div className="text-amber-600 mt-1 flex items-start gap-2 text-xs">
                   <AlertCircle className="mt-0.5 size-3.5 shrink-0" />
                   <span>
-                    {dialog.conflictCustom.replace("{name}", validation.skill_name)}
+                    {desensitize(
+                      dialog.conflictCustom.replace("{name}", validation.skill_name),
+                    )}
                   </span>
                 </div>
               )}
@@ -851,7 +856,9 @@ function InstallSkillDialog({
                 <div className={cn("mt-1 flex items-start gap-2 text-xs", adminCanOverwritePublic ? "text-amber-600" : "text-destructive")}>
                   <AlertCircle className="mt-0.5 size-3.5 shrink-0" />
                   <span>
-                    {(adminCanOverwritePublic ? dialog.conflictPublicAdminHint : dialog.conflictPublic).replace("{name}", validation.skill_name)}
+                    {desensitize(
+                      (adminCanOverwritePublic ? dialog.conflictPublicAdminHint : dialog.conflictPublic).replace("{name}", validation.skill_name),
+                    )}
                   </span>
                 </div>
               )}