zidane-ui 9.0.4 → 9.1.3

package/dist/settings/sections/shared/catalog.js

@@ -2,12 +2,12 @@ import { IconButton } from "../../../components/IconButton.js";
 import { Segmented } from "../../../components/Segmented.js";
 import { EmptyState } from "../../../components/Surface.js";
 import { Checkbox } from "../../../components/Form.js";
-import { toSettingsError } from "../../headless/host.js";
 import { useSettingsDocument, useSettingsHost, useSettingsWritable } from "../../SettingsProvider.js";
-import { enabledNames, toggleEnabled } from "../../headless/enabled.js";
+import { toSettingsError } from "../../headless/host.js";
 import { useSectionLabels } from "../use-section-labels.js";
+import { enabledNames, toggleEnabled } from "../../headless/enabled.js";
 import { DEFAULT_CATALOG_SHARED_LABELS } from "./labels.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState, useSyncExternalStore } from "react";
 //#region src/settings/sections/shared/catalog.tsx
 /**
@@ -125,7 +125,7 @@ function OpenFileButton({ path, name, onOpen }) {
 	});
 }
 /** A checkbox list over an enabled allowlist. */
-function EnabledList({ catalog, keyOf, labelOf, detailOf, leadOf, badgeOf, actionOf, forcedEnabledOf, toggleableOf, preamble, settingKey, emptyMessage, className, style }) {
+function EnabledList({ catalog, keyOf, labelOf, detailOf, leadOf, badgeOf, statusOf, actionOf, forcedEnabledOf, toggleableOf, preamble, settingKey, emptyMessage, className, style }) {
 	const { enabledSet, toggle, writable } = useEnabledList(useMemo(() => toggleableOf ? catalog.filter(toggleableOf) : catalog, [catalog, toggleableOf]), keyOf, settingKey);
 	return /* @__PURE__ */ jsxs("div", {
 		className,
@@ -138,9 +138,31 @@ function EnabledList({ catalog, keyOf, labelOf, detailOf, leadOf, badgeOf, actio
 				const enabled = forcedEnabled ?? enabledSet.has(key);
 				const canToggle = forcedEnabled === void 0 && writable;
 				const action = actionOf?.(entry);
+				const status = statusOf?.(entry);
+				const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Checkbox, { checked: enabled }), /* @__PURE__ */ jsxs("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "text-sm flex items-center gap-2",
+						children: [
+							leadOf?.(entry),
+							/* @__PURE__ */ jsx("span", {
+								className: "text-zg-ui font-medium",
+								children: labelOf(entry)
+							}),
+							badgeOf?.(entry),
+							status
+						]
+					}), detailOf && /* @__PURE__ */ jsx("div", {
+						className: "text-xs text-[var(--zg-text-muted)] truncate mt-0.5",
+						children: detailOf(entry)
+					})]
+				})] });
 				return /* @__PURE__ */ jsxs("li", {
 					className: "flex items-stretch gap-1 rounded-zg-md hover:bg-[var(--zg-row-hover)] transition-colors",
-					children: [/* @__PURE__ */ jsxs("button", {
+					children: [status ? /* @__PURE__ */ jsx("div", {
+						className: "flex items-start gap-3 flex-1 min-w-0 px-3 py-2.5 text-[var(--zg-text)]",
+						children: content
+					}) : /* @__PURE__ */ jsx("button", {
 						type: "button",
 						"aria-pressed": enabled,
 						onClick: () => {
@@ -148,23 +170,7 @@ function EnabledList({ catalog, keyOf, labelOf, detailOf, leadOf, badgeOf, actio
 						},
 						disabled: !canToggle,
 						className: "zg-press-subtle flex items-start gap-3 flex-1 min-w-0 text-left px-3 py-2.5 rounded-zg-md cursor-pointer bg-transparent border-0 text-[var(--zg-text)] disabled:cursor-default focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-[var(--zg-ring)]",
-						children: [/* @__PURE__ */ jsx(Checkbox, { checked: enabled }), /* @__PURE__ */ jsxs("div", {
-							className: "flex-1 min-w-0",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "text-sm flex items-center gap-2",
-								children: [
-									leadOf?.(entry),
-									/* @__PURE__ */ jsx("span", {
-										className: "text-zg-ui font-medium",
-										children: labelOf(entry)
-									}),
-									badgeOf?.(entry)
-								]
-							}), detailOf && /* @__PURE__ */ jsx("div", {
-								className: "text-xs text-[var(--zg-text-muted)] truncate mt-0.5",
-								children: detailOf(entry)
-							})]
-						})]
+						children: content
 					}), action ? /* @__PURE__ */ jsx("div", {
 						className: "flex items-start pt-1.5 shrink-0 pr-1",
 						children: action

package/dist/settings/sections/skills/SkillList.js

@@ -5,10 +5,10 @@ import { EmptyState } from "../../../components/Surface.js";
 import { Checkbox, MetaChip } from "../../../components/Form.js";
 import { LoadError } from "../../../components/LoadError.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
-import { formatTokens } from "../../../session/headless/usage-format.js";
-import { useCodeDocument } from "../../../code/editor/useCodeDocument.js";
 import { useSectionLabels } from "../use-section-labels.js";
+import { useCodeDocument } from "../../../code/editor/useCodeDocument.js";
 import { OpenFileButton, RevealPathButton, useCatalogSharedLabels, useEnabledList, useSettingsResource } from "../shared/catalog.js";
+import { formatTokens } from "../../../session/headless/usage-format.js";
 import { DEFAULT_SKILLS_SECTION_LABELS } from "./labels.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, lazy, useMemo, useRef, useState } from "react";

package/dist/settings/sections/skills/SkillsSection.js

@@ -1,7 +1,7 @@
 import { BTN_LG_SECONDARY, BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
 import { OpLine } from "../../../components/Form.js";
-import { toSettingsError } from "../../headless/host.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
+import { toSettingsError } from "../../headless/host.js";
 import { SettingsPanel, SettingsPanelActions, SettingsPanelBody } from "../../section.js";
 import { ScopePicker, useCatalogSharedLabels, useOpLine, useSettingsResource, useSettingsValues, useWriteSetting } from "../shared/catalog.js";
 import { SettingsTutorial } from "../../SettingsTutorial.js";