Jakob WennbergandClaude Opus 4.8
b800dcd403
* style(ui): system-wide UX/UI polish pass — design-system conformance + copy cleanup Multi-agent scan of all 404 UI files against the locked design system, then 141 verified surgical fixes across 109 files (net -32 lines): - Remove forbidden elevation/motion: shadow-* and rounded-xl on cards, active:scale bounce, hover:shadow on list items, transition-all -> transition-colors. - Drop font-medium from single-weight Hedvig display headings/numerals. - Replace raw rainbow Tailwind status colors with Badge variants / brand tokens / neutral surfaces (achromatic chrome, semantic colors stay data-only). - Route raw dates through formatDate(), hand-rolled currency through formatCurrency(), add tabular-nums to financial figures; text-gray-* -> text-foreground tokens. - Swap hand-rolled skeletons for the Skeleton primitive; off-scale spacing -> token scale. - Fix copy: mislabeled "Leverantörsfakturor" -> "Utgifter" on bank-import outflow total, collapse no-op identical-branch ternaries, broken Swedish diacritics (mojibake), correct mismatch-password toast, correct supplier currency-field label. - Remove PII-leaking debug console.log on register, stray console.logs. Verified: tsc clean on all changed files, eslint clean, production build passes. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * fix(auth): sanitize residual error logs in register flow Follow-up to PR review (compliance swarm V16 / GDPR Art.5(1)(f)): the remaining console.error calls in the register flow passed raw error objects, which Supabase may populate with PII (email) in nested fields. Log only sanitized message strings instead. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
'use client'
|
|
|
|
import { useRouter } from 'next/navigation'
|
|
import { useState } from 'react'
|
|
import AgentChat from './AgentChat'
|
|
import AgentAvatar from './AgentAvatar'
|
|
import SandboxAgentPreview from './SandboxAgentPreview'
|
|
import { useAgentSheet } from './AgentSheetProvider'
|
|
import { useCompanyOptional } from '@/contexts/CompanyContext'
|
|
|
|
// Inline starter used by suggestion chips and ⌘K. Mirrors ChatIntakeStarter
|
|
// but accepts any intent + seed so we don't fork the intake-specific
|
|
// onboarding path. When AgentChat emits the new conversation_id, the URL
|
|
// is swapped to /chat/[id] so reload / share / browser-back all work.
|
|
export default function ChatNewStarter({
|
|
intentId,
|
|
seedUserMessage,
|
|
}: {
|
|
intentId: string
|
|
seedUserMessage?: string
|
|
}) {
|
|
const router = useRouter()
|
|
const { identity } = useAgentSheet()
|
|
const companyCtx = useCompanyOptional()
|
|
const isSandbox = companyCtx?.isSandbox ?? false
|
|
const agentName = identity.displayName?.trim() || 'Din assistent'
|
|
const [swapped, setSwapped] = useState(false)
|
|
|
|
return (
|
|
<>
|
|
<header className="flex items-center gap-3 border-b border-border px-6 py-4 shrink-0">
|
|
<AgentAvatar avatarId={identity.avatarId} size="sm" alt={agentName} />
|
|
<div className="min-w-0">
|
|
<h1 className="font-display text-lg tracking-tight truncate">{agentName}</h1>
|
|
<p className="text-xs text-muted-foreground truncate">
|
|
{isSandbox ? 'Förhandsvisning — avstängd i sandlådan' : 'Ny konversation'}
|
|
</p>
|
|
</div>
|
|
</header>
|
|
|
|
<div className="flex-1 min-h-0 flex flex-col">
|
|
{isSandbox ? (
|
|
<SandboxAgentPreview agentName={agentName} />
|
|
) : (
|
|
<AgentChat
|
|
intentId={intentId}
|
|
seedUserMessage={seedUserMessage}
|
|
initialMessages={[]}
|
|
initialConversationId={null}
|
|
onFirstTurnComplete={(id) => {
|
|
// Wait for the first turn to finish before swapping the URL —
|
|
// otherwise the unmount aborts the in-flight stream and
|
|
// /chat/[id] hydrates with only the user message.
|
|
if (swapped) return
|
|
setSwapped(true)
|
|
router.replace(`/chat/${id}`)
|
|
}}
|
|
scrollerClassName="px-6 py-8"
|
|
/>
|
|
)}
|
|
</div>
|
|
</>
|
|
)
|
|
}
|