fix(ceo-web): correct imports in LegislationPage (session-provider + apiFetch pattern)
This commit is contained in:
parent
56ba4da17e
commit
5b734aa14b
1 changed files with 35 additions and 65 deletions
|
|
@ -1,26 +1,22 @@
|
|||
'use client';
|
||||
import { useState } from 'react';
|
||||
import { useSession } from '../../../lib/session';
|
||||
import { useQuery } from '@tanstack/react-query';
|
||||
import { apiFetch } from '../../../lib/api';
|
||||
import { useSession } from '../../../components/session-provider';
|
||||
|
||||
interface LegResult {
|
||||
country?: string;
|
||||
section?: string;
|
||||
text?: string;
|
||||
source_id?: string;
|
||||
[key: string]: unknown;
|
||||
}
|
||||
|
||||
interface ApiSearchResponse {
|
||||
scenario?: string;
|
||||
country_filter?: string;
|
||||
results?: LegResult[];
|
||||
}
|
||||
|
||||
type Mode = 'search' | 'ask';
|
||||
|
||||
export default function LegislationPage() {
|
||||
const { session } = useSession();
|
||||
const { activeTenant } = useSession();
|
||||
const tenantId = activeTenant?.tenantId ?? null;
|
||||
|
||||
const [mode, setMode] = useState<Mode>('ask');
|
||||
const [input, setInput] = useState('');
|
||||
const [country, setCountry] = useState('DE');
|
||||
|
|
@ -32,32 +28,29 @@ export default function LegislationPage() {
|
|||
|
||||
async function handleSubmit(e: React.FormEvent) {
|
||||
e.preventDefault();
|
||||
if (!input.trim() || !session) return;
|
||||
if (!input.trim()) return;
|
||||
setLoading(true); setError(null); setResults([]); setAiAnswer(null);
|
||||
|
||||
try {
|
||||
const headers = {
|
||||
Authorization: `Bearer ${session.access_token}`,
|
||||
'x-tenant-id': session.tenant_id,
|
||||
'Content-Type': 'application/json',
|
||||
};
|
||||
|
||||
if (mode === 'search') {
|
||||
const data: ApiSearchResponse = await apiFetch('/v1/external/legislation/search', {
|
||||
method: 'POST', headers,
|
||||
body: JSON.stringify({ scenario: input.trim(), country, topK: 10 }),
|
||||
const data = await apiFetch<{ results?: LegResult[] }>('/v1/external/legislation/search', {
|
||||
method: 'POST',
|
||||
body: { scenario: input.trim(), country, topK: 10 },
|
||||
tenantId,
|
||||
});
|
||||
setResults(data.results ?? []);
|
||||
} else {
|
||||
const data = await apiFetch('/v1/external/legislation/ask', {
|
||||
method: 'POST', headers,
|
||||
body: JSON.stringify({
|
||||
const data = await apiFetch<{ textResponse?: string; response?: string }>('/v1/external/legislation/ask', {
|
||||
method: 'POST',
|
||||
body: {
|
||||
message: `${input.trim()} (context juridic: ${country})`,
|
||||
sessionId: 'ceo-legislation-' + Date.now(),
|
||||
}),
|
||||
}) as Record<string, unknown>;
|
||||
const text = (data?.textResponse ?? data?.response ?? data?.message ?? '') as string;
|
||||
setAiAnswer(text);
|
||||
country,
|
||||
type: 'general',
|
||||
sessionId: `ceo-legislation-${Date.now()}`,
|
||||
},
|
||||
tenantId,
|
||||
});
|
||||
setAiAnswer(data?.textResponse ?? data?.response ?? '');
|
||||
}
|
||||
setSearched(true);
|
||||
} catch {
|
||||
|
|
@ -79,7 +72,6 @@ export default function LegislationPage() {
|
|||
</p>
|
||||
</div>
|
||||
|
||||
{/* Mode toggle */}
|
||||
<div className="flex gap-1 p-1 bg-muted rounded-lg w-fit">
|
||||
{(['ask', 'search'] as Mode[]).map((m) => (
|
||||
<button key={m} onClick={() => setMode(m)}
|
||||
|
|
@ -88,7 +80,7 @@ export default function LegislationPage() {
|
|||
? 'bg-background shadow-sm text-foreground'
|
||||
: 'text-muted-foreground hover:text-foreground'
|
||||
}`}>
|
||||
{m === 'ask' ? '🤖 Întreabă agentul AI' : '📄 Caută în corpus'}
|
||||
{m === 'ask' ? 'Întreabă agentul AI' : 'Caută în corpus'}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
|
|
@ -100,72 +92,52 @@ export default function LegislationPage() {
|
|||
? 'ex: Am o firmă GmbH în Germania și vreau să angajez remote din România. Ce obligații legale am?'
|
||||
: 'Descrie situația ta complet pentru a obține secțiunile de lege relevante...'
|
||||
}
|
||||
className="w-full rounded-lg border bg-background px-4 py-3 text-sm
|
||||
focus:outline-none focus:ring-2 focus:ring-ring resize-none"
|
||||
className="w-full rounded-lg border bg-background px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-ring resize-none"
|
||||
/>
|
||||
<div className="flex gap-3 flex-wrap">
|
||||
<select value={country} onChange={(e) => setCountry(e.target.value)}
|
||||
className="rounded-lg border bg-background px-3 py-2 text-sm
|
||||
focus:outline-none focus:ring-2 focus:ring-ring">
|
||||
className="rounded-lg border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring">
|
||||
<option value="DE">Germania (DE)</option>
|
||||
<option value="RO">România (RO)</option>
|
||||
<option value="EU">UE (EU)</option>
|
||||
<option value="AT">Austria (AT)</option>
|
||||
<option value="FR">Franța (FR)</option>
|
||||
<option value="UK">UK (UK)</option>
|
||||
</select>
|
||||
<button type="submit" disabled={loading || !input.trim()}
|
||||
className="rounded-lg bg-primary px-6 py-2 text-sm font-medium
|
||||
text-primary-foreground hover:bg-primary/90 disabled:opacity-50">
|
||||
className="rounded-lg bg-primary px-6 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50">
|
||||
{loading ? (mode === 'ask' ? 'Agent răspunde...' : 'Se caută...') : (mode === 'ask' ? 'Întreabă' : 'Caută')}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{error && (
|
||||
<div className="rounded-lg border border-destructive/40 bg-destructive/10 px-4 py-3
|
||||
text-sm text-destructive">
|
||||
<div className="rounded-lg border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive">
|
||||
{error}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* AI Answer */}
|
||||
{aiAnswer && (
|
||||
<div className="rounded-xl border bg-card p-5 space-y-3">
|
||||
<div className="flex items-center gap-2 text-sm font-medium">
|
||||
<span>🤖</span>
|
||||
<span>Răspuns agent legislație</span>
|
||||
</div>
|
||||
<div className="text-sm leading-relaxed whitespace-pre-wrap text-foreground">
|
||||
{aiAnswer}
|
||||
</div>
|
||||
<p className="text-sm font-medium">Răspuns agent legislație</p>
|
||||
<div className="text-sm leading-relaxed whitespace-pre-wrap text-foreground">{aiAnswer}</div>
|
||||
<p className="text-xs text-muted-foreground border-t pt-2">
|
||||
Generat de agentul AnythingLLM · Nu constituie consultanță juridică
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Vector search results */}
|
||||
{results.length > 0 && (
|
||||
<div className="space-y-3">
|
||||
<p className="text-sm text-muted-foreground">
|
||||
{results.length} secțiuni relevante găsite
|
||||
</p>
|
||||
<p className="text-sm text-muted-foreground">{results.length} secțiuni relevante găsite</p>
|
||||
{results.map((r, i) => (
|
||||
<div key={i} className="rounded-xl border bg-card p-4 space-y-2">
|
||||
<div className="flex items-center gap-2">
|
||||
{r.country && (
|
||||
<span className="text-xs bg-primary/10 text-primary px-2 py-0.5 rounded font-mono font-medium">
|
||||
{r.country}
|
||||
</span>
|
||||
)}
|
||||
{r.section && (
|
||||
<span className="text-sm font-medium">{r.section}</span>
|
||||
<span className="text-xs bg-primary/10 text-primary px-2 py-0.5 rounded font-mono font-medium">{r.country}</span>
|
||||
)}
|
||||
{r.section && <span className="text-sm font-medium">{r.section}</span>}
|
||||
</div>
|
||||
{r.text && (
|
||||
<p className="text-xs text-muted-foreground leading-relaxed line-clamp-4">
|
||||
{r.text}
|
||||
</p>
|
||||
)}
|
||||
{r.text && <p className="text-xs text-muted-foreground leading-relaxed line-clamp-4">{r.text}</p>}
|
||||
<p className="text-xs text-muted-foreground/60">{r.source_id}</p>
|
||||
</div>
|
||||
))}
|
||||
|
|
@ -173,10 +145,8 @@ export default function LegislationPage() {
|
|||
)}
|
||||
|
||||
{searched && !loading && results.length === 0 && !aiAnswer && !error && (
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Niciun rezultat pentru scenariul introdus.
|
||||
</p>
|
||||
<p className="text-sm text-muted-foreground">Niciun rezultat pentru scenariul introdus.</p>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue