obsidian-plugin/andy-stack_vaultkeeper-ai
1
0
Fork 0
mirror of https://github.com/andy-stack/vaultkeeper-ai.git synced 2026-07-22 16:30:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
andy-stack_vaultkeeper-ai/Styles/custom_styles.css

663 lines
14 KiB
CSS
Raw Permalink Normal View History

feat: add mobile drawer auto-hide when keyboard is active Implement optional drawer element hiding on mobile devices when the chat input is focused, providing more screen space for the on-screen keyboard. Elements smoothly animate away on focus and restore on blur. Includes new setting in Advanced Settings section and updates Anthropic SDK to 0.91.1.
2026-04-25 20:13:59 +00:00
/* ============================== */
/* Main View Customization */
/* ============================== */
.workspace-leaf-content[data-type="vaultkeeper-ai-main-view"] {
background-color: var(--background-secondary);
}
.workspace-leaf-content[data-type="vaultkeeper-ai-main-view"] .view-content {
align-self: center;
max-width: 1000px;
background-color: var(--background-secondary);
padding-top: 0;
}
feat: add full-width mobile drawer styling Add CSS rules to make the right workspace drawer expand to full width on mobile devices, improving mobile usability and screen space utilization.
2026-04-19 23:06:13 +00:00
/* ============================== */
/* Mobile Drawer Full Width */
/* ============================== */
body:not(.is-tablet) .workspace-drawer.mod-right {
max-width: 100%;
width: 100%;
}
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
/* ============================== */
feat: add mobile drawer auto-hide when keyboard is active Implement optional drawer element hiding on mobile devices when the chat input is focused, providing more screen space for the on-screen keyboard. Elements smoothly animate away on focus and restore on blur. Includes new setting in Advanced Settings section and updates Anthropic SDK to 0.91.1.
2026-04-25 20:13:59 +00:00
/* Drawer element collapse animation */
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
/* ============================== */
feat: add mobile drawer auto-hide when keyboard is active Implement optional drawer element hiding on mobile devices when the chat input is focused, providing more screen space for the on-screen keyboard. Elements smoothly animate away on focus and restore on blur. Includes new setting in Advanced Settings section and updates Anthropic SDK to 0.91.1.
2026-04-25 20:13:59 +00:00
.vaultKeeper-drawer-hiding {
overflow: hidden;
height: var(--vaultKeeper-drawer-height);
padding-top: var(--vaultKeeper-drawer-padding-top);
padding-bottom: var(--vaultKeeper-drawer-padding-bottom);
transition: height 0.25s ease, padding-top 0.25s ease, padding-bottom 0.25s ease;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
feat: add mobile drawer auto-hide when keyboard is active Implement optional drawer element hiding on mobile devices when the chat input is focused, providing more screen space for the on-screen keyboard. Elements smoothly animate away on focus and restore on blur. Includes new setting in Advanced Settings section and updates Anthropic SDK to 0.91.1.
2026-04-25 20:13:59 +00:00
.vaultKeeper-drawer-collapsed {
overflow: hidden;
height: 0;
padding-top: 0;
padding-bottom: 0;
transition: height 0.25s ease, padding-top 0.25s ease, padding-bottom 0.25s ease;
}
.vaultKeeper-drawer-hidden {
display: none;
}
.vaultKeeper-drawer-restoring {
overflow: hidden;
display: block;
height: 0;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
padding-top: 0;
feat: add mobile drawer auto-hide when keyboard is active Implement optional drawer element hiding on mobile devices when the chat input is focused, providing more screen space for the on-screen keyboard. Elements smoothly animate away on focus and restore on blur. Includes new setting in Advanced Settings section and updates Anthropic SDK to 0.91.1.
2026-04-25 20:13:59 +00:00
padding-bottom: 0;
transition: height 0.25s ease, padding-top 0.25s ease, padding-bottom 0.25s ease;
}
.vaultKeeper-drawer-expanding {
overflow: hidden;
height: var(--vaultKeeper-drawer-height);
padding-top: var(--vaultKeeper-drawer-padding-top);
padding-bottom: var(--vaultKeeper-drawer-padding-bottom);
transition: height 0.25s ease, padding-top 0.25s ease, padding-bottom 0.25s ease;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
refactor: replace Spinner boolean prop with customizable background color Replace alternateBackground boolean prop with background string prop to allow direct CSS variable specification. Update QuickActionsService to add apply template action with file selection modal, timeout handling, and loading notices. Add helper method for markdown file retrieval.
2026-04-23 14:57:27 +00:00
/* ============================== */
/* Quick Actions Notice */
/* ============================== */
.quick-action-notice {
display: flex;
align-items: center;
gap: var(--size-2-3);
}
feat: implement centralized abort controller with enhanced cancellation UX Introduce a new AbortService to centralize cancellation logic across all async operations, replacing scattered AbortSignal parameters with a unified singleton service. This improves maintainability and provides consistent cancellation behavior throughout the application. Key changes: - Add AbortService for centralized abort signal management with automatic cleanup - Refactor all AI providers (Claude, Gemini, OpenAI) to use AbortService instead of passing AbortSignal parameters - Update streaming operations to use centralized abort handling - Add CancellationIndicator component to show visual feedback during operation cancellation - Rename ChatAreaThought to ThoughtIndicator for better semantic clarity - Add Environment enum for consistent environment detection - Enhance ChatService lifecycle with proper cancellation state management - Remove scattered abort-related UI selectors and error messages in favor of dedicated indicator - Add safeContinue() factory method to ConversationContent for internal continuations - Update all tests to reflect new abort handling architecture This change simplifies the API surface by removing AbortSignal parameters from method signatures while improving the user experience with clearer cancellation feedback.
2025-12-04 23:04:20 +00:00
/* ============================== */
/* Diff View Customization */
/* ============================== */
.workspace-leaf-content[data-type="vaultkeeper-ai-diff-view"] .view-content {
container-type: size;
container-name: diff-container;
overflow: hidden;
}
feat: add plan approval UI with user review workflow Add PlanApprovalService and PlanApprovalView to enable user review and approval of AI-generated execution plans before execution begins. Users can approve, reject, or suggest changes to plans through a new input mode and dedicated view.
2026-07-06 15:11:30 +00:00
/* ============================== */
/* Plan Approval View Customization */
/* ============================== */
.workspace-leaf-content[data-type="vaultkeeper-ai-plan-approval-view"] .view-content {
container-type: size;
container-name: plan-approval-container;
overflow: hidden;
}
feat: add artifact diff viewer and improve button styling - Add clickable artifact cards with keyboard support - Create new ArtifactView for displaying file diffs - Update button styles with solid backgrounds and faster transitions - Add auto-cleanup of stale diff and plan approval views on startup - Fix artifact deletion to preserve original file path
2026-07-12 14:14:44 +00:00
/* ============================== */
/* Artifact View Customization */
/* ============================== */
.workspace-leaf-content[data-type="vaultkeeper-ai-artifact-view"] .view-content {
container-type: size;
container-name: artifact-container;
overflow: hidden;
}
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
/* ============================== */
/* Settings Styles */
/* ============================== */
refactor: replace !important with doubled class selectors for specificity Remove !important flags from API key validation and transparent button styles by using doubled class selectors (.class.class) to increase CSS specificity. Add explanatory comments documenting the specificity approach for future maintainability.
2026-05-31 13:57:03 +00:00
/* Class is doubled to raise specificity above Obsidian's input border
styles without referencing their selectors (future-proof) or !important. */
.api-key-setting-ok.api-key-setting-ok input[type="text"],
.api-key-setting-ok.api-key-setting-ok input[type="password"],
.api-key-setting-ok.api-key-setting-ok textarea {
border-color: var(--color-green);
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
refactor: replace !important with doubled class selectors for specificity Remove !important flags from API key validation and transparent button styles by using doubled class selectors (.class.class) to increase CSS specificity. Add explanatory comments documenting the specificity approach for future maintainability.
2026-05-31 13:57:03 +00:00
.api-key-setting-error.api-key-setting-error input[type="text"],
.api-key-setting-error.api-key-setting-error input[type="password"],
.api-key-setting-error.api-key-setting-error textarea {
border-color: var(--color-red);
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
.api-key-setting-error .setting-item-control {
animation: shake 0.5s ease-in-out;
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-5px); }
75% { transform: translateX(5px); }
}
.ai-exclusions-input {
refactor: replace edit/planning mode toggles with unified chat mode selector 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.
2026-04-19 19:39:04 +00:00
width: max(350px, 100%);
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
height: 110px;
font: var(--font-monospace);
font-size: 0.9em;
resize: none;
}
Implement local model support.
2026-07-04 11:16:08 +00:00
.local-url-input {
min-width: 80%;
}
feat: add web viewer content retrieval tool for AI agents Add new get_web_viewer_content tool that allows AI agents to retrieve text content or screenshots from open web views. Refactor AIToolResponse to use AIToolResponsePayload class for structured responses with attachment support. Update tool service to handle binary file attachments consistently across read_vault_files and new web viewer tool.
2026-04-08 20:00:23 +00:00
.setting-item-memories-disabled-accent .checkbox-container {
background-color: var(--interactive-accent-disabled-accent);
feat: add memory system for cross-session context retention Add memories feature allowing AI to retain vault conventions, user preferences, and established workflows across conversation sessions. Include read-only mode option, validation requiring read-before-write, and settings UI with toggle controls. Adjusted default search and snippet size values in plugin settings.
2026-04-04 19:04:41 +00:00
}
feat: add web viewer content retrieval tool for AI agents Add new get_web_viewer_content tool that allows AI agents to retrieve text content or screenshots from open web views. Refactor AIToolResponse to use AIToolResponsePayload class for structured responses with attachment support. Update tool service to handle binary file attachments consistently across read_vault_files and new web viewer tool.
2026-04-08 20:00:23 +00:00
.setting-item-memories-disabled-accent .setting-item-info {
feat: add memory system for cross-session context retention Add memories feature allowing AI to retain vault conventions, user preferences, and established workflows across conversation sessions. Include read-only mode option, validation requiring read-before-write, and settings UI with toggle controls. Adjusted default search and snippet size values in plugin settings.
2026-04-04 19:04:41 +00:00
font-weight: var(--font-light);
}
feat: add web viewer content retrieval tool for AI agents Add new get_web_viewer_content tool that allows AI agents to retrieve text content or screenshots from open web views. Refactor AIToolResponse to use AIToolResponsePayload class for structured responses with attachment support. Update tool service to handle binary file attachments consistently across read_vault_files and new web viewer tool.
2026-04-08 20:00:23 +00:00
.setting-item-memories-disabled .checkbox-container {
background-color: var(--interactive-accent-disabled);
}
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
/* ============================== */
/* CSS Variables for Common Components */
/* ============================== */
refactor: replace !important with doubled class selectors for specificity Remove !important flags from API key validation and transparent button styles by using doubled class selectors (.class.class) to increase CSS specificity. Add explanatory comments documenting the specificity approach for future maintainability.
2026-05-31 13:57:03 +00:00
/* Doubled class + explicit interactive states beat Obsidian's
button / button:hover / button:focus styles (specificity 0-1-1)
without referencing their selectors or using !important. */
.transparent-button.transparent-button,
.transparent-button.transparent-button:hover,
.transparent-button.transparent-button:focus,
.transparent-button.transparent-button:active {
border: none;
outline: none;
box-shadow: none;
background-color: transparent;
feat: add support for file attachments via drag and drop and paste. refactor: standardize file type and MIME type handling across AI providers Introduce centralized MimeType enum and bidirectional mappings between file types and MIME types. Update Claude, Gemini, and OpenAI implementations to use consistent MIME type validation. Add file attachment support via drag-and-drop and paste in chat input. Expand supported file type detection to include programming languages, config files, and documentation formats.
2025-12-22 20:02:02 +00:00
}
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
.search-trigger {
color: var(--interactive-accent);
cursor: default;
}
.search-trigger:hover {
text-decoration: underline;
}
/* Typing-in animation (used across components) */
.typing-in {
overflow: hidden;
white-space: nowrap;
animation: reveal-center var(--typing-in-duration, 1.5s) ease-in-out forwards;
max-width: 0;
margin: 0 auto;
padding: 5px;
}
@keyframes reveal-center {
0% {
max-width: 0;
opacity: 0;
filter: blur(1px);
}
100% {
max-width: 100%;
opacity: 1;
filter: blur(0px);
}
}
.conversation-history-modal {
padding: 0px;
overflow: hidden;
}
.conversation-history-modal .modal-header {
display: none;
}
.conversation-history-modal .modal-close-button {
display: none;
}
.help-modal {
padding: 0px;
overflow: hidden;
}
.help-modal .modal-header {
display: none;
}
.help-modal .modal-close-button {
display: none;
}
feat: add planning model selection and rate limit countdown UI Introduce separate planning model setting to allow using different models for planning vs execution. Add visual countdown display when rate limits are hit, with improved retry delay parsing across providers (Claude, OpenAI, Gemini). Refactor settings tab into Views directory and enhance mobile layout for input controls.
2026-01-05 21:49:51 +00:00
.planning-model-description-tip {
font-size: var(--font-smaller);
font-style: italic;
color: var(--text-muted);
}
refactor: improve settings UI with icon grids and standardized helpers - Add Exclusions heading section in settings - Replace activeDocument calls with Obsidian helper functions (createEl, createDiv, createSpan, createFragment) - Standardize file monitoring disclaimers with icon grid layout - Add template warning for local models with external documentation link - Consolidate file disclaimer rendering logic with clickable help links - Remove redundant tooltip enum entry - Add new CSS classes for icon grid layouts
2026-07-04 12:27:22 +00:00
.setting-desc-icon-grid {
display: grid;
grid-template-columns: auto 1fr;
gap: var(--size-4-2);
align-items: start;
}
.template-warning-icon {
display: flex;
align-self: anchor-center;
margin: var(--size-4-1);
color: var(--text-warning);
}
.file-disclaimer-icon {
display: flex;
align-self: anchor-center;
margin: var(--size-4-1);
color: var(--text-muted);
}
.file-disclaimer-link {
color: var(--text-accent);
cursor: pointer;
}
.file-disclaimer-link:hover {
text-decoration: underline;
}
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
.top-bar-button {
margin: var(--size-4-2) 0px var(--size-4-2) 0px;
padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-2);
color: var(--text-muted);
Standardize border-radius CSS vars and improve modal spacing (post obsidian mobile UI change) Replace legacy radius vars (--modal-radius, --button-radius, --input-radius) with standardized tokens (--radius-l, --radius-m). Add margins to modals and top bar divider for better spacing. Fix mobile diff view bottom margin to avoid Obsidian controls overlap.
2026-01-29 14:22:44 +00:00
border-radius: var(--radius-m);
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
.top-bar-button:hover {
background-color: var(--background-modifier-hover);
}
.error-selector {
display: inline-block;
color: var(--color-red);
border: var(--color-red);
border-style: solid;
border-width: var(--border-width);
border-radius: var(--radius-m);
padding: var(--size-2-3);
margin: var(--size-4-2) 0;
}
feat: add planning model selection and rate limit countdown UI Introduce separate planning model setting to allow using different models for planning vs execution. Add visual countdown display when rate limits are hit, with improved retry delay parsing across providers (Claude, OpenAI, Gemini). Refactor settings tab into Views directory and enhance mobile layout for input controls.
2026-01-05 21:49:51 +00:00
.rate-limit-container {
text-align: center;
}
.rate-limit-countdown {
font-size: var(--font-smaller);
}
.rate-limit-info {
font-size: var(--font-smaller);
font-style: italic;
color: var(--text-muted);
}
.rate-limit-link {
color: var(--interactive-accent);
cursor: pointer;
}
.rate-limit-link:hover {
text-decoration: underline;
}
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
/* ============================== */
/* CSS Variables for Theming */
/* ============================== */
/* Custom variables mapped to Obsidian theme variables */
body {
--code-background-inline: var(--code-background);
--text-color: var(--text-normal);
--link-color: var(--link-color);
--blockquote-border: var(--blockquote-border-color);
--table-border: var(--table-border-color);
--table-header-background: var(--table-header-background);
--hr-color: var(--hr-color);
--alt-background-primary: color-mix(
in hsl shorter hue,
var(--background-primary) 75%,
hsl(0 0% 0%) 25%
);
feat: add web viewer content retrieval tool for AI agents Add new get_web_viewer_content tool that allows AI agents to retrieve text content or screenshots from open web views. Refactor AIToolResponse to use AIToolResponsePayload class for structured responses with attachment support. Update tool service to handle binary file attachments consistently across read_vault_files and new web viewer tool.
2026-04-08 20:00:23 +00:00
--interactive-accent-disabled-accent: color-mix(
feat: add memory system for cross-session context retention Add memories feature allowing AI to retain vault conventions, user preferences, and established workflows across conversation sessions. Include read-only mode option, validation requiring read-before-write, and settings UI with toggle controls. Adjusted default search and snippet size values in plugin settings.
2026-04-04 19:04:41 +00:00
in hsl shorter hue,
var(--background-modifier-border-hover) 50%,
var(--interactive-accent) 40%
);
feat: add web viewer content retrieval tool for AI agents Add new get_web_viewer_content tool that allows AI agents to retrieve text content or screenshots from open web views. Refactor AIToolResponse to use AIToolResponsePayload class for structured responses with attachment support. Update tool service to handle binary file attachments consistently across read_vault_files and new web viewer tool.
2026-04-08 20:00:23 +00:00
--interactive-accent-disabled: color-mix(
in hsl shorter hue,
var(--background-modifier-border-hover) 50%,
var(--background-primary) 40%
);
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
/* ============================== */
/* Additional Markdown Styles */
/* ============================== */
/* Headings in assistant messages */
.message-bubble.assistant h1 {
font-size: 1.5em;
font-weight: 600;
margin: 0.67em 0;
line-height: 1.2;
}
.message-bubble.assistant h2 {
font-size: 1.3em;
font-weight: 600;
margin: 0.75em 0;
line-height: 1.2;
}
.message-bubble.assistant h3 {
font-size: 1.1em;
font-weight: 600;
margin: 0.83em 0;
line-height: 1.3;
}
.message-bubble.assistant h4 {
font-size: 1em;
font-weight: 600;
margin: 1.12em 0;
line-height: 1.3;
}
.message-bubble.assistant h5 {
font-size: 0.9em;
font-weight: 600;
margin: 1.5em 0;
line-height: 1.3;
}
.message-bubble.assistant h6 {
font-size: 0.85em;
font-weight: 600;
margin: 1.67em 0;
line-height: 1.3;
}
/* Paragraphs */
.message-bubble.assistant p {
margin: 0.5em 0;
line-height: 1.6;
}
/* Lists */
.message-bubble.assistant ul,
.message-bubble.assistant ol {
margin: 0.5em 0;
padding-left: 2em;
list-style-position: outside;
}
.message-bubble.assistant ol {
list-style-type: decimal;
}
.message-bubble.assistant ul {
list-style-type: disc;
}
.message-bubble.assistant li {
margin: 0.25em 0;
padding-left: 0.25em;
display: list-item;
}
/* Handle nested lists properly */
.message-bubble.assistant ol ol,
.message-bubble.assistant ul ul,
.message-bubble.assistant ol ul,
.message-bubble.assistant ul ol {
margin: 0.25em 0;
padding-left: 1.5em;
}
/* Ensure nested list numbering works correctly */
.message-bubble.assistant ol ol {
list-style-type: lower-alpha;
}
.message-bubble.assistant ol ol ol {
list-style-type: lower-roman;
}
/* Fix paragraph spacing inside list items */
.message-bubble.assistant li > p {
margin: 0;
}
.message-bubble.assistant li > p:first-child {
margin-top: 0;
}
.message-bubble.assistant li > p:last-child {
margin-bottom: 0;
}
/* Code blocks */
.message-bubble.assistant pre {
background-color: var(--code-background);
border-radius: 4px;
padding: 0.5em;
overflow-x: auto;
margin: 0.5em 0;
position: relative;
}
.message-bubble.assistant code {
background-color: var(--code-background-inline);
border-radius: 3px;
padding: 0.2em 0.4em;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
font-size: 0.9em;
}
.message-bubble.assistant pre code {
background-color: transparent;
padding: 0;
border-radius: 0;
}
/* Blockquotes */
.message-bubble.assistant blockquote {
border-left: 4px solid var(--blockquote-border);
padding-left: 1em;
margin: 0.5em 0;
color: var(--text-muted);
}
/* Tables */
.message-bubble.assistant table {
border-collapse: collapse;
margin: 0.5em 0;
width: 100%;
overflow-x: auto;
display: block;
}
.message-bubble.assistant th,
.message-bubble.assistant td {
border: 1px solid var(--table-border);
padding: 0.5em;
text-align: left;
min-width: 100px;
}
.message-bubble.assistant th {
background-color: var(--table-header-background);
font-weight: 600;
}
/* Table alignment classes from GFM */
.message-bubble.assistant th[align="center"],
.message-bubble.assistant td[align="center"] {
text-align: center;
}
.message-bubble.assistant th[align="right"],
.message-bubble.assistant td[align="right"] {
text-align: right;
}
/* Links */
.message-bubble.assistant a {
color: var(--link-color-hover);
text-decoration: none;
}
.message-bubble.assistant a:hover {
text-decoration: var(--link-decoration-hover);
}
/* Horizontal rules */
.message-bubble.assistant hr {
border: none;
border-top: 1px solid var(--hr-color);
margin: 1em 0;
}
/* Images */
.message-bubble.assistant img {
max-width: 100%;
height: auto;
display: block;
margin: 0.5em 0;
}
/* Emphasis */
.message-bubble.assistant em {
font-style: italic;
}
.message-bubble.assistant strong {
font-weight: 600;
}
/* Strikethrough */
.message-bubble.assistant del {
text-decoration: line-through;
opacity: 0.7;
}
/* ============================== */
/* Additional HTML Elements */
/* ============================== */
/* Keyboard input */
.message-bubble.assistant kbd {
display: inline-block;
padding: 0.2em 0.4em;
font-size: 0.875em;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
line-height: 1;
color: var(--text-color);
vertical-align: middle;
background-color: var(--code-background-inline);
border: 1px solid var(--table-border);
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/* Mark/highlight */
.message-bubble.assistant mark {
background-color: var(--text-highlight-bg);
color: var(--text-normal);
padding: 0.2em;
border-radius: 2px;
}
/* Subscript and Superscript */
.message-bubble.assistant sub {
font-size: 0.75em;
vertical-align: sub;
}
.message-bubble.assistant sup {
font-size: 0.75em;
vertical-align: super;
}
/* Definition lists */
.message-bubble.assistant dl {
margin: 0.5em 0;
}
.message-bubble.assistant dt {
font-weight: 600;
margin-top: 0.5em;
}
.message-bubble.assistant dd {
margin-left: 2em;
margin-bottom: 0.5em;
}
/* Details/Summary (collapsible sections) */
.message-bubble.assistant details {
margin: 0.5em 0;
padding: 0.5em;
border: 1px solid var(--table-border);
border-radius: 4px;
}
.message-bubble.assistant summary {
cursor: pointer;
font-weight: 600;
padding: 0.25em;
}
.message-bubble.assistant details[open] summary {
margin-bottom: 0.5em;
}
/* ============================== */
/* Responsive adjustments */
/* ============================== */
@media (max-width: 768px) {
.message-bubble.assistant table {
font-size: 0.875em;
}
.message-bubble.assistant th,
.message-bubble.assistant td {
padding: 0.25em;
min-width: 50px;
}
.message-bubble.assistant pre {
padding: 0.25em;
}
}
/* ============================== */
/* Print styles */
/* ============================== */
@media print {
.message-bubble.assistant {
Address Obsidian review warnings.
2026-05-17 12:13:19 +00:00
color: #000000;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
Address Obsidian review warnings.
2026-05-17 12:13:19 +00:00
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
.message-bubble.assistant a {
color: #0969da;
text-decoration: underline;
}
Address Obsidian review warnings.
2026-05-17 12:13:19 +00:00
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
.message-bubble.assistant pre,
.message-bubble.assistant code {
background-color: #f6f8fa;
Address Obsidian review warnings.
2026-05-17 12:13:19 +00:00
color: #000000;
feat: add interactive diff viewer with user approval workflow Implement a comprehensive diff viewing system that allows users to review and approve/reject file changes before they're applied. The system includes event-driven architecture for managing diff lifecycle and integrates diff2html for rich visual diffs. Key changes: - Add DiffService for managing diff approval workflow with accept/reject/suggest actions - Create EventService for type-safe event handling (DiffOpened/DiffClosed) - Add DiffView component with diff2html integration for visual diff rendering - Modify VaultService to propose changes and require confirmation before file operations - Update FileSystemService to support optional confirmation for write operations - Add Event enum for centralized event type definitions - Import custom styles and diff2html styles for proper diff rendering - Update ConversationContent validation to support optional toolId field - Remove FileManager from dependency injection (now accessed directly from app) - Update .gitignore to track styles.css instead of main.css
2025-11-24 21:29:54 +00:00
}
}
Reference in a new issue Copy permalink