zidane-ui 9.1.1 → 9.1.4

package/src/settings/sections/enabled-list/EnabledListSection.tsx

@@ -1,112 +0,0 @@
-/**
- * Skills, MCP servers, extensions or plugins on a host that can't list its
- * catalog: the host's enabled list, from its settings document. An entry can
- * be turned off, or back on while the section lives; nothing new can be
- * enabled from here. An unset list means "everything installed there". Same
- * contract as the TUI.
- */
-import { useState, type CSSProperties } from 'react';
-import type { Settings } from 'zidane/chat';
-
-import { Checkbox, FormSection, ROW_BUTTON_CLASS, RowText } from '../../../components/Form';
-import type { SettingsEnabledListKey } from '../../headless/enabled';
-import { SettingsPanel, SettingsPanelBody } from '../../section';
-import { useSettingsWritable } from '../../SettingsProvider';
-import { useSettingsValues, useWriteSetting } from '../shared/catalog';
-import { useSectionLabels } from '../use-section-labels';
-import { DEFAULT_ENABLED_LIST_SECTION_LABELS, type EnabledListSectionLabels } from './labels';
-
-/** The enabled list section's strings, overridable through `LabelsProvider`. */
-export function useEnabledListSectionLabels(): EnabledListSectionLabels {
-  return useSectionLabels(DEFAULT_ENABLED_LIST_SECTION_LABELS);
-}
-
-/** Props for {@link EnabledListSection}. */
-export interface EnabledListSectionProps {
-  /** Which list. */
-  settingKey: SettingsEnabledListKey;
-  /** The host's name, for the lines. */
-  hostName: string;
-  /** Extra classes on the root. */
-  className?: string;
-  /** Inline styles on the root. */
-  style?: CSSProperties;
-}
-
-/**
- * Renders one enabled list of the nearest `SettingsProvider`'s settings. The entries toggle through
- * `update`; without it (or a connection that may not write) they are read-only.
- *
- * @param props - The `settingKey`, the `hostName`, `className` and `style`.
- */
-export function EnabledListSection({ settingKey, hostName, className, style }: EnabledListSectionProps) {
-  const values = useSettingsValues();
-  const write = useWriteSetting();
-  const canWrite = useSettingsWritable();
-  const l = useEnabledListSectionLabels();
-  const list = values?.[settingKey] as readonly string[] | undefined;
-  const noun = l.enabledListNoun(settingKey);
-  // Entries turned off here stay listed (so they can be turned back on) while the section lives.
-  const [entries, setEntries] = useState<readonly string[]>(() => merged([], list));
-  const [shown, setShown] = useState(list);
-  if (list !== shown) {
-    setShown(list);
-    setEntries((prev) => merged(prev, list));
-  }
-
-  if (list === undefined) {
-    return (
-      <SettingsPanel className={className} style={style}>
-        <SettingsPanelBody>
-          <p className="text-xs text-[var(--zg-text-muted)] px-1 m-0 zg-pretty" data-testid="host-list-unset">
-            {l.enabledListUnset(l.enabledListOne(settingKey), noun, hostName)}
-          </p>
-        </SettingsPanelBody>
-      </SettingsPanel>
-    );
-  }
-
-  const enabled = new Set(list);
-  return (
-    <SettingsPanel className={className} style={style}>
-      <SettingsPanelBody>
-        <FormSection title={l.enabledListTitle(hostName)}>
-          {entries.length === 0 && (
-            <p className="text-xs text-[var(--zg-text-muted)] px-3 py-2 m-0">{l.enabledListEmpty(noun)}</p>
-          )}
-          {/* The checkable rows sit in a menu (a `menuitemcheckbox` needs one), laid out as the tray column. */}
-          <div role="menu" aria-label={l.enabledListTitle(hostName)} className="flex flex-col">
-            {entries.map((name) => {
-              const on = enabled.has(name);
-              return (
-                <button
-                  key={name}
-                  type="button"
-                  role="menuitemcheckbox"
-                  aria-checked={on}
-                  disabled={!canWrite}
-                  className={ROW_BUTTON_CLASS}
-                  onClick={() =>
-                    write(
-                      settingKey,
-                      (on ? list.filter((entry) => entry !== name) : [...list, name]) as Settings[typeof settingKey],
-                    )
-                  }
-                >
-                  <Checkbox checked={on} />
-                  <RowText label={name} />
-                </button>
-              );
-            })}
-          </div>
-        </FormSection>
-        <p className="text-xs text-[var(--zg-text-muted)] px-1 mt-3 mb-0 zg-pretty">{l.enabledListNote(noun)}</p>
-      </SettingsPanelBody>
-    </SettingsPanel>
-  );
-}
-
-/** The entries listed so far plus the list's, sorted. */
-function merged(seen: readonly string[], list: readonly string[] | undefined): readonly string[] {
-  return [...new Set([...seen, ...(list ?? [])])].sort((a, b) => a.localeCompare(b));
-}

package/src/settings/sections/enabled-list/labels.ts

@@ -1,37 +0,0 @@
-/**
- * The strings of `EnabledListSection`: a host's enabled list of skills, MCP
- * servers, extensions or plugins, for a host that can't list its catalog.
- * One flat dictionary an app overrides with `<LabelsProvider>`; keys you
- * leave out keep the default English label.
- */
-import type { SettingsEnabledListKey } from '../../headless/enabled';
-
-/** The default English strings of the enabled list section. */
-export const DEFAULT_ENABLED_LIST_SECTION_LABELS = {
-  /** What a list holds, plural. */
-  enabledListNoun: (key: SettingsEnabledListKey): string =>
-    ({
-      enabledSkills: 'skills',
-      enabledMcps: 'MCP servers',
-      enabledExtensions: 'extensions',
-      enabledPlugins: 'plugins',
-    })[key],
-  /** What a list holds, singular. */
-  enabledListOne: (key: SettingsEnabledListKey): string =>
-    ({ enabledSkills: 'skill', enabledMcps: 'MCP server', enabledExtensions: 'extension', enabledPlugins: 'plugin' })[
-      key
-    ],
-  /** No list is set: everything is on. */
-  enabledListUnset: (one: string, noun: string, host: string) =>
-    `Every ${one} installed on ${host} is on, because no list is set there. Install and choose ${noun} on the server.`,
-  /** The list's heading. */
-  enabledListTitle: (host: string) => `Enabled on ${host}`,
-  /** The list is empty. */
-  enabledListEmpty: (noun: string) => `None. The server's list is empty, so no ${noun} are on there.`,
-  /** Under the list. */
-  enabledListNote: (noun: string) =>
-    `Can't list this server's catalog from here. Install and add ${noun} on the server.`,
-};
-
-/** The shape of the enabled list section's label dictionary. */
-export type EnabledListSectionLabels = typeof DEFAULT_ENABLED_LIST_SECTION_LABELS;