Jakob Wennberg
bfd5b42eb1
The Assistenten settings hub used to open on Minne, with the konteringskarta buried two clicks away (Kunskap tab, below a second nested tab row). Now /settings/assistant opens on Kunskap and the LedgerGraph hero is the first thing on screen. - Kunskap is the default view and first tab; Minne moves to ?view=memory (old ?view=knowledge links still resolve to the default) - Drop the nested Kompetens/Minne/Regler & profil tab row inside the Kunskap view: Kompetens and Minne duplicated the top-level tabs one row above; Regler & profil now renders inline under the graph with a section header (KnowledgeTabs.tsx deleted) - Restore vertical rhythm (space-y-8) between the hero, detail section and footer, lost when the view moved into the settings tabs - Update redirects and memory deep links (/settings/agent-memory, AgentChat memory chips, FactsCard manage link) to ?view=memory - Match the loading skeleton to the new layout Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
87 lines
2.6 KiB
TypeScript
87 lines
2.6 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect, useState } from 'react'
|
|
import { useTranslations } from 'next-intl'
|
|
import { Skeleton } from '@/components/ui/skeleton'
|
|
import { EmptyState } from '@/components/ui/empty-state'
|
|
import { Brain } from 'lucide-react'
|
|
import type { LedgerContext } from '@/lib/agent-context/ledger-context'
|
|
import type { DeepLedgerContext } from '@/lib/agent-context/ledger-deep'
|
|
import type { AgentCompetence } from '@/lib/agent-context/agent-competence'
|
|
import { AgentKnowledgeView } from './AgentKnowledgeView'
|
|
|
|
interface KnowledgePayload {
|
|
context: LedgerContext
|
|
deep: DeepLedgerContext
|
|
competence: AgentCompetence
|
|
companyName: string
|
|
}
|
|
|
|
/**
|
|
* Client wrapper for the "Vad din agent vet" view inside the assistant
|
|
* settings hub. Fetches the ledger context from /api/agent/knowledge on mount
|
|
* (lazy: this panel only renders when the Kunskap tab is opened, since Radix
|
|
* unmounts inactive tabs). Fetching client-side rather than via a server prop
|
|
* is deliberate: the settings sections mount as propless components in BOTH
|
|
* the full-page rail and the routed settings modal, so a server fetch wouldn't
|
|
* reach the modal.
|
|
*/
|
|
export function AgentKnowledgePanel() {
|
|
const t = useTranslations('agentKnowledge')
|
|
const [payload, setPayload] = useState<KnowledgePayload | null>(null)
|
|
const [error, setError] = useState(false)
|
|
|
|
useEffect(() => {
|
|
let cancelled = false
|
|
fetch('/api/agent/knowledge')
|
|
.then((res) => {
|
|
if (!res.ok) throw new Error(`knowledge fetch failed: ${res.status}`)
|
|
return res.json()
|
|
})
|
|
.then((json) => {
|
|
if (!cancelled) setPayload(json.data as KnowledgePayload)
|
|
})
|
|
.catch(() => {
|
|
if (!cancelled) setError(true)
|
|
})
|
|
return () => {
|
|
cancelled = true
|
|
}
|
|
}, [])
|
|
|
|
if (error) {
|
|
return (
|
|
<EmptyState
|
|
icon={Brain}
|
|
title={t('load_error_title')}
|
|
description={t('load_error_description')}
|
|
/>
|
|
)
|
|
}
|
|
|
|
if (!payload) {
|
|
// Mirrors the loaded layout: graph hero, section header, two profile cards.
|
|
return (
|
|
<div className="space-y-8">
|
|
<Skeleton className="h-96 w-full rounded-xl" />
|
|
<div className="space-y-4">
|
|
<Skeleton className="h-4 w-40" />
|
|
<div className="grid gap-4 md:grid-cols-2">
|
|
<Skeleton className="h-48 w-full rounded-lg" />
|
|
<Skeleton className="h-48 w-full rounded-lg" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<AgentKnowledgeView
|
|
context={payload.context}
|
|
deep={payload.deep}
|
|
competence={payload.competence}
|
|
companyName={payload.companyName}
|
|
/>
|
|
)
|
|
}
|