@if (showLogin()) {
  <app-login (signedIn)="afterLogin()" />
}

<div class="shell" [class.drawer]="drawerOpen()">
  <app-sidebar
    class="sidebar"
    [conversations]="store.conversations()"
    [activeId]="store.activeId()"
    [connection]="store.connectionState()"
    [version]="store.version()"
    [account]="membersMode() ? auth.displayName() : ''"
    [canManageMembers]="canManageMembers()"
    [showCompany]="auth.legacyCompany()"
    [showTools]="auth.legacyTools()"
    (select)="pick($event)"
    (create)="createChat()"
    (remove)="store.deleteConversation($event)"
    (rename)="store.renameConversation($event.id, $event.title)"
    (settings)="openRoute('/ayarlar')"
    (skills)="openRoute('/skiller')"
    (tools)="openRoute('/araclar')"
    (workflows)="openRoute('/akislar')"
    (memory)="openRoute('/hafiza')"
    (notifications)="openRoute('/bildirimler')"
    (knowledge)="openRoute('/bilgi')"
    (company)="openRoute('/sirket')"
    (system)="openRoute('/sistem')"
    (members)="openRoute('/uyeler')"
    (prompts)="openRoute('/istem')"
    (logout)="logout()"
    (profile)="openRoute('/hesabim')"
  />

  @if (drawerOpen()) {
    <div class="backdrop" (click)="drawerOpen.set(false)" aria-hidden="true"></div>
  }

  <main class="chat">
    <header class="topbar">
      <button type="button" class="menu" title="Sohbetler" aria-label="Sohbet listesini aç" (click)="drawerOpen.set(true)">☰</button>
      <div class="title">
        <h1>{{ store.activeConversation()?.title ?? 'Yeni sohbet' }}</h1>
        @if (store.activeConversation(); as c) {
          <span class="sub">{{ c.id }}</span>
        }
      </div>
      <div class="top-actions">
        <button
          type="button"
          class="bell"
          title="Bildirimler"
          aria-label="Bildirimler"
          (click)="openRoute('/bildirimler')"
        >
          <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 8a6 6 0 1 0-12 0c0 6-2 7-2 7h16s-2-1-2-7z"/><path d="M10.5 19a2 2 0 0 0 3 0"/></svg>
          @if (showNotifyBadge()) {
            <span class="count">{{ notifyBadge() }}</span>
          }
        </button>
        <button type="button" class="gear" title="Ayarlar" aria-label="Ayarlar" (click)="openRoute('/ayarlar')">⚙</button>
        <app-orb [state]="store.state()" [compact]="true" />
      </div>
    </header>

    @if (store.error(); as err) {
      <div class="error" role="alert">
        <strong>{{ err.code }}</strong>
        <span>{{ err.message }}</span>
        <button type="button" (click)="store.dismissError()">kapat</button>
      </div>
    }

    <section class="stream">
      <app-tool-runs [runs]="store.toolRuns()" />
      <app-message-list [messages]="store.messages()" [conversationId]="store.activeId() ?? ''" (suggest)="store.send($event)" />
    </section>

    <footer class="input">
      <app-claim-summary />
      <app-composer
        [busy]="store.busy()"
        [disabled]="store.loading() || !store.activeId()"
        [mic]="store.mic()"
        [speaker]="store.speaker()"
        [micAvailable]="store.micAvailable()"
        [speakerAvailable]="store.speakerAvailable()"
        (send)="store.send($event)"
        (cancel)="store.cancel()"
        (micToggle)="store.toggleVoice()"
        (speakerToggle)="store.toggleSpeaker()"
      />
    </footer>
  </main>
</div>

<!--
  Sağdan açılan TÜM paneller rotadır (adresler ve eşlemeleri: app.routes.ts). Hepsi TEMBEL yüklenir.
  Yoklama bitmeden ya da giriş ekranı açıkken çizilmez (bkz. App.showRoutes): derin bağlantıyla gelen
  kullanıcıda panel oturumdan önce 401'li istek atmasın. Yönetici ekranlarının erişim kapısı
  ekranın kendisindedir (features/admin/admin-access.ts); asıl koruma sunucudadır.
-->
@if (showRoutes()) {
  <router-outlet />
}