Bohdan Triapitsyn
47c943b487
* feat: tabbed right sidebar, context panel, floating diff comments * fix: auto-close left sidebar when context panel opens - Increase default context panel width from 520 to 600 pixels - Increase sidebar minimum width from 200 to 300 pixels - Replace collapsible component with custom button in diff view * refactoring: rework sidebars, tabs, and file tree layout - Rewrite AnimatedTabs as segment-style with sliding indicator - Upgrade SidebarFilesTree to match FilesView features (context menus, git status, file icons, CRUD dialogs, fuzzy search ranking) - Restructure FilesView header: tabs row + actions row, remove breadcrumbs - Show relative path in context panel header, track active tab - Allow left sidebar to stay open alongside context panel - Hide diff/files tabs from header on desktop (mobile-only) - Move chevron after group name in session sidebar - Compact tab heights in right sidebar and git view - Size PreviewToggleButton to match other action buttons - Remove directory loading spinner from folder icons * feat: add project icon and color customization - Enable users to assign custom icons to projects - Allow users to choose accent colors for projects - Stabilize repo status UI during project switching * feat: add scroll fade indicators to editor tabs * style: reduce spacing and icon sizes in header * style: adjust tab component padding from uniform to vertical-horizontal * feat: Add session state indicators to project tabs * feat: Enhance session status handling and improve UI responsiveness * fix: preserve upstream tracking on branch rename * fix: improve initial remote selection for pull requests - Uses saved remote name from previous session when available - Selects remote based on tracking branch when possible - Falls back to origin or first available remote * perf(diff): faster highlight, stable stacked scroll - split/unified Pierre worker pools; prefer shiki-wasm - align diff CSS line-height; disable scroll anchoring; drop WebKit compositing hacks - harden stacked pin/align (cancel on user scroll/input); prevent overscroll - make overlay scrollbar MutationObserver optional; disable for diff container * feat: handle binary files in diff view * fix: adjust project tabs layout and drag regions * style: update drag overlay visual styling * feat: enable number keys to switch projects in the sidebar * fix: recognize octet-stream as text-based MIME type * feat: add keyboard navigation to context panel * feat: add session pinning to sidebar - Pin important sessions to keep them at the top - Pinned sessions persist across browser sessions * refactor: move context usage display from chat input to header
52 lines
1.5 KiB
TypeScript
52 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
|
|
import { RiEyeLine, RiEyeOffLine } from '@remixicon/react';
|
|
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
|
|
import { Button } from '@/components/ui/button';
|
|
|
|
export type PreviewToggleButtonProps = {
|
|
/** Current mode - determines which icon is displayed */
|
|
currentMode: 'preview' | 'edit';
|
|
/** Callback fired when toggle button is clicked */
|
|
onToggle: () => void;
|
|
};
|
|
|
|
/**
|
|
* PreviewToggleButton - A toggle button for switching between preview and edit modes.
|
|
*
|
|
* Displays an eye icon when in preview mode (indicating the content is visible/read-only)
|
|
* and a slashed eye icon when in edit mode (indicating the content can be edited).
|
|
*/
|
|
export const PreviewToggleButton: React.FC<PreviewToggleButtonProps> = ({
|
|
currentMode,
|
|
onToggle,
|
|
}) => {
|
|
const isPreview = currentMode === 'preview';
|
|
const ariaLabel = isPreview ? 'Switch to edit mode' : 'Switch to preview mode';
|
|
const tooltipText = isPreview ? 'Edit' : 'Preview';
|
|
|
|
return (
|
|
<Tooltip delayDuration={500}>
|
|
<TooltipTrigger asChild>
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
onClick={onToggle}
|
|
aria-label={ariaLabel}
|
|
className="h-5 w-5 p-0"
|
|
>
|
|
{isPreview ? (
|
|
<RiEyeLine className="size-4" aria-hidden="true" />
|
|
) : (
|
|
<RiEyeOffLine className="size-4" aria-hidden="true" />
|
|
)}
|
|
</Button>
|
|
</TooltipTrigger>
|
|
<TooltipContent sideOffset={8}>
|
|
{tooltipText}
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
);
|
|
};
|