@m6d/cortex-angular 1.7.0 → 1.8.0

package/fesm2022/m6d-cortex-angular.mjs

@@ -51,6 +51,9 @@ function createCortexApiClient(getTransport) {
     return text ? JSON.parse(text) : undefined;
   }
   return {
+    getCapabilities() {
+      return send("/capabilities");
+    },
     listThreads() {
       return send("/threads");
     },
@@ -1199,6 +1202,9 @@ var CORTEX_CLIENT_CONFIG = new InjectionToken("CORTEX_CLIENT_CONFIG");
 class CortexApiClient {
   config = inject(CORTEX_CLIENT_CONFIG);
   client = createCortexApiClient(() => this.config().transport);
+  getCapabilities() {
+    return this.client.getCapabilities();
+  }
   listThreads() {
     return this.client.listThreads();
   }
@@ -1347,6 +1353,8 @@ class CortexChatService {
     return unansweredToolCalls(chat.messages()).length > 0;
   }, ...ngDevMode ? [{ debugName: "hasPendingToolCalls" }] : []);
   messageMetadata = signal(new Map, ...ngDevMode ? [{ debugName: "messageMetadata" }] : []);
+  attachmentsEnabled = computed(() => this.config().attachments !== false && this.serverAcceptsAttachments(), ...ngDevMode ? [{ debugName: "attachmentsEnabled" }] : []);
+  serverAcceptsAttachments = signal(true, ...ngDevMode ? [{ debugName: "serverAcceptsAttachments" }] : []);
   events = new Subject;
   selectedThreadSnapshot = signal(undefined, ...ngDevMode ? [{ debugName: "selectedThreadSnapshot" }] : []);
   config = inject(CORTEX_CLIENT_CONFIG);
@@ -1369,6 +1377,7 @@ class CortexChatService {
     this.threadService.start();
     this.subscribeToWsEvents();
     this.subscribeToWsConnections();
+    this.api.getCapabilities().then((capabilities) => this.serverAcceptsAttachments.set(capabilities.attachments)).catch(() => {});
   }
   get events$() {
     return this.events.asObservable();
@@ -1807,6 +1816,7 @@ class ChatComposerComponent {
   translateService = inject(TranslateService);
   text = model("", ...ngDevMode ? [{ debugName: "text" }] : []);
   dragging = signal(false, ...ngDevMode ? [{ debugName: "dragging" }] : []);
+  attachmentsEnabled = this.chatService.attachmentsEnabled;
   acceptedTypes = ATTACHMENT_MIME_TYPES.join(",");
   canSend = computed(() => !this.queue.busy() && (Boolean(this.text().trim()) || this.queue.hasReady()), ...ngDevMode ? [{ debugName: "canSend" }] : []);
   messageInput = viewChild("messageInput", ...ngDevMode ? [{ debugName: "messageInput" }] : []);
@@ -1821,7 +1831,8 @@ class ChatComposerComponent {
   }
   onDragOver(event) {
     event.preventDefault();
-    this.dragging.set(true);
+    if (this.attachmentsEnabled())
+      this.dragging.set(true);
   }
   onDragLeave(event) {
     const area = event.currentTarget;
@@ -1832,11 +1843,12 @@ class ChatComposerComponent {
   onDrop(event) {
     event.preventDefault();
     this.dragging.set(false);
-    this.queue.accept([...event.dataTransfer?.files ?? []]);
+    if (this.attachmentsEnabled())
+      this.queue.accept([...event.dataTransfer?.files ?? []]);
   }
   onPaste(event) {
     const files = event.clipboardData?.files;
-    if (!files?.length)
+    if (!this.attachmentsEnabled() || !files?.length)
       return;
     event.preventDefault();
     this.queue.accept([...files]);
@@ -1902,31 +1914,33 @@ class ChatComposerComponent {
       </button>
     } @else {
       <div class="cortex-widget__input-actions">
-        <!-- Attach button -->
-        <button
-          type="button"
-          (click)="fileInput.click()"
-          class="cortex-widget__attach-btn"
-          [attr.aria-label]="'translate_attach_files' | translate"
-        >
-          <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <path
-              d="M10.5 5.5 6.2 9.8a1.4 1.4 0 0 0 2 2l4.6-4.6a2.8 2.8 0 0 0-4-4L4.2 7.8a4.2 4.2 0 0 0 6 6l4-4"
-              stroke="currentColor"
-              stroke-width="1.3"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-        </button>
-        <input
-          #fileInput
-          type="file"
-          multiple
-          [accept]="acceptedTypes"
-          (change)="onFilesPicked($event)"
-          class="cortex-widget__file-input"
-        />
+        @if (attachmentsEnabled()) {
+          <!-- Attach button -->
+          <button
+            type="button"
+            (click)="fileInput.click()"
+            class="cortex-widget__attach-btn"
+            [attr.aria-label]="'translate_attach_files' | translate"
+          >
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+              <path
+                d="M10.5 5.5 6.2 9.8a1.4 1.4 0 0 0 2 2l4.6-4.6a2.8 2.8 0 0 0-4-4L4.2 7.8a4.2 4.2 0 0 0 6 6l4-4"
+                stroke="currentColor"
+                stroke-width="1.3"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+          <input
+            #fileInput
+            type="file"
+            multiple
+            [accept]="acceptedTypes"
+            (change)="onFilesPicked($event)"
+            class="cortex-widget__file-input"
+          />
+        }
 
         <!-- Send button -->
         <button
@@ -2003,31 +2017,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.3", ngImpor
       </button>
     } @else {
       <div class="cortex-widget__input-actions">
-        <!-- Attach button -->
-        <button
-          type="button"
-          (click)="fileInput.click()"
-          class="cortex-widget__attach-btn"
-          [attr.aria-label]="'translate_attach_files' | translate"
-        >
-          <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <path
-              d="M10.5 5.5 6.2 9.8a1.4 1.4 0 0 0 2 2l4.6-4.6a2.8 2.8 0 0 0-4-4L4.2 7.8a4.2 4.2 0 0 0 6 6l4-4"
-              stroke="currentColor"
-              stroke-width="1.3"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-        </button>
-        <input
-          #fileInput
-          type="file"
-          multiple
-          [accept]="acceptedTypes"
-          (change)="onFilesPicked($event)"
-          class="cortex-widget__file-input"
-        />
+        @if (attachmentsEnabled()) {
+          <!-- Attach button -->
+          <button
+            type="button"
+            (click)="fileInput.click()"
+            class="cortex-widget__attach-btn"
+            [attr.aria-label]="'translate_attach_files' | translate"
+          >
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+              <path
+                d="M10.5 5.5 6.2 9.8a1.4 1.4 0 0 0 2 2l4.6-4.6a2.8 2.8 0 0 0-4-4L4.2 7.8a4.2 4.2 0 0 0 6 6l4-4"
+                stroke="currentColor"
+                stroke-width="1.3"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              />
+            </svg>
+          </button>
+          <input
+            #fileInput
+            type="file"
+            multiple
+            [accept]="acceptedTypes"
+            (change)="onFilesPicked($event)"
+            class="cortex-widget__file-input"
+          />
+        }
 
         <!-- Send button -->
         <button

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m6d/cortex-angular",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Reusable AI agent chat UI library for Angular",
   "license": "MIT",
   "sideEffects": false,

package/types/m6d-cortex-angular.d.ts

@@ -124,6 +124,12 @@ export type CortexConfig = {
 	/** Prompt chips on the blank-chat landing; clicking one sends it as the first message. */
 	suggestions?: Localized<string[]>;
 	showDebugButton?: boolean;
+	/**
+	 * Embedder override for the file-upload controls (attach button, drop,
+	 * paste). The widget already hides them when the server's capability
+	 * handshake says the agent refuses uploads; `false` hides them regardless.
+	 */
+	attachments?: boolean;
 	/**
 	 * Render embedded tool pages served from this page's own origin with their
 	 * full identity — which, same-origin, means no effective sandbox at all: such
@@ -214,6 +220,13 @@ declare class CortexChatService {
 	 * the stream, and are merged back in by message id at render time.
 	 */
 	readonly messageMetadata: _angular_core.WritableSignal<ReadonlyMap<string, MessageMetadata>>;
+	/**
+	 * Server capability AND the embedder's `config.attachments` override.
+	 * Optimistically true until the handshake answers; most agents accept files
+	 * and a briefly hidden button would flicker for them.
+	 */
+	readonly attachmentsEnabled: _angular_core.Signal<boolean>;
+	private readonly serverAcceptsAttachments;
 	private readonly events;
 	private readonly selectedThreadSnapshot;
 	private readonly config;