@arbor-education/agent-view-frontend 0.2.1

package/dist/style.css

@@ -0,0 +1 @@
+.agent-view-frontend{--page-heading-spacing-gap: 0px;--modal-header-spacing-padding: 0px}.agent-workspace{--page-heading-spacing-gap: 0px}.ask-arbor-prompt-library{width:100%;box-sizing:border-box}.ask-arbor-prompt-library__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ask-arbor-prompt-library__grid-item{display:flex;flex-direction:column;min-width:0}.ask-arbor-prompt-library__grid-item--full-width{grid-column:1/-1}.ask-arbor-prompt-library__expanded-block{width:100%;display:flex;flex-direction:column;min-width:0}.ask-arbor-prompt-library__expanded-block .ask-arbor-prompt-library__category{border-bottom-left-radius:0;border-bottom-right-radius:0}.ask-arbor-prompt-library__expanded-block .ask-arbor-prompt-library__drawer{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.ask-arbor-prompt-library__category{width:100%;border-radius:8px;border:1px solid #dfdcdb;background:#fff;overflow:hidden;box-sizing:border-box;transition:box-shadow .25s ease;cursor:pointer;height:100%}.ask-arbor-prompt-library__category:hover .ask-arbor-prompt-library__header{border-color:#dfdcdb;background:#f9f8f8}.ask-arbor-prompt-library__category--expanded{box-shadow:0 4px 12px #20202014;height:auto}.ask-arbor-prompt-library__header{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:8px;width:100%;height:100%;padding:14px 16px;cursor:pointer;border-radius:8px;box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.ask-arbor-prompt-library__header:focus{outline:none}.ask-arbor-prompt-library__icon-circle{grid-column:1;grid-row:1;align-self:center;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:6px;gap:0;width:24px;height:24px;border-radius:6px}.ask-arbor-prompt-library__category--green .ask-arbor-prompt-library__icon-circle{background:#e1eed3;color:#355629}.ask-arbor-prompt-library__category--blue .ask-arbor-prompt-library__icon-circle{background:#daf9ff;color:#227280}.ask-arbor-prompt-library__category--purple .ask-arbor-prompt-library__icon-circle{background:#f0d7e5;color:#cc79a7}.ask-arbor-prompt-library__category--orange .ask-arbor-prompt-library__icon-circle{background:#fef2e4;color:#7c4a0f}.ask-arbor-prompt-library__category--teal .ask-arbor-prompt-library__icon-circle{background:#c6e7e4;color:#40b0a6}.ask-arbor-prompt-library__category--salmon .ask-arbor-prompt-library__icon-circle{background:#efc4bf;color:#ed8a7a}.ask-arbor-prompt-library__category--yellow .ask-arbor-prompt-library__icon-circle{background:#fefad9;color:#7e700b}.ask-arbor-prompt-library__header-text{grid-column:2;grid-row:1;min-width:0;align-self:center}.ask-arbor-prompt-library__title{margin:0;font-size:14px;font-weight:600;color:#3c3735;line-height:1.25;width:100%}.ask-arbor-prompt-library__description{grid-column:1/-1;grid-row:2;margin:0;font-size:12px;font-weight:400;color:#595350;line-height:1.2;width:100%;box-sizing:border-box}.ask-arbor-prompt-library__chevron{grid-column:3;grid-row:1;align-self:center;flex-shrink:0}.ask-arbor-prompt-library__drawer{margin-top:6px;border-radius:0 0 8px 8px;border:1px solid #dfdcdb;border-top:none;background:#fff;box-shadow:0 2px 8px #20202014;box-sizing:border-box;padding:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;animation:ask-arbor-drawer-enter .25s ease}@keyframes ask-arbor-drawer-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.ask-arbor-prompt-library__prompt-group{display:flex;flex-direction:column;margin-top:5px}.ask-arbor-prompt-library__prompt-group+.ask-arbor-prompt-library__prompt-group{padding-top:10px}.ask-arbor-prompt-library__prompt-group .ds-tag{align-self:flex-start;font-size:12px}.ask-arbor-prompt-library__prompts{display:flex;flex-direction:column;gap:4px;padding-top:10px}.ask-arbor-prompt-library__prompt-row{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 10px);margin-left:10px;margin-right:10px;padding:10px 10px 10px 20px;gap:11px;background:#f9f8f8;border:1px solid #efeeed;border-radius:8px;cursor:pointer;font-size:14px;font-weight:400;color:#3c3735;text-align:left;transition:background .15s ease}.ask-arbor-prompt-library__prompt-row:hover{background:#efeeed}.ask-arbor-prompt-library__prompt-row:focus{outline:none}.ask-arbor-prompt-library__prompt-text{flex:1;min-width:0;font-size:14px;line-height:1.3}.ask-arbor-settings{position:absolute;bottom:100%;right:0;margin-bottom:4px;min-width:160px;padding:2px 0;background:#fff;border:1px solid #dfdcdb;border-radius:8px;box-shadow:0 4px 12px #20202014;z-index:10}.ask-arbor-settings__item{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:4px 8px;border:none;background:none;font-size:14px;line-height:120%;color:#3c3735;text-align:left;cursor:pointer;text-decoration:none}.ask-arbor-settings__item:hover{background:#efeeed}.ask-arbor-settings__label{flex:1}.ask-arbor-input{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;width:100%;max-width:548px}.ask-arbor-input__content{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;min-width:0;width:100%}.ask-arbor-input__file-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden;pointer-events:none}.ask-arbor-input__frame{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;min-height:97px;padding:16px;background:#fff;border:1px solid #dfdcdb;border-radius:8px;box-shadow:0 4px 12px #20202014;position:relative}.ask-arbor-input__frame:focus-within{border-color:#68aa22}.ask-arbor-input__frame--dragging{border-color:#ada8a6;border-style:dashed}.ask-arbor-input__frame--dragging-rejected{border-color:#fa9d9d;background:#fde2e2}.ask-arbor-input__drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:7px;background:#ffffffeb;pointer-events:none}.ask-arbor-input__drop-overlay--rejected{background:#fde2e2f0}.ask-arbor-input__drop-overlay-text{font-size:14px;line-height:120%;color:#3c3735}.ask-arbor-input__drop-overlay--rejected .ask-arbor-input__drop-overlay-text{color:#9d1010;font-weight:600}.ask-arbor-input__drop-overlay-hint{font-size:12px;line-height:120%;color:#9d1010;text-align:center;max-width:80%}.ask-arbor-input__upload-rejection{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;gap:8px;padding:0 28px 0 16px;border-radius:7px;background:#fde2e2;color:#9d1010;font-size:14px;line-height:120%;cursor:pointer}.ask-arbor-input__upload-rejection-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-arbor-input__file-cards{display:flex;flex-wrap:wrap;gap:8px;width:100%}.ask-arbor-input__file-cards--hidden{visibility:hidden}.ask-arbor-input__file-card{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:8px 10px;background:#f9f8f8;border:1px solid #dfdcdb;border-radius:8px;color:#3c3735}.ask-arbor-input__file-card-name{flex:1;min-width:0;max-width:280px;font-size:13px;line-height:120%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ask-arbor-input__file-card-dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:transparent;color:inherit;cursor:pointer;padding:0}.ask-arbor-input__upload-rejection-dismiss{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:inherit;cursor:pointer;position:absolute;top:50%;right:0;transform:translateY(-50%)}.ask-arbor-input__input-zone{display:flex;flex-direction:column;gap:16px;width:100%}.ask-arbor-input__input-row{display:flex;align-items:center;gap:4px;width:100%;min-height:17px}.ask-arbor-input__textarea{flex:1;min-width:0;border:none;background:transparent;resize:none;font-size:14px;line-height:120%;color:#3c3735;outline:none}.ask-arbor-input__textarea::placeholder{color:#c7c4c3}@supports (field-sizing: content){.ask-arbor-input__textarea{field-sizing:content;max-height:300px}}.ask-arbor-input__bottom-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%;height:32px}.ask-arbor-input__actions-right{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex:1}.ask-arbor-input__timer{margin-right:4px;font-size:14px;line-height:120%;color:#3c3735}.ask-arbor-input__settings-wrap{position:relative}.ask-arbor-input__settings-btn--open{background:#efeeed}.ask-arbor-input__disclaimer{width:100%;margin:0;font-size:12px;line-height:120%;color:#3c3735;text-align:center}.chat-message__footer-actions,.chat-message--warning,.chat-message--error,.chat-message--info,.chat-message--agent{max-width:80%;width:auto;margin-right:auto}.chat-message-container{margin-bottom:10px}.chat-message-container--user{display:flex;justify-content:flex-end}.chat-message-container--agent{display:inline-flex;flex-direction:column;align-items:stretch;margin-right:auto;min-width:100%}.chat-message-container__content{display:flex;flex-direction:column;width:fit-content;max-width:100%;align-self:flex-start}.chat-message{border-radius:5px;padding:10px;position:relative;white-space:pre-wrap;line-height:18px;align-items:center}.chat-message a{text-decoration:none;color:#f7931e;cursor:pointer}.chat-message a:hover{text-decoration:underline}.chat-message--user{background-color:#efeeed;max-width:80%;width:auto;margin-left:auto}.chat-message--agent{padding-left:0}.chat-message--info{background-color:#daf9ff}.chat-message--error{background-color:#fde2e2}.chat-message--warning{background-color:#fef2e4}.chat-message--error,.chat-message--info,.chat-message--warning{display:flex;align-items:flex-start;gap:8px}.chat-message--error .chat-message__icon,.chat-message--info .chat-message__icon,.chat-message--warning .chat-message__icon{flex-shrink:0;width:35px;display:flex;align-items:center;justify-content:center;font-size:25px}.chat-message__footer-actions{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin-top:9px;min-width:0;box-sizing:border-box}.chat-message__follow-up-prompts{flex-grow:1;max-width:90%}.chat-message__follow-up-prompts-list{display:flex;flex-flow:row wrap;gap:8px;list-style:none;margin:0;padding:0}.chat-message__follow-up-prompts-list li{max-width:100%}.chat-message__footer-icons{display:flex;flex-direction:row;align-items:center;gap:0;flex:none}.chat-message__feedback{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:0 0 4px;background:#fff;flex:none;align-self:stretch;flex-grow:0;min-width:0}.chat-message__feedback-question{font-weight:400;font-size:14px;line-height:120%;display:flex;align-items:center;color:#3c3735;flex:none;flex-grow:0}.chat-message__feedback-buttons{display:flex;flex-direction:row;align-items:center;padding:0;gap:0;flex:none;flex-grow:0}.chat-message__feedback-button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:6px 12px;gap:8px;min-height:36px;height:36px;box-sizing:border-box;background:#fff;border:none;cursor:pointer;font-style:normal;font-weight:700;font-size:18px;line-height:120%}.chat-message__feedback-button--up,.chat-message__feedback-button--up .chat-message__feedback-button-icon,.chat-message__feedback-button--up .chat-message__feedback-button-text{color:#3c3735}.chat-message__feedback-button--down{width:180px;color:#595350}.chat-message__feedback-button--down .chat-message__feedback-button-icon,.chat-message__feedback-button--down .chat-message__feedback-button-text{color:#595350}.chat-message__feedback-button--selected.chat-message__feedback-button--up,.chat-message__feedback-button--selected.chat-message__feedback-button--up .chat-message__feedback-button-icon,.chat-message__feedback-button--selected.chat-message__feedback-button--up .chat-message__feedback-button-text{color:#4e801a}.chat-message__feedback-button--selected.chat-message__feedback-button--down,.chat-message__feedback-button--selected.chat-message__feedback-button--down .chat-message__feedback-button-icon,.chat-message__feedback-button--selected.chat-message__feedback-button--down .chat-message__feedback-button-text{color:#b96e16}.chat-message__feedback-button-icon{flex:none;width:18px;height:18px;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;color:inherit}.chat-message__feedback-button-icon svg{width:18px;height:18px}.chat-message__feedback-button-text{flex:none;white-space:nowrap;font-size:14px}.chat-message__icon{top:10px}.chat-message--info .chat-message__icon{color:#33aabf}.chat-message--error .chat-message__icon{color:#9d1010}.chat-message--warning .chat-message__icon{color:#b96e16}.keyboard-shortcut-menu{position:absolute;left:0;width:100%;z-index:1000;top:auto;bottom:100%;margin-bottom:8px}.keyboard-shortcut-menu.keyboard-shortcut-menu-below{bottom:auto;top:60%;margin-bottom:0}.keyboard-shortcut-menu.keyboard-shortcut-menu-hidden{opacity:0;pointer-events:none;visibility:hidden}.keyboard-shortcut-menu .keyboard-shortcut-menu__content{border:solid 1px #c7c4c3;background-color:#fff;border-radius:4px;box-shadow:0 3px 3px #dfdcdb;width:100%;max-height:300px;overflow-y:auto}.keyboard-shortcut-menu .keyboard-shortcut-menu__header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #dfdcdb}.keyboard-shortcut-menu .keyboard-shortcut-menu__close{cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:4px}.keyboard-shortcut-menu .keyboard-shortcut-menu__close:hover{background:#efeeed}.keyboard-shortcut-menu .keyboard-shortcut-menu__close:focus-visible{outline:2px solid #68aa22;outline-offset:2px}.keyboard-shortcut-menu .keyboard-shortcut-menu__close-icon{font-size:8px}.keyboard-shortcut-menu .keyboard-shortcut-menu__search{display:flex;align-items:center;padding:8px 0;width:100%}.keyboard-shortcut-menu .keyboard-shortcut-menu__search input{flex:1;border:none;outline:none;font-size:14px;padding:4px 0}.keyboard-shortcut-menu .keyboard-shortcut-menu__items{max-height:200px;overflow-y:auto;list-style-type:none;padding:0;margin:0}.keyboard-shortcut-menu .keyboard-shortcut-menu__item{display:flex;padding:8px 12px;cursor:pointer;transition:background-color .1s ease;text-decoration:none!important;color:inherit;align-items:center;gap:8px}.keyboard-shortcut-menu .keyboard-shortcut-menu__item:hover{background-color:#dfdcdb}.keyboard-shortcut-menu .keyboard-shortcut-menu__item--selected{background-color:#c7c4c3;font-weight:500}.keyboard-shortcut-menu .keyboard-shortcut-menu__item-reference{min-width:100px}.keyboard-shortcut-menu .keyboard-shortcut-menu__item-description{margin-left:8px}.keyboard-shortcut-menu .keyboard-shortcut-menu__item-main{font-weight:800;color:#595350;text-decoration:none!important}.keyboard-shortcut-menu .keyboard-shortcut-menu__item-secondary{color:#776e6a;font-weight:500;text-decoration:none}.keyboard-shortcut-menu .keyboard-shortcut-menu__no-results{padding:12px;color:#ada8a6;text-align:center;font-style:italic}.loading-spinner{display:inline-block;position:relative;width:50px;height:50px;flex-shrink:0}.loading-spinner__inner{position:relative;animation-name:arbor-logo-rotation;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform-origin:25px 25px}.loading-spinner__circle{height:50px;width:50px;border-radius:100%;opacity:.9;animation-duration:1s;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;position:absolute}.loading-spinner__circle-left{background-color:#7cb93c;animation-name:arbor-logo-left}.loading-spinner__circle-top{background-color:#f7931c;animation-name:arbor-logo-top}.loading-spinner__circle-right{background-color:#deee21;animation-name:arbor-logo-right}.loading-spinner__circle-bottom{background-color:#afd317;animation-name:arbor-logo-bottom}@keyframes arbor-logo-rotation{0%{rotate:0}to{rotate:360deg}}@keyframes arbor-logo-left{0%{left:-25px}to{left:0}}@keyframes arbor-logo-right{0%{left:25px}to{left:0}}@keyframes arbor-logo-top{0%{top:-25px}to{top:0}}@keyframes arbor-logo-bottom{0%{top:25px}to{top:0}}@keyframes chat-panel-notify-button-fade-in{0%{opacity:0}to{opacity:1}}.chat-panel__loading-container{display:flex;flex-direction:column;gap:0;position:relative;left:-5px}.chat-panel__loading-content{display:flex;flex-direction:row;align-items:center}.chat-panel__loading-spinner-container{background-color:#eee;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:4px}.loading-spinner.chat-panel__loading-spinner{flex-shrink:0;transform:scale(.25);width:40px;height:40px;position:relative;left:-1px;top:-1px}.chat-panel__loading-phrase{font-size:14px;color:#3c3735;opacity:1;transition:opacity .3s ease-in-out;flex-grow:1;display:flex;align-items:center}.chat-panel__loading-phrase.fade-out{opacity:0}.chat-panel__loading-phrase.fade-in{opacity:1}.chat-panel__notify-later{margin-left:40px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;animation:chat-panel-notify-button-fade-in .3s ease-in-out forwards}.chat-panel__notify-later-message{font-size:14px;font-weight:400;line-height:1.4;color:#3c3735;margin:0}.chat-panel__notify-later-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:4px;border:1px solid #dfdcdb;background:#fff;font-size:14px;cursor:pointer;color:#3c3735}.chat-panel__notify-later-btn:hover{background:#efeeed}.chat-panel{display:flex;flex-direction:column}.chat-panel .chat-panel__body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:20px}.chat-panel .chat-panel__body--no-messages{padding-bottom:0;flex:none}.chat-panel .chat-panel__message-list-wrapper{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-panel .chat-panel-message-list{display:flex;flex-direction:column;list-style-type:none;margin:0;flex:1;min-height:0;overflow-y:auto;padding:0 24px}.chat-panel .chat-panel__body:has(.chat-panel__message-list-wrapper){min-height:calc(100vh - 240px)}.chat-panel .chat-panel__body:has(.chat-panel__message-list-wrapper) .chat-panel__input-container{position:sticky;bottom:0;z-index:1;background-color:#fff}.chat-panel .chat-panel-footer{position:relative;top:-12px}.chat-panel .chat-panel__active-chat-header{display:flex;justify-content:flex-end;align-items:center;width:100%;box-sizing:border-box;margin-bottom:10px;padding:0}.chat-panel .chat-panel__active-chat-header .chat-panel__new-chat-button{display:inline-block;padding:6px 14px;border-radius:4px;font-size:14px;font-weight:600;background-color:#68aa22;color:#fff;text-decoration:none;border:none;cursor:pointer}.chat-panel .chat-panel__active-chat-header .chat-panel__new-chat-button:hover{background-color:#4e801a}.chat-panel .chat-panel__tabs{flex-shrink:0;padding:0 16px}.chat-panel .chat-panel__tab-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding-top:16px}.chat-panel .chat-panel__tab-content:has(.chat-panel__tab-panel--recent){padding-top:0}.chat-panel .chat-panel__tab-panel--recent{flex:1;min-height:0;overflow-y:auto}.chat-panel .chat-panel__ai-interactions-loading,.chat-panel .chat-panel__ai-interactions-empty{padding:32px 24px;color:#595350;font-size:14px;text-align:center}.chat-panel .chat-panel__ai-interactions-table{width:100%;margin:0}.chat-panel .chat-panel__ai-interactions-table .ag-row{cursor:pointer}.chat-panel .chat-panel__sample-prompt-container{display:flex;justify-content:space-evenly;padding:0 23px;gap:10px}.chat-panel .chat-panel__sample-prompt{display:flex;text-align:left;border-radius:5.5px;border:1px solid #dfdcdb;padding:12px;cursor:pointer;font-size:14px;flex:1;line-height:19px;background-color:#fff;filter:drop-shadow(0 4px 12px rgba(32,32,32,.08))}.chat-panel .chat-panel__sample-prompt:hover{background-color:#f9f9f9}.chat-panel .chat-panel__daily-prompt{display:flex;text-align:left;border-radius:5.5px;border:1px solid #dfdcdb;padding:12px;cursor:pointer;font-size:14px;flex:1;line-height:19px;background-color:#f8fff1}.chat-panel .chat-panel__daily-prompt:hover{background-color:#e0f5d8}.chat-panel .chat-panel__message-limit{position:absolute;bottom:0;right:0;padding:4px;border-radius:2px;background-color:#efeeed}.chat-panel .chat-panel__input-container{flex-shrink:0;display:flex;gap:9px;padding:7px 24px;min-height:50px}.chat-panel .chat-panel__input-wrapper{position:relative;flex:1;display:flex;flex-direction:column;min-width:0}.chat-panel .chat-panel__input-wrapper .ask-arbor-input{width:100%;max-width:none}.chat-panel .chat-panel__speech-disabled-wrapper{text-align:left;padding-left:20px;padding-bottom:10px;font-style:italic}.chat-panel .chat-panel__chat-intro{flex:1;max-height:140px;display:flex;flex-direction:column;padding:32px 72px}.chat-panel .chat-panel__chat-intro-frame{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:12px;flex:none}.chat-panel .chat-panel__chat-intro-icon{display:inline-flex;flex:none;width:40px;height:42px;align-items:center;justify-content:center}.chat-panel .chat-panel__chat-intro-icon svg{width:40px;height:42px}.chat-panel .chat-panel__chat-intro-heading{font-style:normal;font-weight:700;font-size:20px;line-height:120%;display:flex;align-items:center;color:#3c3735;margin:0;flex:none}.chat-panel .chat-panel__chat-intro-body{font-style:normal;font-weight:400;font-size:14px;line-height:120%;display:flex;align-items:center;text-align:center;color:#3c3735;margin:0;flex:none;align-self:stretch;max-width:436px}.chat-panel table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;font-size:14px;text-align:left;border:1px solid #dfdcdb;border-radius:4px;overflow:scroll}.chat-panel table thead{background-color:#f9f8f8;border-bottom:1px solid #ada8a6}.chat-panel table thead th{padding:10px;font-weight:700;border-bottom:1px solid #ada8a6}.chat-panel table tbody th{padding-left:10px;border-bottom:1px solid #ada8a6}.chat-panel table tbody tr{height:35px}.chat-panel table tbody tr:nth-child(odd){background-color:#fff}.chat-panel table tbody tr:nth-child(2n){background-color:#f9f8f8}.chat-panel table tbody tr td{padding:10px;border-bottom:1px solid #ada8a6;vertical-align:top}.chat-panel table tbody tr:last-child td{border-bottom:none}.chat-panel .chat-panel__message-tag{background-color:#c7c4c3;font-weight:700}.ds-slideover{top:0;z-index:2147483647;border-left:1px solid #e8e8e8;--slideover-color-background: #fff;--slideover-spacing-padding: 0px}.ds-slideover__contents{overflow:hidden}.agent-workspace{--modal-header-spacing-padding: 16px;width:calc(100vw - 32px);height:calc(100vh - 32px);min-width:unset;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:hidden}.agent-workspace__header-title{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.agent-workspace__header-title .ds-modal__title{font-size:var(--type-headings-h3-size, 18px);font-weight:var(--type-headings-h3-weight, 600);line-height:var(--type-headings-h3-line-height, 24px)}.agent-workspace__header-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-brand-600);border-radius:50%}.agent-workspace__header-actions{display:flex;align-items:center;gap:8px}.agent-workspace__phase{padding:2px 10px;font-size:12px;font-weight:var(--font-weight-semi-bold, 600);color:var(--color-grey-600, #6b6b7b);background-color:var(--color-grey-100, #f0f0f3);border-radius:999px}.agent-workspace__phase--running{color:var(--color-brand-600);background-color:var(--color-brand-050)}.agent-workspace__phase--stopped{color:var(--color-semantic-warning-600, #b45309);background-color:var(--color-semantic-warning-050, #fff7ed)}.agent-workspace__phase--complete{color:var(--color-semantic-success-600, #15803d);background-color:var(--color-semantic-success-050, #ecfdf3)}.agent-workspace__body{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.7fr) minmax(240px,1fr);gap:16px;flex:1;min-height:0;padding:16px;background-color:var(--color-grey-050, #f7f7f8)}.agent-workspace__body--no-left{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}.agent-workspace__body--no-right{grid-template-columns:minmax(220px,.9fr) minmax(0,1.7fr)}.agent-workspace__body--no-left.agent-workspace__body--no-right{grid-template-columns:minmax(0,1fr)}.agent-workspace__panel{display:flex;flex-direction:column;min-height:0;background-color:var(--color-white, #ffffff);border:1px solid var(--card-default-color-border, #e4e4ee);border-radius:12px}.agent-workspace__panel--chat{background-color:var(--color-white, #ffffff)}.agent-workspace__ask-arbor{display:flex;flex:1;flex-direction:column;min-height:0;padding-top:20px}.agent-workspace__ask-arbor .chat-panel{flex:1;min-height:0;border:none;border-radius:0}.agent-workspace__ask-arbor .chat-panel__tabs{display:none}.agent-workspace__ask-arbor .chat-message-container--agent .chat-message-container__content{padding-bottom:52px}.agent-workspace__clarification{display:flex;flex-direction:column;gap:10px;margin:16px 16px 0;padding:12px 14px;background-color:var(--color-brand-050);border:1px solid var(--card-default-color-border, #e4e4ee);border-radius:12px}.agent-workspace__clarification-text{margin:0;font-size:14px;line-height:20px}.agent-workspace__clarification-dismiss{align-self:flex-start;padding:0;font:inherit;font-size:13px;color:var(--color-brand-800);cursor:pointer;background:none;border:none;text-decoration:underline}.agent-workspace__panel-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--card-default-color-border, #e4e4ee)}.agent-workspace__panel-count{margin-left:auto;font-weight:var(--font-weight-semi-bold, 600);color:var(--color-grey-600, #6b6b7b)}.agent-workspace__panel-body{flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.agent-workspace__panel-hint{margin:0 0 12px;font-size:13px;line-height:18px;color:var(--color-grey-600, #6b6b7b)}.agent-workspace__chat-scroll{flex:1;min-height:0;padding:20px;overflow-y:auto}.agent-workspace__messages{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}.agent-workspace__message{display:flex;gap:10px;max-width:82%}.agent-workspace__message--user{align-self:flex-end;flex-direction:row-reverse}.agent-workspace__message--system{align-self:center;max-width:100%}.agent-workspace__message-body{display:flex;flex-direction:column;gap:8px;min-width:0}.agent-workspace__bubble{padding:10px 14px;font-size:14px;line-height:20px;white-space:pre-wrap;background-color:var(--color-grey-100, #f0f0f3);border-radius:14px}.agent-workspace__message--agent .agent-workspace__bubble{background-color:var(--color-brand-050);border-bottom-left-radius:4px}.agent-workspace__message--user .agent-workspace__bubble{color:var(--color-white, #ffffff);background-color:var(--color-brand-600);border-bottom-right-radius:4px}.agent-workspace__message--system .agent-workspace__bubble{font-size:13px;color:var(--color-grey-600, #6b6b7b);background-color:var(--color-grey-100, #f0f0f3)}.agent-workspace__chips{display:flex;flex-wrap:wrap;gap:8px}.agent-workspace__chip{padding:6px 12px;font:inherit;font-size:13px;color:var(--color-brand-800);cursor:pointer;background-color:var(--color-white, #ffffff);border:1px solid var(--card-default-color-border, #e4e4ee);border-radius:999px;transition:background-color .15s ease,border-color .15s ease}.agent-workspace__chip:hover{background-color:var(--color-brand-050);border-color:var(--color-brand-600)}.agent-workspace__typing{display:inline-flex;gap:4px;align-items:center}.agent-workspace__typing span{width:6px;height:6px;background-color:var(--color-grey-600, #6b6b7b);border-radius:50%;animation:agent-workspace-typing 1.2s infinite ease-in-out}.agent-workspace__typing span:nth-child(2){animation-delay:.15s}.agent-workspace__typing span:nth-child(3){animation-delay:.3s}.agent-workspace__notice{display:flex;align-items:center;gap:8px;margin:0 16px 12px;padding:10px 14px;font-size:13px;color:var(--color-grey-600, #6b6b7b);background-color:var(--color-grey-050, #f7f7f8);border:1px solid var(--card-default-color-border, #e4e4ee);border-radius:12px}.agent-workspace__composer{display:flex;align-items:flex-end;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--card-default-color-border, #e4e4ee)}.agent-workspace__composer-input{flex:1;max-height:140px}.agent-workspace__file-input{display:none}.agent-workspace__resource-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.agent-workspace__resource-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--card-default-color-border, #e4e4ee);border-radius:12px;background:var(--color-white, #ffffff);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease}.agent-workspace__resource-card:hover,.agent-workspace__resource-card:focus-visible{border-color:var(--color-brand-600);box-shadow:0 1px 4px #00000014}.agent-workspace__resource-card:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}.agent-workspace__resource-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:8px;background:var(--color-brand-050)}.agent-workspace__resource-icon--link{background:var(--color-semantic-info-050)}.agent-workspace__resource-icon--file{background:var(--color-semantic-caution-050)}.agent-workspace__resource-icon--workflow{background:var(--color-semantic-warning-050)}.agent-workspace__resource-content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.agent-workspace__resource-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.agent-workspace__resource-name{font-size:14px;font-weight:600;line-height:20px;color:var(--color-grey-900, #1f1f2e);overflow-wrap:anywhere}.agent-workspace__resource-badge{flex:none;padding:2px 8px;border-radius:999px;background:var(--color-brand-050);color:var(--color-brand-800);font-size:11px;font-weight:600;line-height:16px;white-space:nowrap}.agent-workspace__resource-badge--link{background:var(--color-semantic-info-050);color:var(--color-semantic-info-700)}.agent-workspace__resource-badge--file{background:var(--color-semantic-caution-050);color:var(--color-semantic-caution-800)}.agent-workspace__resource-badge--workflow{background:var(--color-semantic-warning-050);color:var(--color-semantic-warning-700)}.agent-workspace__resource-description{font-size:12px;line-height:16px;color:var(--color-grey-600, #6b6b7b);overflow-wrap:anywhere}.agent-workspace__resource-open{flex:none;margin-top:2px}.agent-workspace__task-group{display:flex;flex-direction:column;gap:8px}.agent-workspace__task-group--following{margin-top:16px;padding-top:16px;border-top:1px solid var(--card-default-color-border, #e4e4ee)}.agent-workspace__task-group-label{margin:0;font-size:12px;font-weight:600;line-height:16px;letter-spacing:.02em;text-transform:uppercase;color:var(--color-grey-600, #6b6b7b)}.agent-workspace__task-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.agent-workspace__task-row{display:flex;align-items:flex-start;gap:8px}.agent-workspace__task-button{display:block;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.agent-workspace__task-button:focus-visible .agent-workspace__task-row{outline:2px solid var(--color-brand-600, #4f46e5);outline-offset:2px}.agent-workspace__task-button:hover .agent-workspace__task-row{background-color:var(--color-semantic-warning-100, #ffedd5)}.agent-workspace__task-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.agent-workspace__task-label{font-size:14px;line-height:20px;color:var(--color-grey-900, #1f1f2e)}.agent-workspace__task-description{font-size:12px;line-height:16px;color:var(--color-grey-600, #6b6b7b)}.agent-workspace__task--hitl .agent-workspace__task-row{padding:8px;background-color:var(--color-semantic-warning-050, #fff7ed);border-radius:8px}.agent-workspace__task--failed .agent-workspace__task-row{padding:8px;background-color:var(--color-semantic-destructive-050, #fef2f2);border-radius:8px}.agent-workspace__task-children{display:flex;flex-direction:column;gap:8px;margin:8px 0 0;padding:0 0 0 24px;list-style:none;border-left:2px solid var(--card-default-color-border, #e4e4ee)}.agent-workspace__task-child .agent-workspace__task-label{font-size:13px}.agent-workspace__task-icon--spinning{animation:agent-workspace-icon-spin 1s linear infinite}.agent-workspace__loading,.agent-workspace__empty,.agent-workspace__error{display:flex;gap:8px;align-items:center;margin:0;font-size:14px;color:var(--color-grey-600, #6b6b7b)}.agent-workspace__error{color:var(--color-semantic-destructive-600, #dc2626)}@media (width <= 900px){.agent-workspace__body{grid-template-columns:minmax(0,1fr)}.agent-workspace__panel--documents,.agent-workspace__panel--checklist{display:none}}@keyframes agent-workspace-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes agent-workspace-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.new-agent{--page-heading-spacing-gap: 0px;width:min(600px,100%);min-width:unset;max-height:calc(100vh - var(--spacing-medium));overflow:hidden;font-family:var(--font-family-standard),sans-serif;color:var(--color-grey-900, #1f1f2e)}.new-agent__header{gap:var(--spacing-large)}.new-agent__header-title{display:flex;align-items:center;gap:var(--spacing-medium);min-width:0;flex:1}.new-agent__header-title .ds-modal__title{font-size:var(--type-headings-h3-size, 18px);font-weight:var(--type-headings-h3-weight, 600);line-height:var(--type-headings-h3-line-height, 24px)}.new-agent__header-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;color:var(--color-brand-600);background-color:var(--color-brand-050);border-radius:50%}.new-agent__body{display:flex;flex-direction:column;gap:var(--spacing-large)}.new-agent__type-field{display:flex;flex-direction:column;gap:var(--spacing-small)}.new-agent__type-label{font-size:12px;font-weight:var(--font-weight-semi-bold, 600);color:var(--color-grey-600, #6b6b7b)}.new-agent__type-description{margin:var(--spacing-xsmall) 0 0;font-size:13px;line-height:18px;color:var(--color-grey-600, #6b6b7b)}.new-agent__form{display:flex;flex-direction:column;gap:var(--spacing-large)}.new-agent__actions{display:flex;justify-content:flex-end}.new-agent__error{margin:0;font-size:13px;line-height:18px;color:var(--color-danger-600, #c62828)}.agent-view{--agent-view-column-gap: 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--agent-view-column-gap);padding:20px;width:100%;box-sizing:border-box}.agent-view__header{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:16px}.agent-view__filters{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:16px}.agent-view__filter{display:flex;flex-direction:column;gap:4px;min-width:220px;max-width:280px;flex:1}.agent-view__filter-label{font-family:var(--font-family-standard),sans-serif;font-size:14px;font-weight:var(--font-weight-semi-bold);line-height:20px;color:var(--color-grey-700)}.agent-view__board{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--agent-view-column-gap);align-items:stretch;width:100%;min-height:600px;padding-top:16px;border-radius:0;background-color:var(--color-grey-050)}.agent-view__split-column{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-height:0}.agent-view__column{display:flex;flex-direction:column;min-height:0;padding:12px;border:1px solid var(--card-default-color-border);border-radius:8px;background-color:var(--card-default-color-background)}.agent-view__column--split{min-height:0;overflow:hidden}.agent-view__column-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.agent-view__column-count{margin-left:auto;font-family:var(--font-family-standard),sans-serif;font-weight:var(--font-weight-semi-bold);color:var(--color-grey-600)}.agent-view__card-list{list-style:none;margin:0;padding:0;display:flex;flex:1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.agent-view__card{list-style:none}.agent-view__card .ds-card__container{box-shadow:0 4px 12px #20202014}.agent-view__card--expanded .ds-card__container{border-color:var(--card-default-color-border)}.agent-view__card-toggle{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.agent-view__card-content{display:flex;align-items:center;gap:8px;min-height:40px}.agent-view__card-chevron{margin-left:auto;flex-shrink:0;color:var(--color-grey-600)}.agent-view__card-invocation-name{font-family:var(--type-headings-h4-family),sans-serif;font-size:var(--type-headings-h4-size);font-weight:var(--type-headings-h4-weight);line-height:var(--type-headings-h4-line-height);color:var(--color-grey-900)}.agent-view__card-agent-name{flex-shrink:0;padding:2px 10px;border-radius:999px;background:var(--color-grey-100);color:var(--color-grey-700);font-size:12px;font-weight:var(--font-weight-semi-bold, 600);line-height:16px;white-space:nowrap}.agent-view__card-progress{margin-top:12px;padding-top:12px;border-top:1px solid var(--card-default-color-border)}.agent-view__card-actions{display:flex;justify-content:flex-end;margin-top:12px}.agent-view__progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.agent-view__progress-item{display:flex;align-items:flex-start;gap:8px;font-family:var(--font-family-standard),sans-serif;font-size:14px;line-height:20px}.agent-view__progress-item--complete{color:var(--color-semantic-success-600)}.agent-view__progress-item--failed{color:var(--color-semantic-destructive-600)}.agent-view__progress-item--hitl{padding:8px;border-radius:6px;background-color:var(--color-semantic-warning-050);color:var(--color-semantic-warning-600)}.agent-view__progress-item--generating-a-response{color:var(--color-brand-600)}.agent-view__progress-item-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.agent-view__progress-label{color:var(--color-grey-900)}.agent-view__progress-description{color:var(--color-grey-600);font-size:12px;line-height:16px}.agent-view__progress-empty,.agent-view__progress-error{margin:0;font-family:var(--font-family-standard),sans-serif;font-size:14px;line-height:20px;color:var(--color-grey-600)}.agent-view__progress-error{color:var(--color-semantic-destructive-600)}.agent-view__progress-loading{display:flex;align-items:center;gap:8px;font-family:var(--font-family-standard),sans-serif;font-size:14px;line-height:20px;color:var(--color-grey-600)}.agent-view__progress-icon--spinning{animation:agent-view-icon-spin 1s linear infinite}.agent-view__status-indicator,.agent-view__dot{display:inline-flex;line-height:0}.agent-view__dot--grey-dark .ds-dot{background-color:var(--color-grey-600)}.agent-view__state{display:flex;grid-column:1/-1;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-medium, 12px);width:100%;min-height:240px;padding:var(--spacing-xxlarge, 32px);box-sizing:border-box;border:1px solid var(--card-default-color-border);border-radius:8px;background-color:var(--card-default-color-background);text-align:center}.agent-view__state-message{margin:0;font-family:var(--font-family-standard),sans-serif;font-size:var(--font-size-3-14, 14px);line-height:20px;color:var(--color-grey-700)}.agent-view__state--error .agent-view__state-message{color:var(--color-semantic-destructive-600)}.agent-view__empty{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-xxlarge, 32px);justify-self:center;align-items:center;width:100%;max-width:1100px;min-height:0;padding:var(--spacing-xxlarge, 32px);box-sizing:border-box;border:1px solid var(--card-default-color-border);border-radius:8px;background-color:var(--card-default-color-background)}.agent-view__empty-content{display:flex;flex-direction:column;gap:var(--spacing-large, 16px);width:100%}.agent-view__empty-content .ds-heading{justify-content:flex-start}.agent-view__empty-lead,.agent-view__empty-hint{margin:0;font-family:var(--font-family-standard),sans-serif;font-size:var(--font-size-3-14, 14px);font-weight:var(--font-weight-regular);line-height:20px;color:var(--color-grey-700)}.agent-view__empty-hint strong{font-weight:var(--font-weight-semi-bold);color:var(--color-grey-900)}.agent-view__empty-columns{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-medium, 12px)}.agent-view__empty-column{display:flex;align-items:flex-start;gap:var(--spacing-small, 8px)}.agent-view__empty-column-indicator{display:inline-flex;flex-shrink:0;line-height:0;padding-top:2px}.agent-view__empty-column-text{display:flex;flex-direction:column;gap:2px}.agent-view__empty-column-title{font-family:var(--type-headings-h4-family),sans-serif;font-size:var(--type-headings-h4-size);font-weight:var(--type-headings-h4-weight);line-height:var(--type-headings-h4-line-height);color:var(--color-grey-900)}.agent-view__empty-column-description{font-family:var(--font-family-standard),sans-serif;font-size:var(--font-size-3-14, 14px);font-weight:var(--font-weight-regular);line-height:20px;color:var(--color-grey-600)}.agent-view__empty-visual{display:flex;justify-content:center;align-items:center}.agent-view__empty-illustration{width:100%;max-width:360px;height:auto}@media (width <= 600px){.agent-view__empty{grid-template-columns:1fr}.agent-view__empty-visual{order:-1}}@keyframes agent-view-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/package.json

@@ -0,0 +1,85 @@
+{
+    "name": "@arbor-education/agent-view-frontend",
+    "version": "0.2.1",
+    "description": "Kanban-style agent status board for Arbor AI agents",
+    "author": "Rick Bairstow <rick.bairstow@arbor-education.com>",
+    "license": "UNLICENSED",
+    "bugs": {
+        "url": "https://github.com/arbor-education/ai.agent-view-frontend/issues"
+    },
+    "homepage": "https://github.com/arbor-education/ai.agent-view-frontend#readme",
+    "main": "./dist/index.cjs",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js",
+            "require": "./dist/index.cjs"
+        },
+        "./style.css": "./dist/style.css"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "prepare": "yarn build",
+        "build": "vite build",
+        "dev": "vite --config vite.demo.config.ts",
+        "demo": "vite --config vite.demo.config.ts",
+        "test": "vitest run",
+        "test:watch": "vitest",
+        "check-types": "tsc --noEmit -p tsconfig.json",
+        "typecheck": "yarn check-types",
+        "lint": "eslint .",
+        "lint:fix": "eslint . --fix",
+        "style-lint": "stylelint \"src/**/*.scss\" \"demo/**/*.scss\"",
+        "mock-server": "tsx mock-server/src/index.ts",
+        "demo:with-mock": "bash scripts/demo-with-mock.sh",
+        "changeset": "changeset",
+        "changeset:add": "changeset add",
+        "changeset:version": "changeset version"
+    },
+    "peerDependencies": {
+        "@arbor-education/ask-arbor-chat-panel": ">=1.1.2",
+        "@arbor-education/design-system.components": ">=0.25.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+    },
+    "dependencies": {
+        "classnames": "^2.2.5"
+    },
+    "devDependencies": {
+        "@arbor-education/ask-arbor-chat-panel": "1.1.2",
+        "@arbor-education/design-system.components": "^0.25.5",
+        "@changesets/changelog-github": "^0.5.2",
+        "@changesets/cli": "^2.29.8",
+        "@eslint/js": "^9.33.0",
+        "@hono/node-server": "^2.0.8",
+        "@stylistic/eslint-plugin": "^5.4.0",
+        "@testing-library/dom": "^10.4.1",
+        "@testing-library/jest-dom": "^6.0.0",
+        "@testing-library/react": "^16.0.0",
+        "@types/node": "^26.1.0",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0",
+        "@vitejs/plugin-react": "^4.0.0",
+        "eslint": "^9.33.0",
+        "eslint-plugin-react": "^7.37.5",
+        "eslint-plugin-react-hooks": "^5.2.0",
+        "globals": "^16.3.0",
+        "hono": "^4.12.27",
+        "jsdom": "^25.0.0",
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0",
+        "sass": "^1.80.0",
+        "stylelint": "^16.25.0",
+        "stylelint-config-standard-scss": "^16.0.0",
+        "tsx": "^4.22.5",
+        "typescript": "^5.7.0",
+        "typescript-eslint": "^8.40.0",
+        "vite": "^5.0.0",
+        "vite-plugin-dts": "^4.0.0",
+        "vitest": "^2.0.0"
+    }
+}