dsh-knowledge-library 0.1.1 → 0.3.0

package/dist/knowledge-model.js

@@ -0,0 +1,194 @@
+const unavailable = '请先在 Harness 设置中配置默认模型；独立预览可通过环境变量配置模型。';
+class ModelResponseError extends Error {
+}
+function outputLimitMessage() {
+    return '模型输出达到当前模型或服务的长度上限。插件沿用模型默认输出配置，未另设 token 上限；思考可能与正文共用额度，本次未自动重试。请检查模型配置，或分批整理后主动重试。';
+}
+async function boundedJson(response, limit = 512_000) {
+    const reader = response.body?.getReader();
+    if (!reader)
+        throw new Error('模型响应为空');
+    const chunks = [];
+    let length = 0;
+    try {
+        for (;;) {
+            const part = await reader.read();
+            if (part.done)
+                break;
+            length += part.value.length;
+            if (length > limit)
+                throw new Error('模型响应过大，请缩小整理范围');
+            chunks.push(part.value);
+        }
+    }
+    finally {
+        await reader.cancel().catch(() => { });
+    }
+    try {
+        return JSON.parse(Buffer.concat(chunks).toString('utf8'));
+    }
+    catch {
+        throw new Error('模型响应不是有效 JSON');
+    }
+}
+function checkImages(images) {
+    if (!images?.length)
+        return;
+    if (images.length > 10 || images.some(image => !image.data.byteLength || image.data.byteLength > 6 * 1024 * 1024 || !['image/png', 'image/jpeg', 'image/webp', 'image/gif'].includes(image.mediaType)) || images.reduce((sum, image) => sum + image.data.byteLength, 0) > 20 * 1024 * 1024)
+        throw new Error('图片请求超过数量、格式或字节限制');
+}
+export function harnessKnowledgeModel(ctx) {
+    function services() {
+        const llm = ctx.get('llm');
+        const defaults = ctx.get('agentDefaultModel');
+        const selection = defaults?.currentSelection();
+        if (!llm || !selection?.provider || !selection.model || !llm.listProviders().some(p => p.id === selection.provider))
+            throw new Error(unavailable);
+        return { llm, selection };
+    }
+    async function visionStatus() {
+        try {
+            const { llm, selection } = services();
+            const model = `${selection.provider} / ${selection.model}`;
+            if (!ctx.get('attachments'))
+                return { available: false, model, reason: '当前宿主未提供图片附件服务，请升级或启用附件服务' };
+            const info = await llm.resolveModelInfo(selection.provider, selection.model, AbortSignal.timeout(5000));
+            return info.inputModalities?.includes('image') ? { available: true, model } : { available: false, model, reason: '当前默认模型未声明图片输入能力，请在 Harness 中选择支持视觉的模型（如 deepseek-flash）' };
+        }
+        catch {
+            return { available: false, reason: '无法确认默认模型的图片能力，请检查 Harness 模型设置' };
+        }
+    }
+    return {
+        visionStatus,
+        status() {
+            try {
+                const { selection } = services();
+                return { available: true, model: `${selection.provider} / ${selection.model}` };
+            }
+            catch {
+                return { available: false, reason: unavailable };
+            }
+        },
+        async generate({ system, prompt, signal, images, expectedModel }) {
+            checkImages(images);
+            const { llm, selection } = services();
+            if (expectedModel !== undefined && expectedModel !== `${selection.provider} / ${selection.model}`)
+                throw new Error('模型已改变，请重新核对');
+            signal.throwIfAborted();
+            const content = [{ type: 'text', text: prompt }];
+            if (images?.length) {
+                const status = await visionStatus();
+                signal.throwIfAborted();
+                if (!status.available || status.model !== `${selection.provider} / ${selection.model}`)
+                    throw new Error(status.reason || '图片模型配置已改变');
+                const attachments = ctx.get('attachments');
+                const refs = await attachments.saveImages(images);
+                signal.throwIfAborted();
+                content.push(...refs.map(attachment => ({ type: 'image', attachment })));
+            }
+            const current = services().selection;
+            if (current.provider !== selection.provider || current.model !== selection.model || current.reasoningEffort !== selection.reasoningEffort)
+                throw new Error('模型配置已改变，请重新核对');
+            let text = '';
+            let finished = false;
+            // Omit maxTokens so the Harness runtime materializes the model's own defaults.
+            try {
+                for await (const chunk of llm.stream({ ...selection, system, messages: [{ role: 'user', content }], signal })) {
+                    signal.throwIfAborted();
+                    // Complete blocks are authoritative; deltas may include reasoning or retries.
+                    if (chunk.type === 'block-end' && chunk.block.type === 'text')
+                        text += chunk.block.text;
+                    if (text.length > 60_000)
+                        throw new ModelResponseError('模型输出过长，请缩小整理范围');
+                    if (chunk.type === 'finish') {
+                        if (chunk.reason.kind !== 'stop')
+                            throw new ModelResponseError(chunk.reason.kind === 'max-tokens' ? outputLimitMessage() : '模型调用未完成，请检查 Harness 模型设置后重试');
+                        finished = true;
+                    }
+                }
+            }
+            catch (error) {
+                signal.throwIfAborted();
+                if (error instanceof ModelResponseError)
+                    throw error;
+                throw new Error('模型调用失败，请检查 Harness 模型配置或网络后重试');
+            }
+            signal.throwIfAborted();
+            if (!finished || !text.trim())
+                throw new Error('模型没有返回完整正文，请重试');
+            return text;
+        },
+    };
+}
+/** Preview credentials stay on the server and are never returned through HTTP. */
+export function previewKnowledgeModel(env = process.env) {
+    const key = env.KNOWLEDGE_LIBRARY_MODEL_API_KEY || env.DEEPSEEK_API_KEY;
+    const model = env.KNOWLEDGE_LIBRARY_MODEL || 'deepseek-chat';
+    const base = env.KNOWLEDGE_LIBRARY_MODEL_BASE_URL || 'https://api.deepseek.com';
+    let cached;
+    async function visionStatus() {
+        if (!key)
+            return { available: false, model, reason: unavailable };
+        if (cached && Date.now() - cached.time < 15_000)
+            return cached.value;
+        let value;
+        try {
+            const response = await fetch(`${base.replace(/\/$/, '')}/models`, { headers: { Authorization: `Bearer ${key}` }, redirect: 'error', signal: AbortSignal.timeout(5000) });
+            if (!response.ok) {
+                await response.body?.cancel();
+                throw new Error();
+            }
+            const data = await boundedJson(response);
+            const entry = Array.isArray(data.data) && data.data.find((item) => item.id === model);
+            value = entry?.input_modalities?.includes('image') ? { available: true, model } : { available: false, model, reason: '当前模型未声明图片输入能力，请设置支持视觉的 KNOWLEDGE_LIBRARY_MODEL（如 deepseek-flash）' };
+        }
+        catch {
+            value = { available: false, model, reason: '无法读取模型图片能力，请检查服务地址的 /models 接口和网络' };
+        }
+        cached = { time: Date.now(), value };
+        return value;
+    }
+    return {
+        visionStatus,
+        status: () => key ? { available: true, model } : { available: false, reason: unavailable },
+        async generate({ system, prompt, signal, images, expectedModel }) {
+            checkImages(images);
+            if (!key)
+                throw new Error(unavailable);
+            if (expectedModel !== undefined && expectedModel !== model)
+                throw new Error('模型已改变，请重新核对');
+            signal.throwIfAborted();
+            if (images?.length) {
+                const info = await visionStatus();
+                signal.throwIfAborted();
+                if (!info.available)
+                    throw new Error(info.reason);
+            }
+            let response;
+            try {
+                const url = new URL(`${base.replace(/\/$/, '')}/chat/completions`);
+                if (!['https:', 'http:'].includes(url.protocol) || url.username || url.password)
+                    throw new Error();
+                response = await fetch(url, { method: 'POST', redirect: 'error', signal,
+                    headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${key}` },
+                    body: JSON.stringify({ model, stream: false, messages: [{ role: 'system', content: system }, { role: 'user', content: images?.length ? [{ type: 'text', text: prompt }, ...images.map(image => ({ type: 'image_url', image_url: { url: `data:${image.mediaType};base64,${Buffer.from(image.data).toString('base64')}`, detail: 'original' } }))] : prompt }] }) });
+            }
+            catch {
+                signal.throwIfAborted();
+                throw new Error('模型连接失败，请检查服务地址和网络后重试');
+            }
+            if (!response.ok) {
+                await response.body?.cancel();
+                throw new Error(`模型调用失败（HTTP ${response.status}），请检查模型配置或额度`);
+            }
+            const data = await boundedJson(response);
+            const choice = data.choices?.[0];
+            if (choice?.finish_reason === 'length' || choice?.finish_reason === 'max_tokens')
+                throw new Error(outputLimitMessage());
+            if (choice?.finish_reason !== 'stop' || typeof choice.message?.content !== 'string' || !choice.message.content.trim())
+                throw new Error('模型未返回完整正文，可能达到输出上限，请缩小范围后重试');
+            return choice.message.content;
+        },
+    };
+}

package/dist/preview-settings.d.ts

@@ -0,0 +1,6 @@
+import type { DirectorySettings } from './directory-settings.js';
+import { type Library } from './core/library.js';
+import type { FetchPolicy } from './core/fetch.js';
+export declare function createPreviewSettings(library: Library, defaults?: FetchPolicy): DirectorySettings & {
+    fetchPolicy(): FetchPolicy;
+};

package/dist/preview-settings.js

@@ -0,0 +1,42 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { join } from 'node:path';
+import { atomicJson } from './core/library.js';
+export function createPreviewSettings(library, defaults = {}) {
+    const file = join(library.root, '.system', 'preview-settings.json');
+    let allowProxyFakeIp = defaults.allowProxyFakeIp === true;
+    if (existsSync(file)) {
+        let stored;
+        try {
+            stored = JSON.parse(readFileSync(file, 'utf8'));
+        }
+        catch {
+            throw new Error('独立预览设置读取失败，请检查 .system/preview-settings.json');
+        }
+        if (stored?.schemaVersion !== 1 || typeof stored.allowProxyFakeIp !== 'boolean')
+            throw new Error('独立预览设置格式不正确，请检查 .system/preview-settings.json');
+        allowProxyFakeIp = stored.allowProxyFakeIp;
+    }
+    const unsupported = async () => { throw new Error('独立预览请通过启动配置指定资料库目录'); };
+    return {
+        status: () => ({ canChange: false, canChangeNetwork: true, picker: null, allowProxyFakeIp }),
+        // Each request keeps its own policy even if settings change during a redirect.
+        fetchPolicy: () => ({ allowProxyFakeIp }),
+        pick: unsupported,
+        list: unsupported,
+        change: unsupported,
+        async setProxyMode(enabled, expected, expectedRoot) {
+            if (expectedRoot !== library.root || expected !== allowProxyFakeIp)
+                throw new Error('资料库设置已改变，请重新打开设置后重试');
+            if (enabled === allowProxyFakeIp)
+                return enabled;
+            try {
+                atomicJson(file, { schemaVersion: 1, allowProxyFakeIp: enabled });
+            }
+            catch {
+                throw new Error('采集设置保存失败，请检查资料库目录的写入权限；原设置未改变');
+            }
+            allowProxyFakeIp = enabled;
+            return enabled;
+        },
+    };
+}

package/dist/public/app.css

@@ -91,11 +91,100 @@
 .kl-filterbar b { font-weight: 400; }
 .kl-filterbar > div { display: flex; align-items: center; gap: 16px; flex: none; }
 .kl-filterbar select { background: var(--kl-bg); color: var(--kl-muted); border: 0; border-radius: 6px; padding: 3px; max-width: 110px; font-size: 12px; }
+.kl-trash-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 var(--kl-gutter) 12px; }
+.kl-trash-toolbar p { color: var(--kl-muted); font-size: 12px; margin: 0; min-width: 0; }
+.kl-trash-toolbar button { flex: none; }
+.kl-knowledge-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 var(--kl-gutter) 12px; }
+.kl-knowledge-toolbar p { margin: 0; font-size: 12px; color: var(--kl-muted); }
+.kl-knowledge-toolbar > div, .kl-knowledge-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.kl-knowledge-toolbar > div { flex: none; }
+.kl-knowledge-badge { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 5px; background: var(--kl-hover); color: var(--kl-muted); font-size: 11px; line-height: 18px; white-space: nowrap; font-weight: 400; }
+.kl-knowledge-badge:is(.draft, .running, .queued, .grouping, .classifying) { color: var(--kl-link); }
+.kl-knowledge-badge.failed { color: var(--kl-error); }
+.kl-knowledge-badge.completed { color: var(--kl-ink); }
+.kl-item-bottom { flex-wrap: wrap; }
+.kl-item-row.kl-selectable { padding-left: 30px; }
+.kl-material-checkbox { position: absolute; left: 9px; top: 17px; width: 15px; height: 15px; accent-color: var(--kl-primary); cursor: pointer; }
+.kl-knowledge-source { border-block: .5px solid var(--kl-line); padding-block: 16px; margin: 20px 0; }
+.kl-knowledge-source > div:first-child { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--kl-muted); margin-bottom: 12px; }
+.kl-knowledge-form, .kl-knowledge-jobs { padding: 0 24px 24px; }
+.kl-knowledge-form label, .kl-knowledge-draft label { display: flex; flex-direction: column; gap: 7px; font-size: 13px; margin: 16px 0; }
+.kl-knowledge-form input, .kl-knowledge-draft input, .kl-knowledge-draft textarea { width: 100%; border: .5px solid var(--kl-line); border-radius: 8px; padding: 10px 12px; color: var(--kl-ink); background: var(--kl-bg); min-width: 0; font: inherit; }
+.kl-knowledge-draft textarea { line-height: 1.8; resize: vertical; font-size: 13px; }
+.kl-knowledge-form small, .kl-knowledge-jobs small { font-size: 12px; color: var(--kl-muted); line-height: 1.7; }
+.kl-knowledge-summary { display: flex; align-items: center; justify-content: space-between; font-size: 13px; }
+.kl-knowledge-summary b { font-weight: 500; }
+.kl-knowledge-summary span { color: var(--kl-muted); }
+.kl-knowledge-source-list { padding: 0; list-style: none; max-height: 150px; overflow: auto; }
+.kl-knowledge-source-list li { display: flex; align-items: center; gap: 8px; margin-block: 8px; font-size: 13px; overflow-wrap: anywhere; }
+.kl-knowledge-model { color: var(--kl-muted); font-size: 12px; line-height: 1.8; }
+.kl-knowledge-help { font-size: 12px; color: var(--kl-link); display: inline-flex; align-items: center; gap: 4px; }
+.kl-knowledge-form > .kl-muted { font-size: 13px; line-height: 1.8; }
+.kl-knowledge-form footer, .kl-knowledge-draft footer { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 20px; }
+.kl-knowledge-back { background: transparent; border: 0; padding: 0; color: var(--kl-muted); font-size: 12px; margin-bottom: 18px; }
+.kl-knowledge-empty { display: flex; align-items: center; flex-direction: column; text-align: center; padding: 24px 0; color: var(--kl-muted); }
+.kl-knowledge-empty p { color: var(--kl-ink); }
+.kl-knowledge-job { display: block; width: 100%; border: 0; border-top: .5px solid var(--kl-line); background: transparent; text-align: left; padding: 16px 0; }
+.kl-knowledge-job:hover { background: var(--kl-hover); }
+.kl-knowledge-job > div, .kl-knowledge-job-heading { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; }
+.kl-knowledge-job strong, .kl-knowledge-job-heading strong { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; min-width: 0; }
+.kl-knowledge-job p { color: var(--kl-muted); font-size: 12px; margin: 8px 0 0; }
+.kl-knowledge-job small { display: block; margin-top: 8px; }
+.kl-knowledge-progress { display: flex; align-items: center; gap: 8px; color: var(--kl-muted); font-size: 13px; margin: 20px 0; }
+.kl-knowledge-jobs > .kl-knowledge-actions { margin-top: 18px; }
+.kl-knowledge-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
+.kl-knowledge-citations { font-size: 12px; color: var(--kl-muted); border-block: .5px solid var(--kl-line); padding-block: 12px; }
+.kl-knowledge-citations summary { cursor: pointer; }
+.kl-knowledge-citations button { border: 0; background: transparent; display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; padding: 8px 0; }
+.kl-knowledge-citations button span { min-width: 0; overflow-wrap: anywhere; }
+.kl-knowledge-mode { margin: 16px 0; padding: 12px; border: .5px solid var(--kl-line); border-radius: 8px; }
+.kl-knowledge-mode legend { padding: 0 4px; font-size: 12px; color: var(--kl-muted); }
+.kl-knowledge-mode label { flex-direction: row; align-items: center; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
+.kl-knowledge-mode input { width: 15px; padding: 0; accent-color: var(--kl-primary); }
+.kl-knowledge-mode small { margin-left: auto; }
+.kl-grouping-editor { margin-top: 18px; }
+.kl-grouping-summary { display: flex; align-items: center; gap: 14px; font-size: 13px; }
+.kl-grouping-summary b { font-weight: 500; }
+.kl-grouping-summary span { color: var(--kl-muted); }
+.kl-grouping-group { border: .5px solid var(--kl-line); border-radius: 8px; padding: 12px 14px; margin: 12px 0; }
+.kl-grouping-group-title, .kl-grouping-source-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.kl-grouping-group-title { font-size: 12px; color: var(--kl-muted); }
+.kl-grouping-group ul { margin: 10px 0 0; padding-left: 18px; color: var(--kl-muted); font-size: 12px; line-height: 1.8; }
+.kl-grouping-group li { overflow-wrap: anywhere; }
+.kl-grouping-editor label { display: flex; flex-direction: column; gap: 7px; margin: 12px 0; font-size: 12px; }
+.kl-grouping-editor :is(input,textarea,select) { width: 100%; min-width: 0; border: .5px solid var(--kl-line); border-radius: 8px; padding: 9px 10px; background: var(--kl-bg); color: var(--kl-ink); font: inherit; }
+.kl-grouping-editor textarea { line-height: 1.7; resize: vertical; }
+.kl-grouping-reason { margin: 8px 0; font-size: 12px; line-height: 1.8; color: var(--kl-muted); overflow-wrap: anywhere; }
+.kl-grouping-settings summary, .kl-grouping-source summary { cursor: pointer; font-size: 12px; color: var(--kl-muted); }
+.kl-grouping-settings summary span { margin-left: 8px; color: var(--kl-ink); }
+.kl-grouping-section-title { font-size: 14px; font-weight: 500; margin: 24px 0 10px; }
+.kl-grouping-source { border-top: .5px solid var(--kl-line); padding: 14px 0; }
+.kl-grouping-source-title strong { font-size: 13px; font-weight: 500; min-width: 0; overflow-wrap: anywhere; }
+.kl-grouping-source p, .kl-grouping-pending p, .kl-grouping-recovery p { font-size: 12px; line-height: 1.8; color: var(--kl-muted); overflow-wrap: anywhere; }
+.kl-grouping-source details button { margin-top: 8px; }
+.kl-grouping-editor .kl-grouping-sync { flex-direction: row; align-items: center; gap: 8px; margin-top: 20px; }
+.kl-grouping-sync input { width: 15px; height: 15px; padding: 0; accent-color: var(--kl-primary); flex: none; }
+.kl-grouping-editor footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
+.kl-grouping-recovery { border-left: 2px solid var(--kl-link); padding-left: 12px; font-size: 13px; }
+.kl-grouping-pending { border-top: .5px solid var(--kl-line); padding-top: 14px; font-size: 13px; }
+.kl-note-integration { border: .5px solid var(--kl-line); border-radius: 8px; padding: 14px; margin: 16px 0; }
+.kl-note-integration > strong { font-size: 14px; font-weight: 500; }
+.kl-note-integration p, .kl-integration-findings { font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
+.kl-integration-findings { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 12px; padding: 8px 0; border-top: .5px solid var(--kl-line); }
+.kl-integration-findings > span { color: var(--kl-muted); }
+.kl-integration-findings ul { margin: 0; padding-left: 16px; }
+.kl-integration-target { font-weight: 500; }
+.kl-integration-preview { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 300px; overflow-y: auto; padding: 12px; background: var(--kl-hover); border-radius: 6px; font: inherit; font-size: 12px; line-height: 1.8; }
+.kl-note-integration details summary, .kl-knowledge-draft > details summary { cursor: pointer; font-size: 12px; color: var(--kl-muted); }
 .kl-body { position: relative; display: flex; flex: 1; min-height: 0; overflow: hidden; }
 .kl-list { flex: 1; min-width: 0; min-height: 0; overflow-y: auto; padding: 0 calc(var(--kl-gutter) - 8px) 24px; }
 .kl-body.with-detail .kl-list { flex: 0 0 38%; padding: 0 16px 24px calc(var(--kl-gutter) - 8px); }
 .kl-item { width: 100%; display: block; text-align: left; padding: 14px 12px; margin-bottom: 2px; border: 0; border-radius: var(--kl-radius); background: transparent; }
 .kl-item:hover, .kl-item.selected { background: var(--kl-hover); }
+.kl-item-row { position: relative; }
+.kl-item-row .kl-item { padding-right: 48px; }
+.kl-app .kl-row-action { position: absolute; top: 8px; right: 8px; }
+.kl-app .kl-danger, .kl-app .kl-danger:hover { color: var(--kl-error); }
 .kl-item-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 5px; }
 .kl-type { display: inline-flex; gap: 5px; align-items: center; font-size: 12px; color: var(--kl-muted); }
 .kl-item time { color: var(--kl-muted); font-size: 12px; }
@@ -176,6 +265,9 @@
 .kl-dialog > header p { margin: 0; color: var(--kl-muted); font-size: 12px; line-height: 1.7; }
 .kl-dialog > header > button { border: 0; border-radius: 8px; background: transparent; color: var(--kl-muted); padding: 4px; display: flex; }
 .kl-dialog > header > button:hover { background: var(--kl-hover); }
+.kl-delete-dialog { padding: 0 24px 24px; }
+.kl-delete-title { margin: 0 0 12px; font-weight: 500; overflow-wrap: anywhere; }
+.kl-delete-dialog footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 24px; }
 .kl-editor { padding: 0 24px; }
 .kl-tabs { display: flex; gap: 8px; margin-bottom: 20px; }
 .kl-tabs button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; background: transparent; border: 0; color: var(--kl-muted); border-radius: 14px; min-height: 32px; padding: 5px 8px; font-size: 13px; }
@@ -202,14 +294,58 @@
 .kl-job time { font-size: 11px; color: var(--kl-muted); }
 .kl-job > strong { display: block; overflow-wrap: anywhere; font-size: 13px; font-weight: 400; margin: 12px 0; }
 .kl-job > p { font-size: 12px; color: var(--kl-error); line-height: 1.7; }
-.kl-job button { display: flex; align-items: center; gap: 4px; color: var(--kl-link); font-size: 12px; border: 0; background: transparent; border-radius: 6px; padding: 4px; }
-.kl-job button:hover { background: var(--kl-hover); }
+.kl-job button, .kl-job a { display: flex; align-items: center; gap: 4px; color: var(--kl-link); font-size: 12px; border: 0; background: transparent; border-radius: 6px; padding: 4px; text-decoration: none; }
+.kl-job button:hover, .kl-job a:hover { background: var(--kl-hover); }
+.kl-job .kl-job-actions { justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
 .kl-job-status { font-size: 11px; border-radius: 6px; padding: 3px 7px; background: var(--kl-hover); color: var(--kl-secondary); }
 .kl-job-status.failed { color: var(--kl-error); }
 .kl-job-status.running { color: var(--kl-link); }
 .kl-info label { display: block; font-size: 12px; color: var(--kl-muted); margin-bottom: 8px; }
 .kl-info code { display: block; overflow-wrap: anywhere; background: var(--kl-sidebar); padding: 12px; border-radius: 8px; font-size: 12px; }
 .kl-info p { font-size: 13px; line-height: 1.8; color: var(--kl-secondary); margin: 16px 0; }
+.kl-root-field, .kl-folder-path { display: flex; gap: 8px; align-items: center; }
+.kl-root-field input, .kl-folder-path input { flex: 1; min-width: 0; border: .5px solid var(--kl-line); background: var(--kl-panel); border-radius: var(--kl-radius); padding: 10px 12px; font-size: 12px; }
+.kl-root-field input[readonly] { background: var(--kl-sidebar); }
+.kl-root-field button, .kl-folder-path button { flex-shrink: 0; }
+.kl-root-confirm { margin-top: 14px; padding: 12px; border: .5px solid var(--kl-line); border-radius: 10px; background: var(--kl-sidebar); }
+.kl-root-confirm p { margin: 0 0 12px; }
+.kl-root-confirm > div, .kl-folder-actions { display: flex; justify-content: flex-end; gap: 8px; }
+.kl-folder-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
+.kl-folder-heading strong { font-size: 14px; font-weight: 500; }
+.kl-folder-crumbs { display: flex; flex-wrap: wrap; gap: 4px; margin: 12px 0; }
+.kl-folder-crumbs button { border: 0; background: transparent; padding: 3px 0; font-size: 12px; color: var(--kl-muted); overflow-wrap: anywhere; }
+.kl-folder-crumbs span { padding: 0 6px; color: var(--kl-caption); }
+.kl-folder-entries { height: 240px; overflow: auto; border: .5px solid var(--kl-line); border-radius: 10px; padding: 6px; }
+.kl-folder-entries > button { width: 100%; display: flex; align-items: center; gap: 10px; text-align: left; border: 0; border-radius: 6px; padding: 10px; background: transparent; }
+.kl-folder-entries > button:hover { background: var(--kl-hover); }
+.kl-folder-entries > button span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
+.kl-folder-entries > p { padding: 0 10px; }
+.kl-folder-actions { margin-top: 16px; }
+.kl-info .kl-settings-error { color: var(--kl-error); overflow-wrap: anywhere; }
+.kl-network-settings { margin-top: 20px; padding-top: 16px; border-top: .5px solid var(--kl-line); }
+.kl-network-settings h3 { font-size: 13px; font-weight: 500; margin: 0 0 12px; }
+.kl-info .kl-proxy-option { display: flex; align-items: flex-start; gap: 8px; color: var(--kl-ink); font-size: 13px; line-height: 20px; cursor: pointer; }
+.kl-proxy-option input { flex: none; width: 16px; height: 16px; margin: 2px 0; accent-color: var(--kl-ink); }
+.kl-network-settings p { font-size: 12px; margin: 8px 0 12px; }
+.kl-image-settings { margin-top: 20px; padding-top: 16px; border-top: .5px solid var(--kl-line); }
+.kl-image-settings h3, .kl-page-images h3 { font-size: 13px; font-weight: 500; margin: 0 0 12px; }
+.kl-image-settings p, .kl-image-record p { font-size: 12px; overflow-wrap: anywhere; }
+.kl-info .kl-image-limit { display: flex; align-items: center; gap: 12px; margin: 14px 0; }
+.kl-image-limit input { width: 68px; padding: 6px 8px; border: .5px solid var(--kl-line); border-radius: 8px; background: var(--kl-bg); }
+.kl-image-policy { padding: 10px 12px; border-left: 2px solid var(--kl-link); background: var(--kl-sidebar); color: var(--kl-secondary); font-size: 12px; line-height: 1.8; margin: 0 0 16px; overflow-wrap: anywhere; }
+.kl-page-images { margin: 24px 0; padding-block: 16px; border-block: .5px solid var(--kl-line); }
+.kl-image-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; }
+.kl-image-heading h3 { margin: 0; }
+.kl-image-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: 16px; }
+.kl-image-record { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 12px; overflow-wrap: anywhere; }
+.kl-image-record > a:has(img) { width: 100%; }
+.kl-image-record img { display: block; width: 100%; height: 140px; object-fit: contain; border: .5px solid var(--kl-line); border-radius: 8px; background: var(--kl-sidebar); }
+.kl-image-record small { color: var(--kl-muted); }
+.kl-image-record a { color: var(--kl-link); }
+.kl-image-record p { margin: 0; color: var(--kl-secondary); }
+.kl-delete-dialog li { overflow-wrap: anywhere; }
+.kl-job > p { color: var(--kl-secondary); }
+.kl-job > p[role="alert"] { color: var(--kl-error); }
 .kl-error, .kl-form-error { background: var(--kl-sidebar); color: var(--kl-error); font-size: 13px; line-height: 1.7; padding: 10px 12px; border-radius: 8px; overflow-wrap: anywhere; }
 .kl-error { display: flex; align-items: center; gap: 12px; margin: 0 var(--kl-gutter) 14px; }
 .kl-error button { margin-left: auto; border: 0; background: transparent; color: inherit; display: flex; padding: 4px; }
@@ -237,10 +373,14 @@
   .kl-toolbar { padding: 0 20px 12px; gap: 4px; }
   .kl-search kbd, .kl-job-button span, .kl-sort-label { display: none; }
   .kl-filterbar { padding: 0 20px 10px; }
+  .kl-trash-toolbar { padding: 0 20px 12px; flex-wrap: wrap; }
+  .kl-knowledge-toolbar { padding: 0 20px 12px; flex-wrap: wrap; }
   .kl-list { padding: 0 12px 16px; }
   .kl-empty { padding: 40px 12px; }
   .kl-detail article { padding: 20px; }
   .kl-detail-toolbar { padding: 8px 12px; }
+  .kl-detail-toolbar { flex-wrap: wrap; }
+  .kl-detail-toolbar > div { margin-left: auto; }
   .kl-error { margin: 0 20px 12px; }
 }
 /* Fixed dialogs use viewport width even when the host panel is narrow. */
@@ -248,6 +388,8 @@
   .kl-modal-backdrop { padding: 12px; }
   .kl-dialog { max-height: calc(100dvh - 24px); }
   .kl-dialog > header { padding: 20px 18px 16px; }
+  .kl-knowledge-form, .kl-knowledge-jobs { padding-inline: 18px; }
+  .kl-knowledge-fields { grid-template-columns: 1fr; gap: 0; }
   .kl-editor { padding: 0 18px; }
   .kl-editor footer { margin-left: -18px; margin-right: -18px; padding: 14px 18px; }
   .kl-editor footer > span { font-size: 10px; }
@@ -255,6 +397,7 @@
   .kl-tabs button { padding: 5px; font-size: 12px; }
   .kl-form-grid { gap: 12px; }
   .kl-jobs, .kl-info { padding: 0 18px 20px; }
+  .kl-delete-dialog { padding: 0 18px 20px; }
 }
 @media (prefers-reduced-motion: reduce) {
   .kl-app * { animation: none !important; transition: none !important; }