@michengai/dsh-automation 0.1.9 → 0.1.10

package/lib/client.js

@@ -79,7 +79,7 @@ function defaultFormState(now = /* @__PURE__ */ new Date(), workspaces = [], def
     permission: defaultPermission,
     workspaceId: workspaces[0]?.id ?? "",
     modelKey: defaultModel === void 0 || defaultModel === null ? "default" : `${defaultModel.provider}::${defaultModel.model}`,
-    reasoningEffort: "high",
+    reasoningEffort: defaultModel?.reasoning?.defaultEffort ?? "none",
     skills: []
   };
 }
@@ -239,7 +239,7 @@ function formFromAutomation(item, workspaces = [], defaultModel, defaultPermissi
     permission: item.permission,
     workspaceId: item.workspaceId ?? base.workspaceId,
     modelKey,
-    reasoningEffort: item.reasoningEffort ?? "high"
+    reasoningEffort: item.reasoningEffort ?? "none"
   };
   switch (schedule.kind) {
     case "once":
@@ -465,6 +465,7 @@ function MenuPopup({
   up,
   end,
   className,
+  ariaLabel,
   children,
   onClick
 }) {
@@ -489,6 +490,8 @@ function MenuPopup({
     {
       ref: menuRef,
       className: `${className}${host !== null ? " is-float" : ""}`,
+      role: "menu",
+      "aria-label": ariaLabel,
       style: host !== null ? style : void 0,
       onMouseDown: (event) => event.stopPropagation(),
       onClick: (event) => {
@@ -632,9 +635,11 @@ var MINUTES = Array.from({ length: 60 }, (_, index) => String(index).padStart(2,
 function CreateModal({
   t,
   permissionT,
+  modelT,
   busy,
   workspaces,
   models,
+  modelFailures,
   defaultModel,
   skills,
   permissions,
@@ -675,6 +680,7 @@ function CreateModal({
   (0, import_react2.useEffect)(() => {
     const onKey = (event) => {
       if (event.key !== "Escape") return;
+      if (document.querySelector(".dsh-st-model-select-menu") !== null) return;
       event.preventDefault();
       event.stopPropagation();
       event.stopImmediatePropagation();
@@ -872,10 +878,12 @@ function CreateModal({
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-st-composer-right", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               ModelPicker,
               {
-                t,
+                modelT,
                 models,
+                failures: modelFailures,
                 modelKey: form.modelKey,
-                onModelKey: (value) => update({ modelKey: value, reasoningEffort: "none" })
+                reasoningEffort: form.reasoningEffort,
+                onSelection: (modelKey, reasoningEffort) => update({ modelKey, reasoningEffort })
               }
             ) })
           ] })
@@ -906,65 +914,165 @@ function CreateModal({
   ] }) });
 }
 function ModelPicker({
-  t,
+  modelT,
   models,
+  failures,
   modelKey,
-  onModelKey
+  reasoningEffort,
+  onSelection
 }) {
   const menu = useMenuState();
+  const [pane, setPane] = (0, import_react2.useState)("root");
   const selected = models.find((item) => `${item.provider}::${item.model}` === modelKey);
-  const trigger = selected?.label ?? t("form.modelSelect");
+  const reasoning = selected?.reasoning;
+  const effectiveEffort = reasoningEffort === "none" ? reasoning?.defaultEffort : reasoningEffort;
+  const effortLabel = reasoning === void 0 ? void 0 : effectiveEffort === void 0 ? modelT("effort.providerDefault") : reasoning.efforts.find((item) => item.id === effectiveEffort)?.name ?? effectiveEffort;
+  const trigger = selected?.label ?? modelT("trigger.fallback");
   const modelGroups = Array.from(models.reduce((groups, item) => {
-    const group = groups.get(item.provider) ?? [];
-    group.push(item);
+    const group = groups.get(item.provider) ?? { label: item.providerLabel, models: [] };
+    group.models.push(item);
     groups.set(item.provider, group);
     return groups;
   }, /* @__PURE__ */ new Map()));
+  (0, import_react2.useEffect)(() => {
+    if (!menu.open) return;
+    const onKey = (event) => {
+      if (event.key !== "Escape") return;
+      event.preventDefault();
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+      if (pane !== "root") setPane("root");
+      else menu.setOpen(false);
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => {
+      window.removeEventListener("keydown", onKey, true);
+    };
+  }, [menu.open, menu.setOpen, pane]);
+  const selectModel = (item) => {
+    onSelection(
+      `${item.provider}::${item.model}`,
+      item.reasoning?.defaultEffort ?? "none"
+    );
+    menu.setOpen(false);
+    setPane("root");
+  };
+  const selectEffort = (effort) => {
+    onSelection(modelKey, effort);
+    menu.setOpen(false);
+    setPane("root");
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: `dsh-st-model-select${menu.open ? " is-open" : ""}`, ref: menu.root, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "button",
       {
         type: "button",
         className: "dsh-st-model-select-trigger",
+        "aria-label": selected === void 0 ? modelT("trigger.selectAria") : effortLabel === void 0 ? modelT("trigger.aria", { model: selected.label }) : modelT("trigger.ariaEffort", { model: selected.label, effort: effortLabel }),
         onMouseDown: (event) => event.stopPropagation(),
         onClick: () => {
           if (menu.open) {
             menu.setOpen(false);
             return;
           }
+          setPane("root");
           menu.setOpen(true);
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: trigger }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("em", {})
+          effortLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-trigger-effort", children: effortLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives.IconChevronDownOutline14, { className: `dsh-st-model-trigger-chevron${menu.open ? " is-open" : ""}` })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MenuPopup, { open: menu.open, anchor: menu.root, menuRef: menu.menu, up: true, end: true, className: "dsh-st-model-select-menu is-up is-end", children: modelGroups.map(([provider, group]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { role: "group", "aria-label": provider, className: "dsh-st-model-group", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-st-model-group-title", children: provider }),
-      group.map((item) => {
-        const value = `${item.provider}::${item.model}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(MenuPopup, { open: menu.open, anchor: menu.root, menuRef: menu.menu, up: true, end: true, className: "dsh-st-model-select-menu is-up is-end", ariaLabel: modelT("menu.aria"), children: [
+      pane === "root" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          MenuRow,
+          {
+            kv: true,
+            label: modelT("menu.model"),
+            hint: selected?.label ?? modelT("trigger.fallback"),
+            chevron: true,
+            onClick: () => setPane("model")
+          }
+        ),
+        reasoning !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          MenuRow,
+          {
+            kv: true,
+            label: modelT("menu.effort"),
+            hint: effortLabel ?? modelT("effort.providerDefault"),
+            chevron: true,
+            onClick: () => setPane("effort")
+          }
+        )
+      ] }),
+      pane === "model" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        failures.map((failure) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-st-model-warning", children: modelT("warning.groupLoad", { name: failure.providerLabel, message: failure.message }) }, failure.provider)),
+        modelGroups.map(([provider, group]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { role: "group", "aria-label": group.label, className: "dsh-st-model-group", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-st-model-group-title", children: group.label }),
+          group.models.map((item) => {
+            const value = `${item.provider}::${item.model}`;
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              "button",
+              {
+                type: "button",
+                role: "menuitemradio",
+                "aria-checked": value === modelKey,
+                className: "dsh-st-model-option",
+                title: item.label,
+                onClick: () => selectModel(item),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "dsh-st-model-option-copy", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-name", children: item.label }),
+                    item.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-description", children: item.description })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-check", children: value === modelKey && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives.IconCheckOutline16, {}) })
+                ]
+              },
+              value
+            );
+          })
+        ] }, provider)),
+        modelGroups.length === 0 && failures.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-st-model-empty", children: modelT("empty.models") })
+      ] }),
+      pane === "effort" && reasoning !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        reasoning.defaultEffort === void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
           "button",
           {
             type: "button",
             role: "menuitemradio",
-            "aria-checked": value === modelKey,
+            "aria-checked": reasoningEffort === "none",
             className: "dsh-st-model-option",
-            title: item.label,
-            onClick: () => {
-              onModelKey(value);
-              menu.setOpen(false);
-            },
+            onClick: () => selectEffort("none"),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-option-copy", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-name", children: item.label }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-check", children: value === modelKey && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckOutlineIcon, { width: 16, height: 16 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-option-copy", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-name", children: modelT("effort.providerDefault") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-check", children: reasoningEffort === "none" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives.IconCheckOutline16, {}) })
+            ]
+          }
+        ),
+        reasoning.efforts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "button",
+          {
+            type: "button",
+            role: "menuitemradio",
+            "aria-checked": effectiveEffort === item.id,
+            className: "dsh-st-model-option",
+            onClick: () => selectEffort(item.id),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "dsh-st-model-option-copy", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-name", children: item.name }),
+                item.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-description", children: item.description })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-st-model-check", children: effectiveEffort === item.id && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives.IconCheckOutline16, {}) })
             ]
           },
-          value
-        );
-      })
-    ] }, provider)) })
+          item.id
+        )),
+        reasoning.efforts.length === 0 && reasoning.defaultEffort !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dsh-st-model-empty", children: modelT("empty.efforts") })
+      ] })
+    ] })
   ] });
 }
 function TimeSelect({
@@ -1184,7 +1292,7 @@ var EXAMPLES = [
   { name: "\u6BCF\u5468\u4F9D\u8D56\u5DE1\u68C0", scheduleKind: "weekly", time: "10:00", weekdays: [1] },
   { name: "\u5DE5\u4F5C\u65E5\u65E9\u62A5", scheduleKind: "weekly", time: "08:00", weekdays: [1, 2, 3, 4, 5] }
 ];
-function AutomationView({ t, permissionT, runtime, closeSettings, pickWorkspaceDirectory }) {
+function AutomationView({ t, permissionT, modelT, runtime, closeSettings, pickWorkspaceDirectory }) {
   const state = (0, import_react3.useSyncExternalStore)(runtime.source.subscribe, runtime.source.getSnapshot, runtime.source.getSnapshot);
   const [tab, setTab] = (0, import_react3.useState)("mine");
   const [query, setQuery] = (0, import_react3.useState)("");
@@ -1357,9 +1465,11 @@ function AutomationView({ t, permissionT, runtime, closeSettings, pickWorkspaceD
       {
         t,
         permissionT,
+        modelT,
         busy,
         workspaces,
         models,
+        modelFailures: snapshot?.modelFailures ?? [],
         defaultModel: snapshot?.defaultModel ?? null,
         skills: snapshot?.skills ?? [],
         permissions,
@@ -2897,7 +3007,7 @@ var CSS_TEXT = `
 .dsh-st-chip-btn:hover{background:rgba(255,255,255,.06);color:var(--dsw-alias-label-primary)}
 .dsh-st-chip-btn.is-static{cursor:default;opacity:.78}
 .dsh-st-chip-btn em,.dsh-st-select.is-pill .dsh-st-select-btn em{width:6px;height:6px;margin-left:2px;opacity:.55}
-.dsh-st-model-select{position:relative;z-index:1;min-width:0;flex:none}.dsh-st-model-select.is-open{z-index:30}.dsh-st-model-select-trigger{display:flex;align-items:center;gap:4px;min-width:0;max-width:220px;height:28px;padding:0 4px 0 8px;border:0;border-radius:24px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:500;line-height:20px;cursor:pointer}.dsh-st-model-select-trigger:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.dsh-st-model-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsh-st-model-select-trigger em{width:6px;height:6px;margin-left:2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55;flex:none}.dsh-st-model-select-menu{z-index:30;width:min(240px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 96px));overflow-y:auto;padding:4px;border:1px solid var(--dsw-alias-border-inverted,var(--dsw-alias-border-l2));border-radius:12px;background:var(--dsw-specific-menu,var(--dsw-alias-bg-base));box-shadow:var(--dsw-shadow-lv3)}.dsh-st-model-select-menu.is-float{position:absolute;z-index:1200;box-sizing:border-box}.dsh-st-model-select-menu .dsh-st-menu-row{min-height:40px;padding:0 10px;border-radius:10px;font-size:14px}.dsh-st-model-select-menu .dsh-st-menu-row.is-kv .dsh-st-menu-row-side{font-size:13px;color:var(--dsw-alias-label-tertiary)}.dsh-st-model-group+.dsh-st-model-group{margin-top:4px}.dsh-st-model-group-title{position:sticky;top:0;z-index:1;padding:5px 8px 3px;background:var(--dsw-specific-menu,var(--dsw-alias-bg-base));color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:500;line-height:18px}.dsh-st-model-option{display:flex;width:100%;min-height:38px;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer}.dsh-st-model-option:hover,.dsh-st-model-option:focus-visible{background:var(--dsw-alias-interactive-bg-hover);outline:none}.dsh-st-model-option-copy{display:flex;min-width:0;flex:1;flex-direction:column}.dsh-st-model-name{overflow:hidden;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.dsh-st-model-check{display:grid;flex:0 0 18px;place-items:center;color:var(--dsw-alias-label-primary)}
+.dsh-st-model-select{position:relative;z-index:1;min-width:0;flex:none}.dsh-st-model-select.is-open{z-index:30}.dsh-st-model-select-trigger{display:flex;align-items:center;gap:4px;min-width:0;max-width:260px;height:28px;padding:0 4px 0 8px;border:0;border-radius:24px;background:transparent;color:var(--dsw-alias-label-secondary);font-size:13px;font-weight:500;line-height:20px;cursor:pointer}.dsh-st-model-select-trigger:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}.dsh-st-model-select-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsh-st-model-trigger-effort{flex:none;color:var(--dsw-alias-label-tertiary);white-space:nowrap}.dsh-st-model-trigger-chevron{flex:none;transition:transform .16s ease}.dsh-st-model-trigger-chevron.is-open{transform:rotate(180deg)}.dsh-st-model-select-menu{z-index:30;width:min(240px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 96px));overflow-y:auto;padding:4px;border:1px solid var(--dsw-alias-border-inverted,var(--dsw-alias-border-l2));border-radius:12px;background:var(--dsw-specific-menu,var(--dsw-alias-bg-base));box-shadow:var(--dsw-shadow-lv3)}.dsh-st-model-select-menu.is-float{position:absolute;z-index:1200;box-sizing:border-box}.dsh-st-model-select-menu .dsh-st-menu-row{min-height:40px;padding:0 10px;border-radius:10px;font-size:14px}.dsh-st-model-select-menu .dsh-st-menu-row.is-kv .dsh-st-menu-row-side{font-size:13px;color:var(--dsw-alias-label-tertiary)}.dsh-st-model-group+.dsh-st-model-group{margin-top:4px}.dsh-st-model-group-title{position:sticky;top:0;z-index:1;padding:5px 8px 3px;background:var(--dsw-specific-menu,var(--dsw-alias-bg-base));color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:500;line-height:18px}.dsh-st-model-option{display:flex;width:100%;min-height:38px;align-items:center;gap:8px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer}.dsh-st-model-option:hover,.dsh-st-model-option:focus-visible{background:var(--dsw-alias-interactive-bg-hover);outline:none}.dsh-st-model-option-copy{display:flex;min-width:0;flex:1;flex-direction:column}.dsh-st-model-name{overflow:hidden;font-size:14px;font-weight:500;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.dsh-st-model-description{overflow:hidden;color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.dsh-st-model-check{display:grid;flex:0 0 18px;place-items:center;color:var(--dsw-alias-label-primary)}.dsh-st-model-warning{margin:4px;padding:8px;border-radius:8px;background:var(--dsw-alias-interactive-bg-hover-danger,rgba(248,81,73,.1));color:var(--dsw-alias-state-error-primary,#f85149);font-size:12px;line-height:18px}.dsh-st-model-empty{padding:14px 12px;color:var(--dsw-alias-label-tertiary);font-size:12px;text-align:center}
 .dsh-st-suffix{color:var(--dsw-alias-label-secondary);font-size:13px}
 .dsh-st-inline input.is-narrow{width:72px;flex:none}
 .dsh-st-time{display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:0 8px;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:rgba(255,255,255,.04)}
@@ -2981,6 +3091,7 @@ function apply(ctx) {
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dsh-automation: locale");
   const t = ctx.locale.bind(NS);
   const permissionT = ctx.locale.bind("permission.access");
+  const modelT = ctx.locale.bind("model");
   const runtime = createAutomationRuntime(ctx.connection.rpc);
   ctx.effect(() => installSettingsNavIcon(() => [t("tab"), "Scheduled tasks", "\u5B9A\u65F6\u4EFB\u52A1"]), "dsh-automation: settings icon");
   ctx.slots.inject("settings.section", () => ctx.slots.register({
@@ -2992,7 +3103,7 @@ function apply(ctx) {
     icon: "schedule"
   }, function ScheduledTasksSettings(props) {
     const workspacesApi = readOptionalWorkspaces(ctx);
-    return (0, import_react7.createElement)(AutomationView, { t, permissionT, runtime, ...props.close === void 0 ? {} : { closeSettings: props.close }, ...workspacesApi === void 0 ? {} : { pickWorkspaceDirectory: () => workspacesApi.pickDirectory() } });
+    return (0, import_react7.createElement)(AutomationView, { t, permissionT, modelT, runtime, ...props.close === void 0 ? {} : { closeSettings: props.close }, ...workspacesApi === void 0 ? {} : { pickWorkspaceDirectory: () => workspacesApi.pickDirectory() } });
   }));
   ctx.slots.inject("sidebar.schedule", () => ctx.slots.register({
     name: "sidebar.schedule",