@zq-silk/yui 2.6.0 → 2.8.0

package/dist/web/assets/client/layout/manageShell.js

@@ -0,0 +1,94 @@
+import { MANAGE_SECTIONS } from "../../shared/manageNav.js";
+export const MANAGE_SHELL_SCRIPT = String.raw `
+import { createI18n } from "/assets/js/lib/i18n.js";
+const SECTIONS = ${JSON.stringify(MANAGE_SECTIONS)};
+export const i18n = createI18n([document.querySelector("#locale-select"), document.querySelector("#settings-locale")]);
+const pages = new Map();
+const dirty = {};
+let started = false;
+let route;
+
+export function manageArea(page, section) {
+  return section === "connection" ? "settings" : page;
+}
+export function pageSections(page) {
+  return Object.values(SECTIONS).flat().filter(item => item.page === page).map(item => item.section);
+}
+export function readManageRoute(url) {
+  const parts = url.pathname.split("/").filter(Boolean);
+  const area = parts[0] === "settings" ? "settings" : "models";
+  const requested = parts[1] || url.searchParams.get("section");
+  const section = (SECTIONS[area].find(item => item.section === requested) ||
+    (area === "models" && requested === "connection" ? SECTIONS.settings.at(-1) : SECTIONS[area][0])).section;
+  return { page: section === "connection" ? "models" : area, section,
+    source: url.searchParams.get("source") === "command-code" ? "command-code" : "factory" };
+}
+export function manageHref(next) {
+  return "/" + manageArea(next.page, next.section) + "/" + next.section +
+    (next.section === "quota" && next.source === "command-code" ? "?source=command-code" : "");
+}
+function render() {
+  if (!started) return;
+  const rail = document.querySelector(".manage-rail");
+  const area = manageArea(route.page, route.section);
+  rail.querySelectorAll("a[data-section]").forEach(link => {
+    const active = link.dataset.page === route.page && link.dataset.section === route.section;
+    if (active) link.setAttribute("aria-current", "page"); else link.removeAttribute("aria-current");
+    if (dirty[link.dataset.page]?.[link.dataset.section]) link.dataset.dirty = "true"; else delete link.dataset.dirty;
+  });
+  rail.querySelectorAll("a[data-area]").forEach(link => {
+    if (link.dataset.area === area) link.setAttribute("aria-current", "true"); else link.removeAttribute("aria-current");
+  });
+  rail.querySelectorAll("[data-area-group]").forEach(group => {
+    if (group.dataset.areaGroup === area) group.dataset.active = "true"; else delete group.dataset.active;
+  });
+  document.title = i18n.t((route.page === "models" ? "models" : "settings") + ".section." + route.section) +
+    " · " + i18n.t(area + ".title") + " · Yui";
+}
+function apply(next) {
+  route = next;
+  document.querySelector("#models-root").hidden = next.page !== "models";
+  document.querySelector("#settings-root").hidden = next.page !== "settings";
+  pages.get(next.page).show(next);
+  render();
+}
+export function navigateManage(next) {
+  const normalized = readManageRoute(new URL(manageHref(next), location.origin));
+  if (manageHref(normalized) === location.pathname + location.search) return;
+  history.replaceState({ ...history.state, scroll: window.scrollY }, "");
+  history.pushState({ scroll: 0 }, "", manageHref(normalized));
+  apply(normalized);
+  window.scrollTo(0, 0);
+}
+export function createManageShell(options) {
+  return {
+    set: function () { render(); },
+    setDirty: function (flags) { dirty[options.page] = flags; render(); },
+    link: section => document.querySelector('.manage-rail a[data-page="' + options.page + '"][data-section="' + section + '"]'),
+    render: render
+  };
+}
+export function registerManagePage(name, controller) { pages.set(name, controller); }
+export function startManagement() {
+  started = true;
+  route = readManageRoute(new URL(location.href));
+  history.replaceState({ ...history.state, scroll: window.scrollY }, "", manageHref(route));
+  history.scrollRestoration = "manual";
+  apply(route);
+  document.querySelector(".manage-app").hidden = false;
+  document.addEventListener("click", event => {
+    const link = event.target.closest("a");
+    if (!link || link.target || link.hasAttribute("download") || event.defaultPrevented ||
+      event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
+    const url = new URL(link.href);
+    if (url.origin !== location.origin || !/^\/(models|settings)(\/|$)/.test(url.pathname)) return;
+    event.preventDefault();
+    navigateManage(readManageRoute(url));
+  });
+  window.addEventListener("popstate", () => {
+    apply(readManageRoute(new URL(location.href)));
+    window.scrollTo(0, history.state?.scroll || 0);
+  });
+  i18n.subscribe(render);
+}
+`;

package/dist/web/assets/client/lib/api.js

@@ -137,6 +137,18 @@ export const api = {
   globalState: function (role) { return requestJson("/api/roles/" + encodeURIComponent(role) + "/control"); },
   globalControl: function (role, input) {
     return submitMutation("global/" + role, "/api/roles/" + encodeURIComponent(role) + "/control", input);
-  }
+  },
+  // Model management. Configuration writes share one key: the view revision
+  // covers the connection and providers together, so an unknown outcome
+  // blocks every model write until the page reads current facts again.
+  models: function () { return requestJson("/api/models"); },
+  modelCatalog: function (cursor) { return requestJson("/api/models/catalog?" + new URLSearchParams({ cursor: cursor || "0" })); },
+  modelQuota: function (source) { return requestJson("/api/models/quota?" + new URLSearchParams({ source: source })); },
+  saveModelConnection: function (input) { return submitMutation("models/configuration", "/api/models/connection", input); },
+  saveModelProvider: function (input) { return submitMutation("models/configuration", "/api/models/provider", input); },
+  releaseModelWrites: function () { releaseMutation("models/configuration"); },
+  // An explicit refresh is an observation, not a configuration write; a
+  // failed or unknown refresh may be requested again by the reader.
+  refreshModels: function (input) { return postJson("/api/models/refresh", input); }
 };
 `;

package/dist/web/assets/client/lib/i18n.js

@@ -17,7 +17,9 @@ function preferredLocale() {
   return languages.some(function (language) { return String(language).toLowerCase().startsWith("zh"); }) ? "zh-CN" : "en";
 }
 
+// select: one language <select>, a list of them (kept in sync), or none.
 export function createI18n(select) {
+  const selects = (Array.isArray(select) ? select : [select]).filter(Boolean);
   let locale = preferredLocale();
   const subscribers = new Set();
   function t(key, fallback) {
@@ -27,13 +29,13 @@ export function createI18n(select) {
   function apply() {
     document.documentElement.lang = locale;
     document.title = t("app.title");
-    document.querySelectorAll("[data-i18n]").forEach(function (element) { element.textContent = t(element.dataset.i18n); });
+    document.querySelectorAll("[data-i18n]").forEach(function (element) { element.textContent = t(element.dataset.i18n, element.dataset.i18nFallback); });
     TRANSLATED_ATTRIBUTES.forEach(function (attribute) {
       document.querySelectorAll("[data-i18n-" + attribute + "]").forEach(function (element) {
         element.setAttribute(attribute, t(element.getAttribute("data-i18n-" + attribute)));
       });
     });
-    if (select) select.value = locale;
+    selects.forEach(function (control) { control.value = locale; });
   }
   function setLocale(next) {
     if (!SUPPORTED_LOCALES.includes(next) || next === locale) return;
@@ -42,7 +44,7 @@ export function createI18n(select) {
     apply();
     subscribers.forEach(function (subscriber) { subscriber(locale); });
   }
-  if (select) select.addEventListener("change", function () { setLocale(select.value); });
+  selects.forEach(function (control) { control.addEventListener("change", function () { setLocale(control.value); }); });
   apply();
   return {
     t: t,