From b116e04894f3ee559d1e882f635f0d3301a3c4ac Mon Sep 17 00:00:00 2001
From: Dotta <bippadotta@protonmail.com>
Date: Mon, 16 Mar 2026 08:54:10 -0500
Subject: [PATCH] fix: hide collision strategy dropdown when importing to new
 company

No collisions are possible when the target is a new company, so the
dropdown is unnecessary. The grid layout also adjusts to single-column
when only the target field is shown.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/pages/CompanyImport.tsx | 36 ++++++++++++++++++----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/ui/src/pages/CompanyImport.tsx b/ui/src/pages/CompanyImport.tsx
index c4766f13..89848b6c 100644
--- a/ui/src/pages/CompanyImport.tsx
+++ b/ui/src/pages/CompanyImport.tsx
@@ -804,7 +804,7 @@ export function CompanyImport() {
           </Field>
         )}
 
-        <div className="grid gap-3 md:grid-cols-2">
+        <div className={cn("grid gap-3", targetMode === "existing" ? "md:grid-cols-2" : "md:grid-cols-1")}>
           <Field label="Target" hint="Import into this company or create a new one.">
             <select
               className="w-full rounded-md border border-border bg-transparent px-2.5 py-1.5 text-sm outline-none"
@@ -820,23 +820,25 @@ export function CompanyImport() {
               <option value="new">Create new company</option>
             </select>
           </Field>
-          <Field
-            label="Default collision strategy"
-            hint="Controls what happens when imported slugs already exist."
-          >
-            <select
-              className="w-full rounded-md border border-border bg-transparent px-2.5 py-1.5 text-sm outline-none"
-              value={collisionStrategy}
-              onChange={(e) => {
-                setCollisionStrategy(e.target.value as CompanyPortabilityCollisionStrategy);
-                setImportPreview(null);
-              }}
+          {targetMode === "existing" && (
+            <Field
+              label="Default collision strategy"
+              hint="Controls what happens when imported slugs already exist."
             >
-              <option value="rename">Rename imported agents</option>
-              <option value="skip">Skip existing agents</option>
-              <option value="replace">Replace existing agents</option>
-            </select>
-          </Field>
+              <select
+                className="w-full rounded-md border border-border bg-transparent px-2.5 py-1.5 text-sm outline-none"
+                value={collisionStrategy}
+                onChange={(e) => {
+                  setCollisionStrategy(e.target.value as CompanyPortabilityCollisionStrategy);
+                  setImportPreview(null);
+                }}
+              >
+                <option value="rename">Rename imported agents</option>
+                <option value="skip">Skip existing agents</option>
+                <option value="replace">Replace existing agents</option>
+              </select>
+            </Field>
+          )}
         </div>
 
         {targetMode === "new" && (