Entiteter: merge-verktøy, detaljside og AI-worker
Admin-side for merge av duplikate entiteter med edge-migrering. Entitetsside med inline redigering, slett, relasjoner og mentions. AI text process worker-handler (fix_text, extract_facts, rewrite, translate) med API-endepunkt som oppretter jobbkø-oppgaver. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
592ebdf1d6
commit
50e26e3c48
8 changed files with 1451 additions and 7 deletions
19
web/src/routes/admin/entities/+page.server.ts
Normal file
19
web/src/routes/admin/entities/+page.server.ts
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
import { error } from '@sveltejs/kit';
|
||||||
|
import type { PageServerLoad } from './$types';
|
||||||
|
import { sql } from '$lib/server/db';
|
||||||
|
|
||||||
|
export const load: PageServerLoad = async ({ locals }) => {
|
||||||
|
if (!locals.workspace) error(401);
|
||||||
|
|
||||||
|
// Hent alle entiteter med antall edges (for å identifisere duplikater)
|
||||||
|
const entities = await sql`
|
||||||
|
SELECT e.id, e.name, e.type, e.aliases, e.avatar_url,
|
||||||
|
(SELECT COUNT(*) FROM graph_edges WHERE source_id = e.id OR target_id = e.id) AS edge_count
|
||||||
|
FROM entities e
|
||||||
|
JOIN nodes n ON n.id = e.id
|
||||||
|
WHERE n.workspace_id = ${locals.workspace.id}
|
||||||
|
ORDER BY e.name
|
||||||
|
`;
|
||||||
|
|
||||||
|
return { entities };
|
||||||
|
};
|
||||||
347
web/src/routes/admin/entities/+page.svelte
Normal file
347
web/src/routes/admin/entities/+page.svelte
Normal file
|
|
@ -0,0 +1,347 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import type { PageData } from './$types';
|
||||||
|
|
||||||
|
let { data }: { data: PageData } = $props();
|
||||||
|
|
||||||
|
interface Entity {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
type: string;
|
||||||
|
aliases: string[];
|
||||||
|
avatar_url: string | null;
|
||||||
|
edge_count: number;
|
||||||
|
}
|
||||||
|
|
||||||
|
let entities = $state<Entity[]>(data.entities as Entity[]);
|
||||||
|
let selected = $state<Set<string>>(new Set());
|
||||||
|
let targetId = $state<string | null>(null);
|
||||||
|
let merging = $state(false);
|
||||||
|
let message = $state('');
|
||||||
|
let filter = $state('');
|
||||||
|
|
||||||
|
let filtered = $derived(
|
||||||
|
filter
|
||||||
|
? entities.filter(
|
||||||
|
(e) =>
|
||||||
|
e.name.toLowerCase().includes(filter.toLowerCase()) ||
|
||||||
|
e.aliases?.some((a) => a.toLowerCase().includes(filter.toLowerCase()))
|
||||||
|
)
|
||||||
|
: entities
|
||||||
|
);
|
||||||
|
|
||||||
|
const typeColors: Record<string, string> = {
|
||||||
|
person: '#3b82f6',
|
||||||
|
organisasjon: '#f59e0b',
|
||||||
|
sted: '#10b981',
|
||||||
|
tema: '#8b5cf6',
|
||||||
|
konsept: '#ec4899'
|
||||||
|
};
|
||||||
|
|
||||||
|
function toggleSelect(id: string) {
|
||||||
|
const next = new Set(selected);
|
||||||
|
if (next.has(id)) {
|
||||||
|
next.delete(id);
|
||||||
|
if (targetId === id) targetId = null;
|
||||||
|
} else {
|
||||||
|
next.add(id);
|
||||||
|
}
|
||||||
|
selected = next;
|
||||||
|
}
|
||||||
|
|
||||||
|
function setTarget(id: string) {
|
||||||
|
targetId = id;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function doMerge() {
|
||||||
|
if (!targetId || selected.size < 2) return;
|
||||||
|
const sourceIds = [...selected].filter((id) => id !== targetId);
|
||||||
|
|
||||||
|
merging = true;
|
||||||
|
message = '';
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await fetch('/api/entities/merge', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({ target_id: targetId, source_ids: sourceIds })
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!res.ok) {
|
||||||
|
const err = await res.json().catch(() => ({ message: res.statusText }));
|
||||||
|
message = `Feil: ${err.message ?? res.statusText}`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await res.json();
|
||||||
|
message = `Slettet ${result.merged.join(', ')} → beholdt ${result.target.name} (${result.target.aliases?.length ?? 0} aliaser)`;
|
||||||
|
|
||||||
|
// Oppdater listen
|
||||||
|
entities = entities.filter((e) => !sourceIds.includes(e.id));
|
||||||
|
const idx = entities.findIndex((e) => e.id === targetId);
|
||||||
|
if (idx >= 0) entities[idx] = { ...entities[idx], ...result.target };
|
||||||
|
|
||||||
|
selected = new Set();
|
||||||
|
targetId = null;
|
||||||
|
} catch (e) {
|
||||||
|
message = `Feil: ${e instanceof Error ? e.message : 'ukjent'}`;
|
||||||
|
} finally {
|
||||||
|
merging = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<h1>Entiteter</h1>
|
||||||
|
|
||||||
|
<div class="toolbar">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
class="search"
|
||||||
|
placeholder="Filtrer entiteter..."
|
||||||
|
bind:value={filter}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{#if selected.size >= 2}
|
||||||
|
<div class="merge-bar">
|
||||||
|
<span>{selected.size} valgt</span>
|
||||||
|
{#if targetId}
|
||||||
|
<button class="merge-btn" onclick={doMerge} disabled={merging}>
|
||||||
|
{merging ? 'Slår sammen...' : `Slå sammen → ${entities.find((e) => e.id === targetId)?.name}`}
|
||||||
|
</button>
|
||||||
|
{:else}
|
||||||
|
<span class="hint">Klikk "Behold" på entiteten som skal beholdes</span>
|
||||||
|
{/if}
|
||||||
|
<button class="clear-btn" onclick={() => { selected = new Set(); targetId = null; }}>Avbryt</button>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{#if message}
|
||||||
|
<div class="message" class:error={message.startsWith('Feil')}>{message}</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="col-check"></th>
|
||||||
|
<th>Navn</th>
|
||||||
|
<th>Type</th>
|
||||||
|
<th>Aliaser</th>
|
||||||
|
<th class="col-edges">Edges</th>
|
||||||
|
<th class="col-action"></th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
{#each filtered as entity (entity.id)}
|
||||||
|
<tr class:selected={selected.has(entity.id)} class:is-target={targetId === entity.id}>
|
||||||
|
<td class="col-check">
|
||||||
|
<input
|
||||||
|
type="checkbox"
|
||||||
|
checked={selected.has(entity.id)}
|
||||||
|
onchange={() => toggleSelect(entity.id)}
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<span class="dot" style:background={typeColors[entity.type] ?? '#8b92a5'}></span>
|
||||||
|
{entity.name}
|
||||||
|
</td>
|
||||||
|
<td class="type">{entity.type}</td>
|
||||||
|
<td class="aliases">{entity.aliases?.join(', ') || '—'}</td>
|
||||||
|
<td class="col-edges">{entity.edge_count}</td>
|
||||||
|
<td class="col-action">
|
||||||
|
{#if selected.has(entity.id) && selected.size >= 2}
|
||||||
|
<button
|
||||||
|
class="target-btn"
|
||||||
|
class:active={targetId === entity.id}
|
||||||
|
onclick={() => setTarget(entity.id)}
|
||||||
|
>
|
||||||
|
{targetId === entity.id ? '✓ Beholdes' : 'Behold'}
|
||||||
|
</button>
|
||||||
|
{/if}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{/each}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.page {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #f1f3f5;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.5rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
background: #0f1117;
|
||||||
|
border: 1px solid #2d3148;
|
||||||
|
border-radius: 6px;
|
||||||
|
color: #e1e4e8;
|
||||||
|
padding: 0.4rem 0.6rem;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: #3b82f6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merge-bar {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.75rem;
|
||||||
|
padding: 0.5rem 0.75rem;
|
||||||
|
background: rgba(139, 92, 246, 0.1);
|
||||||
|
border: 1px solid rgba(139, 92, 246, 0.3);
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #c4b5fd;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merge-btn {
|
||||||
|
background: #8b5cf6;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 0.3rem 0.6rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-family: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merge-btn:hover:not(:disabled) {
|
||||||
|
background: #7c3aed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merge-btn:disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clear-btn {
|
||||||
|
background: none;
|
||||||
|
border: 1px solid #2d3148;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #8b92a5;
|
||||||
|
padding: 0.3rem 0.6rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-family: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hint {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: #8b92a5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message {
|
||||||
|
padding: 0.5rem 0.75rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
background: rgba(16, 185, 129, 0.1);
|
||||||
|
color: #6ee7b7;
|
||||||
|
border: 1px solid rgba(16, 185, 129, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.message.error {
|
||||||
|
background: rgba(248, 113, 113, 0.1);
|
||||||
|
color: #fca5a5;
|
||||||
|
border-color: rgba(248, 113, 113, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
text-align: left;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #8b92a5;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
padding: 0.4rem 0.5rem;
|
||||||
|
border-bottom: 1px solid #2d3148;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding: 0.45rem 0.5rem;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: #e1e4e8;
|
||||||
|
border-bottom: 1px solid rgba(45, 49, 72, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
tr.selected {
|
||||||
|
background: rgba(139, 92, 246, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
tr.is-target {
|
||||||
|
background: rgba(16, 185, 129, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.col-check { width: 30px; }
|
||||||
|
.col-edges { width: 60px; text-align: center; }
|
||||||
|
.col-action { width: 80px; }
|
||||||
|
|
||||||
|
.dot {
|
||||||
|
display: inline-block;
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 0.4rem;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type {
|
||||||
|
color: #8b92a5;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aliases {
|
||||||
|
color: #8b92a5;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
max-width: 200px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.target-btn {
|
||||||
|
background: none;
|
||||||
|
border: 1px solid #2d3148;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #8b92a5;
|
||||||
|
padding: 0.2rem 0.4rem;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
font-family: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.target-btn:hover {
|
||||||
|
border-color: #10b981;
|
||||||
|
color: #6ee7b7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.target-btn.active {
|
||||||
|
background: rgba(16, 185, 129, 0.15);
|
||||||
|
border-color: #10b981;
|
||||||
|
color: #6ee7b7;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
50
web/src/routes/api/ai/process/+server.ts
Normal file
50
web/src/routes/api/ai/process/+server.ts
Normal file
|
|
@ -0,0 +1,50 @@
|
||||||
|
import { json, error } from '@sveltejs/kit';
|
||||||
|
import type { RequestHandler } from './$types';
|
||||||
|
import { sql } from '$lib/server/db';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POST /api/ai/process — Opprett AI-behandlingsjobb for en melding.
|
||||||
|
*
|
||||||
|
* Body: { message_id, action?, prompt_override?, model? }
|
||||||
|
*
|
||||||
|
* Oppretter en jobb i job_queue som Rust-workeren plukker opp.
|
||||||
|
* Returnerer jobb-ID umiddelbart (asynkront).
|
||||||
|
*/
|
||||||
|
export const POST: RequestHandler = async ({ request, locals }) => {
|
||||||
|
if (!locals.workspace || !locals.user) error(401);
|
||||||
|
const workspace = locals.workspace;
|
||||||
|
|
||||||
|
const body = await request.json();
|
||||||
|
const { message_id, action, prompt_override, model } = body;
|
||||||
|
|
||||||
|
if (!message_id || typeof message_id !== 'string') {
|
||||||
|
error(400, 'message_id er påkrevd');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Verifiser at meldingen finnes og tilhører workspace
|
||||||
|
const [msg] = await sql`
|
||||||
|
SELECT m.id FROM messages m
|
||||||
|
JOIN nodes n ON n.id = m.id
|
||||||
|
WHERE m.id = ${message_id} AND n.workspace_id = ${workspace.id}
|
||||||
|
`;
|
||||||
|
if (!msg) error(404, 'Melding ikke funnet');
|
||||||
|
|
||||||
|
// Opprett jobb i køen
|
||||||
|
const [job] = await sql`
|
||||||
|
INSERT INTO job_queue (workspace_id, job_type, payload, priority)
|
||||||
|
VALUES (
|
||||||
|
${workspace.id},
|
||||||
|
'ai_text_process',
|
||||||
|
${JSON.stringify({
|
||||||
|
message_id,
|
||||||
|
action: action ?? 'fix_text',
|
||||||
|
prompt_override: prompt_override ?? null,
|
||||||
|
model: model ?? null
|
||||||
|
})}::jsonb,
|
||||||
|
10
|
||||||
|
)
|
||||||
|
RETURNING id, status, created_at
|
||||||
|
`;
|
||||||
|
|
||||||
|
return json({ job_id: job.id, status: job.status }, { status: 202 });
|
||||||
|
};
|
||||||
133
web/src/routes/api/entities/merge/+server.ts
Normal file
133
web/src/routes/api/entities/merge/+server.ts
Normal file
|
|
@ -0,0 +1,133 @@
|
||||||
|
import { json, error } from '@sveltejs/kit';
|
||||||
|
import type { RequestHandler } from './$types';
|
||||||
|
import { sql } from '$lib/server/db';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POST /api/entities/merge — Slå sammen duplikate entiteter.
|
||||||
|
*
|
||||||
|
* Body: { target_id: "uuid", source_ids: ["uuid", ...] }
|
||||||
|
*
|
||||||
|
* target_id = autoritativ entitet som beholdes
|
||||||
|
* source_ids = duplikater som absorberes og slettes
|
||||||
|
*
|
||||||
|
* For hver source:
|
||||||
|
* 1. Flytt alle graph_edges (source_id og target_id) til target
|
||||||
|
* 2. Oppdater mentions i messages.body (data-id attributter)
|
||||||
|
* 3. Legg til source.name som alias på target
|
||||||
|
* 4. Slett source-noden (cascader til entities, edges)
|
||||||
|
*/
|
||||||
|
export const POST: RequestHandler = async ({ request, locals }) => {
|
||||||
|
if (!locals.workspace || !locals.user) error(401);
|
||||||
|
const workspace = locals.workspace;
|
||||||
|
|
||||||
|
const body = await request.json();
|
||||||
|
const { target_id, source_ids } = body;
|
||||||
|
|
||||||
|
if (!target_id || !Array.isArray(source_ids) || source_ids.length === 0) {
|
||||||
|
error(400, 'target_id og source_ids (array) er påkrevd');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (source_ids.includes(target_id)) {
|
||||||
|
error(400, 'target_id kan ikke være i source_ids');
|
||||||
|
}
|
||||||
|
|
||||||
|
// Verifiser at alle entiteter finnes og tilhører workspace
|
||||||
|
const allIds = [target_id, ...source_ids];
|
||||||
|
const entities = await sql`
|
||||||
|
SELECT e.id, e.name, e.aliases
|
||||||
|
FROM entities e
|
||||||
|
JOIN nodes n ON n.id = e.id
|
||||||
|
WHERE e.id = ANY(${allIds}) AND n.workspace_id = ${workspace.id}
|
||||||
|
`;
|
||||||
|
|
||||||
|
if (entities.length !== allIds.length) {
|
||||||
|
error(404, 'En eller flere entiteter ikke funnet i workspace');
|
||||||
|
}
|
||||||
|
|
||||||
|
const targetEntity = entities.find((e) => (e as { id: string }).id === target_id) as {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
aliases: string[];
|
||||||
|
};
|
||||||
|
|
||||||
|
const merged: string[] = [];
|
||||||
|
|
||||||
|
for (const sourceId of source_ids) {
|
||||||
|
const sourceEntity = entities.find((e) => (e as { id: string }).id === sourceId) as {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
aliases: string[];
|
||||||
|
};
|
||||||
|
|
||||||
|
// 1. Flytt graph_edges der source er source_id → target
|
||||||
|
// Bruk ON CONFLICT for å unngå duplikate edges
|
||||||
|
await sql`
|
||||||
|
UPDATE graph_edges
|
||||||
|
SET source_id = ${target_id}
|
||||||
|
WHERE source_id = ${sourceId}
|
||||||
|
AND NOT EXISTS (
|
||||||
|
SELECT 1 FROM graph_edges existing
|
||||||
|
WHERE existing.source_id = ${target_id}
|
||||||
|
AND existing.target_id = graph_edges.target_id
|
||||||
|
AND existing.relation_type = graph_edges.relation_type
|
||||||
|
)
|
||||||
|
`;
|
||||||
|
// Slett eventuelle gjenværende (duplikater som ikke ble flyttet)
|
||||||
|
await sql`
|
||||||
|
DELETE FROM graph_edges WHERE source_id = ${sourceId}
|
||||||
|
`;
|
||||||
|
|
||||||
|
// 2. Flytt graph_edges der source er target_id → target
|
||||||
|
await sql`
|
||||||
|
UPDATE graph_edges
|
||||||
|
SET target_id = ${target_id}
|
||||||
|
WHERE target_id = ${sourceId}
|
||||||
|
AND source_id != ${target_id}
|
||||||
|
AND NOT EXISTS (
|
||||||
|
SELECT 1 FROM graph_edges existing
|
||||||
|
WHERE existing.source_id = graph_edges.source_id
|
||||||
|
AND existing.target_id = ${target_id}
|
||||||
|
AND existing.relation_type = graph_edges.relation_type
|
||||||
|
)
|
||||||
|
`;
|
||||||
|
await sql`
|
||||||
|
DELETE FROM graph_edges WHERE target_id = ${sourceId}
|
||||||
|
`;
|
||||||
|
|
||||||
|
// 3. Oppdater mentions i messages.body (data-id="source" → data-id="target")
|
||||||
|
await sql`
|
||||||
|
UPDATE messages
|
||||||
|
SET body = REPLACE(body, ${`data-id="${sourceId}"`}, ${`data-id="${target_id}"`})
|
||||||
|
WHERE body LIKE ${`%${sourceId}%`}
|
||||||
|
`;
|
||||||
|
|
||||||
|
// 4. Legg til source.name + aliases som alias på target
|
||||||
|
const newAliases = [sourceEntity.name, ...(sourceEntity.aliases ?? [])].filter(
|
||||||
|
(a) => a !== targetEntity.name && !targetEntity.aliases?.includes(a)
|
||||||
|
);
|
||||||
|
if (newAliases.length > 0) {
|
||||||
|
await sql`
|
||||||
|
UPDATE entities
|
||||||
|
SET aliases = aliases || ${newAliases}::text[]
|
||||||
|
WHERE id = ${target_id}
|
||||||
|
`;
|
||||||
|
targetEntity.aliases = [...(targetEntity.aliases ?? []), ...newAliases];
|
||||||
|
}
|
||||||
|
|
||||||
|
// 5. Slett source-noden (cascader til entities via FK)
|
||||||
|
await sql`DELETE FROM nodes WHERE id = ${sourceId}`;
|
||||||
|
|
||||||
|
merged.push(sourceEntity.name);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hent oppdatert target
|
||||||
|
const [result] = await sql`
|
||||||
|
SELECT e.id, e.name, e.type, e.aliases, e.avatar_url
|
||||||
|
FROM entities e WHERE e.id = ${target_id}
|
||||||
|
`;
|
||||||
|
|
||||||
|
return json({
|
||||||
|
merged: merged,
|
||||||
|
target: result
|
||||||
|
});
|
||||||
|
};
|
||||||
71
web/src/routes/entities/[id]/+page.server.ts
Normal file
71
web/src/routes/entities/[id]/+page.server.ts
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
import { error } from '@sveltejs/kit';
|
||||||
|
import type { PageServerLoad } from './$types';
|
||||||
|
import { sql } from '$lib/server/db';
|
||||||
|
|
||||||
|
export const load: PageServerLoad = async ({ params, locals }) => {
|
||||||
|
if (!locals.workspace || !locals.user) error(401);
|
||||||
|
const workspace = locals.workspace;
|
||||||
|
const entityId = params.id;
|
||||||
|
|
||||||
|
// 1. Hent entiteten
|
||||||
|
const [entity] = await sql`
|
||||||
|
SELECT e.id, e.name, e.type, e.aliases, e.avatar_url,
|
||||||
|
n.created_at, n.updated_at
|
||||||
|
FROM entities e
|
||||||
|
JOIN nodes n ON n.id = e.id
|
||||||
|
WHERE e.id = ${entityId} AND n.workspace_id = ${workspace.id}
|
||||||
|
`;
|
||||||
|
if (!entity) error(404, 'Entitet ikke funnet');
|
||||||
|
|
||||||
|
// 2. Hent relasjoner (edges) med info om tilkoblede noder
|
||||||
|
const edges = await sql`
|
||||||
|
SELECT
|
||||||
|
ge.id AS edge_id,
|
||||||
|
ge.source_id,
|
||||||
|
ge.target_id,
|
||||||
|
ge.relation_type,
|
||||||
|
ge.confidence,
|
||||||
|
ge.origin,
|
||||||
|
ge.created_at,
|
||||||
|
CASE
|
||||||
|
WHEN ge.source_id = ${entityId} THEN target_e.name
|
||||||
|
ELSE source_e.name
|
||||||
|
END AS connected_name,
|
||||||
|
CASE
|
||||||
|
WHEN ge.source_id = ${entityId} THEN target_e.type
|
||||||
|
ELSE source_e.type
|
||||||
|
END AS connected_type,
|
||||||
|
CASE
|
||||||
|
WHEN ge.source_id = ${entityId} THEN ge.target_id
|
||||||
|
ELSE ge.source_id
|
||||||
|
END AS connected_id,
|
||||||
|
CASE
|
||||||
|
WHEN ge.source_id = ${entityId} THEN 'outgoing'
|
||||||
|
ELSE 'incoming'
|
||||||
|
END AS direction
|
||||||
|
FROM graph_edges ge
|
||||||
|
LEFT JOIN entities source_e ON source_e.id = ge.source_id
|
||||||
|
LEFT JOIN entities target_e ON target_e.id = ge.target_id
|
||||||
|
WHERE ge.workspace_id = ${workspace.id}
|
||||||
|
AND (ge.source_id = ${entityId} OR ge.target_id = ${entityId})
|
||||||
|
ORDER BY ge.created_at DESC
|
||||||
|
`;
|
||||||
|
|
||||||
|
// 3. Hent meldinger som nevner denne entiteten (via MENTIONS-edges)
|
||||||
|
const mentions = await sql`
|
||||||
|
SELECT m.id, m.body, m.title, m.message_type, m.created_at,
|
||||||
|
u.display_name AS author_name,
|
||||||
|
c.id AS channel_id
|
||||||
|
FROM graph_edges ge
|
||||||
|
JOIN messages m ON m.id = ge.source_id
|
||||||
|
LEFT JOIN users u ON u.authentik_id = m.author_id
|
||||||
|
LEFT JOIN channels c ON c.id = m.channel_id
|
||||||
|
WHERE ge.target_id = ${entityId}
|
||||||
|
AND ge.relation_type = 'MENTIONS'
|
||||||
|
AND ge.workspace_id = ${workspace.id}
|
||||||
|
ORDER BY m.created_at DESC
|
||||||
|
LIMIT 50
|
||||||
|
`;
|
||||||
|
|
||||||
|
return { entity, edges, mentions };
|
||||||
|
};
|
||||||
560
web/src/routes/entities/[id]/+page.svelte
Normal file
560
web/src/routes/entities/[id]/+page.svelte
Normal file
|
|
@ -0,0 +1,560 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import type { PageData } from './$types';
|
||||||
|
import { goto } from '$app/navigation';
|
||||||
|
|
||||||
|
let { data }: { data: PageData } = $props();
|
||||||
|
|
||||||
|
const typeColors: Record<string, string> = {
|
||||||
|
person: '#3b82f6',
|
||||||
|
organisasjon: '#f59e0b',
|
||||||
|
sted: '#10b981',
|
||||||
|
tema: '#8b5cf6',
|
||||||
|
konsept: '#ec4899'
|
||||||
|
};
|
||||||
|
|
||||||
|
const validTypes = ['person', 'organisasjon', 'sted', 'tema', 'konsept'];
|
||||||
|
|
||||||
|
let entity = $state(data.entity as {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
type: string;
|
||||||
|
aliases: string[];
|
||||||
|
avatar_url: string | null;
|
||||||
|
created_at: string;
|
||||||
|
});
|
||||||
|
const edges = data.edges as Array<{
|
||||||
|
edge_id: string;
|
||||||
|
relation_type: string;
|
||||||
|
connected_name: string | null;
|
||||||
|
connected_type: string | null;
|
||||||
|
connected_id: string;
|
||||||
|
direction: string;
|
||||||
|
origin: string;
|
||||||
|
created_at: string;
|
||||||
|
}>;
|
||||||
|
const mentions = data.mentions as Array<{
|
||||||
|
id: string;
|
||||||
|
body: string;
|
||||||
|
title: string | null;
|
||||||
|
message_type: string;
|
||||||
|
created_at: string;
|
||||||
|
author_name: string | null;
|
||||||
|
channel_id: string | null;
|
||||||
|
}>;
|
||||||
|
|
||||||
|
// Redigering
|
||||||
|
let editing = $state(false);
|
||||||
|
let editName = $state(entity.name);
|
||||||
|
let editType = $state(entity.type);
|
||||||
|
let editAliases = $state(entity.aliases?.join(', ') ?? '');
|
||||||
|
let saving = $state(false);
|
||||||
|
let deleting = $state(false);
|
||||||
|
let confirmDelete = $state(false);
|
||||||
|
|
||||||
|
async function save() {
|
||||||
|
saving = true;
|
||||||
|
try {
|
||||||
|
const res = await fetch(`/api/entities/${entity.id}`, {
|
||||||
|
method: 'PATCH',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
name: editName.trim(),
|
||||||
|
type: editType,
|
||||||
|
aliases: editAliases.split(',').map(a => a.trim()).filter(Boolean)
|
||||||
|
})
|
||||||
|
});
|
||||||
|
if (!res.ok) return;
|
||||||
|
const updated = await res.json();
|
||||||
|
entity = { ...entity, ...updated };
|
||||||
|
editing = false;
|
||||||
|
} finally {
|
||||||
|
saving = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function deleteEntity() {
|
||||||
|
deleting = true;
|
||||||
|
try {
|
||||||
|
const res = await fetch(`/api/entities/${entity.id}`, { method: 'DELETE' });
|
||||||
|
if (res.ok) {
|
||||||
|
goto('/admin/entities');
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
deleting = false;
|
||||||
|
confirmDelete = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function startEdit() {
|
||||||
|
editName = entity.name;
|
||||||
|
editType = entity.type;
|
||||||
|
editAliases = entity.aliases?.join(', ') ?? '';
|
||||||
|
editing = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Entitet-relasjoner (edges til andre entiteter, ikke meldinger)
|
||||||
|
let entityEdges = $derived(
|
||||||
|
edges.filter((e) => e.connected_name !== null)
|
||||||
|
);
|
||||||
|
|
||||||
|
function formatDate(iso: string): string {
|
||||||
|
return new Date(iso).toLocaleDateString('nb-NO', {
|
||||||
|
day: 'numeric',
|
||||||
|
month: 'short',
|
||||||
|
year: 'numeric'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatTime(iso: string): string {
|
||||||
|
return new Date(iso).toLocaleString('nb-NO', {
|
||||||
|
day: 'numeric',
|
||||||
|
month: 'short',
|
||||||
|
hour: '2-digit',
|
||||||
|
minute: '2-digit'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function stripHtml(html: string): string {
|
||||||
|
return html.replace(/<[^>]*>/g, '').trim();
|
||||||
|
}
|
||||||
|
|
||||||
|
function truncate(text: string, max: number): string {
|
||||||
|
if (text.length <= max) return text;
|
||||||
|
return text.slice(0, max) + '...';
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<a href="/admin/entities" class="back-link">← Alle entiteter</a>
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<div class="entity-header">
|
||||||
|
{#if entity.avatar_url}
|
||||||
|
<img src={entity.avatar_url} alt={entity.name} class="avatar" />
|
||||||
|
{:else}
|
||||||
|
<div class="avatar-placeholder" style:background={typeColors[entity.type] ?? '#8b92a5'}>
|
||||||
|
{entity.name[0]}
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
<div class="header-content">
|
||||||
|
{#if editing}
|
||||||
|
<div class="edit-form">
|
||||||
|
<input class="edit-name" bind:value={editName} placeholder="Navn" />
|
||||||
|
<div class="edit-row">
|
||||||
|
<select class="edit-type" bind:value={editType}>
|
||||||
|
{#each validTypes as t}
|
||||||
|
<option value={t}>{t}</option>
|
||||||
|
{/each}
|
||||||
|
</select>
|
||||||
|
<input class="edit-aliases" bind:value={editAliases} placeholder="Aliaser (kommaseparert)" />
|
||||||
|
</div>
|
||||||
|
<div class="edit-actions">
|
||||||
|
<button class="btn-save" onclick={save} disabled={saving || !editName.trim()}>
|
||||||
|
{saving ? 'Lagrer...' : 'Lagre'}
|
||||||
|
</button>
|
||||||
|
<button class="btn-cancel" onclick={() => editing = false}>Avbryt</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{:else}
|
||||||
|
<div class="header-top">
|
||||||
|
<h1>{entity.name}</h1>
|
||||||
|
<div class="header-actions">
|
||||||
|
<button class="btn-edit" onclick={startEdit}>Rediger</button>
|
||||||
|
{#if confirmDelete}
|
||||||
|
<button class="btn-delete confirm" onclick={deleteEntity} disabled={deleting}>
|
||||||
|
{deleting ? 'Sletter...' : 'Bekreft slett'}
|
||||||
|
</button>
|
||||||
|
<button class="btn-cancel-sm" onclick={() => confirmDelete = false}>Avbryt</button>
|
||||||
|
{:else}
|
||||||
|
<button class="btn-delete" onclick={() => confirmDelete = true}>Slett</button>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="meta">
|
||||||
|
<span class="type-badge" style:background={typeColors[entity.type] ?? '#8b92a5'}>
|
||||||
|
{entity.type}
|
||||||
|
</span>
|
||||||
|
{#if entity.aliases?.length > 0}
|
||||||
|
<span class="aliases">aka {entity.aliases.join(', ')}</span>
|
||||||
|
{/if}
|
||||||
|
<span class="date">Opprettet {formatDate(entity.created_at)}</span>
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="sections">
|
||||||
|
<!-- Relasjoner til andre entiteter -->
|
||||||
|
{#if entityEdges.length > 0}
|
||||||
|
<section>
|
||||||
|
<h2>Relasjoner ({entityEdges.length})</h2>
|
||||||
|
<div class="edge-list">
|
||||||
|
{#each entityEdges as edge (edge.edge_id)}
|
||||||
|
<a href="/entities/{edge.connected_id}" class="edge-item">
|
||||||
|
<span class="dot" style:background={typeColors[edge.connected_type ?? ''] ?? '#8b92a5'}></span>
|
||||||
|
<span class="edge-name">{edge.connected_name}</span>
|
||||||
|
<span class="edge-type">{edge.relation_type}</span>
|
||||||
|
<span class="edge-dir">{edge.direction === 'outgoing' ? '→' : '←'}</span>
|
||||||
|
<span class="edge-origin">{edge.origin}</span>
|
||||||
|
</a>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{/if}
|
||||||
|
|
||||||
|
<!-- Mentions (meldinger som nevner denne entiteten) -->
|
||||||
|
<section>
|
||||||
|
<h2>Nevnt i {mentions.length} {mentions.length === 1 ? 'melding' : 'meldinger'}</h2>
|
||||||
|
{#if mentions.length === 0}
|
||||||
|
<p class="empty">Ingen meldinger nevner denne entiteten ennå.</p>
|
||||||
|
{:else}
|
||||||
|
<div class="mention-list">
|
||||||
|
{#each mentions as msg (msg.id)}
|
||||||
|
<a href={msg.channel_id ? `/?channel=${msg.channel_id}` : '#'} class="mention-item" class:no-link={!msg.channel_id}>
|
||||||
|
<div class="mention-header">
|
||||||
|
{#if msg.author_name}
|
||||||
|
<span class="author">{msg.author_name}</span>
|
||||||
|
{/if}
|
||||||
|
<span class="time">{formatTime(msg.created_at)}</span>
|
||||||
|
{#if msg.message_type !== 'chat'}
|
||||||
|
<span class="msg-type">{msg.message_type}</span>
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
{#if msg.title}
|
||||||
|
<div class="mention-title">{msg.title}</div>
|
||||||
|
{/if}
|
||||||
|
<div class="mention-body">{truncate(stripHtml(msg.body), 200)}</div>
|
||||||
|
</a>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.page {
|
||||||
|
max-width: 700px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-link {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #8b92a5;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-link:hover {
|
||||||
|
color: #e1e4e8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entity-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 1rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-content {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-top {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.75rem;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.4rem;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar {
|
||||||
|
width: 56px;
|
||||||
|
height: 56px;
|
||||||
|
border-radius: 50%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-placeholder {
|
||||||
|
width: 56px;
|
||||||
|
height: 56px;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: white;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #f1f3f5;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meta {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.type-badge {
|
||||||
|
font-size: 0.65rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: white;
|
||||||
|
padding: 0.1rem 0.4rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.03em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aliases {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: #8b92a5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
color: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Edit form */
|
||||||
|
.edit-form {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-name {
|
||||||
|
background: #0f1117;
|
||||||
|
border: 1px solid #2d3148;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #f1f3f5;
|
||||||
|
padding: 0.35rem 0.5rem;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
font-weight: 600;
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-row {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-type {
|
||||||
|
background: #0f1117;
|
||||||
|
border: 1px solid #2d3148;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #e1e4e8;
|
||||||
|
padding: 0.3rem 0.4rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-aliases {
|
||||||
|
flex: 1;
|
||||||
|
background: #0f1117;
|
||||||
|
border: 1px solid #2d3148;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #e1e4e8;
|
||||||
|
padding: 0.3rem 0.5rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Buttons */
|
||||||
|
.btn-edit, .btn-delete, .btn-cancel-sm {
|
||||||
|
background: none;
|
||||||
|
border: 1px solid #2d3148;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #8b92a5;
|
||||||
|
padding: 0.2rem 0.5rem;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
font-family: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-edit:hover { border-color: #3b82f6; color: #7dd3fc; }
|
||||||
|
.btn-delete:hover { border-color: #f87171; color: #fca5a5; }
|
||||||
|
.btn-delete.confirm { background: rgba(248, 113, 113, 0.15); border-color: #f87171; color: #fca5a5; }
|
||||||
|
|
||||||
|
.btn-save {
|
||||||
|
background: #3b82f6;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: white;
|
||||||
|
padding: 0.3rem 0.6rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-family: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-save:hover:not(:disabled) { background: #2563eb; }
|
||||||
|
.btn-save:disabled { opacity: 0.5; cursor: not-allowed; }
|
||||||
|
|
||||||
|
.btn-cancel {
|
||||||
|
background: none;
|
||||||
|
border: 1px solid #2d3148;
|
||||||
|
border-radius: 4px;
|
||||||
|
color: #8b92a5;
|
||||||
|
padding: 0.3rem 0.6rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-family: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sections {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
section h2 {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #8b92a5;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
padding-bottom: 0.4rem;
|
||||||
|
border-bottom: 1px solid #2d3148;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Edge list */
|
||||||
|
.edge-list {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edge-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
padding: 0.4rem 0.5rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #e1e4e8;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edge-item:hover {
|
||||||
|
background: rgba(255, 255, 255, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dot {
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
border-radius: 50%;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edge-name { flex: 1; }
|
||||||
|
|
||||||
|
.edge-type {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
color: #8b92a5;
|
||||||
|
background: rgba(139, 146, 165, 0.1);
|
||||||
|
padding: 0.1rem 0.3rem;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edge-dir {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
color: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edge-origin {
|
||||||
|
font-size: 0.65rem;
|
||||||
|
color: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mentions */
|
||||||
|
.mention-list {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mention-item {
|
||||||
|
display: block;
|
||||||
|
padding: 0.5rem 0.6rem;
|
||||||
|
background: rgba(255, 255, 255, 0.02);
|
||||||
|
border: 1px solid rgba(45, 49, 72, 0.5);
|
||||||
|
border-radius: 6px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mention-item:not(.no-link):hover {
|
||||||
|
background: rgba(255, 255, 255, 0.05);
|
||||||
|
border-color: rgba(45, 49, 72, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mention-item.no-link {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mention-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
gap: 0.5rem;
|
||||||
|
margin-bottom: 0.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.author {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #7dd3fc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.time {
|
||||||
|
font-size: 0.65rem;
|
||||||
|
color: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msg-type {
|
||||||
|
font-size: 0.6rem;
|
||||||
|
color: #8b92a5;
|
||||||
|
background: rgba(139, 146, 165, 0.1);
|
||||||
|
padding: 0.05rem 0.25rem;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mention-title {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #f1f3f5;
|
||||||
|
margin-bottom: 0.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mention-body {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #a0a8b8;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #6b7280;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
257
worker/src/handlers/ai_text_process.rs
Normal file
257
worker/src/handlers/ai_text_process.rs
Normal file
|
|
@ -0,0 +1,257 @@
|
||||||
|
use super::JobHandler;
|
||||||
|
use anyhow::{anyhow, Context};
|
||||||
|
use serde_json::{json, Value};
|
||||||
|
use sqlx::{PgPool, Row};
|
||||||
|
use tracing::{info, warn};
|
||||||
|
use uuid::Uuid;
|
||||||
|
|
||||||
|
/// Handler for AI-behandling av tekst i editoren.
|
||||||
|
///
|
||||||
|
/// Payload:
|
||||||
|
/// {
|
||||||
|
/// "message_id": "uuid",
|
||||||
|
/// "action": "fix_text" | "extract_facts" | "rewrite" | "translate" | "custom",
|
||||||
|
/// "prompt_override": "optional custom prompt",
|
||||||
|
/// "model": "sidelinja/rutine" (optional, default basert på action)
|
||||||
|
/// }
|
||||||
|
///
|
||||||
|
/// Flyten:
|
||||||
|
/// 1. Hent meldingens nåværende body fra PG
|
||||||
|
/// 2. Lagre originalen som revisjon i message_revisions
|
||||||
|
/// 3. Send til AI Gateway med riktig prompt
|
||||||
|
/// 4. Oppdater messages.body med AI-resultatet
|
||||||
|
/// 5. Sett metadata.ai_processed = true
|
||||||
|
pub struct AiTextProcessHandler {
|
||||||
|
http: reqwest::Client,
|
||||||
|
ai_gateway_url: String,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl AiTextProcessHandler {
|
||||||
|
pub fn new(http: reqwest::Client, ai_gateway_url: String) -> Self {
|
||||||
|
Self {
|
||||||
|
http,
|
||||||
|
ai_gateway_url,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[async_trait::async_trait]
|
||||||
|
impl JobHandler for AiTextProcessHandler {
|
||||||
|
async fn handle(
|
||||||
|
&self,
|
||||||
|
pool: &PgPool,
|
||||||
|
workspace_id: &Uuid,
|
||||||
|
payload: &Value,
|
||||||
|
) -> anyhow::Result<Option<Value>> {
|
||||||
|
let message_id: Uuid = payload
|
||||||
|
.get("message_id")
|
||||||
|
.and_then(|v| v.as_str())
|
||||||
|
.ok_or_else(|| anyhow!("message_id mangler i payload"))?
|
||||||
|
.parse()
|
||||||
|
.context("Ugyldig message_id UUID")?;
|
||||||
|
|
||||||
|
let action = payload
|
||||||
|
.get("action")
|
||||||
|
.and_then(|v| v.as_str())
|
||||||
|
.unwrap_or("fix_text");
|
||||||
|
|
||||||
|
let prompt_override = payload.get("prompt_override").and_then(|v| v.as_str());
|
||||||
|
|
||||||
|
let model = payload
|
||||||
|
.get("model")
|
||||||
|
.and_then(|v| v.as_str())
|
||||||
|
.unwrap_or("sidelinja/rutine");
|
||||||
|
|
||||||
|
info!(
|
||||||
|
message_id = %message_id,
|
||||||
|
action = action,
|
||||||
|
model = model,
|
||||||
|
workspace_id = %workspace_id,
|
||||||
|
"AI-behandling starter"
|
||||||
|
);
|
||||||
|
|
||||||
|
// 1. Hent meldingens body
|
||||||
|
let row = sqlx::query(
|
||||||
|
r#"
|
||||||
|
SELECT m.body FROM messages m
|
||||||
|
JOIN nodes n ON n.id = m.id
|
||||||
|
WHERE m.id = $1 AND n.workspace_id = $2
|
||||||
|
"#,
|
||||||
|
)
|
||||||
|
.bind(message_id)
|
||||||
|
.bind(workspace_id)
|
||||||
|
.fetch_optional(pool)
|
||||||
|
.await
|
||||||
|
.context("Feil ved henting av melding")?
|
||||||
|
.ok_or_else(|| anyhow!("Melding {} ikke funnet i workspace", message_id))?;
|
||||||
|
|
||||||
|
let original_body: String = row.get("body");
|
||||||
|
|
||||||
|
// Strip HTML-tags for å sende ren tekst til LLM
|
||||||
|
let plain_text = strip_html(&original_body);
|
||||||
|
|
||||||
|
if plain_text.trim().is_empty() {
|
||||||
|
return Ok(Some(json!({ "skipped": true, "reason": "tom melding" })));
|
||||||
|
}
|
||||||
|
|
||||||
|
// 2. Lagre original som revisjon
|
||||||
|
sqlx::query(
|
||||||
|
r#"
|
||||||
|
INSERT INTO message_revisions (id, message_id, body)
|
||||||
|
VALUES (gen_random_uuid(), $1, $2)
|
||||||
|
"#,
|
||||||
|
)
|
||||||
|
.bind(message_id)
|
||||||
|
.bind(&original_body)
|
||||||
|
.execute(pool)
|
||||||
|
.await
|
||||||
|
.context("Feil ved lagring av revisjon")?;
|
||||||
|
|
||||||
|
// 3. Bygg system-prompt basert på action
|
||||||
|
let system_prompt = match prompt_override {
|
||||||
|
Some(custom) => custom.to_string(),
|
||||||
|
None => get_system_prompt(action),
|
||||||
|
};
|
||||||
|
|
||||||
|
// 4. Send til AI Gateway
|
||||||
|
let ai_response = self
|
||||||
|
.call_ai_gateway(&system_prompt, &plain_text, model)
|
||||||
|
.await
|
||||||
|
.context("AI Gateway-kall feilet")?;
|
||||||
|
|
||||||
|
// 5. Oppdater meldingens body med AI-resultat
|
||||||
|
let metadata = json!({
|
||||||
|
"ai_processed": true,
|
||||||
|
"ai_action": action
|
||||||
|
});
|
||||||
|
|
||||||
|
sqlx::query(
|
||||||
|
r#"
|
||||||
|
UPDATE messages
|
||||||
|
SET body = $1,
|
||||||
|
edited_at = now(),
|
||||||
|
metadata = COALESCE(metadata, '{}'::jsonb) || $2::jsonb
|
||||||
|
WHERE id = $3
|
||||||
|
"#,
|
||||||
|
)
|
||||||
|
.bind(&ai_response)
|
||||||
|
.bind(metadata)
|
||||||
|
.bind(message_id)
|
||||||
|
.execute(pool)
|
||||||
|
.await
|
||||||
|
.context("Feil ved oppdatering av melding")?;
|
||||||
|
|
||||||
|
info!(
|
||||||
|
message_id = %message_id,
|
||||||
|
action = action,
|
||||||
|
original_len = original_body.len(),
|
||||||
|
result_len = ai_response.len(),
|
||||||
|
"AI-behandling fullført"
|
||||||
|
);
|
||||||
|
|
||||||
|
Ok(Some(json!({
|
||||||
|
"message_id": message_id.to_string(),
|
||||||
|
"action": action,
|
||||||
|
"original_length": original_body.len(),
|
||||||
|
"result_length": ai_response.len()
|
||||||
|
})))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl AiTextProcessHandler {
|
||||||
|
async fn call_ai_gateway(
|
||||||
|
&self,
|
||||||
|
system_prompt: &str,
|
||||||
|
user_text: &str,
|
||||||
|
model: &str,
|
||||||
|
) -> anyhow::Result<String> {
|
||||||
|
let request_body = json!({
|
||||||
|
"model": model,
|
||||||
|
"messages": [
|
||||||
|
{ "role": "system", "content": system_prompt },
|
||||||
|
{ "role": "user", "content": user_text }
|
||||||
|
],
|
||||||
|
"temperature": 0.3,
|
||||||
|
"max_tokens": 4096
|
||||||
|
});
|
||||||
|
|
||||||
|
let response = self
|
||||||
|
.http
|
||||||
|
.post(format!("{}/chat/completions", self.ai_gateway_url))
|
||||||
|
.json(&request_body)
|
||||||
|
.send()
|
||||||
|
.await
|
||||||
|
.context("HTTP-kall til AI Gateway feilet")?;
|
||||||
|
|
||||||
|
if !response.status().is_success() {
|
||||||
|
let status = response.status();
|
||||||
|
let body = response.text().await.unwrap_or_default();
|
||||||
|
warn!(status = %status, body = %body, "AI Gateway returnerte feil");
|
||||||
|
return Err(anyhow!("AI Gateway feil: {} — {}", status, body));
|
||||||
|
}
|
||||||
|
|
||||||
|
let json: Value = response
|
||||||
|
.json()
|
||||||
|
.await
|
||||||
|
.context("Kunne ikke parse AI Gateway-respons")?;
|
||||||
|
|
||||||
|
json["choices"][0]["message"]["content"]
|
||||||
|
.as_str()
|
||||||
|
.map(|s| s.to_string())
|
||||||
|
.ok_or_else(|| anyhow!("Ingen content i AI Gateway-respons"))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn get_system_prompt(action: &str) -> String {
|
||||||
|
match action {
|
||||||
|
"fix_text" => r#"Fiks denne teksten. Output på norsk.
|
||||||
|
- Fiks skrivefeil og grammatikk
|
||||||
|
- Start med en kort oppsummering av det viktigste (2–3 setninger)
|
||||||
|
- Fjern metainformasjon, navigasjon, annonser og annen støy fra innlimt webinnhold
|
||||||
|
- Dersom det er tydelig hva kilden er, oppgi den etter innledende oppsummering
|
||||||
|
- Behold saklig innhold og fakta intakt
|
||||||
|
- Bruk markdown-formatering der det gir bedre lesbarhet"#
|
||||||
|
.to_string(),
|
||||||
|
|
||||||
|
"extract_facts" => r#"Analyser denne teksten og trekk ut fakta. Output på norsk.
|
||||||
|
- Identifiser konkrete påstander, tall, sitater og fakta
|
||||||
|
- List dem opp som punktliste
|
||||||
|
- For hver fakta: noter hvilken person eller organisasjon den gjelder (bruk #Navn-format)
|
||||||
|
- Ignorer meninger og spekulasjoner — kun verifiserbare påstander
|
||||||
|
- Behold kildehenvisninger der de finnes"#
|
||||||
|
.to_string(),
|
||||||
|
|
||||||
|
"rewrite" => r#"Skriv om denne teksten til artikkelformat. Output på norsk.
|
||||||
|
- Lag en tittel som fanger essensen
|
||||||
|
- Skriv en ingress på 2–3 setninger
|
||||||
|
- Strukturer resten med mellomtitler der det er naturlig
|
||||||
|
- Hold deg til fakta fra originalteksten — ikke legg til informasjon
|
||||||
|
- Bruk markdown-formatering"#
|
||||||
|
.to_string(),
|
||||||
|
|
||||||
|
"translate" => r#"Oversett denne teksten til norsk.
|
||||||
|
- Behold formatering og struktur
|
||||||
|
- Oversett fagtermer korrekt, behold engelske termer i parentes der det er vanlig
|
||||||
|
- Behold egennavn uoversatt"#
|
||||||
|
.to_string(),
|
||||||
|
|
||||||
|
_ => "Behandle denne teksten. Output på norsk.".to_string(),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// Enkel HTML-stripping for å sende ren tekst til LLM.
|
||||||
|
fn strip_html(html: &str) -> String {
|
||||||
|
let mut result = String::with_capacity(html.len());
|
||||||
|
let mut in_tag = false;
|
||||||
|
|
||||||
|
for ch in html.chars() {
|
||||||
|
match ch {
|
||||||
|
'<' => in_tag = true,
|
||||||
|
'>' => in_tag = false,
|
||||||
|
_ if !in_tag => result.push(ch),
|
||||||
|
_ => {}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
result
|
||||||
|
}
|
||||||
|
|
@ -3,6 +3,7 @@ use sqlx::PgPool;
|
||||||
use std::collections::HashMap;
|
use std::collections::HashMap;
|
||||||
use uuid::Uuid;
|
use uuid::Uuid;
|
||||||
|
|
||||||
|
mod ai_text_process;
|
||||||
mod echo;
|
mod echo;
|
||||||
|
|
||||||
/// Trait for jobbhandlere.
|
/// Trait for jobbhandlere.
|
||||||
|
|
@ -21,18 +22,24 @@ pub type HandlerRegistry = HashMap<String, Box<dyn JobHandler>>;
|
||||||
|
|
||||||
/// Bygg registeret med alle tilgjengelige handlers.
|
/// Bygg registeret med alle tilgjengelige handlers.
|
||||||
pub fn build_registry(http: reqwest::Client, ai_gateway_url: String) -> HandlerRegistry {
|
pub fn build_registry(http: reqwest::Client, ai_gateway_url: String) -> HandlerRegistry {
|
||||||
let _ = (&http, &ai_gateway_url); // brukes av fremtidige handlers
|
|
||||||
|
|
||||||
let mut registry: HandlerRegistry = HashMap::new();
|
let mut registry: HandlerRegistry = HashMap::new();
|
||||||
|
|
||||||
// Echo-handler for testing
|
// Echo-handler for testing
|
||||||
registry.insert("echo".into(), Box::new(echo::EchoHandler));
|
registry.insert("echo".into(), Box::new(echo::EchoHandler));
|
||||||
|
|
||||||
// Fremtidige handlers registreres her:
|
// AI-behandling av tekst (✨-knappen i editoren)
|
||||||
// registry.insert("whisper_transcribe".into(), Box::new(whisper::WhisperHandler::new(http.clone())));
|
registry.insert(
|
||||||
// registry.insert("openrouter_analyze".into(), Box::new(ai::AnalyzeHandler::new(http.clone(), ai_gateway_url.clone())));
|
"ai_text_process".into(),
|
||||||
// registry.insert("research_clip".into(), Box::new(ai::ResearchClipHandler::new(http.clone(), ai_gateway_url.clone())));
|
Box::new(ai_text_process::AiTextProcessHandler::new(
|
||||||
// registry.insert("stats_parse".into(), Box::new(stats::StatsHandler));
|
http.clone(),
|
||||||
|
ai_gateway_url.clone(),
|
||||||
|
)),
|
||||||
|
);
|
||||||
|
|
||||||
|
// Fremtidige handlers:
|
||||||
|
// registry.insert("whisper_transcribe".into(), ...);
|
||||||
|
// registry.insert("openrouter_analyze".into(), ...);
|
||||||
|
// registry.insert("research_clip".into(), ...);
|
||||||
|
|
||||||
registry
|
registry
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue