feat : Con more reaible

components/admin/guide-section-editor.tsx

@@ -57,8 +57,10 @@ import { DeleteConfirmationDialog } from "@/components/admin/delete-confirmation
 import { DeleteConditionDialog } from "@/components/admin/delete-condition-dialog";
 import { MediaUploader } from "@/components/admin/media-uploader";
 import { ScrollableNav } from "@/components/public/scrollable-nav";
+import { LunarisText } from "@/components/public/lunaris-text";
 import { TeamArtifactIcon } from "@/components/public/team-search";
 import { SimpleTooltip } from "@/components/tooltip";
+import type { CatalogTextNode } from "@/lib/catalog/lunaris";
 import {
   Accordion,
   AccordionContent,
@@ -299,6 +301,7 @@ type CatalogConstellation = {
   level: number;
   name: string;
   description: string;
+  descriptionNodes?: CatalogTextNode[];
   iconUrl: string | null;
 };
 type CatalogTalent = {
@@ -2474,6 +2477,7 @@ function ConstellationEditor({
           name: `C${index + 1}`,
           description:
             savedRows.find((row) => row.level === index + 1)?.detail ?? "",
+          descriptionNodes: undefined,
           iconUrl: null,
         }));
     return source.map((constellation) => {
@@ -2643,9 +2647,11 @@ function ConstellationEditor({
                         />
                       ) : null}
                       <CardTitle>
-                        C{row.level} · {row.name}
+                        C{row.level} - {row.name}
                       </CardTitle>
-                      <CardDescription>{row.description}</CardDescription>
+                      <CardDescription className="whitespace-pre-line">
+                        <LunarisText nodes={row.descriptionNodes} fallback={row.description} />
+                      </CardDescription>
                     </CardHeader>
                     <CardContent className="flex items-end gap-3">
                       <Field className="min-w-0 flex-1">