From f86bb3eab864c402f2c3d8d000626d9641a488af Mon Sep 17 00:00:00 2001
From: Kacper <kacperlachowiczwp.pl@wp.pl>
Date: Tue, 16 Dec 2025 14:49:23 +0100
Subject: [PATCH 1/2] feat: enhance CategoryAutocomplete and AddFeatureDialog
 components

- Added responsive width handling to the CategoryAutocomplete component, ensuring the popover adjusts based on the trigger button's width.
- Updated the AddFeatureDialog button width from 180px to 200px for improved layout consistency.
---
 .../components/ui/category-autocomplete.tsx   | 29 ++++++++++++++++++-
 .../board-view/dialogs/add-feature-dialog.tsx |  2 +-
 2 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/apps/app/src/components/ui/category-autocomplete.tsx b/apps/app/src/components/ui/category-autocomplete.tsx
index 7addab59..8f4b0054 100644
--- a/apps/app/src/components/ui/category-autocomplete.tsx
+++ b/apps/app/src/components/ui/category-autocomplete.tsx
@@ -39,11 +39,33 @@ export function CategoryAutocomplete({
   "data-testid": testId,
 }: CategoryAutocompleteProps) {
   const [open, setOpen] = React.useState(false);
+  const [triggerWidth, setTriggerWidth] = React.useState<number>(0);
+  const triggerRef = React.useRef<HTMLButtonElement>(null);
+
+  // Update trigger width when component mounts or value changes
+  React.useEffect(() => {
+    if (triggerRef.current) {
+      const updateWidth = () => {
+        setTriggerWidth(triggerRef.current?.offsetWidth || 0);
+      };
+
+      updateWidth();
+
+      // Listen for resize events to handle responsive behavior
+      const resizeObserver = new ResizeObserver(updateWidth);
+      resizeObserver.observe(triggerRef.current);
+
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+  }, [value]);
 
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger asChild>
         <Button
+          ref={triggerRef}
           variant="outline"
           role="combobox"
           aria-expanded={open}
@@ -57,7 +79,12 @@ export function CategoryAutocomplete({
           <ChevronsUpDown className="opacity-50" />
         </Button>
       </PopoverTrigger>
-      <PopoverContent className="w-[200px] p-0">
+      <PopoverContent
+        className="p-0"
+        style={{
+          width: Math.max(triggerWidth, 200),
+        }}
+      >
         <Command>
           <CommandInput placeholder="Search category..." className="h-9" />
           <CommandList>
diff --git a/apps/app/src/components/views/board-view/dialogs/add-feature-dialog.tsx b/apps/app/src/components/views/board-view/dialogs/add-feature-dialog.tsx
index e14a79c0..b701d0ed 100644
--- a/apps/app/src/components/views/board-view/dialogs/add-feature-dialog.tsx
+++ b/apps/app/src/components/views/board-view/dialogs/add-feature-dialog.tsx
@@ -273,7 +273,7 @@ export function AddFeatureDialog({
             <div className="flex w-fit items-center gap-3 select-none cursor-default">
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
-                  <Button variant="outline" size="sm" className="w-[180px] justify-between">
+                  <Button variant="outline" size="sm" className="w-[200px] justify-between">
                     {enhancementMode === 'improve' && 'Improve Clarity'}
                     {enhancementMode === 'technical' && 'Add Technical Details'}
                     {enhancementMode === 'simplify' && 'Simplify'}

From e8b65dbd0ba8edbab9c5c8c1024bec0ac83aed82 Mon Sep 17 00:00:00 2001
From: Kacper <kacperlachowiczwp.pl@wp.pl>
Date: Tue, 16 Dec 2025 16:09:51 +0100
Subject: [PATCH 2/2] chore: remove .automaker file

- Deleted the .automaker causing .automaker folder to be removed
---
 .automaker | 1 -
 1 file changed, 1 deletion(-)
 delete mode 120000 .automaker

diff --git a/.automaker b/.automaker
deleted file mode 120000
index 1455d4cc..00000000
--- a/.automaker
+++ /dev/null
@@ -1 +0,0 @@
-/Users/webdevcody/Workspace/automaker/.automaker
\ No newline at end of file