Release v0.1.4

package.json

@@ -1,6 +1,6 @@
 {
   "name": "devpockit-frontend",
-  "version": "0.1.0",
+  "version": "0.1.4",
   "description": "DevPockit Frontend - Developer Tools Web App",
   "license": "MIT",
   "repository": {

src/components/AppSidebar.tsx

@@ -427,7 +427,7 @@ export function AppSidebar({
                 value={codeEditorTheme}
                 onValueChange={(value) => setCodeEditorTheme(value as CodeEditorTheme)}
               >
-                <SelectTrigger className="h-[35px] w-full text-xs bg-neutral-100 dark:bg-neutral-800">
+                <SelectTrigger borderless className="h-[35px] w-full text-xs bg-neutral-100 dark:bg-neutral-800">
                 <div className="flex items-center gap-2">
                   <Code className="h-3.5 w-3.5 text-neutral-600 dark:text-neutral-400" />
                   <SelectValue />

src/components/layout/MobileTopBar.tsx

@@ -91,7 +91,7 @@ export function MobileTopBar({ onToolSelect, onHomeClick }: MobileTopBarProps) {
               value={codeEditorTheme}
               onValueChange={(value) => setCodeEditorTheme(value as CodeEditorTheme)}
             >
-              <SelectTrigger className="h-8 w-full text-xs">
+              <SelectTrigger borderless className="h-8 w-full text-xs">
                 <SelectValue />
               </SelectTrigger>
               <SelectContent container={typeof document !== 'undefined' ? document.body : undefined}>

src/components/pages/AboutPage.tsx

@@ -44,7 +44,7 @@ export function AboutPage() {
               <div>
                 <div className="font-semibold">Contribute & Star</div>
                 <p className="text-sm text-muted-foreground">
-                  Since we&apos;re open-source, you can check out the code or contribute a new tool on GitHub.
+                  View source, report bugs, or submit a PR.
                 </p>
               </div>
             </Link>
@@ -59,7 +59,7 @@ export function AboutPage() {
               <div>
                 <div className="font-semibold">Suggest a Tool</div>
                 <p className="text-sm text-muted-foreground">
-                  Have an idea for a feature that would save you 5 minutes a day? We&apos;re all ears!
+                  Open an issue with your idea.
                 </p>
               </div>
             </Link>
@@ -74,8 +74,7 @@ export function AboutPage() {
               <div>
                 <div className="font-semibold">Buy Us a Coffee</div>
                 <p className="text-sm text-muted-foreground">
-                  If DevPockit has made your life a little easier, you can buy us a coffee.
-                  It helps cover the hosting costs and keeps us caffeinated for the next update.
+                  Fuel for late-night bug fixes.
                 </p>
               </div>
             </Link>

src/components/ui/editor-settings-menu.tsx

@@ -161,16 +161,15 @@ export function EditorSettingsMenu({
       <DropdownMenuTrigger asChild>
         <button
           className={cn(
-            'p-1 rounded hover:bg-neutral-200 dark:hover:bg-neutral-700 transition-colors',
-            'text-neutral-900 dark:text-neutral-300',
+            'flex items-center justify-center h-6 w-6 rounded-md border border-neutral-300 dark:border-neutral-600 bg-white dark:bg-neutral-900 text-muted-foreground hover:text-foreground hover:border-neutral-400 dark:hover:border-neutral-500 transition-colors',
             'disabled:opacity-50 disabled:cursor-not-allowed',
             className
           )}
           disabled={!isEditorAvailable}
           aria-label="Editor settings"
           title="Editor settings"
         >
-          <ChevronUp className="h-4 w-4" />
+          <ChevronUp className="h-3.5 w-3.5" />
         </button>
       </DropdownMenuTrigger>
       <DropdownMenuContent

src/components/ui/select.tsx

@@ -17,12 +17,14 @@ const SelectTrigger = React.forwardRef<
   React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {
     label?: string;
     valueAlign?: 'left' | 'right' | 'center';
+    borderless?: boolean;
   }
->(({ className, children, label, valueAlign = 'center', ...props }, ref) => (
+>(({ className, children, label, valueAlign = 'center', borderless = false, ...props }, ref) => (
   <SelectPrimitive.Trigger
     ref={ref}
     className={cn(
       "inline-flex h-10 items-center justify-between rounded-lg bg-background pl-3 pr-2 py-[9.5px] text-sm focus:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+      !borderless && "border border-neutral-200 dark:border-neutral-700",
       className
     )}
     {...props}