@openpalm/ui 0.11.5-rc.7 → 0.11.5

package/build/server/chunks/{_page.svelte-CXGT7iVI.js → _page.svelte-CskUoNU-.js}

@@ -1,16 +1,17 @@
-import { v as version } from './environment-C9HyCxX9.js';
+import { v as version } from './environment-nLZvjkum.js';
 import { E as head, p as ensure_array_like, e as attr_class, d as attr, r as escape_html, a8 as stringify, F as html, o as derived, g as bind_props } from './dev-B6xUe35c.js';
-import { o as onDestroy, g as goto } from './client-DuNIsVic.js';
-import { g as fetchContainers, f as fetchAutomations, A as voiceState, b as buildHeaders, j as fetchServiceLogs, a as detectAkmEmbedding, x as testAkmEmbedding, n as notifications, z as upgradeStack, e as downloadUiVersion, i as fetchReleases, k as fetchUiVersions, t as setStackVersion } from './theme-state.svelte-BNtUaCD7.js';
-import { N as Navbar, f as formatTime, e as endpointsService } from './Navbar-EBUPxUnS.js';
+import { o as onDestroy, g as goto } from './client-CApp1czR.js';
+import { r as require_dist } from './dist-DOFcG0Zp.js';
+import { g as fetchContainers, f as fetchAutomations, A as voiceState, b as buildHeaders, j as fetchServiceLogs, a as detectAkmEmbedding, x as testAkmEmbedding, n as notifications, z as upgradeStack, e as downloadUiVersion, i as fetchReleases, k as fetchUiVersions, t as setStackVersion } from './theme-state.svelte-CUVpUHOv.js';
+import { N as Navbar, f as formatTime, e as endpointsService, D as Drawer } from './Navbar-CpFYvhu0.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
-import { V as VoiceEngineSelector, a as VoiceProfileSelector } from './VoiceProfileSelector-CbOV_v5A.js';
-import { T as ToolStrip, C as ChatMessage } from './ChatMessage-CzW3dV57.js';
-import './internal-LXD6a4Om.js';
+import { V as VoiceEngineSelector, a as VoiceProfileSelector } from './VoiceProfileSelector-Dm9LnnyW.js';
+import { T as ToolStrip, C as ChatMessage } from './ChatMessage-CbuDnlGF.js';
+import './internal-BQTNoViC.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state-z9dl5k8n.js';
+import './state-Dj46xvBL.js';
 
 //#region src/lib/components/chrome/TabBar.svelte
 function TabBar($$renderer, $$props) {
@@ -628,7 +629,15 @@ function UpdatesTab($$renderer, $$props) {
 			$$renderer.push(`<!--]--></div> <div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><div class="version-label svelte-7mkeya">Launch on login</div> <label class="desktop-toggle svelte-7mkeya"><input type="checkbox"${attr("checked", launchOnLoginEnabled, true)}${attr("disabled", true, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Start OpenPalm automatically when you sign in on this device.</span></label> <p class="version-hint svelte-7mkeya">`);
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`Not wired on this platform yet. The current desktop build only exposes this safely on macOS and Windows.`);
-			$$renderer.push(`<!--]--></p></div> <div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><div class="version-label svelte-7mkeya">Desktop notifications</div> <label class="desktop-toggle svelte-7mkeya"><input type="checkbox"${attr("checked", notificationsEnabled, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Notify when the assistant replies or errors while the app is in the background.</span></label> <label class="desktop-toggle desktop-toggle--nested svelte-7mkeya"><input type="checkbox"${attr("checked", replyPreviewEnabled, true)}${attr("disabled", true, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Include reply preview in the notification body.</span></label> <p class="version-hint svelte-7mkeya">Reply previews stay off by default because desktop notifications can persist outside the app.</p></div>`);
+			$$renderer.push(`<!--]--></p></div> <div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><div class="version-label svelte-7mkeya">Desktop notifications</div> `);
+			if (typeof window !== "undefined" && typeof window.openpalm?.notify === "function") {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<label class="desktop-toggle svelte-7mkeya"><input type="checkbox"${attr("checked", notificationsEnabled, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Notify when the assistant replies or errors while the app is in the background.</span></label> <label class="desktop-toggle desktop-toggle--nested svelte-7mkeya"><input type="checkbox"${attr("checked", replyPreviewEnabled, true)}${attr("disabled", true, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Include reply preview in the notification body.</span></label> <p class="version-hint svelte-7mkeya">Reply previews stay off by default because desktop notifications can persist outside the app.</p>`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<label class="desktop-toggle svelte-7mkeya"><input type="checkbox" disabled="" class="svelte-7mkeya"/> <span class="svelte-7mkeya">Notify when the assistant replies or errors while the app is in the background.</span></label> <label class="desktop-toggle desktop-toggle--nested svelte-7mkeya"><input type="checkbox" disabled="" class="svelte-7mkeya"/> <span class="svelte-7mkeya">Include reply preview in the notification body.</span></label> <p class="version-hint svelte-7mkeya">Desktop notifications are available in the OpenPalm desktop app.</p>`);
+			}
+			$$renderer.push(`<!--]--></div>`);
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--></div></details></div></div>`);
 	});
@@ -991,47 +1000,291 @@ function ContainersTab($$renderer, $$props) {
 		}
 	});
 }
+require_dist();
+var SCHEDULE_PRESETS = [
+	{
+		id: "every-15-minutes",
+		label: "Every 15 minutes",
+		cron: "*/15 * * * *"
+	},
+	{
+		id: "every-hour",
+		label: "Every hour",
+		cron: "0 * * * *"
+	},
+	{
+		id: "daily",
+		label: "Daily at…",
+		cron: null
+	},
+	{
+		id: "weekly",
+		label: "Weekly on…",
+		cron: null
+	},
+	{
+		id: "monthly",
+		label: "Monthly on day…",
+		cron: null
+	},
+	{
+		id: "advanced",
+		label: "Advanced (cron)",
+		cron: null
+	}
+];
+/** Map a cron expression to the best-matching preset id, or 'advanced'. */
+function cronToPresetId(cron) {
+	const trimmed = cron.trim();
+	if (trimmed === "*/15 * * * *") return "every-15-minutes";
+	if (trimmed === "0 * * * *") return "every-hour";
+	if (/^0 \d{1,2} \* \* \*$/.test(trimmed)) return "daily";
+	if (/^0 \d{1,2} \* \* [0-6]$/.test(trimmed)) return "weekly";
+	if (/^0 \d{1,2} ([1-9]|[12]\d|3[01]) \* \*$/.test(trimmed)) return "monthly";
+	return "advanced";
+}
+var DOW_LABELS = [
+	"Sunday",
+	"Monday",
+	"Tuesday",
+	"Wednesday",
+	"Thursday",
+	"Friday",
+	"Saturday"
+];
+/** Human-readable summary of the resolved cron expression. */
+function describeCron(presetId, hour, dow, dom, rawCron) {
+	const pad = (n) => String(n).padStart(2, "0");
+	const timeStr = `${pad(hour)}:00`;
+	switch (presetId) {
+		case "every-15-minutes": return "Runs every 15 minutes";
+		case "every-hour": return "Runs at the start of every hour";
+		case "daily": return `Runs daily at ${timeStr}`;
+		case "weekly": return `Runs every ${DOW_LABELS[dow] ?? "Sunday"} at ${timeStr}`;
+		case "monthly": return `Runs on day ${dom} of every month at ${timeStr}`;
+		case "advanced": {
+			if (!rawCron.trim()) return "Enter a valid cron expression";
+			const err = validateCron(rawCron);
+			return err ? err : `Runs on schedule: ${rawCron.trim()}`;
+		}
+		default: return "";
+	}
+}
+/** Returns an error message or null if valid. */
+function validateCron(cron) {
+	const parts = cron.trim().split(/\s+/);
+	if (parts.length !== 5) return "Must have exactly 5 fields: minute hour day month weekday";
+	const ranges = [
+		[0, 59],
+		[0, 23],
+		[1, 31],
+		[1, 12],
+		[0, 7]
+	];
+	for (let i = 0; i < 5; i++) {
+		const field = parts[i];
+		if (field === "*" || /^\*\/\d+$/.test(field)) continue;
+		const n = parseInt(field, 10);
+		if (isNaN(n)) return `Field ${i + 1} is not a valid number or wildcard`;
+		const [min, max] = ranges[i];
+		if (n < min || n > max) return `Field ${i + 1} must be ${min}–${max}`;
+	}
+	return null;
+}
+/** Returns an error message or null if valid. */
+function validateTaskFilename(name) {
+	if (!name.trim()) return "File name is required";
+	if (!/^[a-z0-9][a-z0-9_-]*\.(yml|yaml|md)$/.test(name.trim())) return "Use lowercase letters, digits, hyphens, and underscores. Must end in .yml, .yaml, or .md";
+	return null;
+}
+//#endregion
+//#region src/lib/components/admin/automations/TaskDrawer.svelte
+function TaskDrawer($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** null = new task; non-null = editing existing */
+		let { open, draft, saving, saveError, onClose} = $$props;
+		let isNew = derived(() => draft !== null && draft.fileName === "");
+		let newFileName = "";
+		let description = "";
+		let enabled = false;
+		let commandShell = "echo hello";
+		let presetId = "daily";
+		let hour = 9;
+		let dow = 1;
+		let dom = 1;
+		let rawCron = "0 9 * * *";
+		let advancedOpen = false;
+		let fileNameError = derived(() => isNew() ? validateTaskFilename(newFileName) : null);
+		let cronError = derived(() => presetId === "advanced" ? validateCron(rawCron) : null);
+		let cronSummary = derived(() => describeCron(presetId, hour, dow, dom, rawCron));
+		let canSave = derived(() => !saving && (isNew() ? fileNameError() === null && newFileName.trim() !== "" : true) && cronError() === null);
+		function onPresetChange(e) {
+			const val = e.currentTarget.value;
+			presetId = val;
+			advancedOpen = val === "advanced";
+		}
+		{
+			function footer($$renderer) {
+				$$renderer.push(`<button class="btn btn-secondary"${attr("disabled", saving, true)}>Cancel</button> <button class="btn btn-primary"${attr("disabled", !canSave(), true)}>`);
+				if (saving) {
+					$$renderer.push("<!--[0-->");
+					Spinner($$renderer, {});
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> ${escape_html(isNew() ? "Create" : "Save")}</button>`);
+			}
+			Drawer($$renderer, {
+				open,
+				title: isNew() ? "New automation" : `Edit — ${draft?.fileName ?? ""}`,
+				onClose,
+				width: "36rem",
+				footer,
+				children: ($$renderer) => {
+					if (draft !== null) {
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`<form class="task-form svelte-m3wayn">`);
+						if (isNew()) {
+							$$renderer.push("<!--[0-->");
+							$$renderer.push(`<div${attr_class("field-group svelte-m3wayn", void 0, { "field-group--error": fileNameError() !== null && false })}><label class="field-label svelte-m3wayn" for="tf-filename">File name</label> <input id="tf-filename" class="field-input svelte-m3wayn" type="text" placeholder="my-task.yml" autocomplete="off" spellcheck="false"${attr("value", newFileName)}${attr("disabled", saving, true)}/> `);
+							if (fileNameError() && false);
+							else {
+								$$renderer.push("<!--[-1-->");
+								$$renderer.push(`<span class="field-hint svelte-m3wayn">Lowercase letters, digits, hyphens. Must end in .yml, .yaml, or .md</span>`);
+							}
+							$$renderer.push(`<!--]--></div>`);
+						} else $$renderer.push("<!--[-1-->");
+						$$renderer.push(`<!--]--> <div class="field-group svelte-m3wayn"><label class="field-label svelte-m3wayn" for="tf-desc">Description</label> <input id="tf-desc" class="field-input svelte-m3wayn" type="text" placeholder="What does this task do?"${attr("value", description)}${attr("disabled", saving, true)}/></div> <label class="toggle-row svelte-m3wayn"><input type="checkbox"${attr("checked", enabled, true)}${attr("disabled", saving, true)} class="svelte-m3wayn"/> <span class="toggle-label svelte-m3wayn">Enabled</span> <span class="toggle-hint svelte-m3wayn">Disabled tasks are saved but not registered with cron</span></label> <fieldset class="schedule-fieldset svelte-m3wayn"${attr("disabled", saving, true)}><legend class="field-label svelte-m3wayn">Schedule</legend> <div class="schedule-row svelte-m3wayn">`);
+						$$renderer.select({
+							class: "field-select",
+							value: presetId,
+							onchange: onPresetChange
+						}, ($$renderer) => {
+							$$renderer.push(`<!--[-->`);
+							const each_array = ensure_array_like(SCHEDULE_PRESETS);
+							for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+								let p = each_array[$$index];
+								$$renderer.option({ value: p.id }, ($$renderer) => {
+									$$renderer.push(`${escape_html(p.label)}`);
+								});
+							}
+							$$renderer.push(`<!--]-->`);
+						}, "svelte-m3wayn");
+						$$renderer.push(` `);
+						if (presetId === "daily" || presetId === "weekly" || presetId === "monthly") {
+							$$renderer.push("<!--[0-->");
+							$$renderer.push(`<div class="schedule-params svelte-m3wayn">`);
+							if (presetId === "weekly") {
+								$$renderer.push("<!--[0-->");
+								$$renderer.push(`<label class="param-label svelte-m3wayn" for="tf-dow">Day</label> `);
+								$$renderer.select({
+									id: "tf-dow",
+									class: "field-select field-select--narrow",
+									value: dow
+								}, ($$renderer) => {
+									$$renderer.push(`<!--[-->`);
+									const each_array_1 = ensure_array_like(DOW_LABELS);
+									for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+										let label = each_array_1[i];
+										$$renderer.option({ value: i }, ($$renderer) => {
+											$$renderer.push(`${escape_html(label)}`);
+										});
+									}
+									$$renderer.push(`<!--]-->`);
+								}, "svelte-m3wayn");
+							} else $$renderer.push("<!--[-1-->");
+							$$renderer.push(`<!--]--> `);
+							if (presetId === "monthly") {
+								$$renderer.push("<!--[0-->");
+								$$renderer.push(`<label class="param-label svelte-m3wayn" for="tf-dom">Day of month</label> <input id="tf-dom" class="field-input field-input--narrow svelte-m3wayn" type="number" min="1" max="31"${attr("value", dom)}/>`);
+							} else $$renderer.push("<!--[-1-->");
+							$$renderer.push(`<!--]--> <label class="param-label svelte-m3wayn" for="tf-hour">Hour (0–23)</label> <input id="tf-hour" class="field-input field-input--narrow svelte-m3wayn" type="number" min="0" max="23"${attr("value", hour)}/></div>`);
+						} else $$renderer.push("<!--[-1-->");
+						$$renderer.push(`<!--]--></div> <p${attr_class("schedule-summary svelte-m3wayn", void 0, { "schedule-summary--error": cronError() !== null })}>${escape_html(cronSummary())}</p> <details${attr("open", advancedOpen, true)} class="advanced-details svelte-m3wayn"><summary class="advanced-summary svelte-m3wayn">Advanced (raw cron)</summary> <div class="advanced-body svelte-m3wayn"><label class="field-label svelte-m3wayn" for="tf-rawcron">Cron expression</label> <input id="tf-rawcron"${attr_class("field-input field-mono svelte-m3wayn", void 0, { "field-input--error": cronError() !== null })} type="text" placeholder="* * * * *" spellcheck="false"${attr("value", rawCron)}${attr("disabled", saving, true)}/> `);
+						if (cronError()) {
+							$$renderer.push("<!--[0-->");
+							$$renderer.push(`<span class="field-error svelte-m3wayn" role="alert">${escape_html(cronError())}</span>`);
+						} else {
+							$$renderer.push("<!--[-1-->");
+							$$renderer.push(`<span class="field-hint svelte-m3wayn">5 fields: minute hour day-of-month month day-of-week</span>`);
+						}
+						$$renderer.push(`<!--]--></div></details></fieldset> <fieldset class="field-group svelte-m3wayn"${attr("disabled", saving, true)}><legend class="field-label svelte-m3wayn">Action type</legend> <div class="radio-row svelte-m3wayn"><label class="radio-label svelte-m3wayn"><input type="radio" name="tf-kind" value="command"${attr("checked", true, true)}/> Shell command</label> <label class="radio-label svelte-m3wayn"><input type="radio" name="tf-kind" value="prompt"${attr("checked", false, true)}/> Assistant prompt</label> <label class="radio-label svelte-m3wayn"><input type="radio" name="tf-kind" value="workflow"${attr("checked", false, true)}/> Workflow</label></div> `);
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`<div class="field-group svelte-m3wayn" style="margin-top: var(--space-3)"><label class="field-label svelte-m3wayn" for="tf-cmd">Shell command</label> <input id="tf-cmd" class="field-input field-mono svelte-m3wayn" type="text" placeholder="echo hello" spellcheck="false"${attr("value", commandShell)}/> <span class="field-hint svelte-m3wayn">Runs as: <code class="svelte-m3wayn">sh -c "&lt;command>"</code></span></div>`);
+						$$renderer.push(`<!--]--></fieldset> `);
+						if (Object.keys(draft.unknownKeys).length > 0) {
+							$$renderer.push("<!--[0-->");
+							$$renderer.push(`<p class="unknown-keys-notice svelte-m3wayn">This task file contains additional fields
+          (<code class="svelte-m3wayn">${escape_html(Object.keys(draft.unknownKeys).join(", "))}</code>)
+          that are not editable here but will be preserved when saved.</p>`);
+						} else $$renderer.push("<!--[-1-->");
+						$$renderer.push(`<!--]--> `);
+						if (saveError) {
+							$$renderer.push("<!--[0-->");
+							$$renderer.push(`<p class="save-error svelte-m3wayn" role="alert">${escape_html(saveError)}</p>`);
+						} else $$renderer.push("<!--[-1-->");
+						$$renderer.push(`<!--]--></form>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]-->`);
+				}});
+		}
+	});
+}
 //#endregion
 //#region src/lib/components/admin/automations/AutomationsTab.svelte
 function AutomationsTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { data, loading, error} = $$props;
 		let hasAutomations = derived(() => data !== null && Array.isArray(data.automations) && data.automations.length > 0);
-		/** Reverse map: cron expression -> friendly label */
-		const CRON_TO_LABEL = {
-			"* * * * *": "Every minute",
-			"*/5 * * * *": "Every 5 minutes",
-			"*/15 * * * *": "Every 15 minutes",
-			"0 * * * *": "Every hour",
-			"0 0 * * *": "Daily at midnight",
-			"0 8 * * *": "Daily at 8 AM",
-			"0 0 * * 0": "Weekly (Sunday midnight)",
-			"0 3 * * 0": "Weekly (Sunday 3 AM)",
-			"0 4 * * 0": "Weekly (Sunday 4 AM)"
-		};
+		let drawerOpen = false;
+		let drawerDraft = null;
+		let drawerSaving = false;
+		let drawerError = "";
+		function closeDrawer() {
+			drawerOpen = false;
+			drawerDraft = null;
+			drawerError = "";
+		}
+		/** Map a cron expression to a friendly display string. */
 		function formatSchedule(cron) {
-			const friendly = CRON_TO_LABEL[cron];
-			if (friendly) return {
-				label: friendly,
-				cron
-			};
-			return null;
+			switch (cronToPresetId(cron)) {
+				case "every-15-minutes": return "Every 15 minutes";
+				case "every-hour": return "Every hour";
+				case "daily": {
+					const h = parseInt(cron.split(" ")[1] ?? "0", 10);
+					return `Daily at ${String(h).padStart(2, "0")}:00`;
+				}
+				case "weekly": {
+					const parts = cron.split(" ");
+					const h = parseInt(parts[1] ?? "0", 10);
+					return `Weekly (${[
+						"Sun",
+						"Mon",
+						"Tue",
+						"Wed",
+						"Thu",
+						"Fri",
+						"Sat"
+					][parseInt(parts[4] ?? "0", 10)] ?? "Sun"}) at ${String(h).padStart(2, "0")}:00`;
+				}
+				case "monthly": {
+					const parts = cron.split(" ");
+					const h = parseInt(parts[1] ?? "0", 10);
+					return `Monthly (day ${parseInt(parts[2] ?? "1", 10)}) at ${String(h).padStart(2, "0")}:00`;
+				}
+				default: return cron;
+			}
 		}
-		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Automations</h2> <p class="panel-subtitle">Scheduled tasks read from <code>~/.openpalm/knowledge/tasks/</code>. Add or edit task files there to manage automations — changes take effect on refresh.</p></div> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>New task</button> <button class="btn btn-secondary btn-sm"${attr("disabled", loading || false, true)}>`);
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Automations</h2> <p class="panel-subtitle">Scheduled tasks from <code>~/.openpalm/knowledge/tasks/</code>.</p></div> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>New task</button> <button class="btn btn-secondary btn-sm"${attr("disabled", loading || false, true)}>`);
 		if (loading) {
 			$$renderer.push("<!--[0-->");
 			Spinner($$renderer, {});
 		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> Refresh</button></div></div> `);
-		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <div class="panel-body">`);
+		$$renderer.push(`<!--]--> Refresh</button></div></div> <div class="panel-body">`);
 		if (hasAutomations() && data) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<div class="automation-list svelte-1xltcby"><!--[-->`);
 			const each_array = ensure_array_like(data.automations);
 			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
 				let automation = each_array[$$index];
-				const preset = formatSchedule(automation.schedule);
 				$$renderer.push(`<div class="automation-card svelte-1xltcby"><div class="automation-row svelte-1xltcby"><div class="automation-main svelte-1xltcby"><div class="automation-name svelte-1xltcby">${escape_html(automation.name)} <span${attr_class("badge", void 0, {
 					"badge-enabled": automation.enabled,
 					"badge-disabled": !automation.enabled
@@ -1040,15 +1293,7 @@ function AutomationsTab($$renderer, $$props) {
 					$$renderer.push("<!--[0-->");
 					$$renderer.push(`<div class="automation-desc svelte-1xltcby">${escape_html(automation.description)}</div>`);
 				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--></div> <div class="automation-meta svelte-1xltcby">`);
-				if (preset?.cron) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<span class="meta-item schedule-friendly svelte-1xltcby">${escape_html(preset.label)}</span>`);
-				} else {
-					$$renderer.push("<!--[-1-->");
-					$$renderer.push(`<span class="meta-item svelte-1xltcby"><code class="svelte-1xltcby">${escape_html(automation.schedule)}</code></span> <span class="meta-item meta-tz svelte-1xltcby">${escape_html(automation.timezone)}</span>`);
-				}
-				$$renderer.push(`<!--]--></div></div> <div class="automation-footer svelte-1xltcby"><span class="automation-file svelte-1xltcby">${escape_html(automation.fileName)}</span> <div class="automation-actions svelte-1xltcby"><button class="btn btn-ghost btn-sm"${attr("disabled", false, true)}>Edit</button> <button class="btn btn-ghost btn-sm"${attr("disabled", false, true)}${attr("aria-label", `Delete ${stringify(automation.fileName)}`)}>Delete</button></div></div></div>`);
+				$$renderer.push(`<!--]--></div> <div class="automation-meta svelte-1xltcby"><span class="meta-item svelte-1xltcby">${escape_html(formatSchedule(automation.schedule))}</span></div></div> <div class="automation-footer svelte-1xltcby"><span class="automation-file svelte-1xltcby">${escape_html(automation.fileName)}</span> <div class="automation-actions svelte-1xltcby"><button class="btn btn-ghost btn-sm"${attr("disabled", false, true)}>Edit</button> <button class="btn btn-ghost btn-sm"${attr("disabled", false, true)}${attr("aria-label", `Delete ${stringify(automation.fileName)}`)}>Delete</button></div></div></div>`);
 			}
 			$$renderer.push(`<!--]--></div>`);
 		} else {
@@ -1068,13 +1313,20 @@ function AutomationsTab($$renderer, $$props) {
 							$$renderer.push(`<p class="text-danger svelte-1xltcby">${escape_html(error)}</p> <button class="btn btn-secondary btn-sm empty-state-btn svelte-1xltcby">Try Again</button>`);
 						} else {
 							$$renderer.push("<!--[-1-->");
-							$$renderer.push(`<p>No automations configured.</p> <p class="empty-state-hint svelte-1xltcby">Drop <code class="svelte-1xltcby">.md</code> task files into <code class="svelte-1xltcby">~/.openpalm/knowledge/tasks/</code>, or install via <code class="svelte-1xltcby">akm</code>.</p>`);
+							$$renderer.push(`<p>No automations configured.</p> <button class="btn btn-secondary btn-sm empty-state-btn svelte-1xltcby"${attr("disabled", false, true)}>Create your first task</button> <p class="empty-state-hint svelte-1xltcby">Or drop <code class="svelte-1xltcby">.md</code>/<code class="svelte-1xltcby">.yml</code> files into <code class="svelte-1xltcby">~/.openpalm/knowledge/tasks/</code>.</p>`);
 						}
 						$$renderer.push(`<!--]-->`);
 					}});
 			}
 		}
-		$$renderer.push(`<!--]--></div></div>`);
+		$$renderer.push(`<!--]--></div></div> `);
+		TaskDrawer($$renderer, {
+			open: drawerOpen,
+			draft: drawerDraft,
+			saving: drawerSaving,
+			saveError: drawerError,
+			onClose: closeDrawer});
+		$$renderer.push(`<!---->`);
 	});
 }
 //#endregion
@@ -1402,9 +1654,15 @@ function AssistantTab($$renderer, $$props) {
 		let personaPath = "config/assistant/openpalm.md";
 		let stackEnvPath = "knowledge/env/stack.env";
 		let personaContent = "";
+		let isDirty = derived(() => false);
 		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-obkjlq"><div><h2>Assistant</h2> <p class="panel-subtitle svelte-obkjlq">Configure the Docker Compose project name in <code>${escape_html(stackEnvPath)}</code> and edit the assistant persona file mounted from <code>${escape_html(personaPath)}</code>.</p></div> <div class="panel-header-actions svelte-obkjlq"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>`);
 		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> Refresh</button> <button class="btn btn-primary btn-sm"${attr("disabled", false, true)}>`);
+		$$renderer.push(`<!--]--> Refresh</button> `);
+		if (isDirty()) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="unsaved-hint svelte-obkjlq" aria-live="polite">Unsaved changes</span>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <button class="btn btn-primary btn-sm"${attr("disabled", !isDirty(), true)}>`);
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> Save</button></div></div> `);
 		$$renderer.push("<!--[-1-->");
@@ -1433,11 +1691,19 @@ function ActivityTab($$renderer, $$props) {
 		let clock = Date.now();
 		function fmtTime(timestamp) {
 			if (!timestamp) return "n/a";
-			return new Date(timestamp).toLocaleTimeString([], {
+			const d = new Date(timestamp);
+			const today = /* @__PURE__ */ new Date();
+			if (d.getFullYear() === today.getFullYear() && d.getMonth() === today.getMonth() && d.getDate() === today.getDate()) return d.toLocaleTimeString([], {
 				hour: "2-digit",
 				minute: "2-digit",
 				second: "2-digit"
 			});
+			return d.toLocaleString([], {
+				month: "short",
+				day: "numeric",
+				hour: "2-digit",
+				minute: "2-digit"
+			});
 		}
 		function fmtDateTime(timestamp) {
 			return new Date(timestamp).toLocaleString([], {
@@ -1449,7 +1715,7 @@ function ActivityTab($$renderer, $$props) {
 			});
 		}
 		let selectedSession = derived(() => sessions.find((session) => session.id === selectedSessionId) ?? null);
-		let waitingItems = derived(() => attentionFeed.filter((item) => item.title === "Approval needed" || item.title === "Answer requested").length);
+		let waitingItems = derived(() => attentionFeed.filter((item) => item.kind === "permission" || item.kind === "question").length);
 		let failingItems = derived(() => attentionFeed.filter((item) => item.severity === "high").length);
 		let activeSessions = derived(() => sessions.filter((session) => clock - session.updatedAt <= 5 * 6e4).length);
 		let latestAttention = derived(() => attentionFeed.slice(0, 10));
@@ -1479,7 +1745,8 @@ function ActivityTab($$renderer, $$props) {
 			$$renderer.push(`<article${attr_class(`attention-item attention-item--${stringify(item.severity)}`, "svelte-z6w8je")}><div class="attention-top svelte-z6w8je"><strong class="svelte-z6w8je">${escape_html(item.title)}</strong> <span class="svelte-z6w8je">${escape_html(fmtTime(item.timestamp))}</span></div> <p class="svelte-z6w8je">${escape_html(item.detail)}</p> `);
 			if (item.sessionId) {
 				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<button class="attention-session mono svelte-z6w8je" type="button">${escape_html(item.sessionId)}</button>`);
+				const sessionTitle = sessions.find((s) => s.id === item.sessionId)?.title;
+				$$renderer.push(`<button class="attention-session mono svelte-z6w8je" type="button"${attr("aria-label", item.sessionId)}>${escape_html(sessionTitle || `Session ${item.sessionId.slice(0, 8)}…`)}</button>`);
 			} else $$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]--></article>`);
 		}
@@ -1506,7 +1773,8 @@ function ActivityTab($$renderer, $$props) {
 			$$renderer.push(`<!--]--> `);
 			if (event.sessionId) {
 				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<button class="attention-session mono svelte-z6w8je" type="button">${escape_html(event.sessionId)}</button>`);
+				const sessionTitle = sessions.find((s) => s.id === event.sessionId)?.title;
+				$$renderer.push(`<button class="attention-session mono svelte-z6w8je" type="button"${attr("aria-label", event.sessionId)}>${escape_html(sessionTitle || `Session ${event.sessionId.slice(0, 8)}…`)}</button>`);
 			} else $$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]--></article>`);
 		}
@@ -1521,7 +1789,7 @@ function ActivityTab($$renderer, $$props) {
 			let session = each_array_2[$$index_2];
 			$$renderer.push(`<button${attr_class("session-row svelte-z6w8je", void 0, { "selected": selectedSessionId === session.id })}><div><div class="session-title svelte-z6w8je">${escape_html(session.title || "Untitled session")}</div> <div class="session-meta svelte-z6w8je">Updated ${escape_html(fmtDateTime(session.updatedAt))}</div></div> <div class="session-stats svelte-z6w8je"><strong>${escape_html(sessionEventCounts[session.id] ?? 0)} evt</strong> <span class="session-id mono svelte-z6w8je">${escape_html(session.id.slice(0, 12))}...</span></div></button>`);
 		}
-		$$renderer.push(`<!--]--></div> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Event breakdown</h4> <span class="svelte-z6w8je">${escape_html(eventTypeRows().length)}</span></div> <table class="data-table svelte-z6w8je"><thead><tr><th class="svelte-z6w8je">Type</th><th class="svelte-z6w8je">Total</th></tr></thead><tbody>`);
+		$$renderer.push(`<!--]--></div> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Event breakdown</h4> <span class="svelte-z6w8je">${escape_html(eventTypeRows().length)}</span></div> <div class="table-scroll svelte-z6w8je"><table class="data-table svelte-z6w8je"><thead><tr><th class="svelte-z6w8je">Type</th><th class="svelte-z6w8je">Total</th></tr></thead><tbody>`);
 		if (eventTypeRows().length === 0) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<tr><td colspan="2" class="empty-cell svelte-z6w8je">No events observed yet.</td></tr>`);
@@ -1532,7 +1800,7 @@ function ActivityTab($$renderer, $$props) {
 			let [type, count] = each_array_3[$$index_3];
 			$$renderer.push(`<tr><td class="mono svelte-z6w8je">${escape_html(type)}</td><td class="svelte-z6w8je">${escape_html(count)}</td></tr>`);
 		}
-		$$renderer.push(`<!--]--></tbody></table> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Most active sessions</h4> <span class="svelte-z6w8je">${escape_html(hotSessions().length)}</span></div> <div class="hot-session-list svelte-z6w8je">`);
+		$$renderer.push(`<!--]--></tbody></table></div> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Most active sessions</h4> <span class="svelte-z6w8je">${escape_html(hotSessions().length)}</span></div> <div class="hot-session-list svelte-z6w8je">`);
 		if (hotSessions().length === 0) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<div class="empty-card svelte-z6w8je">No session activity captured yet.</div>`);
@@ -3056,4 +3324,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-CXGT7iVI.js.map
+//# sourceMappingURL=_page.svelte-CskUoNU-.js.map