refactor(webui): clarify shared controls and status feedback

webui/src/components/MessageDisplayPanel.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useState, type ReactNode } from "react";
-import { Archive, LockKeyhole, Paperclip } from "lucide-react";
+import { Archive, Link2, LockKeyhole, Paperclip, X } from "lucide-react";
 import { i18nMessage, usePlatformLanguage } from "../i18n/LanguageContext";
 import SegmentedControl from "./SegmentedControl";
 
@@ -14,6 +14,7 @@ export type MessageDisplayAttachment = {
   contentType?: string | null;
   sizeBytes?: number | null;
   detail?: string | null;
+  linkedToCampaign?: boolean | null;
   archiveGroup?: string | null;
   archiveLabel?: string | null;
   protected?: boolean | null;
@@ -159,9 +160,15 @@ function AttachmentRow({ attachment, index }: {attachment: MessageDisplayAttachm
   const contentType = formatContentType(attachment.contentType);
   const size = formatBytes(attachment.sizeBytes);
   const hasMeta = Boolean(contentType || size);
+  const LinkIcon = attachment.linkedToCampaign === true ? Link2 : attachment.linkedToCampaign === false ? X : Paperclip;
+  const linkStateClass = attachment.linkedToCampaign === true ?
+  " is-linked" :
+  attachment.linkedToCampaign === false ?
+  " is-unlinked" :
+  "";
   return (
-    <div className="message-display-attachment-row">
-      <Paperclip size={14} aria-hidden="true" />
+    <div className={`message-display-attachment-row${linkStateClass}`}>
+      <LinkIcon size={14} aria-hidden="true" />
       <span>
         <strong>{attachment.filename || i18nMessage("i18n:govoplan-core.attachment_value.01801a54", { value0: index + 1 })}</strong>
         {attachment.detail && <small className="message-display-attachment-detail">{attachment.detail}</small>}