feat(import): wire feature into server and web shell; browser-safe web entry

Co-Authored-By: Claude Opus 5.5 <[email protected]>

packages/feature-import/src/index.ts

@@ -1,4 +1,4 @@
-import type { Feature, JobHandler, ServerContext, WebFeature } from "@stc/contracts";
+import type { Feature, JobHandler, ServerContext } from "@stc/contracts";
 import type { Deps, ImportOptions } from "./context";
 import { importCodeRepo } from "./jobs/code-repo";
 import { importPacktVideo } from "./jobs/packt-video";
@@ -34,7 +34,4 @@ export function importFeature(ctx: ServerContext, opts: ImportOptions = {}): Fea
   };
 }
 
-export const importWeb: WebFeature = {
-  name: "import",
-  routes: [{ path: "/admin/import", element: () => import("./web/ImportPage"), nav: { label: "Import", area: "admin" } }],
-};
+export { importWeb } from "./web";

packages/feature-import/src/web.ts

@@ -0,0 +1,7 @@
+import type { WebFeature } from "@stc/contracts";
+
+/** Browser-safe entry (no server imports): apps/web imports this as "@stc/feature-import/web". */
+export const importWeb: WebFeature = {
+  name: "import",
+  routes: [{ path: "/admin/import", element: () => import("./web/ImportPage"), nav: { label: "Import", area: "admin" } }],
+};