@m6d/cortex-angular 1.7.0 → 1.8.1

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,7 @@ class CortexChatService {
     return unansweredToolCalls(chat.messages()).length > 0;
   }, ...ngDevMode ? [{ debugName: "hasPendingToolCalls" }] : []);
   messageMetadata = signal(new Map, ...ngDevMode ? [{ debugName: "messageMetadata" }] : []);
+  capabilities = signal(undefined, ...ngDevMode ? [{ debugName: "capabilities" }] : []);
   events = new Subject;
   selectedThreadSnapshot = signal(undefined, ...ngDevMode ? [{ debugName: "selectedThreadSnapshot" }] : []);
   config = inject(CORTEX_CLIENT_CONFIG);
@@ -1369,6 +1376,7 @@ class CortexChatService {
     this.threadService.start();
     this.subscribeToWsEvents();
     this.subscribeToWsConnections();
+    this.api.getCapabilities().then((capabilities) => this.capabilities.set(capabilities)).catch(() => {});
   }
   get events$() {
     return this.events.asObservable();
@@ -1807,6 +1815,7 @@ class ChatComposerComponent {
   translateService = inject(TranslateService);
   text = model("", ...ngDevMode ? [{ debugName: "text" }] : []);
   dragging = signal(false, ...ngDevMode ? [{ debugName: "dragging" }] : []);
+  attachmentsEnabled = computed(() => this.chatService.capabilities()?.attachments ?? false, ...ngDevMode ? [{ debugName: "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 +1830,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 +1842,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 +1913,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 +2016,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.1",
   "description": "Reusable AI agent chat UI library for Angular",
   "license": "MIT",
   "sideEffects": false,

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

@@ -52,6 +52,13 @@ export type ClientToolBinding = {
 	surface: "inline" | "modal";
 	embedOrigin: string;
 };
+/**
+ * What the server offers this agent's clients, fetched once at widget startup.
+ * The widget hides UI for anything absent; enforcement stays server-side.
+ */
+export type AgentCapabilities = {
+	attachments: boolean;
+};
 export type MessageMetadata = {
 	modelId?: string;
 	providerMetadata?: unknown;
@@ -214,6 +221,8 @@ declare class CortexChatService {
 	 * the stream, and are merged back in by message id at render time.
 	 */
 	readonly messageMetadata: _angular_core.WritableSignal<ReadonlyMap<string, MessageMetadata>>;
+	/** What the server offers this agent's clients; undefined until the handshake answers. */
+	readonly capabilities: _angular_core.WritableSignal<AgentCapabilities | undefined>;
 	private readonly events;
 	private readonly selectedThreadSnapshot;
 	private readonly config;