- *
- *
- * `
+
+ }
+
+ `,
+ styles: [
+ `
+ :host {
+ display: block;
+ width: 100%;
+ }
+ .shadow-\\[0_4px_4px_0_\\#0000000a\\2c_0_0_1px_0_\\#0000009e\\] {
+ box-shadow:
+ 0 4px 4px 0 #0000000a,
+ 0 0 1px 0 #0000009e !important;
+ }
+ `,
+ ],
+})
+export class CopilotChatInput implements AfterViewInit, OnDestroy {
+ @ViewChild(CopilotChatTextarea, { read: CopilotChatTextarea })
+ textAreaRef?: CopilotChatTextarea;
+
+ @ViewChild(CopilotChatAudioRecorder)
+ audioRecorderRef?: CopilotChatAudioRecorder;
+
+ // Capture templates from content projection
+ @ContentChild("sendButton", { read: TemplateRef })
+ sendButtonTemplate?: TemplateRef
+ @if (addFileButtonTemplate || addFileButtonComponent()) {
+
+
+ } @else {
+
+
+ }
+ @if (computedToolsMenu().length > 0) {
+ @if (toolsButtonTemplate || toolsButtonComponent()) {
+
+
+ } @else {
+
+
+ }
+ }
+ @if (additionalToolbarItems()) {
+
+
+ @if (computedMode() === "transcribe") {
+ @if (
+ cancelTranscribeButtonTemplate ||
+ cancelTranscribeButtonComponent()
+ ) {
+
+
+ } @else {
+
+
+ }
+ @if (
+ finishTranscribeButtonTemplate ||
+ finishTranscribeButtonComponent()
+ ) {
+
+
+ } @else {
+
+
+ }
+ } @else {
+ @if (
+ startTranscribeButtonTemplate ||
+ startTranscribeButtonComponent()
+ ) {
+
+
+ } @else {
+
+
+ }
+
+ @if (sendButtonTemplate || sendButtonComponent()) {
+
+
+ } @else {
+
+
+
+
+ }
+ }
+
+
+ @for (
+ message of messagesValue();
+ track trackByMessageId($index, message)
+ ) {
+ @if (message && message.role === "assistant") {
+
+ @if (assistantMessageComponent() || assistantMessageTemplate()) {
+
+
+ } @else {
+
+
+ }
+ } @else if (message && message.role === "user") {
+
+ @if (userMessageComponent() || userMessageTemplate()) {
+
+
+ } @else {
+
+
+ }
+ }
+ }
+
+
+ @if (showCursorValue()) {
+ @if (cursorComponent() || cursorTemplate()) {
+
+
+ } @else {
+
+
+ }
+ }
+
+ }
+ `,
+})
+export class CopilotChatMessageView {
+ // Core inputs matching React props
+ messages = input
+ @for (item of toolsMenu(); track $index) {
+ @if (item === "-") {
+
+ } @else if (isMenuItem(item)) {
+ @if (item.items && item.items.length > 0) {
+
+
+
+
+
+
+ } @else {
+
+
+ }
+ }
+ }
+
+
+ @for (subItem of item.items; track $index) {
+ @if (subItem === "-") {
+
+ } @else if (isMenuItem(subItem)) {
+
+ }
+ }
+
+
+
+
+ {{ currentBranch() + 1 }}/{{ numberOfBranches() }}
+
+
+
+ }
+ `,
+})
+export class CopilotChatUserMessageBranchNavigation {
+ currentBranch = input
+
+ @if (messageRendererTemplate || messageRendererComponent()) {
+
+
+ } @else {
+
+
+ }
+
+
+ @if (toolbarTemplate || toolbarComponent()) {
+
+
+ } @else {
+
+ `,
+ styles: [
+ `
+ :host {
+ display: block;
+ width: 100%;
+ }
+ `,
+ ],
+})
+export class CopilotChatUserMessage {
+ // Capture templates from content projection
+ @ContentChild("messageRenderer", { read: TemplateRef })
+ messageRendererTemplate?: TemplateRef
+
+ }
+
+
+ @if (additionalToolbarItems()) {
+
+
+ } @else {
+
+
+ }
+
+
+ @if (true) {
+ @if (editButtonTemplate || editButtonComponent()) {
+
+
+ } @else {
+
+
+ }
+ }
+
+
+ @if (showBranchNavigation()) {
+ @if (branchNavigationTemplate || branchNavigationComponent()) {
+
+
+ } @else {
+
+
+ }
+ }
+
+
+ {{ disclaimerText }}
+
+ `,
+})
+export class CopilotChatViewDisclaimer {
+ inputClass = input
+
+
+
+
+ `,
+})
+export class CopilotChatViewInputContainer extends ElementRef {
+ inputContainerClass = input
+
+
+
+
+
+
+
+ } @else if (!autoScroll()) {
+
+
+
+
+
+ } @else {
+
+
+
+
+
+ @if (showScrollButton() && !isResizing()) {
+
+
+
+
+
+
+ @if (messageView()) {
+
+
+ } @else {
+
+
+ }
+
+
+
+
+
+ }
+
+
+ }
+ `,
+})
+export class CopilotChatViewScrollView
+ implements OnInit, AfterViewInit, OnDestroy
+{
+ private cdr = inject(ChangeDetectorRef);
+
+ autoScroll = input
+
+
+
+
+ @if (!isAtBottom() && !isResizing()) {
+
+
+
+
+
+
+ @if (messageView()) {
+
+
+ } @else {
+
+
+ }
+
+
+
+
+
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+ }
+ `,
+})
+export class CopilotChatView
+ implements OnInit, OnChanges, AfterViewInit, OnDestroy
+{
+ // Core inputs matching React props
+ messages = input