@deepseek-insight/dsi 0.5.22 → 0.5.24

package/build/server/chunks/entries/pages/{_page.svelte.js-GQS2SRws.js → _page.svelte.js-D63btYnK.js}

@@ -1,13 +1,13 @@
-import { c as onDestroy } from '../../chunks/internal.js-Du2x925l.js';
+import { c as onDestroy } from '../../chunks/internal.js-nJTGYhdX.js';
 import { V as head, y as derived, X as bind_props, W as escape_html, Y as attr, Z as attr_style, _ as attr_class, x as setContext, $ as spread_props, a0 as attributes, a1 as clsx, a2 as ensure_array_like, a3 as element, J as getContext, a4 as stringify, a5 as html, F as run, a6 as props_id } from '../../chunks/server.js-11-pxAWV.js';
 import { U as UI_LOCALES } from '../../chunks/config.js-BvW5LrfQ.js';
 import { m as mergeEntries, c as collapseSystemPromptEntries, t as truncate } from '../../chunks/dsh-events.js-DEZgATm-.js';
 import { p as parseA2aSignature, m as mintA2aId, b as buildDeliveredText } from '../../chunks/a2a-protocol.js-C77mVg2Q.js';
 import { b as applyKnobEvent, E as EMPTY_KNOBS, r as resolvePermission, l as localPermission, c as presetLabel, d as presetDescription, C as CUSTOM_PRESET, F as FULL_ACCESS_PRESET } from '../../chunks/permission-state.js-B7UpAHBv.js';
 import { D as DEFAULT_IMAGE_LIMITS } from '../../chunks/image-limits.js-CUdJ0f7r.js';
-import { a as appConfig, t as textPreviewOf, b as triggerMode, g as getTrigger, p as previewSegments, i as isValidTagWord, s as searchKey, c as shouldRecordPrompt } from '../../chunks/app-config.svelte.js-DX-xENzY.js';
+import { a as appConfig, t as triggerMode, g as getTrigger, p as previewSegments, i as isValidTagWord, b as textPreviewOf, s as searchKey, c as shouldRecordPrompt, d as parseTagWords } from '../../chunks/app-config.svelte.js-F-U5xz0r.js';
 import { c as getLocale } from '../../chunks/runtime.js-CCJi3XaY.js';
-import { p as page, a as afterNavigate, t, r as replaceState, c as currentLocale } from '../../chunks/state.js-BOUZ4Mdx.js';
+import { p as page, a as afterNavigate, t, r as replaceState, c as currentLocale } from '../../chunks/state.js-D0-EDcsi.js';
 import 'yaml';
 import 'html-to-image';
 import hljs from 'highlight.js/lib/core';
@@ -87,6 +87,38 @@ var accessmodecurrent2 = ((inputs, options = {}) => {
 	return en_accessmodecurrent2(inputs);
 });
 //#endregion
+//#region src/lib/paraglide/messages/addprompt1.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Addprompt1Inputs */
+var en_addprompt1 = () => {
+	return `Add prompt`;
+};
+var zh_addprompt1 = () => {
+	return `添加提示`;
+};
+var id_addprompt1 = () => {
+	return `Tambah prompt`;
+};
+var es_addprompt1 = () => {
+	return `Añadir prompt`;
+};
+/**
+* | output |
+* | --- |
+* | "Add prompt" |
+*
+* @param {Addprompt1Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var addprompt1 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_addprompt1();
+	if (locale === "id") return id_addprompt1();
+	if (locale === "es") return es_addprompt1();
+	return en_addprompt1();
+});
+//#endregion
 //#region src/lib/paraglide/messages/allowonce1.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Allowonce1Inputs */
@@ -407,6 +439,38 @@ var clearbtn1 = ((inputs = {}, options = {}) => {
 	return en_clearbtn1();
 });
 //#endregion
+//#region src/lib/paraglide/messages/clearsearch1.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Clearsearch1Inputs */
+var en_clearsearch1 = () => {
+	return `Clear search`;
+};
+var zh_clearsearch1 = () => {
+	return `清除搜索`;
+};
+var id_clearsearch1 = () => {
+	return `Hapus pencarian`;
+};
+var es_clearsearch1 = () => {
+	return `Limpiar búsqueda`;
+};
+/**
+* | output |
+* | --- |
+* | "Clear search" |
+*
+* @param {Clearsearch1Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var clearsearch1 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_clearsearch1();
+	if (locale === "id") return id_clearsearch1();
+	if (locale === "es") return es_clearsearch1();
+	return en_clearsearch1();
+});
+//#endregion
 //#region src/lib/paraglide/messages/clearthegoal2.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Clearthegoal2Inputs */
@@ -983,6 +1047,38 @@ var copypageimage2 = ((inputs = {}, options = {}) => {
 	return en_copypageimage2();
 });
 //#endregion
+//#region src/lib/paraglide/messages/copypanelasimage3.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Copypanelasimage3Inputs */
+var en_copypanelasimage3 = () => {
+	return `Copy panel as image (Shift+Click to save)`;
+};
+var zh_copypanelasimage3 = () => {
+	return `复制面板为图片（Shift+点击 可保存）`;
+};
+var id_copypanelasimage3 = () => {
+	return `Salin panel sebagai gambar (Shift+Klik untuk menyimpan)`;
+};
+var es_copypanelasimage3 = () => {
+	return `Copiar panel como imagen (Shift+Clic para guardar)`;
+};
+/**
+* | output |
+* | --- |
+* | "Copy panel as image (Shift+Click to save)" |
+*
+* @param {Copypanelasimage3Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var copypanelasimage3 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_copypanelasimage3();
+	if (locale === "id") return id_copypanelasimage3();
+	if (locale === "es") return es_copypanelasimage3();
+	return en_copypanelasimage3();
+});
+//#endregion
 //#region src/lib/paraglide/messages/copypanelcolumn2.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Copypanelcolumn2Inputs */
@@ -1591,6 +1687,38 @@ var dismiss = ((inputs = {}, options = {}) => {
 	return en_dismiss();
 });
 //#endregion
+//#region src/lib/paraglide/messages/dismissalert1.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Dismissalert1Inputs */
+var en_dismissalert1 = () => {
+	return `Dismiss alert`;
+};
+var zh_dismissalert1 = () => {
+	return `关闭提醒`;
+};
+var id_dismissalert1 = () => {
+	return `Tutup peringatan`;
+};
+var es_dismissalert1 = () => {
+	return `Descartar alerta`;
+};
+/**
+* | output |
+* | --- |
+* | "Dismiss alert" |
+*
+* @param {Dismissalert1Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var dismissalert1 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_dismissalert1();
+	if (locale === "id") return id_dismissalert1();
+	if (locale === "es") return es_dismissalert1();
+	return en_dismissalert1();
+});
+//#endregion
 //#region src/lib/paraglide/messages/dismissrunsheet2.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Dismissrunsheet2Inputs */
@@ -2743,6 +2871,38 @@ var label = ((inputs = {}, options = {}) => {
 	return en_label();
 });
 //#endregion
+//#region src/lib/paraglide/messages/labeloptional1.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Labeloptional1Inputs */
+var en_labeloptional1 = () => {
+	return `Label (optional)`;
+};
+var zh_labeloptional1 = () => {
+	return `标签（可选）`;
+};
+var id_labeloptional1 = () => {
+	return `Label (opsional)`;
+};
+var es_labeloptional1 = () => {
+	return `Etiqueta (opcional)`;
+};
+/**
+* | output |
+* | --- |
+* | "Label (optional)" |
+*
+* @param {Labeloptional1Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var labeloptional1 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_labeloptional1();
+	if (locale === "id") return id_labeloptional1();
+	if (locale === "es") return es_labeloptional1();
+	return en_labeloptional1();
+});
+//#endregion
 //#region src/lib/paraglide/messages/labelslashtext2.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Labelslashtext2Inputs */
@@ -2775,6 +2935,38 @@ var labelslashtext2 = ((inputs = {}, options = {}) => {
 	return en_labelslashtext2();
 });
 //#endregion
+//#region src/lib/paraglide/messages/labelslashtextmode3.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Labelslashtextmode3Inputs */
+var en_labelslashtextmode3 = () => {
+	return `Label/text mode`;
+};
+var zh_labelslashtextmode3 = () => {
+	return `标签/文本模式`;
+};
+var id_labelslashtextmode3 = () => {
+	return `Mode label/teks`;
+};
+var es_labelslashtextmode3 = () => {
+	return `Modo etiqueta/texto`;
+};
+/**
+* | output |
+* | --- |
+* | "Label/text mode" |
+*
+* @param {Labelslashtextmode3Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var labelslashtextmode3 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_labelslashtextmode3();
+	if (locale === "id") return id_labelslashtextmode3();
+	if (locale === "es") return es_labelslashtextmode3();
+	return en_labelslashtextmode3();
+});
+//#endregion
 //#region src/lib/paraglide/messages/languagemenu_label1.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Languagemenu_Label1Inputs */
@@ -2935,6 +3127,38 @@ var macro = ((inputs = {}, options = {}) => {
 	return en_macro();
 });
 //#endregion
+//#region src/lib/paraglide/messages/macroshort1.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Macroshort1Inputs */
+var en_macroshort1 = () => {
+	return `MCR`;
+};
+var zh_macroshort1 = () => {
+	return `宏`;
+};
+var id_macroshort1 = () => {
+	return `MCR`;
+};
+var es_macroshort1 = () => {
+	return `MCR`;
+};
+/**
+* | output |
+* | --- |
+* | "MCR" |
+*
+* @param {Macroshort1Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var macroshort1 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_macroshort1();
+	if (locale === "id") return id_macroshort1();
+	if (locale === "es") return es_macroshort1();
+	return en_macroshort1();
+});
+//#endregion
 //#region src/lib/paraglide/messages/manageprompts1.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Manageprompts1Inputs */
@@ -3095,6 +3319,70 @@ var messageone1 = ((inputs = {}, options = {}) => {
 	return en_messageone1();
 });
 //#endregion
+//#region src/lib/paraglide/messages/modenormtitle2.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Modenormtitle2Inputs */
+var en_modenormtitle2 = () => {
+	return `Flowing preview`;
+};
+var zh_modenormtitle2 = () => {
+	return `流式预览`;
+};
+var id_modenormtitle2 = () => {
+	return `Pratinjau mengalir`;
+};
+var es_modenormtitle2 = () => {
+	return `Vista fluida`;
+};
+/**
+* | output |
+* | --- |
+* | "Flowing preview" |
+*
+* @param {Modenormtitle2Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var modenormtitle2 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_modenormtitle2();
+	if (locale === "id") return id_modenormtitle2();
+	if (locale === "es") return es_modenormtitle2();
+	return en_modenormtitle2();
+});
+//#endregion
+//#region src/lib/paraglide/messages/moderawtitle2.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Moderawtitle2Inputs */
+var en_moderawtitle2 = () => {
+	return `Raw text — 5 lines, then scroll`;
+};
+var zh_moderawtitle2 = () => {
+	return `原始文本 — 5 行后滚动`;
+};
+var id_moderawtitle2 = () => {
+	return `Teks mentah — 5 baris, lalu gulir`;
+};
+var es_moderawtitle2 = () => {
+	return `Texto sin formato — 5 líneas, luego desplazamiento`;
+};
+/**
+* | output |
+* | --- |
+* | "Raw text — 5 lines, then scroll" |
+*
+* @param {Moderawtitle2Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var moderawtitle2 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_moderawtitle2();
+	if (locale === "id") return id_moderawtitle2();
+	if (locale === "es") return es_moderawtitle2();
+	return en_moderawtitle2();
+});
+//#endregion
 //#region src/lib/paraglide/messages/morerefine1.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Morerefine1Inputs */
@@ -4343,6 +4631,38 @@ var prompttextaria2 = ((inputs = {}, options = {}) => {
 	return en_prompttextaria2();
 });
 //#endregion
+//#region src/lib/paraglide/messages/prompttextph2.js
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+/** @typedef {{}} Prompttextph2Inputs */
+var en_prompttextph2 = () => {
+	return `Prompt text…`;
+};
+var zh_prompttextph2 = () => {
+	return `提示文本…`;
+};
+var id_prompttextph2 = () => {
+	return `Teks prompt…`;
+};
+var es_prompttextph2 = () => {
+	return `Texto del prompt…`;
+};
+/**
+* | output |
+* | --- |
+* | "Prompt text…" |
+*
+* @param {Prompttextph2Inputs} inputs
+* @param {{ locale?: "en" | "zh" | "id" | "es" }} options
+* @returns {LocalizedString}
+*/
+var prompttextph2 = ((inputs = {}, options = {}) => {
+	const locale = options.locale ?? getLocale();
+	if (locale === "zh") return zh_prompttextph2();
+	if (locale === "id") return id_prompttextph2();
+	if (locale === "es") return es_prompttextph2();
+	return en_prompttextph2();
+});
+//#endregion
 //#region src/lib/paraglide/messages/promptsmanager1.js
 /** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
 /** @typedef {{}} Promptsmanager1Inputs */
@@ -8422,7 +8742,7 @@ function AppSidebarHeaderTitle($$renderer) {
 //#region src/lib/components/common/buttons/CanvasCopyButton.svelte
 function CanvasCopyButton($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { container, title = "Copy canvas as image (Shift+Click to save)", size = 12, class: className = "" } = $$props;
+		let { container, title = "Copy canvas as image (Shift+Click to save)", size = 12, class: className = "", mode = "full" } = $$props;
 		$$renderer.push(`<button data-svelte="CanvasCopyButton" type="button"${attr_class(className)}${attr("title", title)} data-testid="canvas-copy-button">`);
 		$$renderer.push("<!--[-1-->");
 		Image($$renderer, { size });
@@ -8442,6 +8762,7 @@ function AppSidebarHeaderAction($$renderer, $$props) {
 		$$renderer.push(`<div data-svelte="AppSidebarHeaderAction" class="rail-header-actions svelte-ijmtbh">`);
 		CanvasCopyButton($$renderer, {
 			container: captureContainer,
+			mode: "visible",
 			title: t(copypageimage2),
 			size: 14,
 			class: "inline-flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded transition-colors hover:bg-surface-hover"
@@ -9938,26 +10259,57 @@ function CommandHelpCard($$renderer, $$props) {
 	});
 }
 //#endregion
-//#region src/lib/components/chat/PromptManagerTDLabel.svelte
+//#region src/lib/components/prompt-manager/PromptManagerTDLabel.svelte
 function PromptManagerTDLabel($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		/** Prompt row whose text cell this component renders. */
-		let { row } = $$props;
-		$$renderer.push(`<td data-svelte="PromptManagerTDLabel"${attr_class("mgr-text-cell svelte-144v1my", void 0, { "mgr-stacked": !!row.label })}>`);
+		let { row, textMode = "norm" } = $$props;
+		$$renderer.push(`<td data-svelte="PromptManagerTDLabel" class="mgr-text-cell mgr-stacked svelte-1jyv96o">`);
 		if (row.label) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<span class="mgr-label-tag svelte-144v1my">${escape_html(row.label)}</span>`);
+			$$renderer.push(`<span class="mgr-label-tag svelte-1jyv96o">${escape_html(row.label)}</span>`);
 		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <span class="mgr-line2 svelte-144v1my"><span class="mgr-preview svelte-144v1my">${escape_html(textPreviewOf(row))}</span> `);
-		if (row.text.includes("\n")) {
+		$$renderer.push(`<!--]--> <span class="mgr-line2 svelte-1jyv96o">`);
+		if (textMode === "pre") {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<span class="mgr-ml svelte-144v1my">⏎</span>`);
-		} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<span class="mgr-pre svelte-1jyv96o">${escape_html(row.text)}</span>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<span class="mgr-preview svelte-1jyv96o">${escape_html(textPreviewOf(row))}</span> `);
+			if (row.text.includes("\n")) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="mgr-ml svelte-1jyv96o">⏎</span>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		}
 		$$renderer.push(`<!--]--></span></td>`);
 	});
 }
 //#endregion
-//#region src/lib/components/chat/PromptManagerSearch.svelte
+//#region src/lib/components/prompt-manager/PromptManagerTagFilter.svelte
+function PromptManagerTagFilter($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/**
+		* PromptManagerTagFilter — the vocabulary chip row of the prompts
+		* manager toolbar (The Prompt Tags ADR, 2026-09-14, D5): the CHIP view
+		* of the active filter state. The words come from /api/config
+		* prompts.tags (the operator's settings.yaml vocabulary); toggling a
+		* chip reports the word up — the HOST owns the state, its persistence
+		* (the dsi-prompt-tags-filter desk slot), and the search-box plus-word
+		* twins (D11).
+		*/
+		let { vocabulary, selected} = $$props;
+		$$renderer.push(`<div data-svelte="PromptManagerTagFilter" class="mgr-tag-row svelte-529ig4" role="group"${attr("aria-label", t(filterbytags2))}${attr("title", t(filterbytags2))}><!--[-->`);
+		const each_array = ensure_array_like(vocabulary);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let word = each_array[$$index];
+			$$renderer.push(`<button type="button"${attr_class("mgr-tag-filter-chip svelte-529ig4", void 0, { "on": selected.includes(word) })}${attr("aria-pressed", selected.includes(word))}>${escape_html(word)}</button>`);
+		}
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/prompt-manager/PromptManagerSearch.svelte
 function PromptManagerSearch($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		/**
@@ -9965,86 +10317,208 @@ function PromptManagerSearch($$renderer, $$props) {
 		* manager toolbar (extracted from PromptManagerPanel.svelte).
 		* Value binds to the host's `searchQ`; each keystroke calls `oninput`
 		* (the host owns the 300ms debounce + refresh).
+		*
+		* A clear button (`(x)`) sits at the bottom-right INSIDE the textarea
+		* whenever the box is non-empty; one click empties the box and fires
+		* `oninput` so the host's debounced refresh runs (2026-09-19).
 		*/
 		let { value = "", oninput } = $$props;
-		$$renderer.push(`<textarea data-svelte="PromptManagerSearch" class="mgr-search svelte-w3lpt8" rows="2"${attr("placeholder", t(searchprompts1))}>`);
+		$$renderer.push(`<div data-svelte="PromptManagerSearch" class="mgr-search-wrap svelte-ihapru"><textarea class="mgr-search svelte-ihapru" rows="2"${attr("placeholder", t(searchprompts1))}>`);
 		const $$body = escape_html(value);
 		if ($$body) $$renderer.push(`${$$body}`);
-		$$renderer.push(`</textarea>`);
+		$$renderer.push(`</textarea> `);
+		if (value.length > 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<button type="button" class="mgr-search-clear svelte-ihapru"${attr("aria-label", t(clearsearch1))}${attr("title", t(clearsearch1))}>(x)</button>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
 		bind_props($$props, { value });
 	});
 }
 //#endregion
-//#region src/lib/components/chat/PromptManagerTDTags.svelte
+//#region src/lib/components/prompt-manager/PromptManagerToolbar.svelte
+function PromptManagerToolbar($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/**
+		* PromptManagerToolbar — the sticky header's first row (2026-09-19):
+		* LEFT — the prompts.sqlite FULL path (server-expanded, rides
+		* /api/config prompts.dbPath; unknown → the filename only).
+		* RIGHT — a CanvasCopyButton capturing the whole PromptManagerPanel
+		* (the container prop is the panel's root element).
+		*/
+		let { dbPath, container } = $$props;
+		$$renderer.push(`<div data-svelte="PromptManagerToolbar" class="mgr-toolbar-row svelte-1j41j2p"><span class="mgr-db-path svelte-1j41j2p"${attr("title", dbPath)}>${escape_html(dbPath || "prompts.sqlite")}</span> `);
+		CanvasCopyButton($$renderer, {
+			container,
+			mode: "visible",
+			title: t(copypanelasimage3),
+			class: "shrink-0 rounded-md text-slate-400 hover:bg-slate-100 hover:text-slate-600"
+		});
+		$$renderer.push(`<!----></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/prompt-manager/PromptManagerHeader.svelte
+function PromptManagerHeader($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/**
+		* PromptManagerHeader — the header of the prompts manager (the former
+		* PromptManagerStickyHeader, 2026-09-19 rework): toolbar row
+		* (delete-selected, tag chips, search, add/cancel) + the head table
+		* row, no gaps. NOT position:sticky anymore — the panel is a flex
+		* column and the header simply sits on top in normal flow; the
+		* PromptManagerContainer BELOW it owns the scroll.
+		*
+		* Presentational: state lives in the panel and arrives via props;
+		* every gesture is reported back through a callback. searchQ is
+		* $bindable (the search box owns keystrokes, the panel owns the
+		* value — it derives the +token filter from it).
+		*/
+		let { selectedCount, vocabulary, tagFilter, dbPath, container, sortState, loading, hasRows, addingNew, searchQ = "", textMode = "pre", ontoggle, onsearchinput, ondeleteselected, onunselectall, onsort, onadd, oncanceladd } = $$props;
+		/** Direction icon for a column header. */
+		function sortIcon(col) {
+			if (!sortState || sortState.col !== col) return "↕";
+			return sortState.dir === "asc" ? "▲" : "▼";
+		}
+		let $$settled = true;
+		let $$inner_renderer;
+		function $$render_inner($$renderer) {
+			$$renderer.push(`<div data-svelte="PromptManagerHeader" class="mgr-header svelte-aw18b1">`);
+			PromptManagerToolbar($$renderer, {
+				dbPath,
+				container
+			});
+			$$renderer.push(`<!----> <div class="mgr-header-bar svelte-aw18b1"><button type="button" class="mgr-btn mgr-btn-danger svelte-aw18b1"${attr("disabled", selectedCount === 0, true)}${attr("title", selectedCount > 0 ? `Delete ${selectedCount} selected` : "Select rows to enable delete")}>${escape_html(t(del))}${escape_html(selectedCount > 0 ? ` (${selectedCount})` : "")}</button> <div class="mgr-toolbar svelte-aw18b1">`);
+			if (vocabulary.length > 0) {
+				$$renderer.push("<!--[0-->");
+				PromptManagerTagFilter($$renderer, {
+					vocabulary,
+					selected: tagFilter});
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			PromptManagerSearch($$renderer, {
+				oninput: onsearchinput,
+				get value() {
+					return searchQ;
+				},
+				set value($$value) {
+					searchQ = $$value;
+					$$settled = false;
+				}
+			});
+			$$renderer.push(`<!----> `);
+			if (addingNew) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button type="button" class="mgr-btn mgr-btn-cancel svelte-aw18b1">${escape_html(t(cancel))}</button>`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<button type="button" class="mgr-btn mgr-btn-add svelte-aw18b1">${escape_html(t(plusadd1))}</button>`);
+			}
+			$$renderer.push(`<!--]--></div></div> `);
+			if (!loading && hasRows) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<table class="mgr-table mgr-head-table svelte-aw18b1"><thead class="svelte-aw18b1"><tr><th class="mgr-sel-col svelte-aw18b1">`);
+				if (selectedCount > 0) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<button type="button" class="mgr-unselect-all svelte-aw18b1"${attr("title", t(unselectall1))}>☐</button>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></th><th class="svelte-aw18b1"><button type="button"${attr_class("mgr-sort-btn svelte-aw18b1", void 0, { "active": sortState?.col === "uses" })}>${escape_html(t(uses))} ${escape_html(sortIcon("uses"))}</button></th><th class="svelte-aw18b1"><button type="button"${attr_class("mgr-sort-btn svelte-aw18b1", void 0, { "active": sortState?.col === "display" })}>${escape_html(t(labelslashtext2))} ${escape_html(sortIcon("display"))}</button></th><th class="mgr-macro-col svelte-aw18b1"${attr("title", t(macro))}>${escape_html(t(macroshort1))}</th><th class="mgr-tags-col svelte-aw18b1"><span class="mgr-tags-head svelte-aw18b1">${escape_html(t(tags))} <span class="mgr-mode-seg svelte-aw18b1" role="group"${attr("aria-label", t(labelslashtextmode3))}><button type="button"${attr_class("mgr-mode-btn left svelte-aw18b1", void 0, { "on": textMode === "pre" })}${attr("aria-pressed", textMode === "pre")}${attr("title", t(moderawtitle2))}>pre</button><button type="button"${attr_class("mgr-mode-btn right svelte-aw18b1", void 0, { "on": textMode === "norm" })}${attr("aria-pressed", textMode === "norm")}${attr("title", t(modenormtitle2))}>norm</button></span></span></th></tr></thead></table>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div>`);
+		}
+		do {
+			$$settled = true;
+			$$inner_renderer = $$renderer.copy();
+			$$render_inner($$inner_renderer);
+		} while (!$$settled);
+		$$renderer.subsume($$inner_renderer);
+		bind_props($$props, {
+			searchQ,
+			textMode
+		});
+	});
+}
+//#endregion
+//#region src/lib/components/prompt-manager/PromptManagerContainer.svelte
+function PromptManagerContainer($$renderer, $$props) {
+	/**
+	* PromptManagerContainer — the scroll container UNDER the header
+	* (2026-09-19 rework): the header sits on top in normal flow; this
+	* box takes the rest of the panel column and owns the overflow, so
+	* the body table scrolls beneath a stationary header.
+	*/
+	let { children } = $$props;
+	$$renderer.push(`<div data-svelte="PromptManagerContainer" class="mgr-container svelte-rem7f1">`);
+	children($$renderer);
+	$$renderer.push(`<!----></div>`);
+}
+//#endregion
+//#region src/lib/components/prompt-manager/PromptManagerTDTags.svelte
 function PromptManagerTDTags($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		/**
 		* PromptManagerTDTags — the tags body cell (The Prompt Tags ADR,
-		* 2026-09-14, D4; the TDUses/TDLabel cell seam). Up to TWO tag chips
-		* inline, then a +n overflow badge whose title carries the FULL list —
-		* two is the widest honest fit under the fixed column-width contract.
-		* Untagged ('') renders the em-dash, same as the macro column.
+		* 2026-09-14, D4; the TDUses/TDLabel cell seam). ALL tag chips render
+		* and wrap down (2026-09-19) — pre mode's tall rows give the column
+		* vertical room. Untagged ('') renders the em-dash, same as the
+		* macro column.
 		*/
 		let { row } = $$props;
 		const words = derived(() => row.tags ? row.tags.split(" ").filter(Boolean) : []);
-		const shown = derived(() => words().slice(0, 2));
-		const overflow = derived(() => words().length - shown().length);
-		$$renderer.push(`<td data-svelte="PromptManagerTDTags" class="mgr-tags-cell svelte-108d03j">`);
+		$$renderer.push(`<td data-svelte="PromptManagerTDTags" class="mgr-tags-cell svelte-q3k195">`);
 		if (words().length === 0) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<span class="mgr-tag-none svelte-108d03j">—</span>`);
+			$$renderer.push(`<span class="mgr-tag-none svelte-q3k195">—</span>`);
 		} else {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--[-->`);
-			const each_array = ensure_array_like(shown());
+			const each_array = ensure_array_like(words());
 			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
 				let w = each_array[$$index];
-				$$renderer.push(`<span class="mgr-tag-chip svelte-108d03j">${escape_html(w)}</span>`);
+				$$renderer.push(`<span class="mgr-tag-chip svelte-q3k195">${escape_html(w)}</span>`);
 			}
-			$$renderer.push(`<!--]--> `);
-			if (overflow() > 0) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<span class="mgr-tag-more svelte-108d03j"${attr("title", words().join(" "))}>+${escape_html(overflow())}</span>`);
-			} else $$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]-->`);
 		}
 		$$renderer.push(`<!--]--></td>`);
 	});
 }
 //#endregion
-//#region src/lib/components/chat/PromptManagerTagFilter.svelte
-function PromptManagerTagFilter($$renderer, $$props) {
+//#region src/lib/components/prompt-manager/PromptManagerTDUses.svelte
+function PromptManagerTDUses($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		/**
-		* PromptManagerTagFilter — the vocabulary chip row of the prompts
-		* manager toolbar (The Prompt Tags ADR, 2026-09-14, D5): the CHIP view
-		* of the active filter state. The words come from /api/config
-		* prompts.tags (the operator's settings.yaml vocabulary); toggling a
-		* chip reports the word up — the HOST owns the state, its persistence
-		* (the dsi-prompt-tags-filter desk slot), and the search-box plus-word
-		* twins (D11).
-		*/
-		let { vocabulary, selected} = $$props;
-		$$renderer.push(`<div data-svelte="PromptManagerTagFilter" class="mgr-tag-row svelte-1uamgti" role="group"${attr("aria-label", t(filterbytags2))}${attr("title", t(filterbytags2))}><!--[-->`);
-		const each_array = ensure_array_like(vocabulary);
-		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-			let word = each_array[$$index];
-			$$renderer.push(`<button type="button"${attr_class("mgr-tag-filter-chip svelte-1uamgti", void 0, { "on": selected.includes(word) })}${attr("aria-pressed", selected.includes(word))}>${escape_html(word)}</button>`);
-		}
-		$$renderer.push(`<!--]--></div>`);
+		/** Prompt row whose use-count cell this component renders. */
+		let { row } = $$props;
+		$$renderer.push(`<td data-svelte="PromptManagerTDUses" class="mgr-count svelte-2jpoxe">${escape_html(row.use_count)}</td>`);
 	});
 }
 //#endregion
-//#region src/lib/components/chat/PromptManagerTDUses.svelte
-function PromptManagerTDUses($$renderer, $$props) {
+//#region src/lib/components/prompt-manager/PromptManagerAdd.svelte
+function PromptManagerAdd($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		/** Prompt row whose use-count cell this component renders. */
-		let { row } = $$props;
-		$$renderer.push(`<td data-svelte="PromptManagerTDUses" class="mgr-count svelte-sqcp1g">${escape_html(row.use_count)}</td>`);
+		/**
+		* PromptManagerAdd - the add-prompt dialog extracted from PromptManagerPanel
+		* (extraction seam, The Prompt Tags ADR D8). Same dialog pattern as
+		* PromptManagerEdit: backdrop + centered form, portal pair to document.body
+		* when `portal` is true (BC-7 - fixed layers escape the floor zoom
+		* transform); the modal host renders it in place, so the wrapper is inert
+		* there. The panel owns `addingNew` and the POST.
+		*/
+		let { uses: uses$1 = "1", macro: macro$1 = false, text: text$1 = "", label: label$1 = "", tags: tags$1 = "", portal = false, onsave, oncancel } = $$props;
+		$$renderer.push(`<div data-svelte="PromptManagerAdd" class="mgr-edit-portal svelte-wmiw05"><div class="mgr-edit-backdrop svelte-wmiw05" role="presentation"></div> <div class="mgr-edit-dialog svelte-wmiw05" role="dialog"${attr("aria-label", t(addprompt1))}><h3 class="svelte-wmiw05">${escape_html(t(addprompt1))}</h3> <div class="mgr-field mgr-field-pair svelte-wmiw05"><label class="mgr-field svelte-wmiw05"><span class="svelte-wmiw05">${escape_html(t(uses))}</span> <input type="number" class="mgr-edit-uses svelte-wmiw05"${attr("value", uses$1)} min="1"/></label> <label class="mgr-field mgr-field-macro svelte-wmiw05"><span class="svelte-wmiw05">${escape_html(t(macro))}</span> <input type="checkbox" class="mgr-edit-macro svelte-wmiw05"${attr("checked", macro$1, true)}/></label></div> <label class="mgr-field svelte-wmiw05"><span class="svelte-wmiw05">${escape_html(t(label))}</span> <input type="text" class="mgr-add-label svelte-wmiw05"${attr("value", label$1)}${attr("placeholder", t(labeloptional1))}/></label> <label class="mgr-field svelte-wmiw05"><span class="svelte-wmiw05">${escape_html(t(text))}</span> <textarea class="mgr-add-text svelte-wmiw05"${attr("placeholder", t(prompttextph2))}${attr("rows", Math.min(10, Math.max(3, text$1.split("\n").length)))}>`);
+		const $$body = escape_html(text$1);
+		if ($$body) $$renderer.push(`${$$body}`);
+		$$renderer.push(`</textarea></label> <label class="mgr-field svelte-wmiw05"><span class="svelte-wmiw05">${escape_html(t(tags))}</span> <input type="text" class="mgr-add-tags svelte-wmiw05"${attr("value", tags$1)}${attr("placeholder", t(tags))}/></label> <div class="mgr-edit-actions svelte-wmiw05"><button type="button" class="mgr-btn mgr-btn-save svelte-wmiw05">${escape_html(t(addprompt1))}</button> <button type="button" class="mgr-btn mgr-btn-cancel svelte-wmiw05">${escape_html(t(cancel))}</button></div></div></div>`);
+		bind_props($$props, {
+			uses: uses$1,
+			macro: macro$1,
+			text: text$1,
+			label: label$1,
+			tags: tags$1
+		});
 	});
 }
 //#endregion
-//#region src/lib/components/chat/PromptManagerPanel.svelte
+//#region src/lib/components/prompt-manager/PromptManagerPanel.svelte
 function PromptManagerPanel($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		/**
@@ -10068,10 +10542,24 @@ function PromptManagerPanel($$renderer, $$props) {
 		let rows = [];
 		let total = 0;
 		let searchQ = "";
+		/** Sort state: null = unsorted (server default), else {col, dir}.
+		*  Clicking a column cycles: unsorted → asc → desc → unsorted. */
+		let sortState = null;
+		/** Label/text cell mode (2026-09-19): 'pre' — the raw text, 5 lines
+		*  then scroll (the DEFAULT); 'norm' — the flowing preview. */
+		let textMode = "pre";
 		let loading$1 = false;
 		let editingId = null;
+		let addingNew = false;
+		let newText = "";
+		let newLabel = "";
+		let newTags = "";
+		let newUses = "1";
+		let newMacro = false;
 		let errorMsg = null;
 		let searchTimer = null;
+		/** The panel's root element — the CanvasCopyButton capture target. */
+		let rootEl = null;
 		const profile = derived(() => null);
 		/** The operator's vocabulary (settings.yaml prompts.tags via /api/config). */
 		const vocabulary = derived(() => appConfig().prompts.tags);
@@ -10082,6 +10570,20 @@ function PromptManagerPanel($$renderer, $$props) {
 		function plainWords(v) {
 			return v.split(/[\s;]+/).filter((tok) => tok && !tok.startsWith("+")).join(" ");
 		}
+		/** Rewrite the box's +tokens from the filter state, keeping plain words. */
+		function rewritePlusTokens() {
+			const plain = plainWords(searchQ);
+			searchQ = [...tagFilter.map((w) => "+" + w), ...plain ? [plain] : []].join(" ");
+		}
+		/** Chip toggle (and the +word path's shared tail): flip the word in the
+		*  filter, persist to the desk slot, mirror into the box, refresh. */
+		function toggleTag(word) {
+			tagFilter = tagFilter.includes(word) ? tagFilter.filter((w) => w !== word) : [...tagFilter, word];
+			saveTagFilter(TAG_FILTER_KEY, tagFilter, profile());
+			rewritePlusTokens();
+			if (searchTimer) clearTimeout(searchTimer);
+			searchTimer = setTimeout(refresh, 300);
+		}
 		/** Selected row ids (checkbox column). */
 		let selected = /* @__PURE__ */ new Set();
 		async function refresh() {
@@ -10089,7 +10591,10 @@ function PromptManagerPanel($$renderer, $$props) {
 			errorMsg = null;
 			try {
 				const params = new URLSearchParams({ limit: "200" });
-				params.set("sort", "last_used");
+				if (sortState) {
+					params.set("sort", sortState.col);
+					params.set("dir", sortState.dir);
+				} else params.set("sort", "last_used");
 				if (tagFilter.length > 0) params.set("tags", tagFilter.join(","));
 				const q = plainWords(searchQ).trim();
 				if (q) params.set("q", q);
@@ -10118,93 +10623,228 @@ function PromptManagerPanel($$renderer, $$props) {
 		}
 		/** Visible rows: the server-ordered list as loaded. */
 		let visibleRows = derived(() => rows);
-		/** Direction icon for a column header. */
-		function sortIcon(col) {
-			return "↕";
+		/** Bulk delete all selected — no confirmation (OCI parity). */
+		async function deleteSelected() {
+			if (selected.size === 0) return;
+			const ids = [...selected];
+			try {
+				await Promise.all(ids.map((id) => fetch(`/api/prompts/${id}`, { method: "DELETE" })));
+				selected = /* @__PURE__ */ new Set();
+				onchanged?.();
+				refresh();
+			} catch {
+				errorMsg = "Network error";
+			}
+		}
+		function sortByCol(col) {
+			if (!sortState || sortState.col !== col) sortState = {
+				col,
+				dir: "asc"
+			};
+			else if (sortState.dir === "asc") sortState = {
+				col,
+				dir: "desc"
+			};
+			else sortState = null;
+			refresh();
+		}
+		async function addPrompt() {
+			if (!newText.trim()) return;
+			try {
+				const res = await fetch("/api/prompts", {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify({
+						text: newText,
+						label: newLabel || void 0,
+						use_count: (() => {
+							const n = parseInt(newUses, 10);
+							return !isNaN(n) && n !== 1 ? n : void 0;
+						})(),
+						macro: newMacro ? true : void 0,
+						tags: parseTagWords(newTags).length > 0 ? parseTagWords(newTags) : void 0
+					})
+				});
+				if (res.status === 409) {
+					errorMsg = `Already saved (${(await res.json()).existing?.use_count ?? "?"} uses)`;
+					return;
+				}
+				if (!res.ok) {
+					errorMsg = "Add failed";
+					return;
+				}
+				addingNew = false;
+				newText = "";
+				newLabel = "";
+				newTags = "";
+				newUses = "1";
+				newMacro = false;
+				errorMsg = null;
+				onchanged?.();
+				refresh();
+			} catch {
+				errorMsg = "Network error";
+			}
 		}
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
-			$$renderer.push(`<div data-svelte="PromptManagerPanel" class="mgr-panel-root" role="region"${attr("aria-label", t(promptsmanager1))}${attr("tabindex", escapeScope === "root" ? -1 : void 0)}><div class="mgr-sticky svelte-1kuoadm"><div class="mgr-sticky-bar svelte-1kuoadm"><button type="button" class="mgr-btn mgr-btn-danger svelte-1kuoadm"${attr("disabled", selected.size === 0, true)}${attr("title", selected.size > 0 ? `Delete ${selected.size} selected` : "Select rows to enable delete")}>${escape_html(t(del))}${escape_html(selected.size > 0 ? ` (${selected.size})` : "")}</button> <div class="mgr-toolbar svelte-1kuoadm">`);
-			if (vocabulary().length > 0) {
-				$$renderer.push("<!--[0-->");
-				PromptManagerTagFilter($$renderer, {
-					vocabulary: vocabulary(),
-					selected: tagFilter});
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> `);
-			PromptManagerSearch($$renderer, {
-				oninput: onSearchInput,
-				get value() {
+			$$renderer.push(`<div data-svelte="PromptManagerPanel" class="mgr-panel-root svelte-1t3fglc" role="region"${attr("aria-label", t(promptsmanager1))}${attr("tabindex", escapeScope === "root" ? -1 : void 0)}>`);
+			PromptManagerHeader($$renderer, {
+				selectedCount: selected.size,
+				vocabulary: vocabulary(),
+				dbPath: appConfig().prompts.dbPath,
+				container: rootEl,
+				tagFilter,
+				sortState,
+				loading: loading$1,
+				hasRows: rows.length > 0,
+				addingNew,
+				ontoggle: toggleTag,
+				onsearchinput: onSearchInput,
+				ondeleteselected: deleteSelected,
+				onunselectall: () => {
+					selected = /* @__PURE__ */ new Set();
+				},
+				onsort: sortByCol,
+				onadd: () => {
+					addingNew = true;
+					errorMsg = null;
+				},
+				oncanceladd: () => {
+					addingNew = false;
+					newText = "";
+					newLabel = "";
+					newTags = "";
+					errorMsg = null;
+				},
+				get textMode() {
+					return textMode;
+				},
+				set textMode($$value) {
+					textMode = $$value;
+					$$settled = false;
+				},
+				get searchQ() {
 					return searchQ;
 				},
-				set value($$value) {
+				set searchQ($$value) {
 					searchQ = $$value;
 					$$settled = false;
 				}
 			});
 			$$renderer.push(`<!----> `);
-			{
-				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`<button type="button" class="mgr-btn mgr-btn-add svelte-1kuoadm">${escape_html(t(plusadd1))}</button>`);
-			}
-			$$renderer.push(`<!--]--></div></div> `);
-			if (!loading$1 && rows.length > 0) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<table class="mgr-table mgr-head-table svelte-1kuoadm"><thead class="svelte-1kuoadm"><tr><th class="mgr-sel-col svelte-1kuoadm">`);
-				if (selected.size > 0) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<button type="button" class="mgr-unselect-all svelte-1kuoadm"${attr("title", t(unselectall1))}>☐</button>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--></th><th class="svelte-1kuoadm"><button type="button"${attr_class("mgr-sort-btn svelte-1kuoadm", void 0, { "active": false })}>${escape_html(t(uses))} ${escape_html(sortIcon())}</button></th><th class="svelte-1kuoadm"><button type="button"${attr_class("mgr-sort-btn svelte-1kuoadm", void 0, { "active": false })}>${escape_html(t(labelslashtext2))} ${escape_html(sortIcon())}</button></th><th class="mgr-macro-col svelte-1kuoadm">${escape_html(t(macro))}</th><th class="mgr-tags-col svelte-1kuoadm">${escape_html(t(tags))}</th></tr></thead></table>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div> `);
 			if (errorMsg) {
 				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<div class="mgr-error svelte-1kuoadm">${escape_html(errorMsg)}</div>`);
+				$$renderer.push(`<div class="mgr-error svelte-1t3fglc" role="alert"><span class="mgr-error-msg">${escape_html(errorMsg)}</span> <button type="button" class="mgr-error-close svelte-1t3fglc"${attr("aria-label", t(dismissalert1))}${attr("title", t(dismiss))}>`);
+				X($$renderer, {
+					size: 11,
+					"aria-hidden": "true"
+				});
+				$$renderer.push(`<!----></button></div>`);
 			} else $$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]--> `);
-			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> `);
-			if (loading$1) {
+			if (addingNew) {
 				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<div class="mgr-loading svelte-1kuoadm">${escape_html(t(loading))}</div>`);
-			} else if (rows.length === 0) {
-				$$renderer.push("<!--[1-->");
-				$$renderer.push(`<div class="mgr-empty svelte-1kuoadm">${escape_html(searchQ ? t(nopromptsmatch2) : t(nopromptsyet2))}</div>`);
-			} else {
-				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`<table class="mgr-table mgr-body-table svelte-1kuoadm"><tbody class="svelte-1kuoadm"><!--[-->`);
-				const each_array = ensure_array_like(visibleRows());
-				for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-					let row = each_array[$$index];
-					if (editingId === row.id) {
+				PromptManagerAdd($$renderer, {
+					portal: host === "panel",
+					onsave: addPrompt,
+					oncancel: () => {
+						addingNew = false;
+						newText = "";
+						newLabel = "";
+						newTags = "";
+						newUses = "1";
+						newMacro = false;
+						errorMsg = null;
+					},
+					get uses() {
+						return newUses;
+					},
+					set uses($$value) {
+						newUses = $$value;
+						$$settled = false;
+					},
+					get macro() {
+						return newMacro;
+					},
+					set macro($$value) {
+						newMacro = $$value;
+						$$settled = false;
+					},
+					get text() {
+						return newText;
+					},
+					set text($$value) {
+						newText = $$value;
+						$$settled = false;
+					},
+					get label() {
+						return newLabel;
+					},
+					set label($$value) {
+						newLabel = $$value;
+						$$settled = false;
+					},
+					get tags() {
+						return newTags;
+					},
+					set tags($$value) {
+						newTags = $$value;
+						$$settled = false;
+					}
+				});
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			PromptManagerContainer($$renderer, {
+				children: ($$renderer) => {
+					if (loading$1) {
 						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<tr class="mgr-editing svelte-1kuoadm"><td class="svelte-1kuoadm"></td><td class="svelte-1kuoadm">${escape_html(row.use_count)}</td>`);
-						PromptManagerTDLabel($$renderer, { row });
-						$$renderer.push(`<!----><td class="mgr-macro-col svelte-1kuoadm">${escape_html(row.macro === 1 ? "✓" : "—")}</td>`);
-						PromptManagerTDTags($$renderer, { row });
-						$$renderer.push(`<!----></tr>`);
+						$$renderer.push(`<div class="mgr-loading svelte-1t3fglc">${escape_html(t(loading))}</div>`);
+					} else if (rows.length === 0) {
+						$$renderer.push("<!--[1-->");
+						$$renderer.push(`<div class="mgr-empty svelte-1t3fglc">${escape_html(searchQ ? t(nopromptsmatch2) : t(nopromptsyet2))}</div>`);
 					} else {
 						$$renderer.push("<!--[-1-->");
-						$$renderer.push(`<tr${attr_class("svelte-1kuoadm", void 0, { "sel": selected.has(row.id) })}><td class="mgr-sel-col svelte-1kuoadm"><input type="checkbox" class="mgr-check svelte-1kuoadm"${attr("checked", selected.has(row.id), true)} aria-label="Select prompt"/></td>`);
-						PromptManagerTDUses($$renderer, { row });
-						$$renderer.push(`<!---->`);
-						PromptManagerTDLabel($$renderer, { row });
-						$$renderer.push(`<!----><td class="mgr-macro-col svelte-1kuoadm"><button type="button"${attr_class("mgr-macro-toggle svelte-1kuoadm", void 0, { "on": row.macro === 1 })}${attr("aria-pressed", row.macro === 1)}${attr("title", row.macro === 1 ? "Macro — click to turn off" : "Not a macro — click to turn on")}>${escape_html(row.macro === 1 ? "✓" : "—")}</button></td>`);
-						PromptManagerTDTags($$renderer, { row });
-						$$renderer.push(`<!----></tr>`);
+						$$renderer.push(`<table class="mgr-table mgr-body-table svelte-1t3fglc"><tbody class="svelte-1t3fglc"><!--[-->`);
+						const each_array = ensure_array_like(visibleRows());
+						for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+							let row = each_array[$$index];
+							if (editingId === row.id) {
+								$$renderer.push("<!--[0-->");
+								$$renderer.push(`<tr class="mgr-editing svelte-1t3fglc"><td></td><td>${escape_html(row.use_count)}</td>`);
+								PromptManagerTDLabel($$renderer, {
+									row,
+									textMode
+								});
+								$$renderer.push(`<!----><td class="mgr-macro-col svelte-1t3fglc">${escape_html(row.macro === 1 ? "✓" : "—")}</td>`);
+								PromptManagerTDTags($$renderer, { row });
+								$$renderer.push(`<!----></tr>`);
+							} else {
+								$$renderer.push("<!--[-1-->");
+								$$renderer.push(`<tr${attr_class("svelte-1t3fglc", void 0, { "sel": selected.has(row.id) })}><td class="mgr-sel-col svelte-1t3fglc"><input type="checkbox" class="mgr-check svelte-1t3fglc"${attr("checked", selected.has(row.id), true)} aria-label="Select prompt"/></td>`);
+								PromptManagerTDUses($$renderer, { row });
+								$$renderer.push(`<!---->`);
+								PromptManagerTDLabel($$renderer, {
+									row,
+									textMode
+								});
+								$$renderer.push(`<!----><td class="mgr-macro-col svelte-1t3fglc"><button type="button"${attr_class("mgr-macro-toggle svelte-1t3fglc", void 0, { "on": row.macro === 1 })}${attr("aria-pressed", row.macro === 1)}${attr("title", row.macro === 1 ? "Macro — click to turn off" : "Not a macro — click to turn on")}>${escape_html(row.macro === 1 ? "✓" : "—")}</button></td>`);
+								PromptManagerTDTags($$renderer, { row });
+								$$renderer.push(`<!----></tr>`);
+							}
+							$$renderer.push(`<!--]-->`);
+						}
+						$$renderer.push(`<!--]--></tbody></table> `);
+						if (total > rows.length) {
+							$$renderer.push("<!--[0-->");
+							$$renderer.push(`<div class="mgr-footer svelte-1t3fglc">${escape_html(total - rows.length)} ${escape_html(t(morerefine1))}</div>`);
+						} else $$renderer.push("<!--[-1-->");
+						$$renderer.push(`<!--]-->`);
 					}
 					$$renderer.push(`<!--]-->`);
-				}
-				$$renderer.push(`<!--]--></tbody></table> `);
-				if (total > rows.length) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="mgr-footer svelte-1kuoadm">${escape_html(total - rows.length)} ${escape_html(t(morerefine1))}</div>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]-->`);
-			}
-			$$renderer.push(`<!--]--></div> `);
+				}});
+			$$renderer.push(`<!----></div> `);
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]-->`);
 		}
@@ -10747,7 +11387,7 @@ function rowFactsByPanelId(rows) {
 	return new Map(rows.map((r) => [r.panel.id, r]));
 }
 //#endregion
-//#region src/lib/components/chat/PromptsManagerDialog.svelte
+//#region src/lib/components/prompt-manager/PromptsManagerDialog.svelte
 function PromptsManagerDialog($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		/**
@@ -10769,7 +11409,7 @@ function PromptsManagerDialog($$renderer, $$props) {
 		* {#if} — onclose unmounts it.
 		*/
 		let { onclose, onchanged } = $$props;
-		$$renderer.push(`<div data-svelte="PromptsManagerDialog" class="mgr-backdrop svelte-13xs6jp" role="presentation"></div> <div data-svelte="PromptsManagerDialog" class="mgr-modal svelte-13xs6jp" role="dialog"${attr("aria-label", t(managesavedprompts2))} tabindex="-1"><div class="mgr-dialog-header svelte-13xs6jp"><div class="mgr-dialog-title svelte-13xs6jp">${escape_html(MANAGER_ROW_TITLE)}</div> <button type="button" class="mgr-dialog-close svelte-13xs6jp"${attr("aria-label", t(close))}>×</button></div> <div class="mgr-dialog-body svelte-13xs6jp">`);
+		$$renderer.push(`<div data-svelte="PromptsManagerDialog" class="mgr-backdrop svelte-2gs0br" role="presentation"></div> <div data-svelte="PromptsManagerDialog" class="mgr-modal svelte-2gs0br" role="dialog"${attr("aria-label", t(managesavedprompts2))} tabindex="-1"><div class="mgr-dialog-header svelte-2gs0br"><div class="mgr-dialog-title svelte-2gs0br">${escape_html(MANAGER_ROW_TITLE)}</div> <button type="button" class="mgr-dialog-close svelte-2gs0br"${attr("aria-label", t(close))}>×</button></div> <div class="mgr-dialog-body svelte-2gs0br">`);
 		PromptManagerPanel($$renderer, {
 			onclose,
 			onchanged
@@ -21366,4 +22006,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte.js-GQS2SRws.js.map
+//# sourceMappingURL=_page.svelte.js-D63btYnK.js.map