complete UI CSS ownership remediation

packages/cli/src/build.ts

@@ -148,7 +148,12 @@ export async function runBuild(appRoot: string): Promise<void> {
   const pluginContributions = await pluginRunner.contributions();
   const { generateApplicationTypes } = await import("./types.ts");
   generateApplicationTypes(root, pluginContributions);
-  const componentDirs = [uiComponentsDir(), ...pluginContributions.componentDirs];
+  const bundledUiDir = uiComponentsDir();
+  const componentDirs = [
+    bundledUiDir,
+    join(bundledUiDir, "..", "styles"),
+    ...pluginContributions.componentDirs,
+  ];
   await pluginRunner.hook("buildStart");
   const virtualModules = new Map<string, string>();
   for (const [index, module] of pluginContributions.virtualModules.entries()) {

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,
   });