first commit

apps/web/src/app/app.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
+import { AuthFacade } from '@task-stream/web/identity/application';
+import { UserMenuComponent } from '@task-stream/web/identity/presenters';
+import { AppShellComponent } from '@task-stream/web/shared/ui';
+
+@Component({
+  selector: 'ts-root',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [
+    RouterOutlet,
+    RouterLink,
+    RouterLinkActive,
+    AppShellComponent,
+    UserMenuComponent,
+  ],
+  template: `
+    <ts-app-shell>
+      @if (auth.isAuthenticated()) {
+        <a
+          shellNav
+          class="ts-nav-link"
+          routerLink="/"
+          routerLinkActive="is-active"
+          [routerLinkActiveOptions]="{ exact: true }"
+        >
+          Proyectos
+        </a>
+      }
+      @if (auth.isAuthenticated()) {
+        <ts-user-menu shellUser />
+      }
+      <router-outlet />
+    </ts-app-shell>
+  `,
+})
+export class App {
+  protected readonly auth = inject(AuthFacade);
+}