@flowfuse/flowfuse
Version:
An open source low-code development platform
36 lines (34 loc) • 31.9 kB
CSS
.capabilities-selector .ff-listbox{min-width:auto}.capabilities-selector .ff-listbox .ff-options{max-width:320px}.capabilities-selector .ff-listbox button.ff-button{border:1px solid var(--ff-color-accent-light);border-radius:5px;padding:.25rem .5rem;background:var(--ff-color-bg-app);color:var(--ff-color-text);font-size:.875rem}.capabilities-selector .ff-listbox button.ff-button .icon svg{color:inherit;width:1.25rem;height:1.25rem}.capabilities-selector .ff-listbox button.ff-button:hover:not(:disabled){background-color:var(--ff-color-bg-surface)}.capabilities-selector .ff-listbox button.ff-button:focus,.capabilities-selector .ff-listbox button.ff-button.active{outline:none}.capabilities-selector .ff-listbox button.ff-button:disabled{opacity:.5;cursor:not-allowed}.capabilities-selector .ff-listbox[data-headlessui-state=open] button.ff-button,.capabilities-selector .ff-listbox[data-headlessui-state=open] button.ff-button:hover{background:var(--ff-color-accent);border-color:var(--ff-color-accent);color:var(--ff-color-text-on-brand)}.capabilities-selector .ff-listbox[data-headlessui-state=open] button.ff-button .icon svg,.capabilities-selector .ff-listbox[data-headlessui-state=open] button.ff-button:hover .icon svg{color:var(--ff-color-text-on-brand)}.tool-count-badge{background-color:var(--ff-color-accent-surface);color:var(--ff-color-accent-hover);font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px;min-width:1.5rem;text-align:center;flex-shrink:0}
.tool-permissions[data-v-28f8ca3c]{display:flex;flex-direction:column;gap:1.75rem;width:100%;margin-top:.75rem}.tool-permissions__section[data-v-28f8ca3c]{display:flex;flex-direction:column;gap:.75rem}.tool-permissions__group-title[data-v-28f8ca3c]{margin:0;padding-bottom:.25rem;border-bottom:1px solid var(--ff-color-border);font-size:.9375rem;font-weight:600;color:var(--ff-color-text)}.tool-permissions__block[data-v-28f8ca3c]{display:flex;flex-direction:column;gap:.375rem}.tool-permissions__subtitle[data-v-28f8ca3c]{margin:0;font-size:.8125rem;font-weight:600;color:var(--ff-color-text)}.tool-permissions__intro[data-v-28f8ca3c]{margin:0;font-size:.8125rem;color:var(--ff-color-text-subtle)}.tool-permissions__cell[data-v-28f8ca3c]{display:flex;flex-direction:column;gap:1px}.tool-permissions__title[data-v-28f8ca3c]{font-weight:500;color:var(--ff-color-text)}.tool-permissions__hint[data-v-28f8ca3c]{font-size:.75rem;color:var(--ff-color-text-subtle)}.tool-permissions__hint.is-requires-update[data-v-28f8ca3c]{color:var(--ff-color-status-info-text)}.tool-permissions__hint.is-deprecated[data-v-28f8ca3c]{color:var(--ff-color-status-error-text)}.tool-permissions__type[data-v-28f8ca3c]{color:var(--ff-color-text-subtle)}.tool-permissions__static[data-v-28f8ca3c]{font-size:.8125rem;color:var(--ff-color-text-subtle)}.tool-permissions__session[data-v-28f8ca3c]{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:.75rem;color:var(--ff-color-status-info-text)}.tool-permissions__notice[data-v-28f8ca3c],.tool-permissions__empty[data-v-28f8ca3c]{margin:0;font-size:.8125rem;color:var(--ff-color-text-subtle)}[data-v-28f8ca3c] .permission-col{width:1px;white-space:nowrap;text-align:right}.tool-permissions__toggle[data-v-28f8ca3c]{display:inline-flex}.tool-permissions__default-control[data-v-28f8ca3c]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.tool-permissions__count[data-v-28f8ca3c]{font-size:.75rem;color:var(--ff-color-text-subtle)}
.tool-permissions__toggle .ff-btn{min-width:6.5rem}.tool-permissions .tool-col{width:100%}
.chip[data-v-acc71ca6]{border:1px solid var(--ff-color-border);border-radius:5px;background:var(--ff-color-bg-surface);display:flex;gap:5px;align-items:center;cursor:pointer;transition:.3s ease-in-out;white-space:nowrap}.chip.disabled[data-v-acc71ca6]{opacity:.5;cursor:not-allowed}.chip.active[data-v-acc71ca6]{background:var(--ff-color-accent-surface);border:1px solid var(--ff-color-accent-light)}.chip.active .separator[data-v-acc71ca6]{background:var(--ff-color-chip-default-bg)}.chip .icon-wrapper[data-v-acc71ca6]{display:flex;align-items:center;margin-right:5px}.chip .separator[data-v-acc71ca6]{width:1px;align-self:stretch;background:var(--ff-color-status-warning-bg)}.chip .text[data-v-acc71ca6]{padding:.25rem .5rem .25rem .25rem;align-items:center;font-size:.85rem;display:flex;gap:2px}
.flow-selection-button .text .counter{color:var(--ff-color-text-subtle);margin-left:4px;font-size:.75rem}
.flow-selection-button .text .counter{color:var(--ff-color-text-subtle);margin-left:4px;font-size:.75rem}
.context-selector .ff-listbox{min-width:auto}.context-selector .ff-listbox .ff-options{max-width:320px}.context-selector .ff-listbox button.ff-button{border:1px solid var(--ff-color-accent-light);border-radius:5px;padding:.25rem .5rem;background:var(--ff-color-bg-app);color:var(--ff-color-text);font-size:.875rem}.context-selector .ff-listbox button.ff-button .icon svg{color:inherit;width:1.25rem;height:1.25rem}.context-selector .ff-listbox button.ff-button:hover:not(:disabled){background-color:var(--ff-color-bg-surface)}.context-selector .ff-listbox button.ff-button:focus:not(:disabled){outline:none;background-color:var(--ff-color-accent-surface);color:var(--ff-color-accent-hover)}.context-selector .ff-listbox button.ff-button:disabled{opacity:.5;cursor:not-allowed}.context-selector .ff-listbox[data-headlessui-state=open] button.ff-button,.context-selector .ff-listbox[data-headlessui-state=open] button.ff-button:hover{background:var(--ff-color-accent);border-color:var(--ff-color-accent);color:var(--ff-color-text-on-brand)}.context-selector .ff-listbox[data-headlessui-state=open] button.ff-button .icon svg,.context-selector .ff-listbox[data-headlessui-state=open] button.ff-button:hover .icon svg{color:var(--ff-color-text-on-brand)}.context-selector.active .relative button{background-color:var(--ff-color-accent-surface)}
.context-selector-container[data-v-104983ce]{display:flex;justify-content:flex-start;overflow:auto;flex:1}.context-selector-container .chips-container[data-v-104983ce]{flex:1;overflow-x:auto;scrollbar-width:none;display:flex;gap:.5rem}
.ff-expert-input[data-v-454b0274]{display:flex;flex-direction:column;gap:0;padding:1rem;border-top:1px solid var(--ff-color-border);background:var(--ff-color-bg-app);flex-shrink:0;position:relative;min-height:180px;max-height:40vh}.action-buttons[data-v-454b0274]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.right-buttons[data-v-454b0274]{display:flex;gap:.5rem;align-items:center}.plan-mode-chip[data-v-454b0274] .separator,.plan-mode-chip.active[data-v-454b0274] .separator{background:var(--ff-color-border)}.plan-mode-chip[data-v-454b0274] .text{padding-left:.5rem;padding-right:calc(.5rem - 5px)}.plan-mode-chip[data-v-454b0274] .ff-toggle-switch{pointer-events:none;flex-shrink:0}button[data-v-454b0274]{padding:.5rem .75rem;border-radius:9999px;font-size:.875rem;cursor:pointer;transition:colors .2s ease;border:1px solid rgba(0,0,0,0)}button[data-v-454b0274]:disabled{opacity:.5;cursor:not-allowed}.btn-start-over[data-v-454b0274]{background-color:var(--ff-color-bg-app);color:inherit;border-color:var(--ff-color-accent-light);padding:.25rem .5rem;border-radius:5px}.btn-start-over[data-v-454b0274]:hover:not(:disabled){background-color:var(--ff-color-bg-surface)}.btn-send[data-v-454b0274]{background-color:var(--ff-color-accent);color:var(--ff-color-text-on-brand);border-color:var(--ff-color-accent);border-radius:5px;padding:.25rem .5rem}.btn-send[data-v-454b0274]:hover:not(:disabled){background-color:var(--ff-color-accent-hover-bg)}.btn-stop[data-v-454b0274]{background-color:var(--ff-color-bg-app);color:inherit;border-color:var(--ff-color-accent-light);display:flex;align-items:center;gap:.5rem;border-radius:5px;padding:.25rem .5rem}.btn-stop[data-v-454b0274]::before{content:"";width:.75rem;height:.75rem;background-color:var(--ff-color-surface-dark);border-radius:.125rem}.btn-stop[data-v-454b0274]:hover{background-color:var(--ff-color-bg-surface)}.btn-settings[data-v-454b0274]{display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:5px;background-color:rgba(0,0,0,0);color:var(--ff-color-text-subtle)}.btn-settings[data-v-454b0274]:hover:not(:disabled){background-color:var(--ff-color-bg-surface);color:var(--ff-color-text-strong)}.btn-settings__icon[data-v-454b0274]{width:1.25rem;height:1.25rem}.input-wrapper[data-v-454b0274]{flex:1;display:flex;flex-direction:column;min-height:0;border:2px solid var(--ff-color-border-strong);border-radius:.5rem;transition:border-color .2s ease}.input-wrapper.focused[data-v-454b0274]{border-color:var(--ff-color-focus)}.input-wrapper .chat-input[data-v-454b0274]{field-sizing:content;flex:1 1 auto;min-height:0;width:100%;padding:1rem;box-sizing:border-box;overflow-y:auto;border:none;outline:none;font-size:.875rem;line-height:1.5;color:var(--ff-color-text-strong);resize:none;font-family:inherit;background:var(--ff-color-bg-app)}.input-wrapper .chat-input[data-v-454b0274]:focus{outline:none}.input-wrapper .chat-input[data-v-454b0274]:disabled{cursor:not-allowed;background-color:var(--ff-color-bg-surface);color:var(--ff-color-text-subtle)}.input-wrapper .chat-input[data-v-454b0274]::placeholder{color:var(--ff-color-text-subtle)}.input-wrapper .actions[data-v-454b0274]{padding:.5rem;display:flex;justify-content:space-between;gap:.75rem}.input-wrapper .actions .right[data-v-454b0274]{display:flex;justify-content:flex-end}
.expert-settings{display:flex;flex-direction:column;gap:1.5rem;min-width:18rem}.expert-settings__group{display:flex;flex-direction:column;gap:.5rem}
.ff-expert-loading[data-v-987264e4]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem}.loading-dots[data-v-987264e4]{display:flex;gap:.5rem;align-items:center}.loading-dot[data-v-987264e4]{width:6px;height:6px;border-radius:50%;background-color:var(--ff-color-focus);animation:bounce-dot-987264e4 1.4s infinite ease-in-out both}.loading-dot[data-v-987264e4]:nth-child(1){animation-delay:-0.32s}.loading-dot[data-v-987264e4]:nth-child(2){animation-delay:-0.16s}@keyframes bounce-dot-987264e4{0%,80%,100%{transform:scale(0.7);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-message[data-v-987264e4]{font-size:.875rem;color:var(--ff-color-text-deep);font-style:italic;animation:fade-in-987264e4 .3s ease-in}@keyframes fade-in-987264e4{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.section-title[data-v-7d8bb1a7]{font-size:1rem;font-weight:500;color:var(--ff-color-text-strong)}.guide-badge[data-v-7d8bb1a7]{display:inline-flex;align-self:flex-start}.guide-badge span[data-v-7d8bb1a7]{display:inline-block;padding:.25rem .75rem;background-color:var(--ff-color-accent-surface);color:var(--ff-color-accent-hover);font-size:.875rem;border-radius:5px}
.streamable-content[data-v-23764d4f] h1{font-size:1.125rem;font-weight:600;line-height:1.4;margin:.75rem 0 .25rem}.streamable-content[data-v-23764d4f] h2{font-size:1.0625rem;font-weight:600;line-height:1.4;margin:.625rem 0 .25rem}.streamable-content[data-v-23764d4f] h3{font-size:1rem;font-weight:600;line-height:1.4;margin:.5rem 0 .125rem}.streamable-content[data-v-23764d4f] h4,.streamable-content[data-v-23764d4f] h5,.streamable-content[data-v-23764d4f] h6{font-size:.9375rem;font-weight:600;line-height:1.4;margin:.375rem 0 .125rem}.streamable-content[data-v-23764d4f] .ff-checkbox{margin-right:.25rem;color:var(--ff-color-text-subtle)}.streamable-content[data-v-23764d4f] .ff-checkbox--checked{color:var(--ff-color-accent)}.streamable-content[data-v-23764d4f] h1:first-child,.streamable-content[data-v-23764d4f] h2:first-child,.streamable-content[data-v-23764d4f] h3:first-child{margin-top:0}.streamable-content[data-v-23764d4f] ul{padding:revert}.streamable-content[data-v-23764d4f] ul li{list-style:initial}.streamable-content[data-v-23764d4f] ol{padding:revert}.streamable-content[data-v-23764d4f] ol li{list-style:decimal}.streamable-content[data-v-23764d4f] blockquote{margin:.5rem 0;padding:.25rem .75rem;border-left:3px solid var(--ff-color-accent);color:var(--ff-color-text-subtle)}.streamable-content[data-v-23764d4f] .ff-task-list{padding-left:0}.streamable-content[data-v-23764d4f] .ff-task-list li{list-style:none;display:flex;align-items:baseline;gap:.25rem}.streamable-content[data-v-23764d4f] .ff-code-block{margin:.75rem 0;border:1px solid var(--ff-color-border);border-radius:.5rem;overflow:hidden;font-size:.8125rem}.streamable-content[data-v-23764d4f] .ff-code-block pre{margin:0;padding:1rem;overflow-x:auto;background:var(--ff-color-bg-surface);border-radius:0;white-space:pre;overflow-wrap:normal;word-break:normal}.streamable-content[data-v-23764d4f] .ff-code-block pre code{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;background:rgba(0,0,0,0);border:none;padding:0;white-space:pre;word-break:normal}.streamable-content[data-v-23764d4f] .ff-code-block--header{display:flex;align-items:center;justify-content:space-between;padding:.3rem 1rem;background:var(--ff-color-bg-surface-raised);border-bottom:1px solid var(--ff-color-border);min-height:2rem}.streamable-content[data-v-23764d4f] .ff-code-block--lang{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:.6875rem;color:var(--ff-color-text-subtle);text-transform:lowercase}.streamable-content[data-v-23764d4f] .ff-code-block--copy{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:rgba(0,0,0,0);border:none;border-radius:4px;cursor:pointer;color:var(--ff-color-accent-text);transition:all .2s ease}.streamable-content[data-v-23764d4f] .ff-code-block--copy svg{width:1.5rem;height:1.5rem;pointer-events:none}.streamable-content[data-v-23764d4f] .ff-code-block--copy:hover{color:var(--ff-color-text-on-brand);background-color:var(--ff-color-accent)}.streamable-content[data-v-23764d4f] code{padding:0;border:none;border-radius:0}.streamable-content[data-v-23764d4f] .ff-table-block{margin:.75rem 0;border:1px solid var(--ff-color-border);border-radius:.5rem;overflow:hidden}.streamable-content[data-v-23764d4f] .ff-table-block--header{display:flex;align-items:center;justify-content:flex-start;padding:.3rem 1rem;background:var(--ff-color-bg-surface-raised);border-bottom:1px solid var(--ff-color-border);min-height:2rem}.streamable-content[data-v-23764d4f] .ff-table-block--copy{display:inline-flex;align-items:center;justify-content:center;padding:4px;background:rgba(0,0,0,0);border:none;border-radius:4px;cursor:pointer;color:var(--ff-color-accent-text);transition:all .2s ease}.streamable-content[data-v-23764d4f] .ff-table-block--copy svg{width:1.5rem;height:1.5rem;pointer-events:none}.streamable-content[data-v-23764d4f] .ff-table-block--copy:hover{color:var(--ff-color-text-on-brand);background-color:var(--ff-color-accent)}.streamable-content[data-v-23764d4f] table{width:100%;border-collapse:collapse;font-size:.8125rem}.streamable-content[data-v-23764d4f] table th{text-align:left;font-weight:600;background:var(--ff-color-bg-surface)}.streamable-content[data-v-23764d4f] table td,.streamable-content[data-v-23764d4f] table th{padding:.375rem .75rem;border:1px solid var(--ff-color-border)}.streamable-content[data-v-23764d4f] table tbody tr:hover{background:var(--ff-color-bg-surface)}
.guide-header .guide-title[data-v-7fe35b3c]{font-size:1.125rem;font-weight:600;color:var(--ff-color-text-strong);margin:0 0 .5rem 0}.guide-header .guide-summary[data-v-7fe35b3c]{color:var(--ff-color-text-muted);margin:0 0 1rem 0;line-height:1.625}
.message-bubble[data-v-7b24ae0c]{padding:.5rem 1rem;word-wrap:break-word;overflow-wrap:break-word;border-radius:.5rem}.message-bubble.ai-message[data-v-7b24ae0c]{justify-content:flex-start;background-color:var(--ff-color-bg-surface-raised);color:var(--ff-color-text);border-bottom-left-radius:.125rem}.message-bubble.message-bubble--bare[data-v-7b24ae0c]{padding:0}.message-bubble.message-bubble--bare.ai-message[data-v-7b24ae0c]{background-color:rgba(0,0,0,0)}.message-bubble.human-message[data-v-7b24ae0c]{background-color:var(--ff-color-accent);color:var(--ff-color-text-on-brand);border-bottom-right-radius:.125rem;width:fit-content;align-self:end}.message-bubble.system-message[data-v-7b24ae0c]{justify-content:center;font-size:.875rem;line-height:1.5}.message-bubble.system-message.system-warning[data-v-7b24ae0c]{background-color:var(--ff-color-status-warning-bg);color:var(--ff-color-status-warning-text);border-radius:.5rem;text-align:left;max-width:100%;width:100%}.message-bubble.system-message.system-expired[data-v-7b24ae0c]{background-color:var(--ff-color-status-error-bg);color:var(--ff-color-danger-darker)}
.section-title[data-v-67b38b2a]{font-size:1rem;font-weight:500;color:var(--ff-color-text-strong);margin:0 0 .75rem 0}.guide-flows .resources-grid[data-v-67b38b2a]{display:flex;flex-direction:column;gap:.5rem}
.section-title[data-v-d910bc14]{font-size:1rem;font-weight:500;color:var(--ff-color-text-strong);margin:0 0 .75rem 0}.guide-steps[data-v-d910bc14]{margin-bottom:1rem}.guide-steps .steps-list[data-v-d910bc14]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.guide-steps .step-item[data-v-d910bc14]{display:flex;align-items:flex-start}.guide-steps .step-number[data-v-d910bc14]{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--ff-color-accent);color:var(--ff-color-text-on-brand);font-size:.875rem;border-radius:50%;margin-right:.75rem;margin-top:.125rem}.guide-steps .step-content[data-v-d910bc14]{flex:1}.guide-steps .step-content .step-title[data-v-d910bc14]{font-size:1rem;font-weight:500;color:var(--ff-color-text-strong);margin:0 0 .25rem 0}.guide-steps .step-content .step-detail[data-v-d910bc14]{font-size:.875rem;color:var(--ff-color-text-deep);margin:.25rem 0 0 0;line-height:1.5}
.issues[data-v-95f9e4ca]{margin-top:1.25rem}.issues h4[data-v-95f9e4ca]{font-weight:bold;display:flex;align-items:center;gap:5px;color:var(--ff-color-text-deep)}.issues h4 .ff-icon[data-v-95f9e4ca]{color:var(--ff-color-text-subtle)}.issues ul[data-v-95f9e4ca]{list-style:disc;padding-left:1.4rem}.issues ul li[data-v-95f9e4ca]{margin-top:.5rem}
.package-card[data-v-2c4e6fb7]{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background-color:var(--ff-color-bg-app);border:1px solid var(--ff-color-border);border-radius:.5rem;text-decoration:none;color:var(--ff-color-text-strong);transition:all .2s ease}.package-card[data-v-2c4e6fb7]:hover{border-color:var(--ff-color-accent-light);background-color:var(--ff-color-bg-surface)}.package-favicon[data-v-2c4e6fb7]{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem;vertical-align:middle;margin-right:.5rem}.package-info[data-v-2c4e6fb7]{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.package-text[data-v-2c4e6fb7]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.package-actions[data-v-2c4e6fb7]{flex-shrink:0}.package-name[data-v-2c4e6fb7]{font-size:.875rem;font-weight:500;font-family:monospace;color:var(--ff-color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-name[data-v-2c4e6fb7] .streamable-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.package-url[data-v-2c4e6fb7]{font-size:.75rem;color:var(--ff-color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.package-url[data-v-2c4e6fb7] .streamable-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-title[data-v-3402c91e]{font-size:1rem;font-weight:500;color:var(--ff-color-text-strong);margin:0 0 .75rem 0}.guide-packages .packages-list[data-v-3402c91e]{display:flex;flex-direction:column;gap:.5rem}
.expert-plan[data-v-5d8e5c3e]{display:flex;flex-direction:column;gap:.75rem}.plan-actions[data-v-5d8e5c3e]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.expert-questions[data-v-23c39037]{display:flex;flex-direction:column;gap:1rem}.question-block[data-v-23c39037]{display:flex;flex-direction:column;gap:.5rem}.question-head[data-v-23c39037]{display:flex;flex-direction:column;gap:.25rem}.question-title[data-v-23c39037]{font-size:1rem;font-weight:500;color:var(--ff-color-text-strong);margin:0}.question-hint[data-v-23c39037]{font-size:.75rem;font-style:italic;color:var(--ff-color-text-subtle)}.options-multi[data-v-23c39037]{display:flex;flex-direction:column;gap:.5rem}.option-label[data-v-23c39037]{display:block}.option-description[data-v-23c39037]{display:block;margin-top:2px;font-weight:400;font-size:.8125rem;line-height:1.4;color:var(--ff-color-text-subtle)}.questions-actions[data-v-23c39037]{display:flex;align-items:center;gap:8px}
.resource-card[data-v-364eb5fe]{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background-color:var(--ff-color-bg-app);border:1px solid var(--ff-color-border);border-radius:.5rem;text-decoration:none;color:var(--ff-color-text-strong);transition:all .2s ease}.resource-card[data-v-364eb5fe]:hover{border-color:var(--ff-color-accent-light);background-color:var(--ff-color-bg-surface)}.resource-icon[data-v-364eb5fe]{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem;object-fit:contain}.resource-info[data-v-364eb5fe]{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.resource-title[data-v-364eb5fe]{font-size:.875rem;font-weight:500;color:var(--ff-color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-title[data-v-364eb5fe] .streamable-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-url[data-v-364eb5fe]{font-size:.75rem;color:var(--ff-color-text-subtle);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-url[data-v-364eb5fe] .streamable-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.section-title[data-v-e0cd57b2]{font-size:1rem;font-weight:500;color:var(--ff-color-text-strong);margin:0 0 .75rem 0}.guide-resources .resources-grid[data-v-e0cd57b2]{display:flex;flex-direction:column;gap:.5rem}
.suggestions[data-v-be07e6bc]{margin-top:1.25rem}.suggestions h4[data-v-be07e6bc]{font-weight:bold;display:flex;align-items:center;gap:5px;color:var(--ff-color-text-deep)}.suggestions h4 .ff-icon[data-v-be07e6bc]{color:var(--ff-color-text-subtle)}.suggestions ul[data-v-be07e6bc]{list-style:disc;padding-left:1.4rem}.suggestions ul li[data-v-be07e6bc]{margin-top:.5rem}
.json-viewer[data-v-a1ea4632]{border:1px solid var(--ff-color-border);border-radius:4px;overflow:hidden;background:var(--ff-color-bg-surface)}.json-viewer__header[data-v-a1ea4632]{display:flex;align-items:center;gap:8px;padding:2px 8px;background:var(--ff-color-bg-emphasis);border-bottom:1px solid var(--ff-color-border)}.json-viewer__label[data-v-a1ea4632]{font-size:.75rem;font-weight:600;color:var(--ff-color-text-subtle)}.json-viewer__collapse-toggle[data-v-a1ea4632]{font-weight:600;color:var(--ff-color-text-subtle)}.json-viewer__caret[data-v-a1ea4632]{width:1rem;height:1rem;transition:transform .2s ease}.json-viewer__caret--open[data-v-a1ea4632]{transform:rotate(90deg)}.json-viewer__wrap-toggle[data-v-a1ea4632]{margin-left:auto}.json-viewer__scroll[data-v-a1ea4632]{overflow-x:auto}.json-viewer__content[data-v-a1ea4632]{margin:0;padding:8px;font-family:monospace;font-size:.8125rem;white-space:pre}.json-viewer__scroll--wrap .json-viewer__content[data-v-a1ea4632]{white-space:pre-wrap;word-break:break-all}
.expert-tool-approval[data-v-3f963486]{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--ff-color-border);border-radius:6px;background:var(--ff-color-bg-surface);max-width:90%}.tool-approval-header[data-v-3f963486]{display:flex;align-items:center;gap:8px}.tool-approval-name[data-v-3f963486]{font-weight:600}.tool-approval-tag[data-v-3f963486]{font-size:.75rem;padding:1px 6px;border-radius:4px}.tool-approval-tag.tag-read[data-v-3f963486]{background:var(--ff-color-bg-emphasis);color:var(--ff-color-text-subtle)}.tool-approval-tag.tag-write[data-v-3f963486]{background:var(--ff-color-status-info-bg);color:var(--ff-color-status-info-text)}.tool-approval-tag.tag-delete[data-v-3f963486]{background:var(--ff-color-status-error-bg);color:var(--ff-color-status-error-text)}.tool-approval-actions[data-v-3f963486]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tool-approval-outcome[data-v-3f963486]{margin:0;font-weight:600;color:var(--ff-color-text-subtle)}
.ff-expert-tool-call--item[data-v-3f837657]{display:flex;flex-direction:column;gap:.25rem}.ff-expert-tool-call--title[data-v-3f837657]{font-size:.875rem;font-weight:600;color:var(--ff-color-text)}.ff-expert-tool-call--name[data-v-3f837657]{display:flex;align-items:center;justify-content:space-between;gap:.375rem;font-size:.75rem;color:var(--ff-color-text-subtle);font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}.ff-expert-tool-call--badge[data-v-3f837657]{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.125rem;padding:0 .25rem;font-size:.5625rem;font-weight:700;color:var(--ff-color-text-deep);background-color:var(--ff-color-bg-emphasis);border-radius:.1875rem;flex-shrink:0;cursor:help}.ff-expert-tool-call--details[data-v-3f837657]{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.ff-expert-tool-call--section[data-v-3f837657]{border:1px solid var(--ff-color-border);border-radius:.375rem;overflow:hidden}.ff-expert-tool-call--section-header[data-v-3f837657]{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background-color:var(--ff-color-bg-app);cursor:pointer;user-select:none;font-size:.75rem;font-weight:500;color:var(--ff-color-text-deep)}.ff-expert-tool-call--section-header[data-v-3f837657]:hover{background-color:var(--ff-color-bg-surface)}.ff-expert-tool-call--section-header .ff-icon-small[data-v-3f837657]{width:.75rem;height:.75rem;color:var(--ff-color-text-subtle);flex-shrink:0;transition:transform .2s ease}.ff-expert-tool-call--section-header .ff-icon-small.rotated[data-v-3f837657]{transform:rotate(90deg)}.ff-expert-tool-call--section-label[data-v-3f837657]{flex:1}.ff-expert-tool-call--section-duration[data-v-3f837657]{color:var(--ff-color-text-subtle);font-weight:400}.ff-expert-tool-call--code pre[data-v-3f837657]{margin:0;padding:.75rem;background-color:var(--ff-color-bg-surface-raised);border-radius:.375rem;overflow-x:auto}.ff-expert-tool-call--code pre code[data-v-3f837657]{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;font-size:.8125rem;color:var(--ff-color-text);white-space:pre-wrap;word-break:break-word;border:none;background:rgba(0,0,0,0);padding:0}.ff-expert-tool-call--section .ff-expert-tool-call--code[data-v-3f837657]{border-top:1px solid var(--ff-color-border)}.ff-expert-tool-call--section .ff-expert-tool-call--code pre[data-v-3f837657]{border-radius:0}
.ff-expert-tool-call[data-v-741c64ce]{background-color:var(--ff-color-bg-surface);border:1px solid var(--ff-color-border);border-radius:.5rem .5rem .5rem 0;overflow:hidden;max-width:90%}.ff-expert-tool-call--header[data-v-741c64ce]{display:flex;align-items:center;padding:.75rem 1rem;gap:.5rem;background-color:var(--ff-color-bg-app);cursor:pointer;user-select:none}.ff-expert-tool-call--header[data-v-741c64ce]:hover{background-color:var(--ff-color-bg-surface)}.ff-expert-tool-call--header .ff-icon[data-v-741c64ce]{width:1rem;height:1rem;color:var(--ff-color-text-subtle);flex-shrink:0;transition:transform .2s ease}.ff-expert-tool-call--header .ff-icon.rotated[data-v-741c64ce]{transform:rotate(90deg)}.ff-expert-tool-call--count[data-v-741c64ce]{font-size:1rem;font-weight:500;color:var(--ff-color-text);flex:1}.ff-expert-tool-call--duration[data-v-741c64ce]{font-size:1rem;color:var(--ff-color-text-subtle)}.ff-expert-tool-call--body[data-v-741c64ce]{--item-height: 3rem;border-top:1px solid var(--ff-color-border);padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem;max-height:calc(var(--item-height)*2 + 1.5rem);overflow-y:auto;transition:max-height .2s ease}.ff-expert-tool-call--body.is-expanded[data-v-741c64ce]{max-height:calc(var(--item-height)*15 + 1.5rem)}
.message-wrapper[data-v-8cb7c522]{margin-bottom:.5rem}
.mode-switcher-floating[data-v-0d66f778]{position:absolute;top:1rem;left:50%;transform:translateX(-50%);z-index:1;background:var(--ff-color-bg-app);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.info-banner[data-v-234efe2c]{background-color:var(--ff-color-accent-surface);border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.info-banner .info-text[data-v-234efe2c]{color:var(--ff-color-accent-hover);font-size:.875rem;margin:0;line-height:1.5}.info-banner .info-link[data-v-234efe2c]{color:inherit;text-decoration:underline}.info-banner .info-link[data-v-234efe2c]:hover{color:var(--ff-color-accent-text)}.info-banner .beta-badge[data-v-234efe2c]{display:inline-block;background-color:var(--ff-color-accent);color:var(--ff-color-text-on-brand);font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em;cursor:help;vertical-align:text-top}
.update-banner[data-v-3ebf57bc]{background-color:var(--ff-color-accent-surface);margin-bottom:0rem;border-radius:0;padding:.5rem 1rem;border-top:1px solid var(--ff-color-border)}.update-banner .update-banner-text[data-v-3ebf57bc]{color:var(--ff-color-accent-hover);font-size:.875rem;margin:0;line-height:1.5}.update-banner .update-banner-header[data-v-3ebf57bc]{font-weight:600;display:flex;align-items:center;justify-content:space-between}.update-banner .update-banner-body[data-v-3ebf57bc]{max-height:0;overflow:hidden;visibility:hidden;transition:max-height .6s ease-in-out,visibility .6s ease-in-out;transition-delay:250ms}.update-banner .update-banner-badge[data-v-3ebf57bc]{display:inline-block;background-color:var(--ff-color-accent);color:var(--ff-color-text-on-brand);font-weight:600;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em;cursor:default;vertical-align:text-top;padding:.125rem .5rem;font-size:.75rem}.update-banner.warning .update-banner-badge[data-v-3ebf57bc]{background-color:var(--ff-color-danger-darker);color:var(--ff-color-text-on-brand)}.update-banner:hover .update-banner-body[data-v-3ebf57bc],.update-banner:focus-within .update-banner-body[data-v-3ebf57bc],.update-banner:active .update-banner-body[data-v-3ebf57bc]{max-height:500px;visibility:visible}
.ff-expert[data-v-fe3acece]{display:flex;flex-direction:column;height:100%;background:var(--ff-color-bg-app);overflow:hidden;position:relative}.messages-container[data-v-fe3acece]{flex:1;overflow-y:auto;padding:1rem;scroll-behavior:smooth;min-height:0}.messages-container[data-v-fe3acece]::-webkit-scrollbar{width:8px}.messages-container[data-v-fe3acece]::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.messages-container[data-v-fe3acece]::-webkit-scrollbar-thumb{background-color:var(--ff-color-border-strong);border-radius:4px}.messages-container[data-v-fe3acece]::-webkit-scrollbar-thumb:hover{background-color:var(--ff-color-text-subtle)}.empty-state[data-v-fe3acece]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;color:var(--ff-color-text-deep)}.empty-state .empty-state-icon[data-v-fe3acece]{width:4rem;height:4rem;margin-bottom:1rem;color:var(--ff-color-accent)}.empty-state .empty-state-icon svg[data-v-fe3acece]{width:100%;height:100%}.empty-state h3[data-v-fe3acece]{font-size:1.5rem;font-weight:600;color:var(--ff-color-text-strong);margin:0 0 .5rem 0}.empty-state p[data-v-fe3acece]{font-size:1rem;margin:0;max-width:400px}.scroll-anchor[data-v-fe3acece]{height:1px}.messages-container.has-mode-switcher[data-v-fe3acece]{padding-top:4rem}