mirror of
https://github.com/andy-stack/vaultkeeper-ai.git
synced 2026-07-22 06:42:03 +00:00
10ddb1da28
Implement comprehensive artifact tracking to record all file modifications made by the AI agent during conversations. Add artifact persistence, garbage collection, and UI updates with new "Discuss" button styling.
100 lines
2.4 KiB
CSS
100 lines
2.4 KiB
CSS
/* ============================== */
|
|
/* Structural / layout fixes */
|
|
/* ============================== */
|
|
|
|
.plan-approval-wrapper {
|
|
container-type: size;
|
|
container-name: plan-approval-wrapper;
|
|
transform: translateZ(0);
|
|
height: 100cqh;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* ============================== */
|
|
/* Mobile Controls */
|
|
/* ============================== */
|
|
|
|
.plan-approval-mobile-controls {
|
|
display: none; /* Hidden by default (desktop) */
|
|
}
|
|
|
|
/* Avoid the floating obsidian controls */
|
|
@media (max-width: 600px) {
|
|
.plan-approval-mobile-controls {
|
|
margin-bottom: 85px;
|
|
}
|
|
}
|
|
|
|
.plan-approval-view-mobile .plan-approval-mobile-controls {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
gap: var(--size-4-2);
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: var(--size-4-3);
|
|
z-index: 10;
|
|
}
|
|
|
|
.plan-approval-mobile-controls .plan-approval-mobile-button {
|
|
min-height: 44px;
|
|
font-size: var(--font-ui-medium);
|
|
font-weight: var(--font-semibold);
|
|
border-radius: var(--button-radius);
|
|
cursor: pointer;
|
|
border-width: var(--size-2-1);
|
|
border-style: solid;
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.plan-approval-mobile-controls .plan-approval-mobile-approve {
|
|
color: var(--color-green);
|
|
border-color: var(--color-green);
|
|
}
|
|
|
|
.plan-approval-mobile-controls .plan-approval-mobile-approve:active {
|
|
background-color: color-mix(
|
|
in srgb,
|
|
var(--color-green) 25%,
|
|
white 10%
|
|
);
|
|
}
|
|
|
|
.plan-approval-mobile-controls .plan-approval-mobile-discuss {
|
|
color: var(--interactive-accent);
|
|
border-color: var(--interactive-accent);
|
|
}
|
|
|
|
.plan-approval-mobile-controls .plan-approval-mobile-discuss:active {
|
|
background-color: color-mix(
|
|
in srgb,
|
|
var(--interactive-accent) 25%,
|
|
white 10%
|
|
);
|
|
}
|
|
|
|
.plan-approval-mobile-controls .plan-approval-mobile-reject {
|
|
color: var(--color-red);
|
|
border-color: var(--color-red);
|
|
}
|
|
|
|
.plan-approval-mobile-controls .plan-approval-mobile-reject:active {
|
|
background-color: color-mix(
|
|
in srgb,
|
|
var(--color-red) 25%,
|
|
white 10%
|
|
);
|
|
}
|
|
|
|
/* Adjust plan height on mobile to account for buttons */
|
|
.plan-approval-view-mobile .plan-approval-wrapper {
|
|
height: calc(100cqh - 40px);
|
|
}
|
|
|
|
/* Avoid the floating obsidian controls */
|
|
@media (max-width: 600px) {
|
|
.plan-approval-view-mobile .plan-approval-wrapper {
|
|
height: calc(100cqh - 120px);
|
|
}
|
|
}
|