@theia/ai-core-ui 1.75.0-next.8 → 1.75.0

package/lib/browser/ai-configuration/components/ai-configuration-primitives.d.ts

@@ -0,0 +1,161 @@
+import * as React from '@theia/core/shared/react';
+import { AiConfigurationItemStatus } from '../ai-configuration-category';
+import { AiConfigurationOrigin } from './ai-configuration-origin-badge';
+/**
+ * Presentational, DI-free display primitives shared across the AI configuration pages: badges, the
+ * titled section container, the empty-state placeholder, the "Add …" action, the markdown description
+ * host, the in-list filter input and the item detail header. Grouped here (rather than one file per
+ * component) so that the small, stateless building blocks live together. Controls that edit a
+ * preference value live in `ai-configuration-controls.tsx`, and larger composites (item rows, setting
+ * rows and cards) keep their own files.
+ *
+ * All classes are prefixed `ai-configuration-` and are styled in `ai-configuration-components.css`.
+ */
+export interface AiConfigurationStatusBadgeProps {
+    readonly status: AiConfigurationItemStatus;
+}
+/**
+ * Labeled status affordance: a colored dot paired with its text label, so the
+ * state is legible at a glance rather than encoded in color alone. The full
+ * detail (if any) stays on hover.
+ */
+export declare const AiConfigurationStatusBadge: React.FC<AiConfigurationStatusBadgeProps>;
+/**
+ * Visual weight of a {@link AiConfigurationKindBadge}. `info` for the primary kind of a page
+ * (e.g. "Slash Command"), `outline` for secondary/scope labels (e.g. "Built-in", "User"),
+ * `default` for neutral tags.
+ */
+export type AiConfigurationKindBadgeVariant = 'default' | 'info' | 'outline';
+export interface AiConfigurationKindBadgeProps {
+    readonly label: string;
+    readonly variant?: AiConfigurationKindBadgeVariant;
+    /** `codicon(...)` class shown before the label. */
+    readonly iconClass?: string;
+    /** Hover text; defaults to {@link label}. */
+    readonly title?: string;
+}
+/**
+ * A small labeled pill classifying an item or a customization scope: "Variant Set", "Fragment",
+ * "Slash Command", "Skill", "Built-in", "User", "Workspace". Complements the color-coded
+ * {@link AiConfigurationStatusBadge} used for on/off/warn/error state.
+ */
+export declare const AiConfigurationKindBadge: React.FC<AiConfigurationKindBadgeProps>;
+export interface AiConfigurationSectionProps {
+    /** Group title. Omit for an untitled group of rows. */
+    readonly title?: string;
+    /** Optional short subtitle shown next to the title. */
+    readonly subtitle?: string;
+    /**
+     * Number of entries in the section, shown next to the title. Lets a long list state its size without
+     * being scrolled, which is the point of folding it in the first place.
+     */
+    readonly count?: number;
+    /**
+     * Lets the user fold the section away by clicking its title line. Sections start expanded: these pages
+     * exist to be browsed, so nothing is hidden until the user chooses to hide it.
+     */
+    readonly collapsible?: boolean;
+    /**
+     * Keeps the content visible regardless of the user's fold state, e.g. while a filter is active — a match
+     * inside a folded section would otherwise be silently unreachable.
+     */
+    readonly forceExpanded?: boolean;
+    /** Optional actions shown on the title line, aligned to the right (e.g. a toolbar of "copy all" buttons). */
+    readonly actions?: React.ReactNode;
+    readonly children: React.ReactNode;
+    readonly className?: string;
+}
+/**
+ * A titled group of settings rows in a detail page. Generalizes the earlier
+ * `ConfigurationSection` and adds an optional subtitle and a right-aligned actions slot on the title line,
+ * plus an optional entry count and folding for the sections that hold long lists.
+ */
+export declare const AiConfigurationSection: React.FC<AiConfigurationSectionProps>;
+export interface AiConfigurationCalloutProps {
+    /** What the action does and what it affects; the action is only safe to press once this is read. */
+    readonly message: string;
+    /** The single action the callout offers, e.g. a "Reset All" button. */
+    readonly action: React.ReactNode;
+}
+/**
+ * A page-level offer: one line of explanation next to one action ("allow the default tools", "reset every
+ * customization"). Rendered as a box above the page content rather than a bare button on the filter line,
+ * so the consequence is stated where the action is.
+ */
+export declare const AiConfigurationCallout: React.FC<AiConfigurationCalloutProps>;
+export interface AiConfigurationValueRowProps {
+    /** Omit when the surrounding section already names the value (e.g. a "Location" section). */
+    readonly label?: string;
+    /** The value as shown and copied; rendered in the code font since these are ids, paths and patterns. */
+    readonly value: string;
+    /** Omit to render the value without a copy affordance. */
+    readonly onCopy?: (value: string) => void;
+}
+/**
+ * A read-only value with its label — an id, a file path, a frontmatter entry — and an optional copy button.
+ * These values exist to be used elsewhere (pasted into a prompt, a terminal, a settings file), so copying
+ * them should not require selecting the text by hand.
+ */
+export declare const AiConfigurationValueRow: React.FC<AiConfigurationValueRowProps>;
+export interface AiConfigurationEmptyStateProps {
+    readonly message: string;
+    /** `codicon(...)` class shown above the message. */
+    readonly iconClass?: string;
+    /** Optional call-to-action rendered under the message (e.g. an add button). */
+    readonly action?: React.ReactNode;
+    readonly className?: string;
+}
+/** Placeholder shown when a collection has no items or a filter matches nothing. */
+export declare const AiConfigurationEmptyState: React.FC<AiConfigurationEmptyStateProps>;
+export interface AiConfigurationAddActionProps {
+    readonly label: string;
+    /** `codicon(...)` class; defaults to the `add` icon. */
+    readonly iconClass?: string;
+    readonly disabled?: boolean;
+    readonly onClick: () => void;
+}
+/** "Add …" button used on collection overviews and in empty states. */
+export declare const AiConfigurationAddAction: React.FC<AiConfigurationAddActionProps>;
+export interface AiMarkdownDescriptionProps {
+    /** Renders (trusted, already-localized) markdown into an element, e.g. via the core `MarkdownRenderer`. */
+    readonly renderMarkdown: (markdown: string) => HTMLElement;
+    readonly markdown: string;
+    /** Wrapper class; defaults to the shared settings-row description styling. */
+    readonly className?: string;
+}
+/**
+ * Renders a (trusted, already-localized) markdown description via the provided renderer into a
+ * managed element. Shared by every AI configuration page so descriptions render consistently.
+ */
+export declare const AiMarkdownDescription: React.FC<AiMarkdownDescriptionProps>;
+export interface AiConfigurationFilterInputProps {
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+    readonly placeholder?: string;
+}
+/**
+ * In-list filter input: a controlled text field (the owning widget holds the value) with a leading filter
+ * icon, a trailing clear button, and Escape-to-clear — mirroring the view's search input.
+ */
+export declare const AiConfigurationFilterInput: React.FC<AiConfigurationFilterInputProps>;
+export interface AiConfigurationItemDetailHeaderProps {
+    readonly title: string;
+    /** `codicon(...)` class shown before the title. */
+    readonly iconClass?: string;
+    /** Secondary line under the title (e.g. an id or provider). */
+    readonly subtitle?: string;
+    /** Status badge shown next to the title. */
+    readonly status?: AiConfigurationItemStatus;
+    /**
+     * Where the item came from, shown right after the title - the same badges the overview list shows,
+     * so provenance does not get a second look on the detail page.
+     */
+    readonly origins?: AiConfigurationOrigin[];
+    /** Optional inline content shown after the title and the origin badges. */
+    readonly titleSuffix?: React.ReactNode;
+    /** Trailing slot for header actions and toggles (buttons, switches). */
+    readonly actions?: React.ReactNode;
+}
+/** Header of a collection item's detail page: icon, title, subtitle, status badge and an actions slot. */
+export declare const AiConfigurationItemDetailHeader: React.FC<AiConfigurationItemDetailHeaderProps>;
+//# sourceMappingURL=ai-configuration-primitives.d.ts.map

package/lib/browser/ai-configuration/components/ai-configuration-primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-configuration-primitives.d.ts","sourceRoot":"","sources":["../../../../src/browser/ai-configuration/components/ai-configuration-primitives.tsx"],"names":[],"mappings":"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"}

package/lib/browser/ai-configuration/components/ai-configuration-primitives.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiConfigurationItemDetailHeader = exports.AiConfigurationFilterInput = exports.AiMarkdownDescription = exports.AiConfigurationAddAction = exports.AiConfigurationEmptyState = exports.AiConfigurationValueRow = exports.AiConfigurationCallout = exports.AiConfigurationSection = exports.AiConfigurationKindBadge = exports.AiConfigurationStatusBadge = void 0;
+const jsx_runtime_1 = require("@theia/core/shared/react/jsx-runtime");
+// *****************************************************************************
+// Copyright (C) 2026 EclipseSource and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+const core_1 = require("@theia/core");
+const browser_1 = require("@theia/core/lib/browser");
+const React = require("@theia/core/shared/react");
+const ai_configuration_origin_badge_1 = require("./ai-configuration-origin-badge");
+/**
+ * Labeled status affordance: a colored dot paired with its text label, so the
+ * state is legible at a glance rather than encoded in color alone. The full
+ * detail (if any) stays on hover.
+ */
+const AiConfigurationStatusBadge = ({ status }) => ((0, jsx_runtime_1.jsxs)("span", { className: 'ai-configuration-status-badge', title: status.tooltip ?? status.label, children: [(0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-status-badge-label', children: status.label }), (0, jsx_runtime_1.jsx)("span", { className: `ai-configuration-status ai-configuration-status-${status.kind}`, "aria-hidden": true })] }));
+exports.AiConfigurationStatusBadge = AiConfigurationStatusBadge;
+/**
+ * A small labeled pill classifying an item or a customization scope: "Variant Set", "Fragment",
+ * "Slash Command", "Skill", "Built-in", "User", "Workspace". Complements the color-coded
+ * {@link AiConfigurationStatusBadge} used for on/off/warn/error state.
+ */
+const AiConfigurationKindBadge = ({ label, variant = 'default', iconClass, title }) => ((0, jsx_runtime_1.jsxs)("span", { className: `ai-configuration-kind-badge ai-configuration-kind-badge-${variant}`, title: title ?? label, children: [iconClass && (0, jsx_runtime_1.jsx)("span", { className: `ai-configuration-kind-badge-icon ${iconClass}`, "aria-hidden": true }), (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-kind-badge-label', children: label })] }));
+exports.AiConfigurationKindBadge = AiConfigurationKindBadge;
+/**
+ * A titled group of settings rows in a detail page. Generalizes the earlier
+ * `ConfigurationSection` and adds an optional subtitle and a right-aligned actions slot on the title line,
+ * plus an optional entry count and folding for the sections that hold long lists.
+ */
+const AiConfigurationSection = ({ title, subtitle, count, collapsible, forceExpanded, actions, children, className }) => {
+    const [expanded, setExpanded] = React.useState(true);
+    const toggle = React.useCallback(() => setExpanded(previous => !previous), []);
+    const onKeyDown = React.useCallback((event) => {
+        // Only the title line itself toggles; keystrokes in the actions slot must not fold the section.
+        if (event.target === event.currentTarget && (event.key === 'Enter' || event.key === ' ')) {
+            event.preventDefault();
+            toggle();
+        }
+    }, [toggle]);
+    const foldable = collapsible === true && title !== undefined;
+    const showContent = !foldable || forceExpanded === true || expanded;
+    return (0, jsx_runtime_1.jsxs)("div", { className: `ai-configuration-section ${className ?? ''}`, children: [(title !== undefined || actions) && (0, jsx_runtime_1.jsxs)("div", { className: `ai-configuration-section-title${foldable ? ' foldable' : ''}`, role: foldable ? 'button' : undefined, tabIndex: foldable ? 0 : undefined, "aria-expanded": foldable ? showContent : undefined, onClick: foldable ? toggle : undefined, onKeyDown: foldable ? onKeyDown : undefined, children: [foldable && (0, jsx_runtime_1.jsx)("span", { "aria-hidden": 'true', className: `ai-configuration-section-chevron ${(0, browser_1.codicon)(showContent ? 'chevron-down' : 'chevron-right')}` }), title !== undefined && (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-section-title-text', children: title }), count !== undefined && (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-section-count', children: count }), subtitle !== undefined && (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-section-subtitle', children: subtitle }), actions && (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-section-title-actions', children: actions })] }), showContent && (0, jsx_runtime_1.jsx)("div", { className: 'ai-configuration-section-content', children: children })] });
+};
+exports.AiConfigurationSection = AiConfigurationSection;
+/**
+ * A page-level offer: one line of explanation next to one action ("allow the default tools", "reset every
+ * customization"). Rendered as a box above the page content rather than a bare button on the filter line,
+ * so the consequence is stated where the action is.
+ */
+const AiConfigurationCallout = ({ message, action }) => (0, jsx_runtime_1.jsxs)("div", { className: 'ai-configuration-callout', children: [(0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-callout-text', children: message }), action] });
+exports.AiConfigurationCallout = AiConfigurationCallout;
+/**
+ * A read-only value with its label — an id, a file path, a frontmatter entry — and an optional copy button.
+ * These values exist to be used elsewhere (pasted into a prompt, a terminal, a settings file), so copying
+ * them should not require selecting the text by hand.
+ */
+const AiConfigurationValueRow = ({ label, value, onCopy }) => {
+    const [copied, setCopied] = React.useState(false);
+    const timeout = React.useRef(undefined);
+    React.useEffect(() => () => {
+        if (timeout.current !== undefined) {
+            clearTimeout(timeout.current);
+        }
+    }, []);
+    const copyLabel = core_1.nls.localizeByDefault('Copy');
+    return (0, jsx_runtime_1.jsxs)("div", { className: 'ai-configuration-value-row', children: [label !== undefined && (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-value-row-label', children: label }), (0, jsx_runtime_1.jsxs)("span", { className: 'ai-configuration-value-row-field', children: [(0, jsx_runtime_1.jsx)("code", { className: 'ai-configuration-value-row-value', children: value }), onCopy && (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'ai-configuration-value-row-copy', title: copyLabel, "aria-label": copyLabel, onClick: () => {
+                            onCopy(value);
+                            setCopied(true);
+                            if (timeout.current !== undefined) {
+                                clearTimeout(timeout.current);
+                            }
+                            timeout.current = setTimeout(() => setCopied(false), 1500);
+                        }, children: (0, jsx_runtime_1.jsx)("span", { "aria-hidden": 'true', className: (0, browser_1.codicon)(copied ? 'check' : 'copy') }) })] }), (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-visually-hidden', "aria-live": 'polite', children: copied ? core_1.nls.localizeByDefault('Copied') : '' })] });
+};
+exports.AiConfigurationValueRow = AiConfigurationValueRow;
+/** Placeholder shown when a collection has no items or a filter matches nothing. */
+const AiConfigurationEmptyState = ({ message, iconClass, action, className }) => ((0, jsx_runtime_1.jsxs)("div", { className: `ai-configuration-empty-state ${className ?? ''}`, children: [iconClass && (0, jsx_runtime_1.jsx)("span", { className: `ai-configuration-empty-state-icon ${iconClass}` }), (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-empty-state-message', children: message }), action !== undefined && (0, jsx_runtime_1.jsx)("div", { className: 'ai-configuration-empty-state-action', children: action })] }));
+exports.AiConfigurationEmptyState = AiConfigurationEmptyState;
+/** "Add …" button used on collection overviews and in empty states. */
+const AiConfigurationAddAction = ({ label, iconClass, disabled, onClick }) => ((0, jsx_runtime_1.jsxs)("button", { className: 'theia-button ai-configuration-add-action', disabled: disabled, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("span", { className: iconClass ?? (0, browser_1.codicon)('add') }), (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-add-action-label', children: label })] }));
+exports.AiConfigurationAddAction = AiConfigurationAddAction;
+/**
+ * Renders a (trusted, already-localized) markdown description via the provided renderer into a
+ * managed element. Shared by every AI configuration page so descriptions render consistently.
+ */
+const AiMarkdownDescription = ({ renderMarkdown, markdown, className }) => {
+    // eslint-disable-next-line no-null/no-null
+    const host = React.useRef(null);
+    React.useEffect(() => {
+        const node = host.current;
+        if (!node) {
+            return;
+        }
+        node.replaceChildren(renderMarkdown(markdown));
+        return () => node.replaceChildren();
+    }, [renderMarkdown, markdown]);
+    return (0, jsx_runtime_1.jsx)("div", { className: className ?? 'ai-settings-row-description', ref: host });
+};
+exports.AiMarkdownDescription = AiMarkdownDescription;
+/**
+ * In-list filter input: a controlled text field (the owning widget holds the value) with a leading filter
+ * icon, a trailing clear button, and Escape-to-clear — mirroring the view's search input.
+ */
+const AiConfigurationFilterInput = ({ value, onChange, placeholder }) => {
+    const onKeyDown = React.useCallback((event) => {
+        if (event.key === 'Escape' && value.length > 0) {
+            event.preventDefault();
+            onChange('');
+        }
+    }, [value, onChange]);
+    const clearLabel = core_1.nls.localizeByDefault('Clear');
+    return (0, jsx_runtime_1.jsxs)("div", { className: 'ai-configuration-filter-input', children: [(0, jsx_runtime_1.jsx)("span", { className: `ai-configuration-filter-input-icon ${(0, browser_1.codicon)('filter')}` }), (0, jsx_runtime_1.jsx)("input", { className: 'theia-input', type: 'text', spellCheck: false, value: value, placeholder: placeholder ?? core_1.nls.localizeByDefault('Filter'), onChange: e => onChange(e.target.value), onKeyDown: onKeyDown }), value.length > 0 && (0, jsx_runtime_1.jsx)("button", { type: 'button', className: `ai-configuration-filter-input-clear ${(0, browser_1.codicon)('close')}`, title: clearLabel, "aria-label": clearLabel, onClick: () => onChange('') })] });
+};
+exports.AiConfigurationFilterInput = AiConfigurationFilterInput;
+/** Header of a collection item's detail page: icon, title, subtitle, status badge and an actions slot. */
+const AiConfigurationItemDetailHeader = ({ title, iconClass, subtitle, status, origins, titleSuffix, actions }) => ((0, jsx_runtime_1.jsxs)("div", { className: 'ai-configuration-item-detail-header', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'ai-configuration-item-detail-header-heading', children: [iconClass && (0, jsx_runtime_1.jsx)("span", { className: `ai-configuration-item-detail-header-icon ${iconClass}` }), (0, jsx_runtime_1.jsxs)("div", { className: 'ai-configuration-item-detail-header-titles', children: [(0, jsx_runtime_1.jsxs)("span", { className: 'ai-configuration-item-detail-header-title-row', children: [(0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-item-detail-header-title', children: title }), (0, jsx_runtime_1.jsx)(ai_configuration_origin_badge_1.AiConfigurationOriginBadges, { origins: origins }), titleSuffix] }), subtitle !== undefined && (0, jsx_runtime_1.jsx)("span", { className: 'ai-configuration-item-detail-header-subtitle', children: subtitle })] })] }), (status || actions !== undefined) && (0, jsx_runtime_1.jsxs)("div", { className: 'ai-configuration-item-detail-header-actions', children: [status && (0, jsx_runtime_1.jsx)(exports.AiConfigurationStatusBadge, { status: status }), actions] })] }));
+exports.AiConfigurationItemDetailHeader = AiConfigurationItemDetailHeader;
+//# sourceMappingURL=ai-configuration-primitives.js.map

package/lib/browser/ai-configuration/components/ai-configuration-primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-configuration-primitives.js","sourceRoot":"","sources":["../../../../src/browser/ai-configuration/components/ai-configuration-primitives.tsx"],"names":[],"mappings":"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"}

package/lib/browser/ai-configuration/components/ai-configuration-setting-row.d.ts

@@ -0,0 +1,54 @@
+import * as React from '@theia/core/shared/react';
+export interface AiConfigurationSettingRowProps {
+    /**
+     * Preference id; used as the deep-link anchor and by the gear menu's copy/reset commands. Omitted for
+     * rows backed by non-preference data (e.g. per-agent settings).
+     */
+    readonly preferenceId?: string;
+    /** Human-readable setting title. */
+    readonly title: string;
+    /**
+     * Optional already-localized description rendered under the title. A string is rendered as markdown when
+     * {@link renderMarkdown} is given (else as plain text); a React node (e.g. text with a link) is rendered as-is.
+     */
+    readonly description?: React.ReactNode;
+    /** Bound markdown renderer (stable identity for the description's effect). Omit to render the description as plain text. */
+    readonly renderMarkdown?: (markdown: string) => HTMLElement;
+    /** `true` when the value is overridden in the current scope; reveals the modified edge. */
+    readonly modified: boolean;
+    /** Schema tags shown as badges next to the title (e.g. `experimental`, `preview`), mirroring the Settings UI. */
+    readonly tags?: string[];
+    /**
+     * Opens this view's setting context menu (Reset Setting / Copy Setting ID / Copy Setting as JSON)
+     * anchored at the gear element. When omitted the gear is hidden. The owner wires this to
+     * {@link AiSettingsRowService.openSettingContextMenu}.
+     */
+    readonly onOpenMenu?: (gear: HTMLElement) => void;
+    /** Inline control shown on the right of the row. */
+    readonly control?: React.ReactNode;
+    /** Full-width control shown below the row (e.g. a chip editor or a path input). */
+    readonly below?: React.ReactNode;
+    /**
+     * Extra action(s) (e.g. a "Reset All" button) shown top-right, aligned with the title. Rendered next to
+     * an inline {@link control} or on its own when the control is {@link below}, so a normal setting row can
+     * carry page-level actions.
+     */
+    readonly actions?: React.ReactNode;
+}
+/**
+ * Presentational per-setting row shared across every AI configuration page: title, the schema
+ * description, a control (inline via {@link AiConfigurationSettingRowProps.control} or full-width via
+ * {@link AiConfigurationSettingRowProps.below}), a modified edge when overridden in the current scope,
+ * and a gear menu (mirroring the Settings UI) offering "Copy Setting ID" and "Reset Setting". It is
+ * DI-free; owners supply the values, a bound markdown renderer and the callbacks.
+ */
+export declare const AiConfigurationSettingRow: React.FC<AiConfigurationSettingRowProps>;
+/**
+ * The bare cog button that opens a row's context menu, shared by {@link AiConfigurationSettingRow} and the
+ * list {@link AiConfigurationItemRow} so both surface the identical gear affordance. It renders no wrapper,
+ * so each host places it (the setting row in its left gutter, the item row in its trailing cluster).
+ */
+export declare const AiSettingGearButton: React.FC<{
+    onOpenMenu: (gear: HTMLElement) => void;
+}>;
+//# sourceMappingURL=ai-configuration-setting-row.d.ts.map

package/lib/browser/ai-configuration/components/ai-configuration-setting-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-configuration-setting-row.d.ts","sourceRoot":"","sources":["../../../../src/browser/ai-configuration/components/ai-configuration-setting-row.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,KAAK,MAAM,0BAA0B,CAAC;AAGlD,MAAM,WAAW,8BAA8B;IAC3C;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,oCAAoC;IACpC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,4HAA4H;IAC5H,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC;IAC5D,2FAA2F;IAC3F,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,iHAAiH;IACjH,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,oDAAoD;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,mFAAmF;IACnF,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA4B9E,CAAC;AAwCF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C,CAaA,CAAC"}

package/lib/browser/ai-configuration/components/ai-configuration-setting-row.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AiSettingGearButton = exports.AiConfigurationSettingRow = void 0;
+const jsx_runtime_1 = require("@theia/core/shared/react/jsx-runtime");
+// *****************************************************************************
+// Copyright (C) 2026 EclipseSource and others.
+//
+// This program and the accompanying materials are made available under the
+// terms of the Eclipse Public License v. 2.0 which is available at
+// http://www.eclipse.org/legal/epl-2.0.
+//
+// This Source Code may also be made available under the following Secondary
+// Licenses when the conditions for such availability set forth in the Eclipse
+// Public License v. 2.0 are satisfied: GNU General Public License, version 2
+// with the GNU Classpath Exception which is available at
+// https://www.gnu.org/software/classpath/license.html.
+//
+// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
+// *****************************************************************************
+const core_1 = require("@theia/core");
+const browser_1 = require("@theia/core/lib/browser");
+const React = require("@theia/core/shared/react");
+const ai_configuration_primitives_1 = require("./ai-configuration-primitives");
+/**
+ * Presentational per-setting row shared across every AI configuration page: title, the schema
+ * description, a control (inline via {@link AiConfigurationSettingRowProps.control} or full-width via
+ * {@link AiConfigurationSettingRowProps.below}), a modified edge when overridden in the current scope,
+ * and a gear menu (mirroring the Settings UI) offering "Copy Setting ID" and "Reset Setting". It is
+ * DI-free; owners supply the values, a bound markdown renderer and the callbacks.
+ */
+const AiConfigurationSettingRow = ({ preferenceId, title, description, renderMarkdown, modified, tags, onOpenMenu, control, below, actions }) => ((0, jsx_runtime_1.jsxs)("div", { className: `ai-settings-row${modified ? ' modified' : ''}`, "data-ai-config-row-id": preferenceId, children: [(0, jsx_runtime_1.jsx)(AiSettingRowGear, { onOpenMenu: onOpenMenu }), (0, jsx_runtime_1.jsxs)("div", { className: 'ai-settings-row-top', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'ai-settings-row-main', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'ai-settings-row-title', children: [title, tags && tags.length > 0 && (0, jsx_runtime_1.jsx)("span", { className: 'ai-settings-row-tags', children: tags.map(tag => ((0, jsx_runtime_1.jsx)("span", { className: 'ai-settings-row-tag', title: tagTooltip(tag), children: tagLabel(tag) }, tag))) })] }), description !== undefined && (typeof description === 'string' && renderMarkdown
+                            ? (0, jsx_runtime_1.jsx)(ai_configuration_primitives_1.AiMarkdownDescription, { renderMarkdown: renderMarkdown, markdown: description })
+                            : (0, jsx_runtime_1.jsx)("div", { className: 'ai-settings-row-description', children: description }))] }), (0, jsx_runtime_1.jsxs)("div", { className: 'ai-settings-row-control', children: [control, actions] })] }), below && (0, jsx_runtime_1.jsx)("div", { className: 'ai-settings-row-below', children: below })] }));
+exports.AiConfigurationSettingRow = AiConfigurationSettingRow;
+/** Badge text for a preference tag, matching the Settings UI (experimental/preview localized; else the raw tag). */
+function tagLabel(tag) {
+    return tag === 'experimental' ? core_1.nls.localizeByDefault('Experimental')
+        : tag === 'preview' ? core_1.nls.localizeByDefault('Preview')
+            : tag;
+}
+/** Hover text for a preference tag badge, matching the Settings UI. */
+function tagTooltip(tag) {
+    if (tag === 'experimental') {
+        return core_1.nls.localizeByDefault('Experimental setting: this setting controls a new feature that is actively being developed and may be unstable. It is subject to change or removal.');
+    }
+    if (tag === 'preview') {
+        return core_1.nls.localizeByDefault('Preview setting: this setting controls a new feature that is still under refinement yet ready to use. Feedback is welcome.');
+    }
+    return tag;
+}
+/**
+ * Gear affordance in the row's left gutter, matching the Settings UI: a cog button (outside the content,
+ * so it never shifts the title) that opens the preference context menu via
+ * {@link AiConfigurationSettingRowProps.onOpenMenu}. That opener renders a real Theia context menu
+ * (`AI_CONFIGURATION_SETTING_CONTEXT_MENU`), so no popover is implemented here. Hidden when no opener
+ * is given.
+ */
+const AiSettingRowGear = ({ onOpenMenu }) => {
+    if (!onOpenMenu) {
+        return undefined;
+    }
+    return (0, jsx_runtime_1.jsx)("div", { className: 'ai-settings-row-actions', children: (0, jsx_runtime_1.jsx)(exports.AiSettingGearButton, { onOpenMenu: onOpenMenu }) });
+};
+/**
+ * The bare cog button that opens a row's context menu, shared by {@link AiConfigurationSettingRow} and the
+ * list {@link AiConfigurationItemRow} so both surface the identical gear affordance. It renders no wrapper,
+ * so each host places it (the setting row in its left gutter, the item row in its trailing cluster).
+ */
+const AiSettingGearButton = ({ onOpenMenu }) => {
+    const open = React.useCallback((event) => {
+        onOpenMenu(event.currentTarget);
+    }, [onOpenMenu]);
+    const label = core_1.nls.localizeByDefault('More Actions...');
+    return (0, jsx_runtime_1.jsx)("button", { type: 'button', className: `ai-settings-row-gear ${(0, browser_1.codicon)('settings-gear')}`, title: label, "aria-label": label, "aria-haspopup": 'menu', onClick: open });
+};
+exports.AiSettingGearButton = AiSettingGearButton;
+//# sourceMappingURL=ai-configuration-setting-row.js.map

package/lib/browser/ai-configuration/components/ai-configuration-setting-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-configuration-setting-row.js","sourceRoot":"","sources":["../../../../src/browser/ai-configuration/components/ai-configuration-setting-row.tsx"],"names":[],"mappings":";;;;AAAA,gFAAgF;AAChF,+CAA+C;AAC/C,EAAE;AACF,2EAA2E;AAC3E,mEAAmE;AACnE,wCAAwC;AACxC,EAAE;AACF,4EAA4E;AAC5E,8EAA8E;AAC9E,6EAA6E;AAC7E,yDAAyD;AACzD,uDAAuD;AACvD,EAAE;AACF,gFAAgF;AAChF,gFAAgF;AAEhF,sCAAkC;AAClC,qDAAkD;AAClD,kDAAkD;AAClD,+EAAsE;AAuCtE;;;;;;GAMG;AACI,MAAM,yBAAyB,GAA6C,CAAC,EAChF,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EACxG,EAAE,EAAE,CAAC,CACF,iCAAK,SAAS,EAAE,kBAAkB,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,2BAAyB,YAAY,aAChG,uBAAC,gBAAgB,IAAC,UAAU,EAAE,UAAU,GAAI,EAC5C,iCAAK,SAAS,EAAC,qBAAqB,aAChC,iCAAK,SAAS,EAAC,sBAAsB,aACjC,iCAAK,SAAS,EAAC,uBAAuB,aACjC,KAAK,EACL,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,iCAAM,SAAS,EAAC,sBAAsB,YAC7D,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACb,iCAAgB,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,YACjE,QAAQ,CAAC,GAAG,CAAC,IADP,GAAG,CAEP,CACV,CAAC,GACC,IACL,EACL,WAAW,KAAK,SAAS,IAAI,CAAC,OAAO,WAAW,KAAK,QAAQ,IAAI,cAAc;4BAC5E,CAAC,CAAC,uBAAC,mDAAqB,IAAC,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,GAAI;4BAClF,CAAC,CAAC,gCAAK,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAO,CAAC,IACrE,EACN,iCAAK,SAAS,EAAC,yBAAyB,aACnC,OAAO,EACP,OAAO,IACN,IACJ,EACL,KAAK,IAAI,gCAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAO,IAC5D,CACT,CAAC;AA5BW,QAAA,yBAAyB,6BA4BpC;AAEF,oHAAoH;AACpH,SAAS,QAAQ,CAAC,GAAW;IACzB,OAAO,GAAG,KAAK,cAAc,CAAC,CAAC,CAAC,UAAG,CAAC,iBAAiB,CAAC,cAAc,CAAC;QACjE,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,UAAG,CAAC,iBAAiB,CAAC,SAAS,CAAC;YAClD,CAAC,CAAC,GAAG,CAAC;AAClB,CAAC;AAED,uEAAuE;AACvE,SAAS,UAAU,CAAC,GAAW;IAC3B,IAAI,GAAG,KAAK,cAAc,EAAE,CAAC;QACzB,OAAO,UAAG,CAAC,iBAAiB,CACxB,qJAAqJ,CAAC,CAAC;IAC/J,CAAC;IACD,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;QACpB,OAAO,UAAG,CAAC,iBAAiB,CACxB,4HAA4H,CAAC,CAAC;IACtI,CAAC;IACD,OAAO,GAAG,CAAC;AACf,CAAC;AAED;;;;;;GAMG;AACH,MAAM,gBAAgB,GAEjB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACpB,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,SAAS,CAAC;IACrB,CAAC;IACD,OAAO,gCAAK,SAAS,EAAC,yBAAyB,YAC3C,uBAAC,2BAAmB,IAAC,UAAU,EAAE,UAAU,GAAI,GAC7C,CAAC;AACX,CAAC,CAAC;AAEF;;;;GAIG;AACI,MAAM,mBAAmB,GAE3B,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACpB,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0C,EAAE,EAAE;QAC1E,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,KAAK,GAAG,UAAG,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACvD,OAAO,mCACH,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,wBAAwB,IAAA,iBAAO,EAAC,eAAe,CAAC,EAAE,EAC7D,KAAK,EAAE,KAAK,gBACA,KAAK,mBACH,MAAM,EACpB,OAAO,EAAE,IAAI,GACP,CAAC;AACf,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B"}