@wengine-ai/ccr-provider-qoder 0.3.0 → 0.3.2

package/dist/card.js

@@ -10,26 +10,34 @@ var qoderLocales = {
     connected: "Connected",
     expired: "Sign-in lapsed \u2014 reconnect with a fresh PAT",
     error: "Management request failed",
-    account: "Account",
-    models: "Models",
-    pat: "Personal access token",
-    patPlaceholder: "pt-\u2026",
-    connect: "Connect",
     checkin: "Check in",
+    checkin_action: "Check in",
+    checkin_pending: "Checking in\u2026",
     checkin_claimed: "Credits claimed",
     checkin_done: "Already claimed today",
     checkin_inactive: "No campaign today",
     checkin_ineligible: "Unavailable",
     checkin_failed: "Check-in failed",
     checkinDesktop: "International check-in requires Qoder desktop device identity; claim in Qoder desktop.",
+    account: "Account",
+    models: "Models",
+    models_count: "{{count}} models",
+    pat: "Personal access token",
+    patPlaceholder: "pt-\u2026",
+    connect: "Connect",
     sync: "Refresh models",
     usage: "Refresh quota",
     unknown: "Quota unknown",
     stale: "Last known quota (stale)",
     used: "Allowance",
+    restore_partial: "Partially completed: restored {{count}} of {{total}} models. Management request failed.",
+    hide_partial: "Partially completed: hid {{count}} of {{total}} models. Management request failed.",
+    restore_model: "Restore {{model}}",
     disconnect: "Disconnect",
-    hide: "Hide",
+    hide_model: "Hide {{model}}",
+    hidden_models: "Hidden models ({{count}})",
     restore: "Restore",
+    restore_all: "Restore all",
     cooling: "Rate limited until",
     noModels: "Refresh models after connecting",
     free: "free",
@@ -45,26 +53,34 @@ var qoderLocales = {
     connected: "\u5DF2\u8FDE\u63A5",
     expired: "\u767B\u5F55\u5DF2\u5931\u6548 \u2014 \u8BF7\u4F7F\u7528\u65B0\u7684 PAT \u91CD\u65B0\u8FDE\u63A5",
     error: "\u7BA1\u7406\u64CD\u4F5C\u5931\u8D25",
-    account: "\u8D26\u53F7",
-    models: "\u6A21\u578B",
-    pat: "\u4E2A\u4EBA\u8BBF\u95EE\u4EE4\u724C",
-    patPlaceholder: "pt-\u2026",
-    connect: "\u8FDE\u63A5",
     checkin: "\u7B7E\u5230",
+    checkin_action: "\u7B7E\u5230",
+    checkin_pending: "\u7B7E\u5230\u4E2D\u2026",
     checkin_claimed: "\u9886\u53D6\u6210\u529F",
     checkin_done: "\u4ECA\u65E5\u5DF2\u9886",
     checkin_inactive: "\u4ECA\u65E5\u65E0\u6D3B\u52A8",
     checkin_ineligible: "\u4E0D\u53EF\u7528",
     checkin_failed: "\u7B7E\u5230\u5931\u8D25",
     checkinDesktop: "\u56FD\u9645\u7AD9\u9700\u8981\u5728 Qoder \u684C\u9762\u7AEF\u5185\u7B7E\u5230\u3002",
+    account: "\u8D26\u53F7",
+    models: "\u6A21\u578B",
+    models_count: "{{count}} \u4E2A\u6A21\u578B",
+    pat: "\u4E2A\u4EBA\u8BBF\u95EE\u4EE4\u724C",
+    patPlaceholder: "pt-\u2026",
+    connect: "\u8FDE\u63A5",
     sync: "\u5237\u65B0\u6A21\u578B",
     usage: "\u5237\u65B0\u989D\u5EA6",
     unknown: "\u989D\u5EA6\u672A\u77E5",
     stale: "\u4E0A\u6B21\u989D\u5EA6\uFF08\u5DF2\u8FC7\u671F\uFF09",
     used: "\u5DF2\u7528\u989D\u5EA6",
+    restore_partial: "\u90E8\u5206\u5B8C\u6210\uFF1A\u5DF2\u6062\u590D {{count}} \u4E2A\u6A21\u578B\uFF0C\u5171 {{total}} \u4E2A\u3002\u7BA1\u7406\u64CD\u4F5C\u5931\u8D25\u3002",
+    hide_partial: "\u90E8\u5206\u5B8C\u6210\uFF1A\u5DF2\u9690\u85CF {{count}} \u4E2A\u6A21\u578B\uFF0C\u5171 {{total}} \u4E2A\u3002\u7BA1\u7406\u64CD\u4F5C\u5931\u8D25\u3002",
+    restore_model: "\u6062\u590D {{model}}",
     disconnect: "\u65AD\u5F00\u8FDE\u63A5",
-    hide: "\u9690\u85CF",
+    hide_model: "\u9690\u85CF {{model}}",
+    hidden_models: "\u5DF2\u9690\u85CF\u6A21\u578B\uFF08{{count}}\uFF09",
     restore: "\u6062\u590D",
+    restore_all: "\u6062\u590D\u5168\u90E8",
     cooling: "\u9650\u6D41\u81F3",
     noModels: "\u8FDE\u63A5\u540E\u8BF7\u5237\u65B0\u6A21\u578B",
     free: "\u514D\u8D39",
@@ -158,9 +174,36 @@ function mount(el, props) {
     n.className = cls;
     return n;
   };
+  const CHIP = "inline-flex max-w-full items-center gap-1 break-all whitespace-normal rounded-lg border border-white/5 bg-white/5 px-2 py-0.5 text-[10px] font-bold text-muted-foreground";
+  const CHIP_HIDE = "rounded p-0.5 text-muted-foreground/60 transition-colors hover:bg-white/10 hover:text-foreground disabled:opacity-40";
+  const BUTTON_BASE = "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 active:scale-95";
+  const BUTTON_OUTLINE = "border border-input bg-input/50 backdrop-blur-md shadow-sm hover:bg-input/80 hover:border-primary/50 hover:shadow-md hover:text-accent-foreground";
+  const xIcon = (className) => {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+    svg.setAttribute("width", "24");
+    svg.setAttribute("height", "24");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("fill", "none");
+    svg.setAttribute("stroke", "currentColor");
+    svg.setAttribute("stroke-width", "2");
+    svg.setAttribute("stroke-linecap", "round");
+    svg.setAttribute("stroke-linejoin", "round");
+    svg.setAttribute("aria-hidden", "true");
+    svg.setAttribute("class", className);
+    for (const d of ["M18 6 6 18", "m6 6 12 12"]) {
+      const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      path.setAttribute("d", d);
+      svg.appendChild(path);
+    }
+    return svg;
+  };
+  const format = (key, vars = {}) => String(words[key] ?? key).replace(/\{\{(\w+)\}\}/g, (_, name) => String(vars[name] ?? ""));
+  const sectionBusy = () => disposed || props.disabled || sections.some((s) => s.busy);
   const sectionWords = (section) => section.site.id === "qoder" ? { title: words.title, description: words.description } : { title: words.cnTitle, description: words.cnDescription };
   const finish = (section) => {
     section.busy = false;
+    section.pendingModel = null;
     section.release?.();
     section.release = void 0;
     props.onBusy?.(false);
@@ -178,6 +221,7 @@ function mount(el, props) {
     section.release = lease;
     section.busy = true;
     section.error = false;
+    section.errorMessage = void 0;
     props.onBusy?.(true);
     render();
     try {
@@ -204,10 +248,67 @@ function mount(el, props) {
   });
   const action = (section, label, fn) => {
     const button = node("button", words[label], "px-3 py-2 rounded-md bg-secondary text-secondary-foreground hover:bg-secondary/80 disabled:opacity-50");
-    button.disabled = disposed || props.disabled || sections.some((s) => s.busy);
+    button.disabled = sectionBusy();
     button.onclick = fn;
     return button;
   };
+  const checkinButton = (section) => {
+    const pending = !!section.checkinPending;
+    const button = node("button", pending ? words.checkin_pending : words.checkin_action, "inline-flex h-8 w-full items-center justify-center gap-2 whitespace-nowrap rounded-xl border border-input bg-input/50 text-xs font-semibold shadow-sm hover:bg-input/80 disabled:pointer-events-none disabled:opacity-50");
+    button.type = "button";
+    button.disabled = disposed || props.disabled || sections.some((s) => s.busy) || section.status?.status !== "connected";
+    button.setAttribute("aria-busy", String(pending));
+    button.onclick = () => {
+      section.checkinPending = true;
+      void run(section, async () => {
+        try {
+          section.checkin = void 0;
+          try {
+            section.checkin = await call(section, "/checkin", {});
+          } catch {
+            section.checkin = { outcome: "failed" };
+          }
+        } finally {
+          section.checkinPending = false;
+        }
+      });
+    };
+    return button;
+  };
+  const checkinNote = (section) => {
+    if (!section.checkin) return null;
+    const result = section.checkin;
+    const amount = result.credit;
+    const detail = result.outcome === "claimed" && typeof amount === "number" && Number.isFinite(amount) && amount > 0 ? lang === "zh" ? `+${amount} \u79EF\u5206` : `+${amount} credits` : words[`checkin_${result.outcome}`] ?? words.checkin_failed;
+    const note = node("p", detail + (result.outcome === "failed" && result.message ? `: ${result.message}` : ""), result.outcome === "failed" ? "text-destructive" : "text-xs text-muted-foreground");
+    note.setAttribute("role", "status");
+    return note;
+  };
+  const smallButton = (label, extra, fn) => {
+    const button = node("button", label, `${BUTTON_BASE} ${BUTTON_OUTLINE} ${extra}`);
+    button.type = "button";
+    button.disabled = sectionBusy();
+    button.onclick = fn;
+    return button;
+  };
+  const setModelVisibility = (section, ids, hidden) => void run(section, async () => {
+    let completed = 0;
+    try {
+      for (const id of ids) {
+        await call(section, "/models/visibility", { model: id, hidden });
+        completed += 1;
+      }
+    } catch (error) {
+      if (completed > 0) section.errorMessage = format(hidden ? "hide_partial" : "restore_partial", { count: completed, total: ids.length });
+      throw error;
+    } finally {
+      try {
+        await reconcile(section);
+      } finally {
+        await refresh(section);
+      }
+    }
+  });
   const renderSection = (section) => {
     const panel = node("div", "", "space-y-3 border-t border-border pt-4 first:border-t-0 first:pt-0");
     panel.append(
@@ -217,7 +318,7 @@ function mount(el, props) {
     panel.append(node("p", section.status ? words[section.status.status] ?? words.error : words.loading));
     if (section.status?.expired) panel.append(node("p", words.expired, "text-destructive"));
     if (section.status?.account) panel.append(node("p", `${words.account}: ${section.status.account}`));
-    if (section.error) panel.append(node("p", words.error, "text-destructive"));
+    if (section.error) panel.append(node("p", section.errorMessage ?? words.error, "text-destructive"));
     const buttons = node("div", "", "flex flex-wrap gap-2");
     if (section.status?.status === "not_connected") {
       const input = node("input", "", "w-full rounded-md border border-input bg-background px-3 py-2 text-sm");
@@ -236,39 +337,30 @@ function mount(el, props) {
       panel.append(node("p", words.pat, "text-sm font-medium"), input);
       buttons.append(connectButton);
     } else if (section.status) {
+      if (section.site.id === "qoder-cn") {
+        panel.append(checkinButton(section));
+        const note = checkinNote(section);
+        if (note) panel.append(note);
+      } else if (section.status) {
+        panel.append(node("p", words.checkinDesktop, "text-sm text-muted-foreground"));
+      }
       buttons.append(action(section, "sync", () => void run(section, async () => {
         await call(section, "/sync", {});
         await reconcile(section);
         await refresh(section);
       })));
-      if (section.site.id === "qoder-cn") buttons.append(action(section, "checkin", () => void run(section, async () => {
-        section.checkin = void 0;
-        try {
-          section.checkin = await call(section, "/checkin", {});
-        } catch {
-          section.checkin = { outcome: "failed" };
-        }
-      })));
       buttons.append(action(section, "usage", () => void run(section, async () => {
         section.usage = await call(section, "/usage", {});
       })));
       buttons.append(action(section, "disconnect", () => void run(section, async () => {
         await call(section, "/disconnect", {});
         section.usage = void 0;
-        section.checkin = void 0;
         await reconcile(section);
         await refresh(section);
       })));
     }
     buttons.append(action(section, "refresh", () => void run(section, () => refresh(section))));
     panel.append(buttons);
-    if (section.status?.status === "connected" && section.site.id === "qoder") panel.append(node("p", words.checkinDesktop, "text-sm text-muted-foreground"));
-    if (section.checkin) {
-      const result = section.checkin;
-      const amount = result.credit;
-      const detail = result.outcome === "claimed" && typeof amount === "number" && Number.isFinite(amount) && amount > 0 ? lang === "zh" ? `+${amount} \u79EF\u5206` : `+${amount} credits` : words[`checkin_${result.outcome}`] ?? words.checkin_failed;
-      panel.append(node("p", detail + (result.outcome === "failed" && result.message ? `: ${result.message}` : ""), result.outcome === "failed" ? "text-destructive" : "text-sm"));
-    }
     const usageLine = node("p", "", "text-sm text-muted-foreground");
     if (section.usage?.known && Array.isArray(section.usage.windows) && section.usage.windows.length) {
       usageLine.textContent = `${section.usage.stale ? words.stale : words.used}: ` + section.usage.windows.map((w) => {
@@ -279,18 +371,67 @@ function mount(el, props) {
     } else usageLine.textContent = words.unknown;
     panel.append(usageLine);
     if (section.status?.coolingUntil > Date.now()) panel.append(node("p", `${words.cooling}: ${new Date(section.status.coolingUntil).toLocaleString()}`, "text-sm text-muted-foreground"));
-    panel.append(node("h4", words.models, "font-medium"));
-    if (!section.status?.models?.length) panel.append(node("p", words.noModels, "text-sm text-muted-foreground"));
-    for (const model of section.status?.models ?? []) {
-      const row = node("div", "", "flex items-center justify-between gap-2");
-      const label = `${model.id}${model.context ? ` \xB7 ${model.context}` : ""}${model.free ? ` \xB7 ${words.free}` : ""}`;
-      row.append(node("span", label, "text-sm"));
-      row.append(action(section, model.hidden ? "restore" : "hide", () => void run(section, async () => {
-        await call(section, "/models/visibility", { model: model.id, hidden: !model.hidden });
-        await reconcile(section);
-        await refresh(section);
-      })));
-      panel.append(row);
+    const models = Array.isArray(section.status?.models) ? section.status.models : [];
+    const visible = models.filter((model) => !model.hidden);
+    const hiddenModels = models.filter((model) => model.hidden);
+    if (section.status?.status === "connected" || models.length) {
+      const count = node("dl", "", "grid max-w-md grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs");
+      count.append(
+        node("dt", words.models, "text-muted-foreground"),
+        node("dd", format("models_count", { count: section.status?.modelCount ?? models.length }), "break-all text-foreground")
+      );
+      panel.append(count);
+    }
+    if (!models.length) panel.append(node("p", words.noModels, "text-sm text-muted-foreground"));
+    if (visible.length) {
+      const chips = node("div", "", "flex flex-wrap gap-2 pt-1");
+      for (const model of visible) {
+        const id = String(model.id);
+        const chip = node("span", id, CHIP);
+        if (model.context) chip.append(node("span", String(model.context), "font-medium text-muted-foreground/60"));
+        if (model.free) chip.append(node("span", words.free, "font-medium text-muted-foreground/60"));
+        const hide = node("button", "", CHIP_HIDE);
+        hide.type = "button";
+        hide.disabled = sectionBusy();
+        hide.setAttribute("aria-label", format("hide_model", { model: id }));
+        hide.setAttribute("aria-busy", String(section.busy && section.pendingModel === id));
+        hide.append(xIcon("h-3 w-3"));
+        hide.onclick = () => {
+          section.pendingModel = id;
+          setModelVisibility(section, [id], true);
+        };
+        chip.append(hide);
+        chips.append(chip);
+      }
+      panel.append(chips);
+    }
+    if (hiddenModels.length) {
+      const details = node("details", "", "max-w-md text-xs text-muted-foreground");
+      details.append(node("summary", format("hidden_models", { count: hiddenModels.length }), "cursor-pointer select-none font-medium"));
+      const list = node("ul", "", "mt-2 space-y-1");
+      for (const model of hiddenModels) {
+        const id = String(model.id);
+        const item = node("li", "", "flex items-center justify-between gap-2");
+        item.append(node("span", id, "break-all font-mono"));
+        const restore = smallButton(
+          words.restore,
+          "h-6 shrink-0 px-2 text-[11px]",
+          () => {
+            section.pendingModel = id;
+            setModelVisibility(section, [id], false);
+          }
+        );
+        restore.setAttribute("aria-label", format("restore_model", { model: id }));
+        item.append(restore);
+        list.append(item);
+      }
+      details.append(list);
+      details.append(smallButton(
+        words.restore_all,
+        "mt-2 h-7 px-2 text-[11px]",
+        () => setModelVisibility(section, hiddenModels.map((model) => String(model.id)), false)
+      ));
+      panel.append(details);
     }
     return panel;
   };

package/dist/plugin.js

@@ -2546,26 +2546,34 @@ var qoderLocales = {
     connected: "Connected",
     expired: "Sign-in lapsed \u2014 reconnect with a fresh PAT",
     error: "Management request failed",
-    account: "Account",
-    models: "Models",
-    pat: "Personal access token",
-    patPlaceholder: "pt-\u2026",
-    connect: "Connect",
     checkin: "Check in",
+    checkin_action: "Check in",
+    checkin_pending: "Checking in\u2026",
     checkin_claimed: "Credits claimed",
     checkin_done: "Already claimed today",
     checkin_inactive: "No campaign today",
     checkin_ineligible: "Unavailable",
     checkin_failed: "Check-in failed",
     checkinDesktop: "International check-in requires Qoder desktop device identity; claim in Qoder desktop.",
+    account: "Account",
+    models: "Models",
+    models_count: "{{count}} models",
+    pat: "Personal access token",
+    patPlaceholder: "pt-\u2026",
+    connect: "Connect",
     sync: "Refresh models",
     usage: "Refresh quota",
     unknown: "Quota unknown",
     stale: "Last known quota (stale)",
     used: "Allowance",
+    restore_partial: "Partially completed: restored {{count}} of {{total}} models. Management request failed.",
+    hide_partial: "Partially completed: hid {{count}} of {{total}} models. Management request failed.",
+    restore_model: "Restore {{model}}",
     disconnect: "Disconnect",
-    hide: "Hide",
+    hide_model: "Hide {{model}}",
+    hidden_models: "Hidden models ({{count}})",
     restore: "Restore",
+    restore_all: "Restore all",
     cooling: "Rate limited until",
     noModels: "Refresh models after connecting",
     free: "free",
@@ -2581,26 +2589,34 @@ var qoderLocales = {
     connected: "\u5DF2\u8FDE\u63A5",
     expired: "\u767B\u5F55\u5DF2\u5931\u6548 \u2014 \u8BF7\u4F7F\u7528\u65B0\u7684 PAT \u91CD\u65B0\u8FDE\u63A5",
     error: "\u7BA1\u7406\u64CD\u4F5C\u5931\u8D25",
-    account: "\u8D26\u53F7",
-    models: "\u6A21\u578B",
-    pat: "\u4E2A\u4EBA\u8BBF\u95EE\u4EE4\u724C",
-    patPlaceholder: "pt-\u2026",
-    connect: "\u8FDE\u63A5",
     checkin: "\u7B7E\u5230",
+    checkin_action: "\u7B7E\u5230",
+    checkin_pending: "\u7B7E\u5230\u4E2D\u2026",
     checkin_claimed: "\u9886\u53D6\u6210\u529F",
     checkin_done: "\u4ECA\u65E5\u5DF2\u9886",
     checkin_inactive: "\u4ECA\u65E5\u65E0\u6D3B\u52A8",
     checkin_ineligible: "\u4E0D\u53EF\u7528",
     checkin_failed: "\u7B7E\u5230\u5931\u8D25",
     checkinDesktop: "\u56FD\u9645\u7AD9\u9700\u8981\u5728 Qoder \u684C\u9762\u7AEF\u5185\u7B7E\u5230\u3002",
+    account: "\u8D26\u53F7",
+    models: "\u6A21\u578B",
+    models_count: "{{count}} \u4E2A\u6A21\u578B",
+    pat: "\u4E2A\u4EBA\u8BBF\u95EE\u4EE4\u724C",
+    patPlaceholder: "pt-\u2026",
+    connect: "\u8FDE\u63A5",
     sync: "\u5237\u65B0\u6A21\u578B",
     usage: "\u5237\u65B0\u989D\u5EA6",
     unknown: "\u989D\u5EA6\u672A\u77E5",
     stale: "\u4E0A\u6B21\u989D\u5EA6\uFF08\u5DF2\u8FC7\u671F\uFF09",
     used: "\u5DF2\u7528\u989D\u5EA6",
+    restore_partial: "\u90E8\u5206\u5B8C\u6210\uFF1A\u5DF2\u6062\u590D {{count}} \u4E2A\u6A21\u578B\uFF0C\u5171 {{total}} \u4E2A\u3002\u7BA1\u7406\u64CD\u4F5C\u5931\u8D25\u3002",
+    hide_partial: "\u90E8\u5206\u5B8C\u6210\uFF1A\u5DF2\u9690\u85CF {{count}} \u4E2A\u6A21\u578B\uFF0C\u5171 {{total}} \u4E2A\u3002\u7BA1\u7406\u64CD\u4F5C\u5931\u8D25\u3002",
+    restore_model: "\u6062\u590D {{model}}",
     disconnect: "\u65AD\u5F00\u8FDE\u63A5",
-    hide: "\u9690\u85CF",
+    hide_model: "\u9690\u85CF {{model}}",
+    hidden_models: "\u5DF2\u9690\u85CF\u6A21\u578B\uFF08{{count}}\uFF09",
     restore: "\u6062\u590D",
+    restore_all: "\u6062\u590D\u5168\u90E8",
     cooling: "\u9650\u6D41\u81F3",
     noModels: "\u8FDE\u63A5\u540E\u8BF7\u5237\u65B0\u6A21\u578B",
     free: "\u514D\u8D39",
@@ -2609,7 +2625,7 @@ var qoderLocales = {
 };
 
 // src/plugin.ts
-var manifest = { name: "qoder", version: "0.3.0", coreApi: "1", description: "Qoder (qoder.com / qoder.cn) subscription provider with PAT sign-in, model management and usage." };
+var manifest = { name: "qoder", version: "0.3.2", coreApi: "1", description: "Qoder (qoder.com / qoder.cn) subscription provider with PAT sign-in, model management and usage." };
 function activatedTransformer(site, service) {
   return class ActivatedQoderTransformer extends QoderTransformer {
     static TransformerName = site;

package/dist/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "qoder",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "coreApi": "1",
   "description": "Qoder subscription provider (qoder.com and qoder.cn): Personal Access Token sign-in, fixed chat upstream, model management and quota."
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wengine-ai/ccr-provider-qoder",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Qoder subscription provider (qoder.com and qoder.cn): Personal Access Token sign-in, fixed agent_chat_generation upstream, model management and usage.",
   "type": "module",
   "main": "dist/plugin.js",