Suppress "remove" button on auto-attached charms in chatbot.tsx (#1997)

* Suppress "remove" button on auto-attached charms in `chatbot.tsx`

* Format pass

Author: bfollington

packages/patterns/chatbot.tsx

@@ -131,6 +131,7 @@ type PromptAttachment = {
   type: "file" | "clipboard" | "mention";
   data?: any; // File | Blob | string
   charm?: any;
+  removable?: boolean; // Whether this attachment can be removed
 };
 
 type ChatOutput = {
@@ -234,6 +235,7 @@ const addAttachmentTool = handler<
     name: mentionableName,
     type: "mention",
     charm,
+    removable: true, // User-added attachments can be removed
   });
 });
 
@@ -322,6 +324,7 @@ export default recipe<ChatInput, ChatOutput>(
                 name: mostRecentName,
                 type: "mention" as const,
                 charm: mostRecent,
+                removable: false, // Auto-attached charm cannot be removed
               },
               ...attachments,
             ];

packages/ui/src/v2/components/ct-attachments-bar/ct-attachments-bar.ts

@@ -12,6 +12,7 @@ interface Attachment {
   type: "file" | "clipboard" | "mention";
   data?: any;
   charm?: any;
+  removable?: boolean;
 }
 
 /**
@@ -109,7 +110,8 @@ export class CTAttachmentsBar extends BaseElement {
             html`
               <ct-chip
                 variant="${this._getVariant(attachment.type)}"
-                ?removable="${this.removable}"
+                ?removable="${this.removable &&
+                  (attachment.removable !== false)}"
                 interactive
                 @ct-remove="${(e: Event) =>
                   this._handleRemove(attachment.id, e)}"