accounted/components/dashboard/DashboardContent.tsx

'use client'

import { useState } from 'react'
import Link from 'next/link'
import { useTranslations } from 'next-intl'
import { Card, CardContent } from '@/components/ui/card'
import { Badge } from '@/components/ui/badge'
import { useCapability, useCompany } from '@/contexts/CompanyContext'
import { CAPABILITY } from '@/lib/entitlements/keys'
import NewUserChecklist from '@/components/onboarding/NewUserChecklist'
import AttGoraSection from '@/components/dashboard/AttGoraSection'
import ResumePane from '@/components/dashboard/ResumePane'
import BackupHealthBanner from '@/components/dashboard/BackupHealthBanner'
import { SkatteverketPromoCard } from '@/components/dashboard/SkatteverketPromoCard'
import { ArrowRight, MessageCircle } from 'lucide-react'
import type { InitialSetupState, OnboardingProgress } from '@/types'
import type { SuggestedMatch, WorklistCounts } from '@/lib/worklist/types'
import type { ResumeItem } from '@/lib/worklist/resume'

interface DashboardContentProps {
  companyId: string
  /** Signed-in user's first name for the greeting; null falls back to a
   *  nameless greeting. */
  userFirstName?: string | null
  /** Expiring PSD2 consents (dashboard-only worklist extra). */
  expiringBankConnections?: { id: string; bank_name: string; days_left: number }[]
  /** Unified pending-work counts from lib/worklist: same source as the sidebar badges. */
  worklist: WorklistCounts
  /** High-confidence transaction↔invoice matches for inline one-click confirm. */
  suggestedMatches: SuggestedMatch[]
  /** In-progress work for the Fortsätt pane (lib/worklist/resume). */
  resumeItems: ResumeItem[]
  onboardingProgress?: OnboardingProgress
  initialSetup: InitialSetupState
  /**
   * False until the company has a verified agent_profile. When false the hero
   * slot shows a build-assistant prompt instead of the next-best-action card,
   * so existing/migrated users are nudged to build the assistant without a
   * full-screen onboarding takeover.
   */
  agentBuilt?: boolean
}

/**
 * Hem (concept scene 14): greeting, then the two panes side by side:
 * Att göra (obligations, lib/worklist) and Fortsätt (in-progress work,
 * lib/worklist/resume). KPI tiles, revenue/expense cards and the deadline/tax
 * widgets left the page (founder direction, dev_docs/last_session_resume.md
 * §8): the numbers live at /kpi and /reports, deadlines render as Bevaka rows.
 */
export default function DashboardContent({
  companyId,
  userFirstName,
  expiringBankConnections,
  worklist,
  suggestedMatches,
  resumeItems,
  onboardingProgress,
  initialSetup,
  agentBuilt = true,
}: DashboardContentProps) {
  const t = useTranslations('dashboard')
  const hasAi = useCapability(CAPABILITY.ai)
  const { company } = useCompany()

  // Time-of-day greeting (concept: "God morgon, Jakob."). Client-side clock
  // on purpose (the user's local morning, not the server's), captured once
  // so render stays pure.
  const [greetingNow] = useState(() => new Date())
  const hour = greetingNow.getHours()
  const greeting =
    hour < 10 ? t('greeting_morning') : hour < 17 ? t('greeting_day') : t('greeting_evening')
  const dateLine = new Intl.DateTimeFormat('sv-SE', {
    weekday: 'long',
    day: 'numeric',
    month: 'long',
  }).format(greetingNow)

  return (
    <div className="stagger-enter space-y-8">
      <BackupHealthBanner />

      {/* Greeting hero (concept scene 14) */}
      <section>
        <h1 className="font-display text-2xl leading-8 tracking-tight">
          {userFirstName ? `${greeting}, ${userFirstName}.` : `${greeting}.`}
        </h1>
        <p className="mt-1.5 text-[13px] text-muted-foreground">
          {dateLine}
          {company?.name ? ` · ${company.name}` : ''}
        </p>
      </section>

      <NewUserChecklist
        initialState={initialSetup}
        hasBookkeepingImported={!!onboardingProgress?.hasSIEImport}
        hasBankConnected={!!onboardingProgress?.hasBankConnected}
        hasSkatteverketConnected={!!onboardingProgress?.hasSkatteverketConnected}
        hasAgentBuilt={agentBuilt}
      />

      {/* Build-assistant hero: shown only until the company has a verified
          agent_profile, so existing/migrated users get a clear prompt instead
          of a full-screen onboarding takeover. */}
      {!agentBuilt && (
        <section>
          {/* Non-payers keep seeing the hero (conversion surface) but it
              routes to billing instead of a build flow that would 403. */}
          <Link href={hasAi ? '/onboarding/agent' : '/settings/billing'} className="block group">
            <Card className="transition-colors hover:border-primary/50">
              <CardContent className="p-6 flex items-center gap-4">
                <div className="flex-shrink-0 h-10 w-10 rounded-lg flex items-center justify-center bg-foreground text-background">
                  <MessageCircle className="h-5 w-5" />
                </div>
                <div className="flex-1 min-w-0">
                  <div className="flex items-center gap-2">
                    <p className="font-display text-xl leading-tight">Bygg din bokföringsassistent</p>
                    <Badge variant="secondary" className="uppercase tracking-wider">Beta</Badge>
                  </div>
                  <p className="text-sm text-muted-foreground mt-1">
                    {hasAi
                      ? 'Några frågor om din verksamhet kalibrerar en assistent som föreslår bokföring åt dig.'
                      : 'Ingår i abonnemanget: en assistent som föreslår bokföring åt dig.'}
                  </p>
                </div>
                <div className="hidden sm:flex items-center gap-1.5 text-sm font-medium text-foreground group-hover:translate-x-0.5 transition-transform">
                  <span>{hasAi ? 'Kom igång' : 'Uppgradera'}</span>
                  <ArrowRight className="h-4 w-4" />
                </div>
              </CardContent>
            </Card>
          </Link>
        </section>
      )}

      {/* The two panes (concept hem-grid). When nothing is in progress the
          right pane renders null and Att göra takes the full width. */}
      <div
        className={
          resumeItems.length > 0 ? 'grid items-start gap-x-6 gap-y-8 md:grid-cols-2' : undefined
        }
      >
        <AttGoraSection
          worklist={worklist}
          suggestedMatches={suggestedMatches}
          expiringBankConnections={expiringBankConnections}
        />
        <ResumePane items={resumeItems} />
      </div>

      {/* Connect-Skatteverket nudge for existing companies. Gated on
          agentBuilt so it never stacks under the build-assistant hero:
          one CTA surface at a time. */}
      {agentBuilt && (
        <SkatteverketPromoCard
          companyId={companyId}
          connected={!!onboardingProgress?.hasSkatteverketConnected}
        />
      )}
    </div>
  )
}