import "../chunks/DKem_M_z.js";
import "../chunks/DwLkIEu4.js";
import { p as push, i as getContext, o as onMount, w as set, k as get, C as deferred_template_effect, u as untrack, $ as $document, h as first_child, c as child, z as sibling, r as reset, aR as next, t as template_effect, d as set_text, m as deep_read_state, a as append, y as event, a_ as remove_textarea_child, b as pop, e as store_get, s as setup_stores, q as mutable_source, x as derived_safe_equal, f as from_html, B as from_svg, l as legacy_pre_effect, n as legacy_pre_effect_reset, g as comment } from "../chunks/B-Kw_l3V.js";
import { i as if_block } from "../chunks/DWHK2A9K.js";
import { s as set_attribute, r as remove_input_defaults, a as set_class } from "../chunks/B9yCN616.js";
import { i as init } from "../chunks/CUpGYt-B.js";
import { t as toast } from "../chunks/B4Bn1xMI.js";
import { g as goto } from "../chunks/BLfIdBii.js";
import { p as page } from "../chunks/4ha_GQi5.js";
import { R as REXPRO_NAME, b as showSidebar, c as config, u as user } from "../chunks/BJ3rUC-5.js";
import { S as ScheduleDropdown, M as ModelDropdown, r as runAutomationById, d as deleteAutomationById, g as getAutomationRuns, u as updateAutomationById, a as getAutomationById } from "../chunks/DYTlah25.js";
import { e as each } from "../chunks/qTQza25_.js";
import { h as head } from "../chunks/BmxCyGHt.js";
import { b as bind_value } from "../chunks/CgeA63xA.js";
import { b as bind_this } from "../chunks/BSYzg88z.js";
import { p as prop } from "../chunks/COqmMDwI.js";
import { d as dayjs2, r as relativeTime } from "../chunks/BeGenu0j.js";
import { l as localizedFormat } from "../chunks/Ce8_hHpJ.js";
import { S as Spinner } from "../chunks/gJqE84vs.js";
import { T as Tooltip } from "../chunks/CHPxBs0H.js";
import { C as ConfirmDialog } from "../chunks/Bt_XG8Gm.js";
import { G as GarbageBin } from "../chunks/eobci2cJ.js";
import { C as ChevronLeft } from "../chunks/D9uL0uGA.js";
var root$1 = from_html(` .
`);
var root_1 = from_html(` `);
var root_4 = from_html(`
`);
var root_5 = from_html(`
`);
var root_6 = from_svg(`
`);
var root_11 = from_html(` `, 1);
function AutomationEditor($$anchor, $$props) {
push($$props, false);
const $i18n = () => store_get(i18n, "$i18n", $$stores);
const $REXPRO_NAME = () => store_get(REXPRO_NAME, "$REXPRO_NAME", $$stores);
const $showSidebar = () => store_get(showSidebar, "$showSidebar", $$stores);
const [$$stores, $$cleanup] = setup_stores();
dayjs2.extend(relativeTime);
dayjs2.extend(localizedFormat);
const i18n = getContext("i18n");
let automation = prop($$props, "automation", 12);
let name = mutable_source("");
let prompt = mutable_source("");
let model_id = mutable_source("");
let is_active = mutable_source(true);
let loading = mutable_source(false);
let saving = mutable_source(false);
let showDeleteConfirm = mutable_source(false);
let runs = mutable_source([]);
let runsLoading = mutable_source(false);
let hasMoreRuns = true;
let runsPage = 0;
let isDirty = mutable_source(false);
let scheduleDropdown = mutable_source();
const formatRunTime = (ts) => {
const now = Date.now();
const diff = now - ts / 1e6;
const seconds = Math.floor(diff / 1e3);
const minutes = Math.floor(seconds / 60);
const hours = Math.floor(minutes / 60);
const days = Math.floor(hours / 24);
const weeks = Math.floor(days / 7);
const years = Math.floor(days / 365);
if (years > 0) return $i18n().t("{{COUNT}}y", { COUNT: years, context: "time_ago" });
if (weeks > 0) return $i18n().t("{{COUNT}}w", { COUNT: weeks, context: "time_ago" });
if (days > 0) return $i18n().t("{{COUNT}}d", { COUNT: days, context: "time_ago" });
if (hours > 0) return $i18n().t("{{COUNT}}h", { COUNT: hours, context: "time_ago" });
if (minutes > 0) return $i18n().t("{{COUNT}}m", { COUNT: minutes, context: "time_ago" });
return $i18n().t("1m", { context: "time_ago" });
};
const formatNextRun = (ts) => {
if (!ts) return $i18n().t("Not scheduled");
const d = dayjs2(ts / 1e6);
if (d.isSame(dayjs2(), "day")) return `${$i18n().t("Today at")} ${d.format("LT")}`;
return d.format("L LT");
};
const saveHandler = async () => {
if (!get(name).trim() || !get(prompt).trim() || !get(model_id).trim()) {
toast.error($i18n().t("Name, prompt, and model are required"));
return;
}
set(saving, true);
try {
const form = {
name: get(name).trim(),
data: {
prompt: get(prompt).trim(),
model_id: get(model_id).trim(),
rrule: get(scheduleDropdown).buildRrule()
},
is_active: get(is_active)
};
const updated = await updateAutomationById(localStorage.token, automation().id, form);
if (updated) {
automation(updated);
set(isDirty, false);
toast.success($i18n().t("Automation updated"));
}
} catch (e) {
toast.error((e == null ? void 0 : e.detail) ?? `${e}` ?? "Failed to save");
} finally {
set(saving, false);
}
};
const runNowHandler = async () => {
set(loading, true);
const res = await runAutomationById(localStorage.token, automation().id).catch((err) => {
toast.error(`${err}`);
return null;
});
if (res) {
toast.success($i18n().t("Automation triggered"));
setTimeout(() => loadRuns(false), 2e3);
}
set(loading, false);
};
const deleteHandler = async () => {
const res = await deleteAutomationById(localStorage.token, automation().id).catch((err) => {
toast.error(`${err}`);
return null;
});
if (res) {
toast.success($i18n().t(`Deleted {{name}}`, { name: automation().name }));
goto("/automations");
}
};
const loadRuns = async (loadMore = false) => {
if (get(runsLoading) || !hasMoreRuns && loadMore) return;
set(runsLoading, true);
if (!loadMore) {
runsPage = 0;
hasMoreRuns = true;
}
try {
const fetchedRuns = await getAutomationRuns(localStorage.token, automation().id, runsPage * 50, 50) ?? [];
if (loadMore) {
set(runs, [...get(runs), ...fetchedRuns]);
} else {
set(runs, fetchedRuns);
}
if (fetchedRuns.length < 50) {
hasMoreRuns = false;
}
runsPage++;
} catch {
if (!loadMore) set(runs, []);
}
set(runsLoading, false);
};
const markDirty = () => {
set(isDirty, true);
};
const onScroll = (e) => {
const target = e.target;
if (target.scrollTop + target.clientHeight >= target.scrollHeight - 50) {
if (!get(runsLoading) && hasMoreRuns) {
loadRuns(true);
}
}
};
onMount(async () => {
set(name, automation().name);
set(prompt, automation().data.prompt);
set(model_id, automation().data.model_id);
set(is_active, automation().is_active);
if (get(scheduleDropdown)) {
get(scheduleDropdown).parseRrule(automation().data.rrule);
}
await loadRuns();
});
init();
var fragment = root_11();
head("12jzsgd", ($$anchor2) => {
deferred_template_effect(
($0) => {
$document.title = `${$0 ?? ""} • ${$REXPRO_NAME() ?? ""}`;
},
[
() => (get(name), $i18n(), untrack(() => get(name) || $i18n().t("Automation")))
]
);
});
var node = first_child(fragment);
{
let $0 = derived_safe_equal(() => ($i18n(), untrack(() => $i18n().t("Delete automation?"))));
ConfirmDialog(node, {
get title() {
return get($0);
},
get show() {
return get(showDeleteConfirm);
},
set show($$value) {
set(showDeleteConfirm, $$value);
},
$$events: { confirm: deleteHandler },
children: ($$anchor2, $$slotProps) => {
var div = root$1();
var text = child(div);
var span = sibling(text);
var text_1 = child(span, true);
reset(span);
next();
reset(div);
template_effect(
($02) => {
set_text(text, `${$02 ?? ""} `);
set_text(text_1, (deep_read_state(automation()), untrack(() => automation().name)));
},
[
() => ($i18n(), untrack(() => $i18n().t("This will delete")))
]
);
append($$anchor2, div);
},
$$slots: { default: true },
$$legacy: true
});
}
var div_1 = sibling(node, 2);
var div_2 = child(div_1);
var div_3 = child(div_2);
var div_4 = child(div_3);
var div_5 = child(div_4);
var node_1 = child(div_5);
{
let $0 = derived_safe_equal(() => ($i18n(), untrack(() => $i18n().t("Back"))));
Tooltip(node_1, {
get content() {
return get($0);
},
children: ($$anchor2, $$slotProps) => {
var button = root_1();
var node_2 = child(button);
ChevronLeft(node_2, { strokeWidth: "2.5" });
reset(button);
template_effect(($02) => set_attribute(button, "aria-label", $02), [() => ($i18n(), untrack(() => $i18n().t("Back")))]);
event("click", button, () => goto("/automations"));
append($$anchor2, button);
},
$$slots: { default: true }
});
}
var input = sibling(node_1, 2);
remove_input_defaults(input);
reset(div_5);
reset(div_4);
var div_6 = sibling(div_4, 2);
var node_3 = child(div_6);
{
let $0 = derived_safe_equal(() => ($i18n(), untrack(() => $i18n().t("Delete"))));
Tooltip(node_3, {
get content() {
return get($0);
},
children: ($$anchor2, $$slotProps) => {
var button_1 = root_2();
var node_4 = child(button_1);
GarbageBin(node_4, {});
reset(button_1);
event("click", button_1, () => set(showDeleteConfirm, true));
append($$anchor2, button_1);
},
$$slots: { default: true }
});
}
var node_5 = sibling(node_3, 2);
{
var consequent_1 = ($$anchor2) => {
var button_2 = root_3();
var text_2 = child(button_2);
var node_6 = sibling(text_2);
{
var consequent = ($$anchor3) => {
Spinner($$anchor3, { className: "size-3" });
};
if_block(node_6, ($$render) => {
if (get(saving)) $$render(consequent);
});
}
reset(button_2);
template_effect(
($0) => {
button_2.disabled = get(saving);
set_text(text_2, `${$0 ?? ""} `);
},
[() => ($i18n(), untrack(() => $i18n().t("Save")))]
);
event("click", button_2, saveHandler);
append($$anchor2, button_2);
};
if_block(node_5, ($$render) => {
if (get(isDirty)) $$render(consequent_1);
});
}
var button_3 = sibling(node_5, 2);
var div_7 = sibling(child(button_3), 2);
var text_3 = child(div_7, true);
reset(div_7);
var node_7 = sibling(div_7, 2);
{
var consequent_2 = ($$anchor2) => {
Spinner($$anchor2, { className: "size-3" });
};
if_block(node_7, ($$render) => {
if (get(loading)) $$render(consequent_2);
});
}
reset(button_3);
reset(div_6);
reset(div_3);
var div_8 = sibling(div_3, 2);
var div_9 = child(div_8);
var div_10 = child(div_9);
var div_11 = child(div_10);
var text_4 = child(div_11, true);
reset(div_11);
reset(div_10);
var div_12 = sibling(div_10, 2);
var div_13 = child(div_12);
var textarea = child(div_13);
remove_textarea_child(textarea);
reset(div_13);
reset(div_12);
reset(div_9);
var div_14 = sibling(div_9, 2);
var div_15 = child(div_14);
var div_16 = child(div_15);
var text_5 = child(div_16, true);
reset(div_16);
var div_17 = sibling(div_16, 2);
var div_18 = child(div_17);
var span_1 = child(div_18);
var text_6 = child(span_1, true);
reset(span_1);
var node_8 = sibling(span_1, 2);
bind_this(
ScheduleDropdown(node_8, {
side: "bottom",
align: "end",
onChange: markDirty,
$$legacy: true
}),
($$value) => set(scheduleDropdown, $$value),
() => get(scheduleDropdown)
);
reset(div_18);
var div_19 = sibling(div_18, 2);
var span_2 = child(div_19);
var text_7 = child(span_2, true);
reset(span_2);
var node_9 = sibling(span_2, 2);
ModelDropdown(node_9, {
side: "bottom",
align: "end",
onChange: markDirty,
get model_id() {
return get(model_id);
},
set model_id($$value) {
set(model_id, $$value);
},
$$legacy: true
});
reset(div_19);
reset(div_17);
reset(div_15);
var div_20 = sibling(div_15, 2);
var div_21 = child(div_20);
var text_8 = child(div_21, true);
reset(div_21);
var div_22 = sibling(div_21, 2);
var div_23 = child(div_22);
var span_3 = child(div_23);
var text_9 = child(span_3, true);
reset(span_3);
var span_4 = sibling(span_3, 2);
var span_5 = child(span_4);
var text_10 = sibling(span_5);
reset(span_4);
reset(div_23);
var div_24 = sibling(div_23, 2);
var span_6 = child(div_24);
var text_11 = child(span_6, true);
reset(span_6);
var span_7 = sibling(span_6, 2);
var text_12 = child(span_7, true);
reset(span_7);
reset(div_24);
var div_25 = sibling(div_24, 2);
var span_8 = child(div_25);
var text_13 = child(span_8, true);
reset(span_8);
var span_9 = sibling(span_8, 2);
var text_14 = child(span_9, true);
reset(span_9);
reset(div_25);
reset(div_22);
reset(div_20);
var div_26 = sibling(div_20, 2);
var div_27 = child(div_26);
var text_15 = child(div_27, true);
reset(div_27);
var div_28 = sibling(div_27, 2);
var node_10 = child(div_28);
{
var consequent_3 = ($$anchor2) => {
var div_29 = root_4();
var node_11 = child(div_29);
Spinner(node_11, { className: "size-4" });
reset(div_29);
append($$anchor2, div_29);
};
var consequent_4 = ($$anchor2) => {
var div_30 = root_5();
var text_16 = child(div_30, true);
reset(div_30);
template_effect(($0) => set_text(text_16, $0), [
() => ($i18n(), untrack(() => $i18n().t("No execution logs available yet")))
]);
append($$anchor2, div_30);
};
var alternate_1 = ($$anchor2) => {
var div_31 = root_10();
var node_12 = child(div_31);
each(node_12, 1, () => get(runs), (run) => run.id, ($$anchor3, run) => {
var button_4 = root_9();
var div_32 = child(button_4);
var node_13 = child(div_32);
{
var consequent_5 = ($$anchor4) => {
var svg = root_6();
append($$anchor4, svg);
};
var consequent_6 = ($$anchor4) => {
var svg_1 = root_7();
append($$anchor4, svg_1);
};
var alternate = ($$anchor4) => {
var svg_2 = root_8();
append($$anchor4, svg_2);
};
if_block(node_13, ($$render) => {
if (get(run), untrack(() => get(run).status === "success")) $$render(consequent_5);
else if (get(run), untrack(() => get(run).status === "error")) $$render(consequent_6, 1);
else $$render(alternate, -1);
});
}
reset(div_32);
var div_33 = sibling(div_32, 2);
var div_34 = child(div_33);
var text_17 = child(div_34, true);
reset(div_34);
reset(div_33);
var span_10 = sibling(div_33, 2);
var text_18 = child(span_10, true);
reset(span_10);
reset(button_4);
template_effect(
($0) => {
set_class(button_4, 1, `w-full text-left flex items-center gap-2.5 px-2.5 py-1.5 rounded-xl hover:bg-gray-100/80 dark:hover:bg-gray-850/80 transition-colors ${(get(run), untrack(() => get(run).chat_id ? "cursor-pointer" : "cursor-default")) ?? ""}`);
set_text(text_17, (deep_read_state(automation()), untrack(() => automation().name)));
set_text(text_18, $0);
},
[
() => (get(run), untrack(() => formatRunTime(get(run).created_at)))
]
);
event("click", button_4, () => {
if (get(run).chat_id) goto(`/c/${get(run).chat_id}`);
});
append($$anchor3, button_4);
});
var node_14 = sibling(node_12, 2);
{
var consequent_7 = ($$anchor3) => {
var div_35 = root_4();
var node_15 = child(div_35);
Spinner(node_15, { className: "size-4" });
reset(div_35);
append($$anchor3, div_35);
};
if_block(node_14, ($$render) => {
if (get(runsLoading), get(runs), untrack(() => get(runsLoading) && get(runs).length > 0)) $$render(consequent_7);
});
}
reset(div_31);
append($$anchor2, div_31);
};
if_block(node_10, ($$render) => {
if (get(runsLoading), get(runs), untrack(() => get(runsLoading) && get(runs).length === 0)) $$render(consequent_3);
else if (get(runs), untrack(() => get(runs).length === 0)) $$render(consequent_4, 1);
else $$render(alternate_1, -1);
});
}
reset(div_28);
reset(div_26);
reset(div_14);
reset(div_8);
reset(div_2);
reset(div_1);
template_effect(
($0, $1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14) => {
set_class(div_1, 1, `flex flex-col w-full h-screen max-h-[100dvh] transition-width duration-200 ease-in-out ${$showSidebar() ? "md:max-w-[calc(100%-var(--sidebar-width))]" : ""} max-w-full`);
set_attribute(input, "placeholder", $0);
button_3.disabled = get(loading);
set_text(text_3, $1);
set_text(text_4, $2);
set_attribute(textarea, "placeholder", $3);
set_text(text_5, $4);
set_text(text_6, $5);
set_text(text_7, $6);
set_text(text_8, $7);
set_text(text_9, $8);
set_class(span_4, 1, `flex items-center gap-1.5 text-xs ${get(is_active) ? "text-emerald-700 dark:text-emerald-400" : "text-gray-600 dark:text-gray-400"}`);
set_class(span_5, 1, `inline-block size-1.5 rounded-full ${get(is_active) ? "bg-emerald-500" : "bg-gray-400"}`);
set_text(text_10, ` ${$9 ?? ""}`);
set_text(text_11, $10);
set_text(text_12, $11);
set_text(text_13, $12);
set_text(text_14, $13);
set_text(text_15, $14);
},
[
() => ($i18n(), untrack(() => $i18n().t("Automation Name"))),
() => ($i18n(), untrack(() => $i18n().t("Run now"))),
() => ($i18n(), untrack(() => $i18n().t("Instructions"))),
() => ($i18n(), untrack(() => $i18n().t("Enter the prompt instructions for this automation..."))),
() => ($i18n(), untrack(() => $i18n().t("Configuration"))),
() => ($i18n(), untrack(() => $i18n().t("Repeats"))),
() => ($i18n(), untrack(() => $i18n().t("Model"))),
() => ($i18n(), untrack(() => $i18n().t("Status"))),
() => ($i18n(), untrack(() => $i18n().t("State"))),
() => (get(is_active), $i18n(), untrack(() => get(is_active) ? $i18n().t("Active") : $i18n().t("Paused"))),
() => ($i18n(), untrack(() => $i18n().t("Next run"))),
() => (deep_read_state(automation()), untrack(() => {
var _a;
return formatNextRun(((_a = automation().next_runs) == null ? void 0 : _a[0]) ?? automation().next_run_at);
})),
() => ($i18n(), untrack(() => $i18n().t("Last ran"))),
() => (deep_read_state(automation()), $i18n(), untrack(() => automation().last_run_at ? formatNextRun(automation().last_run_at) : $i18n().t("Never"))),
() => ($i18n(), untrack(() => $i18n().t("Execution Logs")))
]
);
bind_value(input, () => get(name), ($$value) => set(name, $$value));
event("input", input, markDirty);
event("click", button_3, runNowHandler);
bind_value(textarea, () => get(prompt), ($$value) => set(prompt, $$value));
event("input", textarea, markDirty);
event("scroll", div_28, onScroll);
append($$anchor, fragment);
pop();
$$cleanup();
}
var root = from_html(`
`);
function _page($$anchor, $$props) {
push($$props, false);
const $page = () => store_get(page, "$page", $$stores);
const $config = () => store_get(config, "$config", $$stores);
const $user = () => store_get(user, "$user", $$stores);
const $showSidebar = () => store_get(showSidebar, "$showSidebar", $$stores);
const [$$stores, $$cleanup] = setup_stores();
const automationId = mutable_source();
getContext("i18n");
let automation = mutable_source(null);
let loaded = mutable_source(false);
onMount(async () => {
var _a, _b, _c, _d, _e, _f;
if (!((_b = (_a = $config()) == null ? void 0 : _a.features) == null ? void 0 : _b.enable_automations) || ((_c = $user()) == null ? void 0 : _c.role) !== "admin" && !(((_f = (_e = (_d = $user()) == null ? void 0 : _d.permissions) == null ? void 0 : _e.features) == null ? void 0 : _f.automations) ?? false)) {
goto("/");
return;
}
if (get(automationId)) {
const res = await getAutomationById(localStorage.token, get(automationId)).catch((error) => {
toast.error(`${error}`);
return null;
});
if (res) {
set(automation, res);
set(loaded, true);
} else {
goto("/automations");
}
} else {
goto("/automations");
}
});
legacy_pre_effect(() => $page(), () => {
set(automationId, $page().params.id);
});
legacy_pre_effect_reset();
init();
var fragment = comment();
var node = first_child(fragment);
{
var consequent = ($$anchor2) => {
AutomationEditor($$anchor2, {
get automation() {
return get(automation);
}
});
};
var alternate = ($$anchor2) => {
var div = root();
var node_1 = child(div);
Spinner(node_1, { className: "size-5" });
reset(div);
template_effect(() => set_class(div, 1, `w-full h-screen max-h-[100dvh] flex justify-center items-center transition-width duration-200 ease-in-out ${$showSidebar() ? "md:max-w-[calc(100%-var(--sidebar-width))]" : ""}`));
append($$anchor2, div);
};
if_block(node, ($$render) => {
if (get(loaded) && get(automation)) $$render(consequent);
else $$render(alternate, -1);
});
}
append($$anchor, fragment);
pop();
$$cleanup();
}
export {
_page as component
};