Git support (#143)

src-web/components/sidebar/Sidebar.tsx

@@ -27,6 +27,7 @@ import { ContextMenu } from '../core/Dropdown';
 import { sidebarSelectedIdAtom, sidebarTreeAtom } from './SidebarAtoms';
 import type { SidebarItemProps } from './SidebarItem';
 import { SidebarItems } from './SidebarItems';
+import { GitDropdown } from '../GitDropdown';
 
 interface Props {
   className?: string;
@@ -378,6 +379,7 @@ export function Sidebar({ className }: Props) {
           handleDragStart={handleDragStart}
         />
       </div>
+      <GitDropdown />
     </aside>
   );
 }

src-web/components/sidebar/SidebarActions.tsx

@@ -32,9 +32,10 @@ export function SidebarActions() {
         size="sm"
         title="Show sidebar"
         icon={hidden ? 'left_panel_hidden' : 'left_panel_visible'}
+        iconColor="secondary"
       />
       <CreateDropdown hotKeyAction="http_request.create">
-        <IconButton size="sm" icon="plus_circle" title="Add Resource" />
+        <IconButton size="sm" icon="plus_circle" iconColor="secondary" title="Add Resource" />
       </CreateDropdown>
     </HStack>
   );

src-web/components/sidebar/SidebarItem.tsx

@@ -267,8 +267,8 @@ export const SidebarItem = memo(function SidebarItem({
             <Icon
               size="sm"
               icon="chevron_right"
+              color="secondary"
               className={classNames(
-                'text-text-subtlest',
                 'transition-transform',
                 !collapsed && 'transform rotate-90',
               )}

src-web/components/sidebar/SidebarItems.tsx

@@ -44,7 +44,7 @@ export const SidebarItems = memo(function SidebarItems({
       aria-orientation="vertical"
       dir="ltr"
       className={classNames(
-        tree.depth > 0 && 'border-l border-border-subtle',
+        tree.depth > 0 && 'border-l border-border',
         tree.depth === 0 && 'ml-0',
         tree.depth >= 1 && 'ml-[1.2rem]',
       )}