@praxisui/ai 8.0.0-beta.8 → 8.0.0-beta.9

package/README.md

@@ -76,6 +76,7 @@ The shell owns the shared UX primitives:
 - conversation messages and message actions such as edit/resend/custom actions
 - prompt composer, Enter-to-submit behavior, pasted or selected file attachments, submit/apply actions and attach/remove attachment events
 - active context chips for component, schema, selection, route, tenant or custom context
+- rich quick reply chips with optional description, icon, tone and structured context hints
 - attached context metadata for files, images, JSON, schema and text payloads
 - mode and state labels for `config`, `agentic-authoring`, `chat`, `diagnostic`, `review` and `inline-help`
 - draggable/resizable panel layout and accessibility labels
@@ -106,7 +107,7 @@ The orchestrator owns the turn lifecycle:
 - stable `sessionId` creation per controller when the host does not provide one
 - fresh `clientTurnId` creation for each executable submit/apply/retry/cancel turn
 - LLM-assisted clarification as a first-class `clarification` state
-- structured clarification questions and quick replies
+- structured clarification questions and quick replies, including rich chip metadata from backend flows
 - edit/resend actions for user messages, including conversation fork semantics
 - attached context add/remove state
 - apply/retry/cancel dispatch when the active flow supports it
@@ -118,6 +119,8 @@ When a flow asks for clarification, direct user input while the controller is in
 
 `pendingClarification.diagnostics` is opaque flow state. It is preserved across the next clarification answer so backend-owned semantics can keep metadata-only context, including attachment summaries, without the shell understanding the domain or retaining local file payloads.
 
+Backend-owned flows may return quick replies as clickable chips for candidate resources, catalog follow-ups or clarification options. Hosts should keep the full quick reply object: `description`, `icon` and `tone` are presentation hints, while `contextHints` carries structured values such as `resourcePath`, `submitUrl`, `operation` and `schemaUrl` for the next turn. Do not downcast these replies to label/prompt pairs or recompute the options in the UI.
+
 When a user edits or resends an earlier user message, the controller forks the conversation from that message before invoking the flow again. Downstream assistant/user messages, quick replies, pending clarification and preview state are cleared so the backend receives the revised conversation branch instead of stale follow-up context. Hosts that expose an edit composer should call `submitEditedMessage(messageId, text)` when the revised prompt is submitted.
 
 ## What this package does not own

package/fesm2022/praxisui-ai.mjs

@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
  * Do not edit manually. Run praxis-config-starter/tools/contracts/generate-ai-contract-bindings.js.
  */
 const AI_CONTRACT_VERSION = 'v1.1';
-const AI_CONTRACT_SCHEMA_HASH = '922e6d48637e64b403562d6d7cb833ed4942ffb0b452ec3573255871f4ec8739';
+const AI_CONTRACT_SCHEMA_HASH = 'dacaba8fa7ec21ee9ae31bab7057614837d2d1320d784d0ee61fb840efe55a35';
 const AI_STREAM_EVENT_SCHEMA_VERSION = 'v1';
 const AI_STREAM_EVENT_TYPES = ['status', 'thought.step', 'heartbeat', 'result', 'error', 'cancelled'];
 
@@ -6028,6 +6028,33 @@ class PraxisAiAssistantShellComponent {
             return;
         this.quickReply.emit(reply);
     }
+    getQuickReplyAriaLabel(reply) {
+        const label = reply.label?.trim() ?? '';
+        const description = reply.description?.trim();
+        return description ? `${label}. ${description}` : label;
+    }
+    getQuickReplyTone(reply) {
+        const tone = (reply.tone || reply.kind || 'neutral').toLowerCase();
+        switch (tone) {
+            case 'primary':
+            case 'analytics':
+            case 'resource':
+            case 'warning':
+            case 'neutral':
+            case 'success':
+            case 'danger':
+                return tone;
+            case 'confirm':
+                return 'primary';
+            case 'suggestion':
+                return 'resource';
+            case 'revise':
+                return 'warning';
+            case 'cancel':
+            default:
+                return 'neutral';
+        }
+    }
     onRemoveAttachment(attachment) {
         if (this.busy)
             return;
@@ -6268,7 +6295,7 @@ class PraxisAiAssistantShellComponent {
         this.ownedPreviewUrls.delete(previewUrl);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisAiAssistantShellComponent, isStandalone: true, selector: "praxis-ai-assistant-shell", inputs: { labels: "labels", mode: "mode", state: "state", contextItems: "contextItems", attachments: "attachments", messages: "messages", quickReplies: "quickReplies", prompt: "prompt", statusText: "statusText", errorText: "errorText", testIdPrefix: "testIdPrefix", panelTestId: "panelTestId", submitTestId: "submitTestId", applyTestId: "applyTestId", busy: "busy", canSubmit: "canSubmit", canApply: "canApply", submitOnEnter: "submitOnEnter", enableFileAttachments: "enableFileAttachments", attachmentAccept: "attachmentAccept", attachmentMultiple: "attachmentMultiple", draggable: "draggable", resizable: "resizable", minWidth: "minWidth", minHeight: "minHeight", margin: "margin", layout: "layout" }, outputs: { promptChange: "promptChange", submitPrompt: "submitPrompt", apply: "apply", close: "close", attach: "attach", attachmentsPasted: "attachmentsPasted", attachmentsSelected: "attachmentsSelected", removeAttachment: "removeAttachment", messageAction: "messageAction", editMessage: "editMessage", resendMessage: "resendMessage", quickReply: "quickReply", layoutChange: "layoutChange" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, static: true }, { propertyName: "conversation", first: true, predicate: ["conversation"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n  #panel\n  class=\"praxis-ai-assistant-shell\"\n  role=\"dialog\"\n  [attr.aria-label]=\"resolvedLabels.title\"\n  [attr.aria-busy]=\"busy ? 'true' : null\"\n  [style.left.px]=\"currentLayout.left\"\n  [style.top.px]=\"currentLayout.top\"\n  [style.width.px]=\"currentLayout.width\"\n  [style.height.px]=\"currentLayout.height\"\n  [attr.data-testid]=\"panelTestId || testIdPrefix\"\n>\n  <header\n    class=\"praxis-ai-assistant-shell__header\"\n    [attr.data-testid]=\"testIdPrefix + '-drag-handle'\"\n    [attr.aria-label]=\"resolvedLabels.dragHandleAria\"\n    (pointerdown)=\"startDrag($event)\"\n  >\n    <div class=\"praxis-ai-assistant-shell__identity\" aria-hidden=\"true\">\n      <mat-icon>auto_awesome</mat-icon>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__title-group\">\n      <strong>{{ resolvedLabels.title }}</strong>\n      <p *ngIf=\"resolvedLabels.subtitle\">{{ resolvedLabels.subtitle }}</p>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__badges\" aria-hidden=\"true\">\n      <span class=\"praxis-ai-assistant-shell__badge\">{{ getModeLabel() }}</span>\n      <span class=\"praxis-ai-assistant-shell__badge\" [class.praxis-ai-assistant-shell__badge--error]=\"state === 'error'\">\n        {{ getStateLabel() }}\n      </span>\n    </div>\n    <button\n      mat-icon-button\n      type=\"button\"\n      [matTooltip]=\"resolvedLabels.close\"\n      [attr.aria-label]=\"resolvedLabels.close\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (click)=\"close.emit()\"\n      [attr.data-testid]=\"testIdPrefix + '-close'\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  </header>\n\n  <div class=\"praxis-ai-assistant-shell__body\">\n    <div\n      *ngIf=\"contextItems.length\"\n      class=\"praxis-ai-assistant-shell__context\"\n      [attr.aria-label]=\"resolvedLabels.contextAria\"\n      [attr.data-testid]=\"testIdPrefix + '-context'\"\n    >\n      <span\n        *ngFor=\"let item of contextItems; trackBy: trackContextItem\"\n        class=\"praxis-ai-assistant-shell__context-item\"\n        [attr.data-testid]=\"testIdPrefix + '-context-' + item.id\"\n      >\n        <mat-icon *ngIf=\"item.icon\" aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n        <span class=\"praxis-ai-assistant-shell__context-label\">{{ item.label }}</span>\n        <span *ngIf=\"item.value\" class=\"praxis-ai-assistant-shell__context-value\">{{ item.value }}</span>\n      </span>\n    </div>\n\n    <div\n      #conversation\n      class=\"praxis-ai-assistant-shell__conversation\"\n      [attr.data-testid]=\"testIdPrefix + '-conversation'\"\n      [attr.aria-label]=\"resolvedLabels.conversationAria\"\n    >\n      <article\n        *ngIf=\"!messages.length\"\n        class=\"praxis-ai-assistant-shell__message praxis-ai-assistant-shell__message--assistant\"\n        [attr.data-testid]=\"testIdPrefix + '-message-assistant-empty'\"\n      >\n        {{ resolvedLabels.emptyConversation }}\n      </article>\n      <article\n        *ngFor=\"let message of messages; trackBy: trackMessage\"\n        class=\"praxis-ai-assistant-shell__message\"\n        [class.praxis-ai-assistant-shell__message--user]=\"message.role === 'user'\"\n        [class.praxis-ai-assistant-shell__message--assistant]=\"message.role === 'assistant'\"\n        [class.praxis-ai-assistant-shell__message--status]=\"message.role === 'status'\"\n        [class.praxis-ai-assistant-shell__message--error]=\"message.role === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-message-' + message.role\"\n      >\n        {{ message.text }}\n        <div\n          *ngIf=\"message.actions?.length || message.editable || message.resendable\"\n          class=\"praxis-ai-assistant-shell__message-actions\"\n        >\n          <button\n            *ngIf=\"message.editable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-edit-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'edit', label: resolvedLabels.editMessage, kind: 'edit' })\"\n          >\n            {{ resolvedLabels.editMessage }}\n          </button>\n          <button\n            *ngIf=\"message.resendable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-resend-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'resend', label: resolvedLabels.resendMessage, kind: 'resend' })\"\n          >\n            {{ resolvedLabels.resendMessage }}\n          </button>\n          <button\n            *ngFor=\"let action of message.actions || []; trackBy: trackMessageAction\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy || action.disabled\"\n            [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n            (click)=\"onMessageAction(message, action)\"\n          >\n            {{ action.label }}\n          </button>\n        </div>\n      </article>\n    </div>\n\n    <div\n      *ngIf=\"attachments.length\"\n      class=\"praxis-ai-assistant-shell__attachments\"\n      [attr.aria-label]=\"resolvedLabels.attachmentsAria\"\n      [attr.data-testid]=\"testIdPrefix + '-attachments'\"\n    >\n      <div\n        *ngFor=\"let attachment of attachments; trackBy: trackAttachment\"\n        class=\"praxis-ai-assistant-shell__attachment\"\n        [class.praxis-ai-assistant-shell__attachment--error]=\"attachment.status === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-attachment-' + attachment.id\"\n      >\n        <img\n          *ngIf=\"attachment.previewUrl && attachment.kind === 'image'\"\n          class=\"praxis-ai-assistant-shell__attachment-preview\"\n          [src]=\"attachment.previewUrl\"\n          [alt]=\"attachment.name\"\n        >\n        <span class=\"praxis-ai-assistant-shell__attachment-name\">{{ attachment.name }}</span>\n        <span class=\"praxis-ai-assistant-shell__attachment-kind\">{{ attachment.kind }}</span>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          [matTooltip]=\"resolvedLabels.removeAttachment\"\n          [attr.aria-label]=\"resolvedLabels.removeAttachment + ': ' + attachment.name\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-remove-' + attachment.id\"\n          (click)=\"onRemoveAttachment(attachment)\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n\n    <div\n      *ngIf=\"quickReplies.length\"\n      class=\"praxis-ai-assistant-shell__quick-replies\"\n      [attr.data-testid]=\"testIdPrefix + '-quick-replies'\"\n      [attr.aria-label]=\"resolvedLabels.quickRepliesAria\"\n    >\n      <button\n        *ngFor=\"let reply of quickReplies; trackBy: trackQuickReply\"\n        mat-stroked-button\n        type=\"button\"\n        class=\"praxis-ai-assistant-shell__quick-reply\"\n        [attr.data-testid]=\"testIdPrefix + '-quick-reply-' + (reply.id || reply.kind)\"\n        [disabled]=\"busy\"\n        (click)=\"onQuickReply(reply)\"\n      >\n        {{ reply.label }}\n      </button>\n    </div>\n    <p\n      *ngIf=\"statusText\"\n      class=\"praxis-ai-assistant-shell__status\"\n      [attr.data-testid]=\"testIdPrefix + '-status'\"\n    >\n      {{ statusText }}\n    </p>\n    <p\n      *ngIf=\"errorText\"\n      class=\"praxis-ai-assistant-shell__error\"\n      [attr.data-testid]=\"testIdPrefix + '-error'\"\n    >\n      {{ errorText }}\n    </p>\n  </div>\n\n  <footer class=\"praxis-ai-assistant-shell__footer\">\n    <label class=\"praxis-ai-assistant-shell__label\" for=\"praxis-ai-assistant-shell-prompt\">\n      {{ resolvedLabels.prompt }}\n    </label>\n    <div class=\"praxis-ai-assistant-shell__composer\">\n      <textarea\n        id=\"praxis-ai-assistant-shell-prompt\"\n        class=\"praxis-ai-assistant-shell__prompt\"\n        [attr.data-testid]=\"testIdPrefix + '-prompt'\"\n        [placeholder]=\"resolvedLabels.promptPlaceholder\"\n        [ngModel]=\"currentPrompt\"\n        [disabled]=\"busy\"\n        (ngModelChange)=\"onPromptInput($event)\"\n        (keydown)=\"onPromptKeydown($event)\"\n        (paste)=\"onPromptPaste($event)\"\n      ></textarea>\n      <div class=\"praxis-ai-assistant-shell__composer-actions\">\n        <input\n          #attachmentInput\n          type=\"file\"\n          hidden\n          [attr.accept]=\"attachmentAccept || null\"\n          [attr.multiple]=\"attachmentMultiple ? '' : null\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-input'\"\n          (change)=\"onAttachmentFilesSelected($event)\"\n        >\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          (click)=\"onAttachClick(attachmentInput)\"\n          [attr.data-testid]=\"testIdPrefix + '-attach'\"\n        >\n          <mat-icon>attach_file</mat-icon>\n          {{ resolvedLabels.attach }}\n        </button>\n        <button\n          mat-flat-button\n          color=\"primary\"\n          type=\"button\"\n          [disabled]=\"busy || !canSubmit || !currentPrompt.trim()\"\n          (click)=\"onSubmit()\"\n          [attr.data-testid]=\"submitTestId || (testIdPrefix + '-submit')\"\n        >\n          {{ resolvedLabels.submit }}\n        </button>\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy || !canApply\"\n          (click)=\"onApply()\"\n          [attr.data-testid]=\"applyTestId || (testIdPrefix + '-apply')\"\n        >\n          {{ resolvedLabels.apply }}\n        </button>\n        <mat-spinner *ngIf=\"busy\" diameter=\"20\" [attr.data-testid]=\"testIdPrefix + '-spinner'\"></mat-spinner>\n      </div>\n    </div>\n  </footer>\n\n  <button\n    *ngIf=\"resizable\"\n    type=\"button\"\n    class=\"praxis-ai-assistant-shell__resize-handle\"\n    [attr.data-testid]=\"testIdPrefix + '-resize-handle'\"\n    [attr.aria-label]=\"resolvedLabels.resizeHandleAria\"\n    [matTooltip]=\"resolvedLabels.resizeHandleAria\"\n    (pointerdown)=\"startResize($event)\"\n  ></button>\n</section>\n", styles: [":host{display:block}.praxis-ai-assistant-shell{position:absolute;box-sizing:border-box;min-width:360px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface, #f8fafc);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface, #0f172a);box-shadow:0 24px 60px #0006;z-index:10}.praxis-ai-assistant-shell__header{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 34%),var(--md-sys-color-surface-container, #172033)}.praxis-ai-assistant-shell__header{justify-content:flex-start;border-bottom:1px solid;cursor:move;touch-action:none}.praxis-ai-assistant-shell__identity{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--md-sys-color-primary, #60a5fa);color:var(--md-sys-color-on-primary, #020617);box-shadow:0 8px 20px #60a5fa4d}.praxis-ai-assistant-shell__identity mat-icon{width:20px;height:20px;font-size:20px}.praxis-ai-assistant-shell__title-group{min-width:0;flex:1 1 auto;display:grid;gap:3px}.praxis-ai-assistant-shell__badges{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex-wrap:wrap}.praxis-ai-assistant-shell__badge{display:inline-flex;align-items:center;min-height:22px;max-width:140px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 80%,transparent);border-radius:8px;color:var(--md-sys-color-on-surface-variant, #cbd5e1);background:var(--md-sys-color-surface-container-high, #263244);font-size:11px;line-height:1.2;overflow-wrap:anywhere}.praxis-ai-assistant-shell__badge--error{color:var(--md-sys-color-error, #ff6b6b);border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__title-group strong,.praxis-ai-assistant-shell__title-group p{min-width:0;margin:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__title-group p{color:var(--md-sys-color-on-surface-variant, #cbd5e1);font-size:12px;line-height:1.35}.praxis-ai-assistant-shell__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding:14px 14px 8px;overflow:auto;background:linear-gradient(180deg,var(--md-sys-color-surface-container-low, #111827),var(--md-sys-color-surface, #0f172a))}.praxis-ai-assistant-shell__context,.praxis-ai-assistant-shell__attachments{flex:0 0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto}.praxis-ai-assistant-shell__context-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;max-width:240px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);font-size:12px;line-height:1.25}.praxis-ai-assistant-shell__context-item mat-icon{width:16px;height:16px;font-size:16px}.praxis-ai-assistant-shell__context-label,.praxis-ai-assistant-shell__context-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__context-label{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__context-value{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-ai-assistant-shell__prompt{box-sizing:border-box;width:100%;min-height:56px;max-height:128px;resize:none;border:0;padding:12px;color:var(--md-sys-color-on-surface, #f8fafc);background:transparent;font:inherit;line-height:1.45;outline:none}.praxis-ai-assistant-shell__conversation{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:2px}.praxis-ai-assistant-shell__message{max-width:86%;align-self:flex-start;padding:9px 11px;border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);color:var(--md-sys-color-on-surface, #f8fafc);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__message-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px}.praxis-ai-assistant-shell__message-action{min-height:28px;padding:0 8px;border-radius:8px;font-size:12px}.praxis-ai-assistant-shell__message--assistant{border-bottom-left-radius:2px}.praxis-ai-assistant-shell__message--user{align-self:flex-end;border-bottom-right-radius:2px;background:var(--md-sys-color-primary-container, #17375f);color:var(--md-sys-color-on-primary-container, #f8fafc)}.praxis-ai-assistant-shell__message--status{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__message--error,.praxis-ai-assistant-shell__error{color:var(--md-sys-color-error, #ff6b6b)}.praxis-ai-assistant-shell__quick-replies{display:flex;flex-wrap:wrap;gap:8px}.praxis-ai-assistant-shell__attachment{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;max-width:260px;min-height:34px;padding:4px 4px 4px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244)}.praxis-ai-assistant-shell__attachment--error{border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__attachment-preview{flex:0 0 auto;width:28px;height:28px;border-radius:6px;object-fit:cover}.praxis-ai-assistant-shell__attachment-name,.praxis-ai-assistant-shell__attachment-kind{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.praxis-ai-assistant-shell__attachment-name{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__attachment-kind{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__quick-reply{max-width:100%;border-radius:999px}.praxis-ai-assistant-shell__status,.praxis-ai-assistant-shell__error{margin:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__footer{flex:0 0 auto;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:var(--md-sys-color-surface-container-low, #111827)}.praxis-ai-assistant-shell__composer{display:grid;gap:8px;border:1px solid var(--md-sys-color-outline-variant, #334155);border-radius:8px;background:var(--md-sys-color-surface-container-lowest, #020617);box-shadow:inset 0 1px #ffffff0a}.praxis-ai-assistant-shell__composer:focus-within{border-color:var(--md-sys-color-primary, #60a5fa);box-shadow:0 0 0 2px #60a5fa29}.praxis-ai-assistant-shell__composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 8px 8px;flex-wrap:wrap}.praxis-ai-assistant-shell__resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.praxis-ai-assistant-shell__resize-handle:after{content:\"\";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid var(--md-sys-color-outline, #94a3b8);border-bottom:2px solid var(--md-sys-color-outline, #94a3b8)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisAiAssistantShellComponent, isStandalone: true, selector: "praxis-ai-assistant-shell", inputs: { labels: "labels", mode: "mode", state: "state", contextItems: "contextItems", attachments: "attachments", messages: "messages", quickReplies: "quickReplies", prompt: "prompt", statusText: "statusText", errorText: "errorText", testIdPrefix: "testIdPrefix", panelTestId: "panelTestId", submitTestId: "submitTestId", applyTestId: "applyTestId", busy: "busy", canSubmit: "canSubmit", canApply: "canApply", submitOnEnter: "submitOnEnter", enableFileAttachments: "enableFileAttachments", attachmentAccept: "attachmentAccept", attachmentMultiple: "attachmentMultiple", draggable: "draggable", resizable: "resizable", minWidth: "minWidth", minHeight: "minHeight", margin: "margin", layout: "layout" }, outputs: { promptChange: "promptChange", submitPrompt: "submitPrompt", apply: "apply", close: "close", attach: "attach", attachmentsPasted: "attachmentsPasted", attachmentsSelected: "attachmentsSelected", removeAttachment: "removeAttachment", messageAction: "messageAction", editMessage: "editMessage", resendMessage: "resendMessage", quickReply: "quickReply", layoutChange: "layoutChange" }, viewQueries: [{ propertyName: "panel", first: true, predicate: ["panel"], descendants: true, static: true }, { propertyName: "conversation", first: true, predicate: ["conversation"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section\n  #panel\n  class=\"praxis-ai-assistant-shell\"\n  role=\"dialog\"\n  [attr.aria-label]=\"resolvedLabels.title\"\n  [attr.aria-busy]=\"busy ? 'true' : null\"\n  [style.left.px]=\"currentLayout.left\"\n  [style.top.px]=\"currentLayout.top\"\n  [style.width.px]=\"currentLayout.width\"\n  [style.height.px]=\"currentLayout.height\"\n  [attr.data-testid]=\"panelTestId || testIdPrefix\"\n>\n  <header\n    class=\"praxis-ai-assistant-shell__header\"\n    [attr.data-testid]=\"testIdPrefix + '-drag-handle'\"\n    [attr.aria-label]=\"resolvedLabels.dragHandleAria\"\n    (pointerdown)=\"startDrag($event)\"\n  >\n    <div class=\"praxis-ai-assistant-shell__identity\" aria-hidden=\"true\">\n      <mat-icon>auto_awesome</mat-icon>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__title-group\">\n      <strong>{{ resolvedLabels.title }}</strong>\n      <p *ngIf=\"resolvedLabels.subtitle\">{{ resolvedLabels.subtitle }}</p>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__badges\" aria-hidden=\"true\">\n      <span class=\"praxis-ai-assistant-shell__badge\">{{ getModeLabel() }}</span>\n      <span class=\"praxis-ai-assistant-shell__badge\" [class.praxis-ai-assistant-shell__badge--error]=\"state === 'error'\">\n        {{ getStateLabel() }}\n      </span>\n    </div>\n    <button\n      mat-icon-button\n      type=\"button\"\n      [matTooltip]=\"resolvedLabels.close\"\n      [attr.aria-label]=\"resolvedLabels.close\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (click)=\"close.emit()\"\n      [attr.data-testid]=\"testIdPrefix + '-close'\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  </header>\n\n  <div class=\"praxis-ai-assistant-shell__body\">\n    <div\n      *ngIf=\"contextItems.length\"\n      class=\"praxis-ai-assistant-shell__context\"\n      [attr.aria-label]=\"resolvedLabels.contextAria\"\n      [attr.data-testid]=\"testIdPrefix + '-context'\"\n    >\n      <span\n        *ngFor=\"let item of contextItems; trackBy: trackContextItem\"\n        class=\"praxis-ai-assistant-shell__context-item\"\n        [attr.data-testid]=\"testIdPrefix + '-context-' + item.id\"\n      >\n        <mat-icon *ngIf=\"item.icon\" aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n        <span class=\"praxis-ai-assistant-shell__context-label\">{{ item.label }}</span>\n        <span *ngIf=\"item.value\" class=\"praxis-ai-assistant-shell__context-value\">{{ item.value }}</span>\n      </span>\n    </div>\n\n    <div\n      #conversation\n      class=\"praxis-ai-assistant-shell__conversation\"\n      [attr.data-testid]=\"testIdPrefix + '-conversation'\"\n      [attr.aria-label]=\"resolvedLabels.conversationAria\"\n    >\n      <article\n        *ngIf=\"!messages.length\"\n        class=\"praxis-ai-assistant-shell__message praxis-ai-assistant-shell__message--assistant\"\n        [attr.data-testid]=\"testIdPrefix + '-message-assistant-empty'\"\n      >\n        {{ resolvedLabels.emptyConversation }}\n      </article>\n      <article\n        *ngFor=\"let message of messages; trackBy: trackMessage\"\n        class=\"praxis-ai-assistant-shell__message\"\n        [class.praxis-ai-assistant-shell__message--user]=\"message.role === 'user'\"\n        [class.praxis-ai-assistant-shell__message--assistant]=\"message.role === 'assistant'\"\n        [class.praxis-ai-assistant-shell__message--status]=\"message.role === 'status'\"\n        [class.praxis-ai-assistant-shell__message--error]=\"message.role === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-message-' + message.role\"\n      >\n        {{ message.text }}\n        <div\n          *ngIf=\"message.actions?.length || message.editable || message.resendable\"\n          class=\"praxis-ai-assistant-shell__message-actions\"\n        >\n          <button\n            *ngIf=\"message.editable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-edit-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'edit', label: resolvedLabels.editMessage, kind: 'edit' })\"\n          >\n            {{ resolvedLabels.editMessage }}\n          </button>\n          <button\n            *ngIf=\"message.resendable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-resend-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'resend', label: resolvedLabels.resendMessage, kind: 'resend' })\"\n          >\n            {{ resolvedLabels.resendMessage }}\n          </button>\n          <button\n            *ngFor=\"let action of message.actions || []; trackBy: trackMessageAction\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy || action.disabled\"\n            [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n            (click)=\"onMessageAction(message, action)\"\n          >\n            {{ action.label }}\n          </button>\n        </div>\n      </article>\n    </div>\n\n    <div\n      *ngIf=\"attachments.length\"\n      class=\"praxis-ai-assistant-shell__attachments\"\n      [attr.aria-label]=\"resolvedLabels.attachmentsAria\"\n      [attr.data-testid]=\"testIdPrefix + '-attachments'\"\n    >\n      <div\n        *ngFor=\"let attachment of attachments; trackBy: trackAttachment\"\n        class=\"praxis-ai-assistant-shell__attachment\"\n        [class.praxis-ai-assistant-shell__attachment--error]=\"attachment.status === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-attachment-' + attachment.id\"\n      >\n        <img\n          *ngIf=\"attachment.previewUrl && attachment.kind === 'image'\"\n          class=\"praxis-ai-assistant-shell__attachment-preview\"\n          [src]=\"attachment.previewUrl\"\n          [alt]=\"attachment.name\"\n        >\n        <span class=\"praxis-ai-assistant-shell__attachment-name\">{{ attachment.name }}</span>\n        <span class=\"praxis-ai-assistant-shell__attachment-kind\">{{ attachment.kind }}</span>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          [matTooltip]=\"resolvedLabels.removeAttachment\"\n          [attr.aria-label]=\"resolvedLabels.removeAttachment + ': ' + attachment.name\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-remove-' + attachment.id\"\n          (click)=\"onRemoveAttachment(attachment)\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n\n    <div\n      *ngIf=\"quickReplies.length\"\n      class=\"praxis-ai-assistant-shell__quick-replies\"\n      [attr.data-testid]=\"testIdPrefix + '-quick-replies'\"\n      [attr.aria-label]=\"resolvedLabels.quickRepliesAria\"\n    >\n      <button\n        *ngFor=\"let reply of quickReplies; trackBy: trackQuickReply\"\n        mat-stroked-button\n        type=\"button\"\n        class=\"praxis-ai-assistant-shell__quick-reply\"\n        [ngClass]=\"'praxis-ai-assistant-shell__quick-reply--tone-' + getQuickReplyTone(reply)\"\n        [attr.data-testid]=\"testIdPrefix + '-quick-reply-' + (reply.id || reply.kind)\"\n        [attr.aria-label]=\"getQuickReplyAriaLabel(reply)\"\n        [disabled]=\"busy\"\n        (click)=\"onQuickReply(reply)\"\n      >\n        <mat-icon\n          *ngIf=\"reply.icon\"\n          class=\"praxis-ai-assistant-shell__quick-reply-icon\"\n          aria-hidden=\"true\"\n        >\n          {{ reply.icon }}\n        </mat-icon>\n        <span class=\"praxis-ai-assistant-shell__quick-reply-copy\">\n          <span class=\"praxis-ai-assistant-shell__quick-reply-label\">{{ reply.label }}</span>\n          <span\n            *ngIf=\"reply.description\"\n            class=\"praxis-ai-assistant-shell__quick-reply-description\"\n          >\n            {{ reply.description }}\n          </span>\n        </span>\n      </button>\n    </div>\n    <p\n      *ngIf=\"statusText\"\n      class=\"praxis-ai-assistant-shell__status\"\n      [attr.data-testid]=\"testIdPrefix + '-status'\"\n    >\n      {{ statusText }}\n    </p>\n    <p\n      *ngIf=\"errorText\"\n      class=\"praxis-ai-assistant-shell__error\"\n      [attr.data-testid]=\"testIdPrefix + '-error'\"\n    >\n      {{ errorText }}\n    </p>\n  </div>\n\n  <footer class=\"praxis-ai-assistant-shell__footer\">\n    <label class=\"praxis-ai-assistant-shell__label\" for=\"praxis-ai-assistant-shell-prompt\">\n      {{ resolvedLabels.prompt }}\n    </label>\n    <div class=\"praxis-ai-assistant-shell__composer\">\n      <textarea\n        id=\"praxis-ai-assistant-shell-prompt\"\n        class=\"praxis-ai-assistant-shell__prompt\"\n        [attr.data-testid]=\"testIdPrefix + '-prompt'\"\n        [placeholder]=\"resolvedLabels.promptPlaceholder\"\n        [ngModel]=\"currentPrompt\"\n        [disabled]=\"busy\"\n        (ngModelChange)=\"onPromptInput($event)\"\n        (keydown)=\"onPromptKeydown($event)\"\n        (paste)=\"onPromptPaste($event)\"\n      ></textarea>\n      <div class=\"praxis-ai-assistant-shell__composer-actions\">\n        <input\n          #attachmentInput\n          type=\"file\"\n          hidden\n          [attr.accept]=\"attachmentAccept || null\"\n          [attr.multiple]=\"attachmentMultiple ? '' : null\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-input'\"\n          (change)=\"onAttachmentFilesSelected($event)\"\n        >\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          (click)=\"onAttachClick(attachmentInput)\"\n          [attr.data-testid]=\"testIdPrefix + '-attach'\"\n        >\n          <mat-icon>attach_file</mat-icon>\n          {{ resolvedLabels.attach }}\n        </button>\n        <button\n          mat-flat-button\n          color=\"primary\"\n          type=\"button\"\n          [disabled]=\"busy || !canSubmit || !currentPrompt.trim()\"\n          (click)=\"onSubmit()\"\n          [attr.data-testid]=\"submitTestId || (testIdPrefix + '-submit')\"\n        >\n          {{ resolvedLabels.submit }}\n        </button>\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy || !canApply\"\n          (click)=\"onApply()\"\n          [attr.data-testid]=\"applyTestId || (testIdPrefix + '-apply')\"\n        >\n          {{ resolvedLabels.apply }}\n        </button>\n        <mat-spinner *ngIf=\"busy\" diameter=\"20\" [attr.data-testid]=\"testIdPrefix + '-spinner'\"></mat-spinner>\n      </div>\n    </div>\n  </footer>\n\n  <button\n    *ngIf=\"resizable\"\n    type=\"button\"\n    class=\"praxis-ai-assistant-shell__resize-handle\"\n    [attr.data-testid]=\"testIdPrefix + '-resize-handle'\"\n    [attr.aria-label]=\"resolvedLabels.resizeHandleAria\"\n    [matTooltip]=\"resolvedLabels.resizeHandleAria\"\n    (pointerdown)=\"startResize($event)\"\n  ></button>\n</section>\n", styles: [":host{display:block}.praxis-ai-assistant-shell{position:absolute;box-sizing:border-box;min-width:360px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface, #f8fafc);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface, #0f172a);box-shadow:0 24px 60px #0006;z-index:10}.praxis-ai-assistant-shell__header{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 34%),var(--md-sys-color-surface-container, #172033)}.praxis-ai-assistant-shell__header{justify-content:flex-start;border-bottom:1px solid;cursor:move;touch-action:none}.praxis-ai-assistant-shell__identity{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--md-sys-color-primary, #60a5fa);color:var(--md-sys-color-on-primary, #020617);box-shadow:0 8px 20px #60a5fa4d}.praxis-ai-assistant-shell__identity mat-icon{width:20px;height:20px;font-size:20px}.praxis-ai-assistant-shell__title-group{min-width:0;flex:1 1 auto;display:grid;gap:3px}.praxis-ai-assistant-shell__badges{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex-wrap:wrap}.praxis-ai-assistant-shell__badge{display:inline-flex;align-items:center;min-height:22px;max-width:140px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 80%,transparent);border-radius:8px;color:var(--md-sys-color-on-surface-variant, #cbd5e1);background:var(--md-sys-color-surface-container-high, #263244);font-size:11px;line-height:1.2;overflow-wrap:anywhere}.praxis-ai-assistant-shell__badge--error{color:var(--md-sys-color-error, #ff6b6b);border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__title-group strong,.praxis-ai-assistant-shell__title-group p{min-width:0;margin:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__title-group p{color:var(--md-sys-color-on-surface-variant, #cbd5e1);font-size:12px;line-height:1.35}.praxis-ai-assistant-shell__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding:14px 14px 8px;overflow:auto;background:linear-gradient(180deg,var(--md-sys-color-surface-container-low, #111827),var(--md-sys-color-surface, #0f172a))}.praxis-ai-assistant-shell__context,.praxis-ai-assistant-shell__attachments{flex:0 0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto}.praxis-ai-assistant-shell__context-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;max-width:240px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);font-size:12px;line-height:1.25}.praxis-ai-assistant-shell__context-item mat-icon{width:16px;height:16px;font-size:16px}.praxis-ai-assistant-shell__context-label,.praxis-ai-assistant-shell__context-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__context-label{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__context-value{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-ai-assistant-shell__prompt{box-sizing:border-box;width:100%;min-height:56px;max-height:128px;resize:none;border:0;padding:12px;color:var(--md-sys-color-on-surface, #f8fafc);background:transparent;font:inherit;line-height:1.45;outline:none}.praxis-ai-assistant-shell__conversation{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:2px}.praxis-ai-assistant-shell__message{max-width:86%;align-self:flex-start;padding:9px 11px;border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);color:var(--md-sys-color-on-surface, #f8fafc);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__message-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px}.praxis-ai-assistant-shell__message-action{min-height:28px;padding:0 8px;border-radius:8px;font-size:12px}.praxis-ai-assistant-shell__message--assistant{border-bottom-left-radius:2px}.praxis-ai-assistant-shell__message--user{align-self:flex-end;border-bottom-right-radius:2px;background:var(--md-sys-color-primary-container, #17375f);color:var(--md-sys-color-on-primary-container, #f8fafc)}.praxis-ai-assistant-shell__message--status{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__message--error,.praxis-ai-assistant-shell__error{color:var(--md-sys-color-error, #ff6b6b)}.praxis-ai-assistant-shell__quick-replies{display:flex;flex-wrap:wrap;gap:8px}.praxis-ai-assistant-shell__attachment{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;max-width:260px;min-height:34px;padding:4px 4px 4px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244)}.praxis-ai-assistant-shell__attachment--error{border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__attachment-preview{flex:0 0 auto;width:28px;height:28px;border-radius:6px;object-fit:cover}.praxis-ai-assistant-shell__attachment-name,.praxis-ai-assistant-shell__attachment-kind{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.praxis-ai-assistant-shell__attachment-name{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__attachment-kind{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__quick-reply{--praxis-ai-assistant-shell-quick-reply-accent: var(--md-sys-color-primary, #60a5fa);--praxis-ai-assistant-shell-quick-reply-background: color-mix( in srgb, var(--praxis-ai-assistant-shell-quick-reply-accent) 12%, var(--md-sys-color-surface-container-high, #263244) );--praxis-ai-assistant-shell-quick-reply-foreground: var(--md-sys-color-on-surface, #f8fafc);max-width:100%;min-height:38px;border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 58%,transparent);border-radius:8px;color:var(--praxis-ai-assistant-shell-quick-reply-foreground);background:var(--praxis-ai-assistant-shell-quick-reply-background);white-space:normal;text-align:left}.praxis-ai-assistant-shell__quick-reply ::ng-deep .mdc-button__label{min-width:0;display:inline-flex;align-items:center;gap:8px;width:100%}.praxis-ai-assistant-shell__quick-reply-icon{flex:0 0 auto;width:18px;height:18px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);font-size:18px}.praxis-ai-assistant-shell__quick-reply-copy{min-width:0;display:grid;gap:2px}.praxis-ai-assistant-shell__quick-reply-label,.praxis-ai-assistant-shell__quick-reply-description{min-width:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__quick-reply-label{font-weight:600;line-height:1.2}.praxis-ai-assistant-shell__quick-reply-description{color:var(--md-sys-color-on-surface-variant, #cbd5e1);font-size:11px;line-height:1.25}.praxis-ai-assistant-shell__quick-reply--tone-analytics{--praxis-ai-assistant-shell-quick-reply-accent: #38bdf8}.praxis-ai-assistant-shell__quick-reply--tone-resource{--praxis-ai-assistant-shell-quick-reply-accent: #34d399}.praxis-ai-assistant-shell__quick-reply--tone-warning{--praxis-ai-assistant-shell-quick-reply-accent: #facc15}.praxis-ai-assistant-shell__quick-reply--tone-success{--praxis-ai-assistant-shell-quick-reply-accent: #22c55e}.praxis-ai-assistant-shell__quick-reply--tone-danger{--praxis-ai-assistant-shell-quick-reply-accent: var(--md-sys-color-error, #ff6b6b)}.praxis-ai-assistant-shell__quick-reply--tone-neutral{--praxis-ai-assistant-shell-quick-reply-accent: var(--md-sys-color-outline, #94a3b8)}.praxis-ai-assistant-shell__status,.praxis-ai-assistant-shell__error{margin:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__footer{flex:0 0 auto;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:var(--md-sys-color-surface-container-low, #111827)}.praxis-ai-assistant-shell__composer{display:grid;gap:8px;border:1px solid var(--md-sys-color-outline-variant, #334155);border-radius:8px;background:var(--md-sys-color-surface-container-lowest, #020617);box-shadow:inset 0 1px #ffffff0a}.praxis-ai-assistant-shell__composer:focus-within{border-color:var(--md-sys-color-primary, #60a5fa);box-shadow:0 0 0 2px #60a5fa29}.praxis-ai-assistant-shell__composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 8px 8px;flex-wrap:wrap}.praxis-ai-assistant-shell__resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.praxis-ai-assistant-shell__resize-handle:after{content:\"\";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid var(--md-sys-color-outline, #94a3b8);border-bottom:2px solid var(--md-sys-color-outline, #94a3b8)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i8.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisAiAssistantShellComponent, decorators: [{
             type: Component,
@@ -6279,7 +6306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         MatIconModule,
                         MatProgressSpinnerModule,
                         MatTooltipModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  #panel\n  class=\"praxis-ai-assistant-shell\"\n  role=\"dialog\"\n  [attr.aria-label]=\"resolvedLabels.title\"\n  [attr.aria-busy]=\"busy ? 'true' : null\"\n  [style.left.px]=\"currentLayout.left\"\n  [style.top.px]=\"currentLayout.top\"\n  [style.width.px]=\"currentLayout.width\"\n  [style.height.px]=\"currentLayout.height\"\n  [attr.data-testid]=\"panelTestId || testIdPrefix\"\n>\n  <header\n    class=\"praxis-ai-assistant-shell__header\"\n    [attr.data-testid]=\"testIdPrefix + '-drag-handle'\"\n    [attr.aria-label]=\"resolvedLabels.dragHandleAria\"\n    (pointerdown)=\"startDrag($event)\"\n  >\n    <div class=\"praxis-ai-assistant-shell__identity\" aria-hidden=\"true\">\n      <mat-icon>auto_awesome</mat-icon>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__title-group\">\n      <strong>{{ resolvedLabels.title }}</strong>\n      <p *ngIf=\"resolvedLabels.subtitle\">{{ resolvedLabels.subtitle }}</p>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__badges\" aria-hidden=\"true\">\n      <span class=\"praxis-ai-assistant-shell__badge\">{{ getModeLabel() }}</span>\n      <span class=\"praxis-ai-assistant-shell__badge\" [class.praxis-ai-assistant-shell__badge--error]=\"state === 'error'\">\n        {{ getStateLabel() }}\n      </span>\n    </div>\n    <button\n      mat-icon-button\n      type=\"button\"\n      [matTooltip]=\"resolvedLabels.close\"\n      [attr.aria-label]=\"resolvedLabels.close\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (click)=\"close.emit()\"\n      [attr.data-testid]=\"testIdPrefix + '-close'\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  </header>\n\n  <div class=\"praxis-ai-assistant-shell__body\">\n    <div\n      *ngIf=\"contextItems.length\"\n      class=\"praxis-ai-assistant-shell__context\"\n      [attr.aria-label]=\"resolvedLabels.contextAria\"\n      [attr.data-testid]=\"testIdPrefix + '-context'\"\n    >\n      <span\n        *ngFor=\"let item of contextItems; trackBy: trackContextItem\"\n        class=\"praxis-ai-assistant-shell__context-item\"\n        [attr.data-testid]=\"testIdPrefix + '-context-' + item.id\"\n      >\n        <mat-icon *ngIf=\"item.icon\" aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n        <span class=\"praxis-ai-assistant-shell__context-label\">{{ item.label }}</span>\n        <span *ngIf=\"item.value\" class=\"praxis-ai-assistant-shell__context-value\">{{ item.value }}</span>\n      </span>\n    </div>\n\n    <div\n      #conversation\n      class=\"praxis-ai-assistant-shell__conversation\"\n      [attr.data-testid]=\"testIdPrefix + '-conversation'\"\n      [attr.aria-label]=\"resolvedLabels.conversationAria\"\n    >\n      <article\n        *ngIf=\"!messages.length\"\n        class=\"praxis-ai-assistant-shell__message praxis-ai-assistant-shell__message--assistant\"\n        [attr.data-testid]=\"testIdPrefix + '-message-assistant-empty'\"\n      >\n        {{ resolvedLabels.emptyConversation }}\n      </article>\n      <article\n        *ngFor=\"let message of messages; trackBy: trackMessage\"\n        class=\"praxis-ai-assistant-shell__message\"\n        [class.praxis-ai-assistant-shell__message--user]=\"message.role === 'user'\"\n        [class.praxis-ai-assistant-shell__message--assistant]=\"message.role === 'assistant'\"\n        [class.praxis-ai-assistant-shell__message--status]=\"message.role === 'status'\"\n        [class.praxis-ai-assistant-shell__message--error]=\"message.role === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-message-' + message.role\"\n      >\n        {{ message.text }}\n        <div\n          *ngIf=\"message.actions?.length || message.editable || message.resendable\"\n          class=\"praxis-ai-assistant-shell__message-actions\"\n        >\n          <button\n            *ngIf=\"message.editable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-edit-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'edit', label: resolvedLabels.editMessage, kind: 'edit' })\"\n          >\n            {{ resolvedLabels.editMessage }}\n          </button>\n          <button\n            *ngIf=\"message.resendable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-resend-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'resend', label: resolvedLabels.resendMessage, kind: 'resend' })\"\n          >\n            {{ resolvedLabels.resendMessage }}\n          </button>\n          <button\n            *ngFor=\"let action of message.actions || []; trackBy: trackMessageAction\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy || action.disabled\"\n            [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n            (click)=\"onMessageAction(message, action)\"\n          >\n            {{ action.label }}\n          </button>\n        </div>\n      </article>\n    </div>\n\n    <div\n      *ngIf=\"attachments.length\"\n      class=\"praxis-ai-assistant-shell__attachments\"\n      [attr.aria-label]=\"resolvedLabels.attachmentsAria\"\n      [attr.data-testid]=\"testIdPrefix + '-attachments'\"\n    >\n      <div\n        *ngFor=\"let attachment of attachments; trackBy: trackAttachment\"\n        class=\"praxis-ai-assistant-shell__attachment\"\n        [class.praxis-ai-assistant-shell__attachment--error]=\"attachment.status === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-attachment-' + attachment.id\"\n      >\n        <img\n          *ngIf=\"attachment.previewUrl && attachment.kind === 'image'\"\n          class=\"praxis-ai-assistant-shell__attachment-preview\"\n          [src]=\"attachment.previewUrl\"\n          [alt]=\"attachment.name\"\n        >\n        <span class=\"praxis-ai-assistant-shell__attachment-name\">{{ attachment.name }}</span>\n        <span class=\"praxis-ai-assistant-shell__attachment-kind\">{{ attachment.kind }}</span>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          [matTooltip]=\"resolvedLabels.removeAttachment\"\n          [attr.aria-label]=\"resolvedLabels.removeAttachment + ': ' + attachment.name\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-remove-' + attachment.id\"\n          (click)=\"onRemoveAttachment(attachment)\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n\n    <div\n      *ngIf=\"quickReplies.length\"\n      class=\"praxis-ai-assistant-shell__quick-replies\"\n      [attr.data-testid]=\"testIdPrefix + '-quick-replies'\"\n      [attr.aria-label]=\"resolvedLabels.quickRepliesAria\"\n    >\n      <button\n        *ngFor=\"let reply of quickReplies; trackBy: trackQuickReply\"\n        mat-stroked-button\n        type=\"button\"\n        class=\"praxis-ai-assistant-shell__quick-reply\"\n        [attr.data-testid]=\"testIdPrefix + '-quick-reply-' + (reply.id || reply.kind)\"\n        [disabled]=\"busy\"\n        (click)=\"onQuickReply(reply)\"\n      >\n        {{ reply.label }}\n      </button>\n    </div>\n    <p\n      *ngIf=\"statusText\"\n      class=\"praxis-ai-assistant-shell__status\"\n      [attr.data-testid]=\"testIdPrefix + '-status'\"\n    >\n      {{ statusText }}\n    </p>\n    <p\n      *ngIf=\"errorText\"\n      class=\"praxis-ai-assistant-shell__error\"\n      [attr.data-testid]=\"testIdPrefix + '-error'\"\n    >\n      {{ errorText }}\n    </p>\n  </div>\n\n  <footer class=\"praxis-ai-assistant-shell__footer\">\n    <label class=\"praxis-ai-assistant-shell__label\" for=\"praxis-ai-assistant-shell-prompt\">\n      {{ resolvedLabels.prompt }}\n    </label>\n    <div class=\"praxis-ai-assistant-shell__composer\">\n      <textarea\n        id=\"praxis-ai-assistant-shell-prompt\"\n        class=\"praxis-ai-assistant-shell__prompt\"\n        [attr.data-testid]=\"testIdPrefix + '-prompt'\"\n        [placeholder]=\"resolvedLabels.promptPlaceholder\"\n        [ngModel]=\"currentPrompt\"\n        [disabled]=\"busy\"\n        (ngModelChange)=\"onPromptInput($event)\"\n        (keydown)=\"onPromptKeydown($event)\"\n        (paste)=\"onPromptPaste($event)\"\n      ></textarea>\n      <div class=\"praxis-ai-assistant-shell__composer-actions\">\n        <input\n          #attachmentInput\n          type=\"file\"\n          hidden\n          [attr.accept]=\"attachmentAccept || null\"\n          [attr.multiple]=\"attachmentMultiple ? '' : null\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-input'\"\n          (change)=\"onAttachmentFilesSelected($event)\"\n        >\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          (click)=\"onAttachClick(attachmentInput)\"\n          [attr.data-testid]=\"testIdPrefix + '-attach'\"\n        >\n          <mat-icon>attach_file</mat-icon>\n          {{ resolvedLabels.attach }}\n        </button>\n        <button\n          mat-flat-button\n          color=\"primary\"\n          type=\"button\"\n          [disabled]=\"busy || !canSubmit || !currentPrompt.trim()\"\n          (click)=\"onSubmit()\"\n          [attr.data-testid]=\"submitTestId || (testIdPrefix + '-submit')\"\n        >\n          {{ resolvedLabels.submit }}\n        </button>\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy || !canApply\"\n          (click)=\"onApply()\"\n          [attr.data-testid]=\"applyTestId || (testIdPrefix + '-apply')\"\n        >\n          {{ resolvedLabels.apply }}\n        </button>\n        <mat-spinner *ngIf=\"busy\" diameter=\"20\" [attr.data-testid]=\"testIdPrefix + '-spinner'\"></mat-spinner>\n      </div>\n    </div>\n  </footer>\n\n  <button\n    *ngIf=\"resizable\"\n    type=\"button\"\n    class=\"praxis-ai-assistant-shell__resize-handle\"\n    [attr.data-testid]=\"testIdPrefix + '-resize-handle'\"\n    [attr.aria-label]=\"resolvedLabels.resizeHandleAria\"\n    [matTooltip]=\"resolvedLabels.resizeHandleAria\"\n    (pointerdown)=\"startResize($event)\"\n  ></button>\n</section>\n", styles: [":host{display:block}.praxis-ai-assistant-shell{position:absolute;box-sizing:border-box;min-width:360px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface, #f8fafc);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface, #0f172a);box-shadow:0 24px 60px #0006;z-index:10}.praxis-ai-assistant-shell__header{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 34%),var(--md-sys-color-surface-container, #172033)}.praxis-ai-assistant-shell__header{justify-content:flex-start;border-bottom:1px solid;cursor:move;touch-action:none}.praxis-ai-assistant-shell__identity{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--md-sys-color-primary, #60a5fa);color:var(--md-sys-color-on-primary, #020617);box-shadow:0 8px 20px #60a5fa4d}.praxis-ai-assistant-shell__identity mat-icon{width:20px;height:20px;font-size:20px}.praxis-ai-assistant-shell__title-group{min-width:0;flex:1 1 auto;display:grid;gap:3px}.praxis-ai-assistant-shell__badges{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex-wrap:wrap}.praxis-ai-assistant-shell__badge{display:inline-flex;align-items:center;min-height:22px;max-width:140px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 80%,transparent);border-radius:8px;color:var(--md-sys-color-on-surface-variant, #cbd5e1);background:var(--md-sys-color-surface-container-high, #263244);font-size:11px;line-height:1.2;overflow-wrap:anywhere}.praxis-ai-assistant-shell__badge--error{color:var(--md-sys-color-error, #ff6b6b);border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__title-group strong,.praxis-ai-assistant-shell__title-group p{min-width:0;margin:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__title-group p{color:var(--md-sys-color-on-surface-variant, #cbd5e1);font-size:12px;line-height:1.35}.praxis-ai-assistant-shell__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding:14px 14px 8px;overflow:auto;background:linear-gradient(180deg,var(--md-sys-color-surface-container-low, #111827),var(--md-sys-color-surface, #0f172a))}.praxis-ai-assistant-shell__context,.praxis-ai-assistant-shell__attachments{flex:0 0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto}.praxis-ai-assistant-shell__context-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;max-width:240px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);font-size:12px;line-height:1.25}.praxis-ai-assistant-shell__context-item mat-icon{width:16px;height:16px;font-size:16px}.praxis-ai-assistant-shell__context-label,.praxis-ai-assistant-shell__context-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__context-label{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__context-value{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-ai-assistant-shell__prompt{box-sizing:border-box;width:100%;min-height:56px;max-height:128px;resize:none;border:0;padding:12px;color:var(--md-sys-color-on-surface, #f8fafc);background:transparent;font:inherit;line-height:1.45;outline:none}.praxis-ai-assistant-shell__conversation{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:2px}.praxis-ai-assistant-shell__message{max-width:86%;align-self:flex-start;padding:9px 11px;border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);color:var(--md-sys-color-on-surface, #f8fafc);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__message-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px}.praxis-ai-assistant-shell__message-action{min-height:28px;padding:0 8px;border-radius:8px;font-size:12px}.praxis-ai-assistant-shell__message--assistant{border-bottom-left-radius:2px}.praxis-ai-assistant-shell__message--user{align-self:flex-end;border-bottom-right-radius:2px;background:var(--md-sys-color-primary-container, #17375f);color:var(--md-sys-color-on-primary-container, #f8fafc)}.praxis-ai-assistant-shell__message--status{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__message--error,.praxis-ai-assistant-shell__error{color:var(--md-sys-color-error, #ff6b6b)}.praxis-ai-assistant-shell__quick-replies{display:flex;flex-wrap:wrap;gap:8px}.praxis-ai-assistant-shell__attachment{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;max-width:260px;min-height:34px;padding:4px 4px 4px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244)}.praxis-ai-assistant-shell__attachment--error{border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__attachment-preview{flex:0 0 auto;width:28px;height:28px;border-radius:6px;object-fit:cover}.praxis-ai-assistant-shell__attachment-name,.praxis-ai-assistant-shell__attachment-kind{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.praxis-ai-assistant-shell__attachment-name{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__attachment-kind{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__quick-reply{max-width:100%;border-radius:999px}.praxis-ai-assistant-shell__status,.praxis-ai-assistant-shell__error{margin:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__footer{flex:0 0 auto;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:var(--md-sys-color-surface-container-low, #111827)}.praxis-ai-assistant-shell__composer{display:grid;gap:8px;border:1px solid var(--md-sys-color-outline-variant, #334155);border-radius:8px;background:var(--md-sys-color-surface-container-lowest, #020617);box-shadow:inset 0 1px #ffffff0a}.praxis-ai-assistant-shell__composer:focus-within{border-color:var(--md-sys-color-primary, #60a5fa);box-shadow:0 0 0 2px #60a5fa29}.praxis-ai-assistant-shell__composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 8px 8px;flex-wrap:wrap}.praxis-ai-assistant-shell__resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.praxis-ai-assistant-shell__resize-handle:after{content:\"\";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid var(--md-sys-color-outline, #94a3b8);border-bottom:2px solid var(--md-sys-color-outline, #94a3b8)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  #panel\n  class=\"praxis-ai-assistant-shell\"\n  role=\"dialog\"\n  [attr.aria-label]=\"resolvedLabels.title\"\n  [attr.aria-busy]=\"busy ? 'true' : null\"\n  [style.left.px]=\"currentLayout.left\"\n  [style.top.px]=\"currentLayout.top\"\n  [style.width.px]=\"currentLayout.width\"\n  [style.height.px]=\"currentLayout.height\"\n  [attr.data-testid]=\"panelTestId || testIdPrefix\"\n>\n  <header\n    class=\"praxis-ai-assistant-shell__header\"\n    [attr.data-testid]=\"testIdPrefix + '-drag-handle'\"\n    [attr.aria-label]=\"resolvedLabels.dragHandleAria\"\n    (pointerdown)=\"startDrag($event)\"\n  >\n    <div class=\"praxis-ai-assistant-shell__identity\" aria-hidden=\"true\">\n      <mat-icon>auto_awesome</mat-icon>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__title-group\">\n      <strong>{{ resolvedLabels.title }}</strong>\n      <p *ngIf=\"resolvedLabels.subtitle\">{{ resolvedLabels.subtitle }}</p>\n    </div>\n    <div class=\"praxis-ai-assistant-shell__badges\" aria-hidden=\"true\">\n      <span class=\"praxis-ai-assistant-shell__badge\">{{ getModeLabel() }}</span>\n      <span class=\"praxis-ai-assistant-shell__badge\" [class.praxis-ai-assistant-shell__badge--error]=\"state === 'error'\">\n        {{ getStateLabel() }}\n      </span>\n    </div>\n    <button\n      mat-icon-button\n      type=\"button\"\n      [matTooltip]=\"resolvedLabels.close\"\n      [attr.aria-label]=\"resolvedLabels.close\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (click)=\"close.emit()\"\n      [attr.data-testid]=\"testIdPrefix + '-close'\"\n    >\n      <mat-icon>close</mat-icon>\n    </button>\n  </header>\n\n  <div class=\"praxis-ai-assistant-shell__body\">\n    <div\n      *ngIf=\"contextItems.length\"\n      class=\"praxis-ai-assistant-shell__context\"\n      [attr.aria-label]=\"resolvedLabels.contextAria\"\n      [attr.data-testid]=\"testIdPrefix + '-context'\"\n    >\n      <span\n        *ngFor=\"let item of contextItems; trackBy: trackContextItem\"\n        class=\"praxis-ai-assistant-shell__context-item\"\n        [attr.data-testid]=\"testIdPrefix + '-context-' + item.id\"\n      >\n        <mat-icon *ngIf=\"item.icon\" aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n        <span class=\"praxis-ai-assistant-shell__context-label\">{{ item.label }}</span>\n        <span *ngIf=\"item.value\" class=\"praxis-ai-assistant-shell__context-value\">{{ item.value }}</span>\n      </span>\n    </div>\n\n    <div\n      #conversation\n      class=\"praxis-ai-assistant-shell__conversation\"\n      [attr.data-testid]=\"testIdPrefix + '-conversation'\"\n      [attr.aria-label]=\"resolvedLabels.conversationAria\"\n    >\n      <article\n        *ngIf=\"!messages.length\"\n        class=\"praxis-ai-assistant-shell__message praxis-ai-assistant-shell__message--assistant\"\n        [attr.data-testid]=\"testIdPrefix + '-message-assistant-empty'\"\n      >\n        {{ resolvedLabels.emptyConversation }}\n      </article>\n      <article\n        *ngFor=\"let message of messages; trackBy: trackMessage\"\n        class=\"praxis-ai-assistant-shell__message\"\n        [class.praxis-ai-assistant-shell__message--user]=\"message.role === 'user'\"\n        [class.praxis-ai-assistant-shell__message--assistant]=\"message.role === 'assistant'\"\n        [class.praxis-ai-assistant-shell__message--status]=\"message.role === 'status'\"\n        [class.praxis-ai-assistant-shell__message--error]=\"message.role === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-message-' + message.role\"\n      >\n        {{ message.text }}\n        <div\n          *ngIf=\"message.actions?.length || message.editable || message.resendable\"\n          class=\"praxis-ai-assistant-shell__message-actions\"\n        >\n          <button\n            *ngIf=\"message.editable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-edit-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'edit', label: resolvedLabels.editMessage, kind: 'edit' })\"\n          >\n            {{ resolvedLabels.editMessage }}\n          </button>\n          <button\n            *ngIf=\"message.resendable\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy\"\n            [attr.data-testid]=\"testIdPrefix + '-message-resend-' + message.id\"\n            (click)=\"onMessageAction(message, { id: 'resend', label: resolvedLabels.resendMessage, kind: 'resend' })\"\n          >\n            {{ resolvedLabels.resendMessage }}\n          </button>\n          <button\n            *ngFor=\"let action of message.actions || []; trackBy: trackMessageAction\"\n            mat-button\n            type=\"button\"\n            class=\"praxis-ai-assistant-shell__message-action\"\n            [disabled]=\"busy || action.disabled\"\n            [attr.data-testid]=\"testIdPrefix + '-message-action-' + message.id + '-' + action.id\"\n            (click)=\"onMessageAction(message, action)\"\n          >\n            {{ action.label }}\n          </button>\n        </div>\n      </article>\n    </div>\n\n    <div\n      *ngIf=\"attachments.length\"\n      class=\"praxis-ai-assistant-shell__attachments\"\n      [attr.aria-label]=\"resolvedLabels.attachmentsAria\"\n      [attr.data-testid]=\"testIdPrefix + '-attachments'\"\n    >\n      <div\n        *ngFor=\"let attachment of attachments; trackBy: trackAttachment\"\n        class=\"praxis-ai-assistant-shell__attachment\"\n        [class.praxis-ai-assistant-shell__attachment--error]=\"attachment.status === 'error'\"\n        [attr.data-testid]=\"testIdPrefix + '-attachment-' + attachment.id\"\n      >\n        <img\n          *ngIf=\"attachment.previewUrl && attachment.kind === 'image'\"\n          class=\"praxis-ai-assistant-shell__attachment-preview\"\n          [src]=\"attachment.previewUrl\"\n          [alt]=\"attachment.name\"\n        >\n        <span class=\"praxis-ai-assistant-shell__attachment-name\">{{ attachment.name }}</span>\n        <span class=\"praxis-ai-assistant-shell__attachment-kind\">{{ attachment.kind }}</span>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          [matTooltip]=\"resolvedLabels.removeAttachment\"\n          [attr.aria-label]=\"resolvedLabels.removeAttachment + ': ' + attachment.name\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-remove-' + attachment.id\"\n          (click)=\"onRemoveAttachment(attachment)\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n      </div>\n    </div>\n\n    <div\n      *ngIf=\"quickReplies.length\"\n      class=\"praxis-ai-assistant-shell__quick-replies\"\n      [attr.data-testid]=\"testIdPrefix + '-quick-replies'\"\n      [attr.aria-label]=\"resolvedLabels.quickRepliesAria\"\n    >\n      <button\n        *ngFor=\"let reply of quickReplies; trackBy: trackQuickReply\"\n        mat-stroked-button\n        type=\"button\"\n        class=\"praxis-ai-assistant-shell__quick-reply\"\n        [ngClass]=\"'praxis-ai-assistant-shell__quick-reply--tone-' + getQuickReplyTone(reply)\"\n        [attr.data-testid]=\"testIdPrefix + '-quick-reply-' + (reply.id || reply.kind)\"\n        [attr.aria-label]=\"getQuickReplyAriaLabel(reply)\"\n        [disabled]=\"busy\"\n        (click)=\"onQuickReply(reply)\"\n      >\n        <mat-icon\n          *ngIf=\"reply.icon\"\n          class=\"praxis-ai-assistant-shell__quick-reply-icon\"\n          aria-hidden=\"true\"\n        >\n          {{ reply.icon }}\n        </mat-icon>\n        <span class=\"praxis-ai-assistant-shell__quick-reply-copy\">\n          <span class=\"praxis-ai-assistant-shell__quick-reply-label\">{{ reply.label }}</span>\n          <span\n            *ngIf=\"reply.description\"\n            class=\"praxis-ai-assistant-shell__quick-reply-description\"\n          >\n            {{ reply.description }}\n          </span>\n        </span>\n      </button>\n    </div>\n    <p\n      *ngIf=\"statusText\"\n      class=\"praxis-ai-assistant-shell__status\"\n      [attr.data-testid]=\"testIdPrefix + '-status'\"\n    >\n      {{ statusText }}\n    </p>\n    <p\n      *ngIf=\"errorText\"\n      class=\"praxis-ai-assistant-shell__error\"\n      [attr.data-testid]=\"testIdPrefix + '-error'\"\n    >\n      {{ errorText }}\n    </p>\n  </div>\n\n  <footer class=\"praxis-ai-assistant-shell__footer\">\n    <label class=\"praxis-ai-assistant-shell__label\" for=\"praxis-ai-assistant-shell-prompt\">\n      {{ resolvedLabels.prompt }}\n    </label>\n    <div class=\"praxis-ai-assistant-shell__composer\">\n      <textarea\n        id=\"praxis-ai-assistant-shell-prompt\"\n        class=\"praxis-ai-assistant-shell__prompt\"\n        [attr.data-testid]=\"testIdPrefix + '-prompt'\"\n        [placeholder]=\"resolvedLabels.promptPlaceholder\"\n        [ngModel]=\"currentPrompt\"\n        [disabled]=\"busy\"\n        (ngModelChange)=\"onPromptInput($event)\"\n        (keydown)=\"onPromptKeydown($event)\"\n        (paste)=\"onPromptPaste($event)\"\n      ></textarea>\n      <div class=\"praxis-ai-assistant-shell__composer-actions\">\n        <input\n          #attachmentInput\n          type=\"file\"\n          hidden\n          [attr.accept]=\"attachmentAccept || null\"\n          [attr.multiple]=\"attachmentMultiple ? '' : null\"\n          [attr.data-testid]=\"testIdPrefix + '-attachment-input'\"\n          (change)=\"onAttachmentFilesSelected($event)\"\n        >\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy\"\n          (click)=\"onAttachClick(attachmentInput)\"\n          [attr.data-testid]=\"testIdPrefix + '-attach'\"\n        >\n          <mat-icon>attach_file</mat-icon>\n          {{ resolvedLabels.attach }}\n        </button>\n        <button\n          mat-flat-button\n          color=\"primary\"\n          type=\"button\"\n          [disabled]=\"busy || !canSubmit || !currentPrompt.trim()\"\n          (click)=\"onSubmit()\"\n          [attr.data-testid]=\"submitTestId || (testIdPrefix + '-submit')\"\n        >\n          {{ resolvedLabels.submit }}\n        </button>\n        <button\n          mat-stroked-button\n          type=\"button\"\n          [disabled]=\"busy || !canApply\"\n          (click)=\"onApply()\"\n          [attr.data-testid]=\"applyTestId || (testIdPrefix + '-apply')\"\n        >\n          {{ resolvedLabels.apply }}\n        </button>\n        <mat-spinner *ngIf=\"busy\" diameter=\"20\" [attr.data-testid]=\"testIdPrefix + '-spinner'\"></mat-spinner>\n      </div>\n    </div>\n  </footer>\n\n  <button\n    *ngIf=\"resizable\"\n    type=\"button\"\n    class=\"praxis-ai-assistant-shell__resize-handle\"\n    [attr.data-testid]=\"testIdPrefix + '-resize-handle'\"\n    [attr.aria-label]=\"resolvedLabels.resizeHandleAria\"\n    [matTooltip]=\"resolvedLabels.resizeHandleAria\"\n    (pointerdown)=\"startResize($event)\"\n  ></button>\n</section>\n", styles: [":host{display:block}.praxis-ai-assistant-shell{position:absolute;box-sizing:border-box;min-width:360px;min-height:360px;display:flex;flex-direction:column;overflow:hidden;color:var(--md-sys-color-on-surface, #f8fafc);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface, #0f172a);box-shadow:0 24px 60px #0006;z-index:10}.praxis-ai-assistant-shell__header{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:radial-gradient(circle at top left,rgba(96,165,250,.22),transparent 34%),var(--md-sys-color-surface-container, #172033)}.praxis-ai-assistant-shell__header{justify-content:flex-start;border-bottom:1px solid;cursor:move;touch-action:none}.praxis-ai-assistant-shell__identity{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--md-sys-color-primary, #60a5fa);color:var(--md-sys-color-on-primary, #020617);box-shadow:0 8px 20px #60a5fa4d}.praxis-ai-assistant-shell__identity mat-icon{width:20px;height:20px;font-size:20px}.praxis-ai-assistant-shell__title-group{min-width:0;flex:1 1 auto;display:grid;gap:3px}.praxis-ai-assistant-shell__badges{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex-wrap:wrap}.praxis-ai-assistant-shell__badge{display:inline-flex;align-items:center;min-height:22px;max-width:140px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 80%,transparent);border-radius:8px;color:var(--md-sys-color-on-surface-variant, #cbd5e1);background:var(--md-sys-color-surface-container-high, #263244);font-size:11px;line-height:1.2;overflow-wrap:anywhere}.praxis-ai-assistant-shell__badge--error{color:var(--md-sys-color-error, #ff6b6b);border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__title-group strong,.praxis-ai-assistant-shell__title-group p{min-width:0;margin:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__title-group p{color:var(--md-sys-color-on-surface-variant, #cbd5e1);font-size:12px;line-height:1.35}.praxis-ai-assistant-shell__body{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:12px;padding:14px 14px 8px;overflow:auto;background:linear-gradient(180deg,var(--md-sys-color-surface-container-low, #111827),var(--md-sys-color-surface, #0f172a))}.praxis-ai-assistant-shell__context,.praxis-ai-assistant-shell__attachments{flex:0 0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto}.praxis-ai-assistant-shell__context-item{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;max-width:240px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);font-size:12px;line-height:1.25}.praxis-ai-assistant-shell__context-item mat-icon{width:16px;height:16px;font-size:16px}.praxis-ai-assistant-shell__context-label,.praxis-ai-assistant-shell__context-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.praxis-ai-assistant-shell__context-label{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__context-value{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.praxis-ai-assistant-shell__prompt{box-sizing:border-box;width:100%;min-height:56px;max-height:128px;resize:none;border:0;padding:12px;color:var(--md-sys-color-on-surface, #f8fafc);background:transparent;font:inherit;line-height:1.45;outline:none}.praxis-ai-assistant-shell__conversation{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:2px}.praxis-ai-assistant-shell__message{max-width:86%;align-self:flex-start;padding:9px 11px;border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244);color:var(--md-sys-color-on-surface, #f8fafc);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__message-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px}.praxis-ai-assistant-shell__message-action{min-height:28px;padding:0 8px;border-radius:8px;font-size:12px}.praxis-ai-assistant-shell__message--assistant{border-bottom-left-radius:2px}.praxis-ai-assistant-shell__message--user{align-self:flex-end;border-bottom-right-radius:2px;background:var(--md-sys-color-primary-container, #17375f);color:var(--md-sys-color-on-primary-container, #f8fafc)}.praxis-ai-assistant-shell__message--status{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__message--error,.praxis-ai-assistant-shell__error{color:var(--md-sys-color-error, #ff6b6b)}.praxis-ai-assistant-shell__quick-replies{display:flex;flex-wrap:wrap;gap:8px}.praxis-ai-assistant-shell__attachment{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;max-width:260px;min-height:34px;padding:4px 4px 4px 8px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 70%,transparent);border-radius:8px;background:var(--md-sys-color-surface-container-high, #263244)}.praxis-ai-assistant-shell__attachment--error{border-color:color-mix(in srgb,var(--md-sys-color-error, #ff6b6b) 60%,transparent)}.praxis-ai-assistant-shell__attachment-preview{flex:0 0 auto;width:28px;height:28px;border-radius:6px;object-fit:cover}.praxis-ai-assistant-shell__attachment-name,.praxis-ai-assistant-shell__attachment-kind{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.praxis-ai-assistant-shell__attachment-name{color:var(--md-sys-color-on-surface, #f8fafc)}.praxis-ai-assistant-shell__attachment-kind{color:var(--md-sys-color-on-surface-variant, #cbd5e1)}.praxis-ai-assistant-shell__quick-reply{--praxis-ai-assistant-shell-quick-reply-accent: var(--md-sys-color-primary, #60a5fa);--praxis-ai-assistant-shell-quick-reply-background: color-mix( in srgb, var(--praxis-ai-assistant-shell-quick-reply-accent) 12%, var(--md-sys-color-surface-container-high, #263244) );--praxis-ai-assistant-shell-quick-reply-foreground: var(--md-sys-color-on-surface, #f8fafc);max-width:100%;min-height:38px;border-color:color-mix(in srgb,var(--praxis-ai-assistant-shell-quick-reply-accent) 58%,transparent);border-radius:8px;color:var(--praxis-ai-assistant-shell-quick-reply-foreground);background:var(--praxis-ai-assistant-shell-quick-reply-background);white-space:normal;text-align:left}.praxis-ai-assistant-shell__quick-reply ::ng-deep .mdc-button__label{min-width:0;display:inline-flex;align-items:center;gap:8px;width:100%}.praxis-ai-assistant-shell__quick-reply-icon{flex:0 0 auto;width:18px;height:18px;color:var(--praxis-ai-assistant-shell-quick-reply-accent);font-size:18px}.praxis-ai-assistant-shell__quick-reply-copy{min-width:0;display:grid;gap:2px}.praxis-ai-assistant-shell__quick-reply-label,.praxis-ai-assistant-shell__quick-reply-description{min-width:0;overflow-wrap:anywhere}.praxis-ai-assistant-shell__quick-reply-label{font-weight:600;line-height:1.2}.praxis-ai-assistant-shell__quick-reply-description{color:var(--md-sys-color-on-surface-variant, #cbd5e1);font-size:11px;line-height:1.25}.praxis-ai-assistant-shell__quick-reply--tone-analytics{--praxis-ai-assistant-shell-quick-reply-accent: #38bdf8}.praxis-ai-assistant-shell__quick-reply--tone-resource{--praxis-ai-assistant-shell-quick-reply-accent: #34d399}.praxis-ai-assistant-shell__quick-reply--tone-warning{--praxis-ai-assistant-shell-quick-reply-accent: #facc15}.praxis-ai-assistant-shell__quick-reply--tone-success{--praxis-ai-assistant-shell-quick-reply-accent: #22c55e}.praxis-ai-assistant-shell__quick-reply--tone-danger{--praxis-ai-assistant-shell-quick-reply-accent: var(--md-sys-color-error, #ff6b6b)}.praxis-ai-assistant-shell__quick-reply--tone-neutral{--praxis-ai-assistant-shell-quick-reply-accent: var(--md-sys-color-outline, #94a3b8)}.praxis-ai-assistant-shell__status,.praxis-ai-assistant-shell__error{margin:0;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.praxis-ai-assistant-shell__footer{flex:0 0 auto;padding:10px 12px 12px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #334155) 72%,transparent);background:var(--md-sys-color-surface-container-low, #111827)}.praxis-ai-assistant-shell__composer{display:grid;gap:8px;border:1px solid var(--md-sys-color-outline-variant, #334155);border-radius:8px;background:var(--md-sys-color-surface-container-lowest, #020617);box-shadow:inset 0 1px #ffffff0a}.praxis-ai-assistant-shell__composer:focus-within{border-color:var(--md-sys-color-primary, #60a5fa);box-shadow:0 0 0 2px #60a5fa29}.praxis-ai-assistant-shell__composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 8px 8px;flex-wrap:wrap}.praxis-ai-assistant-shell__resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.praxis-ai-assistant-shell__resize-handle:after{content:\"\";position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-right:2px solid var(--md-sys-color-outline, #94a3b8);border-bottom:2px solid var(--md-sys-color-outline, #94a3b8)}\n"] }]
         }], propDecorators: { labels: [{
                 type: Input
             }], mode: [{

package/index.d.ts

@@ -18,7 +18,7 @@ declare class PraxisAi {
  * Do not edit manually. Run praxis-config-starter/tools/contracts/generate-ai-contract-bindings.js.
  */
 declare const AI_CONTRACT_VERSION: "v1.1";
-declare const AI_CONTRACT_SCHEMA_HASH: "922e6d48637e64b403562d6d7cb833ed4942ffb0b452ec3573255871f4ec8739";
+declare const AI_CONTRACT_SCHEMA_HASH: "dacaba8fa7ec21ee9ae31bab7057614837d2d1320d784d0ee61fb840efe55a35";
 declare const AI_STREAM_EVENT_SCHEMA_VERSION: "v1";
 declare const AI_STREAM_EVENT_TYPES: readonly ["status", "thought.step", "heartbeat", "result", "error", "cancelled"];
 type AiJsonPrimitive = string | number | boolean | null;
@@ -161,6 +161,7 @@ interface AgenticAuthoringIntentResolutionRequestContract extends AgenticAuthori
     provider?: string | null;
     model?: string | null;
     apiKey?: string | null;
+    contextHints?: AiJsonObject | null;
 }
 interface AgenticAuthoringCandidateContract {
     resourcePath?: string | null;
@@ -178,6 +179,10 @@ interface AgenticAuthoringQuickReplyContract {
     kind: string;
     label: string;
     prompt: string;
+    description?: string | null;
+    icon?: string | null;
+    tone?: string | null;
+    contextHints?: AiJsonObject | null;
     [key: string]: AiJsonValue | undefined;
 }
 interface AgenticAuthoringIntentResolutionResultContract {
@@ -195,8 +200,25 @@ interface AgenticAuthoringIntentResolutionResultContract {
     clarificationQuestions?: string[];
     warnings?: string[];
     failureCodes?: string[];
+    llmDiagnostics?: AiJsonObject | null;
     [key: string]: AiJsonValue | AgenticAuthoringCandidateContract | AgenticAuthoringCandidateContract[] | AgenticAuthoringQuickReplyContract | AgenticAuthoringQuickReplyContract[] | AgenticAuthoringPendingClarificationContract | undefined;
 }
+interface AgenticAuthoringResourceCandidatesRequestContract {
+    retrievalQuery?: string | null;
+    userPrompt?: string | null;
+    artifactKind?: string | null;
+    limit?: number | null;
+    [key: string]: AiJsonValue | undefined;
+}
+interface AgenticAuthoringResourceCandidatesResultContract {
+    valid?: boolean;
+    tool?: string | null;
+    retrievalQuery?: string | null;
+    artifactKind?: string | null;
+    candidates?: AgenticAuthoringCandidateContract[];
+    warnings?: string[];
+    [key: string]: AiJsonValue | AgenticAuthoringCandidateContract[] | undefined;
+}
 interface AgenticAuthoringPlanRequestContract extends AgenticAuthoringConversationContextContract {
     userPrompt: string;
     provider?: string | null;
@@ -204,6 +226,21 @@ interface AgenticAuthoringPlanRequestContract extends AgenticAuthoringConversati
     apiKey?: string | null;
     currentPage?: AiJsonObject | null;
     intentResolution?: AgenticAuthoringIntentResolutionResultContract | null;
+    contextHints?: AiJsonObject | null;
+}
+interface AgenticAuthoringTurnStreamRequestContract extends AgenticAuthoringConversationContextContract {
+    userPrompt: string;
+    targetApp?: string | null;
+    targetComponentId?: string | null;
+    currentRoute?: string | null;
+    currentPage?: AiJsonObject | null;
+    selectedWidgetKey?: string | null;
+    provider?: string | null;
+    model?: string | null;
+    apiKey?: string | null;
+    contextHints?: AiJsonObject | null;
+    componentCapabilities?: AgenticAuthoringComponentCapabilitiesResultContract | null;
+    [key: string]: AiJsonValue | AgenticAuthoringComponentCapabilitiesResultContract | AgenticAuthoringConversationMessageContract[] | AgenticAuthoringPendingClarificationContract | AgenticAuthoringAttachmentSummaryContract[] | undefined;
 }
 interface AgenticAuthoringPreviewResultContract {
     valid?: boolean;
@@ -227,10 +264,35 @@ interface AgenticAuthoringApplyResultContract {
     etag?: string | null;
     [key: string]: AiJsonValue | undefined;
 }
+interface AgenticAuthoringComponentFieldAliasContract {
+    field?: string | null;
+    aliases?: string[];
+    [key: string]: AiJsonValue | undefined;
+}
+interface AgenticAuthoringComponentCapabilityExampleContract {
+    prompt?: string | null;
+    intent?: string | null;
+    configHints?: string[];
+    [key: string]: AiJsonValue | undefined;
+}
+interface AgenticAuthoringComponentCapabilityContract {
+    id?: string | null;
+    changeKind?: string | null;
+    triggerTerms?: string[];
+    fieldAliases?: AgenticAuthoringComponentFieldAliasContract[];
+    examples?: AgenticAuthoringComponentCapabilityExampleContract[];
+    [key: string]: AiJsonValue | AgenticAuthoringComponentFieldAliasContract[] | AgenticAuthoringComponentCapabilityExampleContract[] | undefined;
+}
+interface AgenticAuthoringComponentCapabilityCatalogContract {
+    componentId?: string | null;
+    version?: string | null;
+    capabilities?: AgenticAuthoringComponentCapabilityContract[];
+    [key: string]: AiJsonValue | AgenticAuthoringComponentCapabilityContract[] | undefined;
+}
 interface AgenticAuthoringComponentCapabilitiesResultContract {
     version?: string | null;
-    catalogs?: AiJsonObject[];
-    [key: string]: AiJsonValue | undefined;
+    catalogs?: AgenticAuthoringComponentCapabilityCatalogContract[];
+    [key: string]: AiJsonValue | AgenticAuthoringComponentCapabilityCatalogContract[] | undefined;
 }
 interface AiPatchStreamStartResponseContract {
     streamId: string;
@@ -242,6 +304,16 @@ interface AiPatchStreamStartResponseContract {
     expiresAt: string;
     fallbackPatchUrl: string;
 }
+interface AgenticAuthoringTurnStreamStartResponseContract {
+    streamId: string;
+    threadId: string;
+    turnId: string;
+    eventSchemaVersion: string;
+    streamAuthMode?: 'cookie' | 'signed_url_token' | null;
+    streamAccessToken?: string | null;
+    expiresAt: string;
+    fallbackAuthoringUrl: string;
+}
 interface AiPatchStreamCancelResponseContract {
     streamId?: string | null;
     threadId?: string | null;
@@ -260,6 +332,8 @@ interface AiPatchStreamEnvelopeContract<TPayload extends AiJsonObject = AiJsonOb
     type: AiPatchStreamEventType$1;
     payload: TPayload;
 }
+interface AgenticAuthoringTurnStreamEnvelopeContract<TPayload extends AiJsonObject = AiJsonObject> extends AiPatchStreamEnvelopeContract<TPayload> {
+}
 interface ProblemResponseContract {
     timestamp?: string | null;
     status?: number | null;
@@ -270,6 +344,7 @@ interface ProblemResponseContract {
     [key: string]: AiJsonValue | undefined;
 }
 type AiPatchStreamEventType$1 = (typeof AI_STREAM_EVENT_TYPES)[number];
+type AiTurnStreamEventType = (typeof AI_STREAM_EVENT_TYPES)[number];
 
 /**
  * Models for Praxis AI (Centralized)
@@ -427,6 +502,10 @@ interface PraxisAssistantShellQuickReply {
     label: string;
     prompt: string;
     kind?: string;
+    description?: string | null;
+    icon?: string | null;
+    tone?: string | null;
+    contextHints?: Readonly<Record<string, unknown>> | null;
 }
 interface PraxisAssistantShellMessageAction {
     id: string;
@@ -795,7 +874,7 @@ declare class PraxisAiService {
 }
 
 declare const AI_INTENT_CONTRACT_VERSION: "v1.1";
-declare const AI_INTENT_CONTRACT_SCHEMA_HASH: "922e6d48637e64b403562d6d7cb833ed4942ffb0b452ec3573255871f4ec8739";
+declare const AI_INTENT_CONTRACT_SCHEMA_HASH: "dacaba8fa7ec21ee9ae31bab7057614837d2d1320d784d0ee61fb840efe55a35";
 type AiSchemaContext = AiSchemaContextContract;
 interface AiSuggestionsRequest {
     componentId: string;
@@ -1530,6 +1609,8 @@ declare class PraxisAiAssistantShellComponent implements OnChanges, OnDestroy {
     protected onAttachmentFilesSelected(event: Event): void;
     protected onApply(): void;
     protected onQuickReply(reply: PraxisAssistantShellQuickReply): void;
+    protected getQuickReplyAriaLabel(reply: PraxisAssistantShellQuickReply): string;
+    protected getQuickReplyTone(reply: PraxisAssistantShellQuickReply): string;
     protected onRemoveAttachment(attachment: PraxisAssistantShellAttachment): void;
     protected onMessageAction(message: PraxisAssistantShellMessage, action: PraxisAssistantShellMessageAction): void;
     protected getModeLabel(): string;
@@ -1632,4 +1713,4 @@ declare class AiRuleWizardDialogComponent implements OnInit {
 }
 
 export { AI_BACKEND_CONFIG_STORE, AI_BACKEND_STORAGE_OPTIONS, AI_CONTRACT_SCHEMA_HASH, AI_CONTRACT_VERSION, AI_INTENT_CONTRACT_SCHEMA_HASH, AI_INTENT_CONTRACT_VERSION, AI_STREAM_EVENT_SCHEMA_VERSION, AI_STREAM_EVENT_TYPES, AiBackendApiService, AiPatchStreamConnectionError, AiResponseValidatorService, AiRuleWizardDialogComponent, BaseAiAdapter, PraxisAi, PraxisAiAssistantComponent, PraxisAiAssistantShellComponent, PraxisAiService, PraxisAssistantTurnController, PraxisAssistantTurnOrchestratorService, SchemaMinifierService };
-export type { AgenticAuthoringApplyRequestContract, AgenticAuthoringApplyResultContract, AgenticAuthoringAttachmentSummaryContract, AgenticAuthoringCandidateContract, AgenticAuthoringComponentCapabilitiesResultContract, AgenticAuthoringConversationContextContract, AgenticAuthoringConversationMessageContract, AgenticAuthoringIntentResolutionRequestContract, AgenticAuthoringIntentResolutionResultContract, AgenticAuthoringPendingClarificationContract, AgenticAuthoringPlanRequestContract, AgenticAuthoringPreviewResultContract, AgenticAuthoringQuickReplyContract, AiBackendConfigStore, AiBackendStorageOptions, AiChatMessage, AiChatMessageContract, AiClarificationUiContract, AiConfigAdapter, AiContextDTO, AiContextTemplate, AiContextTemplateMeta, AiCurrentStateDigest, AiCurrentStateDigestContract, AiExamplePair, AiGlobalConfigSnapshot, AiHeaderContext, AiIntegrationConfig, AiJsonArray, AiJsonObject, AiJsonPrimitive, AiJsonValue, AiMemoryInfoContract, AiModel, AiOptionContract, AiOrchestratorRequest, AiOrchestratorRequestContract, AiOrchestratorResponse, AiOrchestratorResponseContract, AiOrchestratorResponseType, AiPatchDiff, AiPatchDiffContract, AiPatchStreamCancelResponse, AiPatchStreamCancelResponseContract, AiPatchStreamConnection, AiPatchStreamConnectionErrorKind, AiPatchStreamEnvelope, AiPatchStreamEnvelopeContract, AiPatchStreamEventType, AiPatchStreamStartResponse, AiPatchStreamStartResponseContract, AiProviderCatalogItem, AiProviderCatalogResponse, AiProviderModelsRequest, AiProviderModelsResponse, AiProviderStatusResponse, AiProviderTestRequest, AiProviderTestResponse, AiResponseCompileResult, AiRuleResponse, AiSchemaContext, AiSchemaContextContract, AiSuggestion, AiSuggestionsRequest, AiSuggestionsResponse, AiUiContextRef, AiUiContextRefContract, AiValidationError, AiValidationResult, AiValidationWarning, AiWizardData, Capability, FieldSchemaLike, MinifiedField, PatchResult, PraxisAssistantClarificationOption, PraxisAssistantClarificationQuestion, PraxisAssistantClarificationQuestionType, PraxisAssistantPendingClarification, PraxisAssistantShellAttachment, PraxisAssistantShellContextItem, PraxisAssistantShellLabels, PraxisAssistantShellLayout, PraxisAssistantShellMessage, PraxisAssistantShellMessageAction, PraxisAssistantShellMessageRole, PraxisAssistantShellMode, PraxisAssistantShellQuickReply, PraxisAssistantShellState, PraxisAssistantTurnAction, PraxisAssistantTurnControllerOptions, PraxisAssistantTurnFlow, PraxisAssistantTurnPhase, PraxisAssistantTurnRequest, PraxisAssistantTurnResult, PraxisAssistantTurnViewState, ProblemResponseContract, PromptContext, RulePropertyDefinition, RulePropertySchema, RulePropertyType, ValidationContext, ValueKind };
+export type { AgenticAuthoringApplyRequestContract, AgenticAuthoringApplyResultContract, AgenticAuthoringAttachmentSummaryContract, AgenticAuthoringCandidateContract, AgenticAuthoringComponentCapabilitiesResultContract, AgenticAuthoringComponentCapabilityCatalogContract, AgenticAuthoringComponentCapabilityContract, AgenticAuthoringComponentCapabilityExampleContract, AgenticAuthoringComponentFieldAliasContract, AgenticAuthoringConversationContextContract, AgenticAuthoringConversationMessageContract, AgenticAuthoringIntentResolutionRequestContract, AgenticAuthoringIntentResolutionResultContract, AgenticAuthoringPendingClarificationContract, AgenticAuthoringPlanRequestContract, AgenticAuthoringPreviewResultContract, AgenticAuthoringQuickReplyContract, AgenticAuthoringResourceCandidatesRequestContract, AgenticAuthoringResourceCandidatesResultContract, AgenticAuthoringTurnStreamEnvelopeContract, AgenticAuthoringTurnStreamRequestContract, AgenticAuthoringTurnStreamStartResponseContract, AiBackendConfigStore, AiBackendStorageOptions, AiChatMessage, AiChatMessageContract, AiClarificationUiContract, AiConfigAdapter, AiContextDTO, AiContextTemplate, AiContextTemplateMeta, AiCurrentStateDigest, AiCurrentStateDigestContract, AiExamplePair, AiGlobalConfigSnapshot, AiHeaderContext, AiIntegrationConfig, AiJsonArray, AiJsonObject, AiJsonPrimitive, AiJsonValue, AiMemoryInfoContract, AiModel, AiOptionContract, AiOrchestratorRequest, AiOrchestratorRequestContract, AiOrchestratorResponse, AiOrchestratorResponseContract, AiOrchestratorResponseType, AiPatchDiff, AiPatchDiffContract, AiPatchStreamCancelResponse, AiPatchStreamCancelResponseContract, AiPatchStreamConnection, AiPatchStreamConnectionErrorKind, AiPatchStreamEnvelope, AiPatchStreamEnvelopeContract, AiPatchStreamEventType, AiPatchStreamStartResponse, AiPatchStreamStartResponseContract, AiProviderCatalogItem, AiProviderCatalogResponse, AiProviderModelsRequest, AiProviderModelsResponse, AiProviderStatusResponse, AiProviderTestRequest, AiProviderTestResponse, AiResponseCompileResult, AiRuleResponse, AiSchemaContext, AiSchemaContextContract, AiSuggestion, AiSuggestionsRequest, AiSuggestionsResponse, AiTurnStreamEventType, AiUiContextRef, AiUiContextRefContract, AiValidationError, AiValidationResult, AiValidationWarning, AiWizardData, Capability, FieldSchemaLike, MinifiedField, PatchResult, PraxisAssistantClarificationOption, PraxisAssistantClarificationQuestion, PraxisAssistantClarificationQuestionType, PraxisAssistantPendingClarification, PraxisAssistantShellAttachment, PraxisAssistantShellContextItem, PraxisAssistantShellLabels, PraxisAssistantShellLayout, PraxisAssistantShellMessage, PraxisAssistantShellMessageAction, PraxisAssistantShellMessageRole, PraxisAssistantShellMode, PraxisAssistantShellQuickReply, PraxisAssistantShellState, PraxisAssistantTurnAction, PraxisAssistantTurnControllerOptions, PraxisAssistantTurnFlow, PraxisAssistantTurnPhase, PraxisAssistantTurnRequest, PraxisAssistantTurnResult, PraxisAssistantTurnViewState, ProblemResponseContract, PromptContext, RulePropertyDefinition, RulePropertySchema, RulePropertyType, ValidationContext, ValueKind };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@praxisui/ai",
-  "version": "8.0.0-beta.8",
+  "version": "8.0.0-beta.9",
   "description": "AI building blocks and assistant integration for Praxis UI applications.",
   "peerDependencies": {
     "@angular/common": "^20.3.0",
     "@angular/core": "^20.3.0",
-    "@praxisui/core": "^8.0.0-beta.8"
+    "@praxisui/core": "^8.0.0-beta.9"
   },
   "dependencies": {
     "tslib": "^2.3.0"