fix(FN-2278): align Pi extensions source badges and toggle styling

- Add "package" as a supported Pi extension source type and show a human-readable label in the manager
- Extend PiExtensionsManager tests to cover package-sourced extensions in name, source, path, and toggle assertions
- Add an accessible aria-label to each extension toggle control
- Resolve toggle switch CSS conflict by adopting token-based sizing, stronger focus styling, and disabled-state visuals

packages/dashboard/app/components/PiExtensionsManager.tsx

@@ -46,6 +46,7 @@ function getSourceLabel(source: PiExtensionEntry["source"]): string {
     "pi-global": "Pi Global",
     "fusion-project": "Fusion Project",
     "pi-project": "Pi Project",
+    package: "Package",
   };
   return labels[source] ?? source;
 }
@@ -428,6 +429,7 @@ export function PiExtensionsManager({ addToast, projectId }: PiExtensionsManager
                       checked={ext.enabled}
                       onChange={() => void handleToggleExtension(ext)}
                       disabled={updatingExtensions}
+                      aria-label={`Toggle ${ext.name}`}
                     />
                     <span className="toggle-slider" />
                   </label>

packages/dashboard/app/components/__tests__/PiExtensionsManager.test.tsx

@@ -73,6 +73,7 @@ const mockExtensions = [
   { id: "ext-1", name: "Example Extension", source: "fusion-global" as const, path: "/path/to/ext-1", enabled: true },
   { id: "ext-2", name: "Another Extension", source: "pi-project" as const, path: "/path/to/ext-2", enabled: false },
   { id: "ext-3", name: "Fusion Project Extension", source: "fusion-project" as const, path: "/path/to/ext-3", enabled: true },
+  { id: "ext-4", name: "Package Extension", source: "package" as const, path: "/path/to/ext-4", enabled: true },
 ];
 
 const mockExtensionsSettings = {
@@ -429,6 +430,7 @@ describe("PiExtensionsManager", () => {
         expect(screen.getByText("Example Extension")).toBeTruthy();
         expect(screen.getByText("Another Extension")).toBeTruthy();
         expect(screen.getByText("Fusion Project Extension")).toBeTruthy();
+        expect(screen.getByText("Package Extension")).toBeTruthy();
       });
     });
 
@@ -442,6 +444,7 @@ describe("PiExtensionsManager", () => {
         expect(screen.getByText("Fusion Global")).toBeTruthy();
         expect(screen.getByText("Pi Project")).toBeTruthy();
         expect(screen.getByText("Fusion Project")).toBeTruthy();
+        expect(screen.getByText("Package")).toBeTruthy();
       });
     });
 
@@ -455,6 +458,7 @@ describe("PiExtensionsManager", () => {
         expect(screen.getByText("/path/to/ext-1")).toBeTruthy();
         expect(screen.getByText("/path/to/ext-2")).toBeTruthy();
         expect(screen.getByText("/path/to/ext-3")).toBeTruthy();
+        expect(screen.getByText("/path/to/ext-4")).toBeTruthy();
       });
     });
 
@@ -466,10 +470,11 @@ describe("PiExtensionsManager", () => {
 
       await waitFor(() => {
         const toggles = screen.getAllByRole("checkbox");
-        expect(toggles).toHaveLength(3);
+        expect(toggles).toHaveLength(4);
         expect(toggles[0]).toBeChecked(); // ext-1 enabled
         expect(toggles[1]).not.toBeChecked(); // ext-2 disabled
         expect(toggles[2]).toBeChecked(); // ext-3 enabled
+        expect(toggles[3]).toBeChecked(); // ext-4 enabled
       });
     });