complete UI CSS ownership remediation

packages/cli/src/inspect.ts

@@ -11,7 +11,10 @@ export type InspectTarget =
 
 export function inspectComponent(appRoot: string, requestedName: string): unknown {
   const root = resolve(appRoot);
-  const router = buildRouter(join(root, "app"), { componentDirs: [uiComponentsDir()] });
+  const bundledUiDir = uiComponentsDir();
+  const router = buildRouter(join(root, "app"), {
+    componentDirs: [bundledUiDir, join(bundledUiDir, "..", "styles")],
+  });
   const component = router.components.find(
     (candidate) => candidate.name.toLowerCase() === requestedName.toLowerCase(),
   );
@@ -139,7 +142,11 @@ export async function inspectProject(appRoot: string, target: InspectTarget): Pr
       database: database ?? "default",
     }));
   const router = buildRouter(join(root, "app"), {
-    componentDirs: [uiComponentsDir(), ...contributions.componentDirs],
+    componentDirs: [
+      uiComponentsDir(),
+      join(uiComponentsDir(), "..", "styles"),
+      ...contributions.componentDirs,
+    ],
     externalRoutes: contributions.routes,
     middlewareFiles: contributions.middleware,
   });