mirror of
https://github.com/andy-stack/vaultkeeper-ai.git
synced 2026-07-22 06:42:03 +00:00
82e58b52e7
Replace separate editModeActive and planningModeActive boolean flags with a single ChatMode enum (ReadOnly, Edit, Planning). Add ChatModeSelector component for mode switching. Update all components to use chatMode instead of individual flags. Refactor MainAgent and ChatService to accept ChatMode parameter. Remove edit-mode styling variants throughout UI components. Update system prompt to document user reference system. Consolidate input button styling with shared input-button-highlight class.
53 lines
1.2 KiB
Svelte
53 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
export let width: string = "18px";
|
|
export let height: string = "18px";
|
|
export let alternateBackground: boolean = false;
|
|
export let spinnerElement: HTMLDivElement | undefined = undefined;
|
|
</script>
|
|
|
|
<div
|
|
class="circle-border"
|
|
style="width: {width}; height: {height};"
|
|
bind:this={spinnerElement}
|
|
>
|
|
<div class="circle-core" class:alternate-background={alternateBackground}></div>
|
|
</div>
|
|
|
|
<style>
|
|
@keyframes spin {
|
|
from {
|
|
transform: rotate(0);
|
|
}
|
|
to {
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.circle-border {
|
|
padding: 1px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
--color: var(--interactive-accent);
|
|
background: var(--color);
|
|
background: linear-gradient(
|
|
0deg,
|
|
color-mix(in srgb, var(--color) 10%, transparent) 33%,
|
|
var(--color) 100%
|
|
);
|
|
animation: spin 0.8s linear 0s infinite;
|
|
}
|
|
|
|
.circle-core {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: var(--background-primary);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.circle-core.alternate-background {
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
</style>
|