@molecule/app-ide-react 1.0.0

package/dist/components/ShareModal.d.ts

@@ -0,0 +1,32 @@
+/**
+ * `/share` link modal.
+ *
+ * A centered modal that creates a public share link for the current project. The
+ * user picks a role (viewer / commenter / editor / owner — default viewer) and
+ * the modal POSTs `{ role }` to `POST /projects/:projectId/shares`. The backend
+ * (wired in the host app) mints a slug-bearing link and returns it; the modal
+ * then renders the resulting URL in a read-only field with a copy-to-clipboard
+ * button so the user can hand it out. Opening `GET /share/:slug` grants that
+ * role (a `viewer` link is an unauthenticated read).
+ *
+ * Styling uses `getClassMap()` (`cm.*`); the only inline styles are layout the
+ * ClassMap can't express. All user-facing text goes through `t()`.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+import type { ShareLinkResult, ShareRole } from './chat-share-utilities.js';
+/**
+ * The share-link modal opened by `/share`, `/share <role>`, and the header
+ * share button.
+ *
+ * @param props - Component props.
+ * @returns The rendered share modal.
+ */
+export declare function ShareModal({ projectId, initialRole, onClose, onCreated, }: {
+    projectId: string;
+    initialRole?: ShareRole;
+    onClose: () => void;
+    onCreated?: (result: ShareLinkResult) => void;
+}): JSX.Element;
+//# sourceMappingURL=ShareModal.d.ts.map

package/dist/components/ShareModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareModal.d.ts","sourceRoot":"","sources":["../../src/components/ShareModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAShC,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAY3E;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,WAAgC,EAChC,OAAO,EACP,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;CAC9C,GAAG,GAAG,CAAC,OAAO,CAqOd"}

package/dist/components/ShareModal.js

@@ -0,0 +1,126 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getLogger } from '@molecule/app-logger';
+import { useHttpClient, useThemeMode } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { useCoarsePointer, useNarrowViewport } from '../hooks/useViewport.js';
+import { buildSharePayload, buildShareUrl, DEFAULT_SHARE_ROLE, SHARE_ROLE_LABELS, SHARE_ROLES, } from './chat-share-utilities.js';
+import { Icon } from './Icon.js';
+const logger = getLogger('share-modal');
+/**
+ * The share-link modal opened by `/share`, `/share <role>`, and the header
+ * share button.
+ *
+ * @param props - Component props.
+ * @returns The rendered share modal.
+ */
+export function ShareModal({ projectId, initialRole = DEFAULT_SHARE_ROLE, onClose, onCreated, }) {
+    const cm = getClassMap();
+    const http = useHttpClient();
+    const isLight = useThemeMode() === 'light';
+    const [role, setRole] = useState(initialRole);
+    const [creating, setCreating] = useState(false);
+    const [created, setCreated] = useState(null);
+    const [copied, setCopied] = useState(false);
+    const [error, setError] = useState(null);
+    // Escape closes the modal.
+    useEffect(() => {
+        const handler = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        window.addEventListener('keydown', handler);
+        return () => window.removeEventListener('keydown', handler);
+    }, [onClose]);
+    const isNarrow = useNarrowViewport();
+    const isCoarse = useCoarsePointer();
+    const border = isLight ? 'rgba(0,0,0,0.12)' : 'rgba(255,255,255,0.12)';
+    const fieldStyle = {
+        width: '100%',
+        padding: '6px 8px',
+        borderRadius: 4,
+        border: `1px solid ${border}`,
+        background: 'transparent',
+        color: 'inherit',
+        outline: 'none',
+        // ≥16px on phones/touch so iOS Safari doesn't zoom the page on focus
+        // (the role <select> and the focus-selecting link input both zoom below
+        // 16px; the inline size deliberately overrides cm.textSize('sm') there).
+        ...(isNarrow || isCoarse ? { fontSize: 16 } : {}),
+    };
+    const shareUrl = created
+        ? buildShareUrl(created, typeof window !== 'undefined' ? window.location.origin : '')
+        : '';
+    const handleCreate = useCallback(async () => {
+        if (creating)
+            return;
+        setCreating(true);
+        setError(null);
+        try {
+            const res = await http.post(`/projects/${projectId}/shares`, buildSharePayload(role));
+            setCreated(res.data);
+            setCopied(false);
+            onCreated?.(res.data);
+        }
+        catch (err) {
+            logger.warn('Failed to create share link', { error: err });
+            setError(t('ide.chat.share.error', undefined, {
+                defaultValue: 'Could not create a share link. Please try again.',
+            }));
+        }
+        finally {
+            setCreating(false);
+        }
+    }, [creating, http, projectId, role, onCreated]);
+    const handleCopy = useCallback(() => {
+        if (!shareUrl)
+            return;
+        void navigator.clipboard.writeText(shareUrl).then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 1500);
+        }, (err) => {
+            // Clipboard can be blocked (permissions / insecure context); the link
+            // is still visible and selectable in the field, so this is recoverable.
+            logger.warn('Clipboard write failed', { error: err });
+        });
+    }, [shareUrl]);
+    return (_jsx("div", { "data-mol-id": "share-modal-backdrop", onClick: onClose, style: {
+            position: 'fixed',
+            inset: 0,
+            // Dialog layer (1300) — must paint above ambient status chrome like the
+            // host's HealthBanner (z 1100), which otherwise overlaps this on phones.
+            zIndex: 1300,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            background: 'rgba(0,0,0,0.45)',
+            padding: 16,
+        }, children: _jsxs("div", { "data-mol-id": "share-modal", role: "dialog", "aria-modal": "true", "aria-label": t('ide.chat.share.heading', undefined, { defaultValue: 'Share project' }), onClick: (e) => e.stopPropagation(), className: cm.cn(cm.surface, cm.borderAll, cm.textSize('sm')), style: {
+                width: '100%',
+                maxWidth: 460,
+                maxHeight: '85vh',
+                overflowY: 'auto',
+                borderRadius: 8,
+                padding: 16,
+                boxShadow: '0 10px 40px rgba(0,0,0,0.35)',
+            }, children: [_jsx("div", { className: cm.cn(cm.fontWeight('medium'), cm.textSize('lg')), style: { marginBottom: 4 }, children: t('ide.chat.share.heading', undefined, { defaultValue: 'Share project' }) }), _jsx("div", { className: cm.textMuted, style: { marginBottom: 12, lineHeight: 1.4 }, children: t('ide.chat.share.subheading', undefined, {
+                        defaultValue: 'Create a public link. Anyone with the link gets the role you choose — a viewer link is read-only.',
+                    }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: [_jsxs("label", { style: { display: 'flex', flexDirection: 'column', gap: 4 }, children: [_jsx("span", { className: cm.fontWeight('medium'), children: t('ide.chat.share.roleLabel', undefined, { defaultValue: 'Role' }) }), _jsx("select", { value: role, "data-mol-id": "share-role", onChange: (e) => setRole(e.target.value), className: cm.textSize('sm'), style: fieldStyle, children: SHARE_ROLES.map((r) => (_jsx("option", { value: r, children: t(`ide.chat.share.role.${r}`, undefined, { defaultValue: SHARE_ROLE_LABELS[r] }) }, r))) })] }), created && (_jsxs("label", { style: { display: 'flex', flexDirection: 'column', gap: 4 }, children: [_jsx("span", { className: cm.fontWeight('medium'), children: t('ide.chat.share.linkLabel', undefined, { defaultValue: 'Public link' }) }), _jsxs("div", { style: { display: 'flex', gap: 8, alignItems: 'stretch' }, children: [_jsx("input", { value: shareUrl, "data-mol-id": "share-link", readOnly: true, onFocus: (e) => e.currentTarget.select(), className: cm.textSize('sm'), style: { ...fieldStyle, flex: 1 } }), _jsxs("button", { type: "button", "data-mol-id": "share-copy", onClick: handleCopy, className: cm.cn(cm.button({ variant: 'solid', color: 'primary', size: 'sm' })), title: t('ide.chat.share.copy', undefined, { defaultValue: 'Copy link' }), "aria-label": t('ide.chat.share.copy', undefined, { defaultValue: 'Copy link' }), style: { flexShrink: 0, display: 'inline-flex', alignItems: 'center', gap: 6 }, children: [_jsx(Icon, { name: copied ? 'check' : 'copy', size: 14, "aria-hidden": "true" }), copied
+                                                    ? t('ide.chat.share.copied', undefined, { defaultValue: 'Copied' })
+                                                    : t('ide.chat.share.copyShort', undefined, { defaultValue: 'Copy' })] })] }), _jsx("span", { className: cm.cn(cm.textMuted, cm.textSize('xs')), style: { lineHeight: 1.4 }, children: t(`ide.chat.share.grants.${created.role}`, { role: created.role }, {
+                                        defaultValue: 'Anyone with this link can act as {{role}}.',
+                                    }) })] })), error && (_jsx("div", { "data-mol-id": "share-error", className: cm.textError, style: { lineHeight: 1.4 }, children: error }))] }), _jsxs("div", { style: { display: 'flex', justifyContent: 'flex-end', gap: 8, marginTop: 16 }, children: [_jsx("button", { type: "button", "data-mol-id": "share-close", onClick: onClose, className: cm.cn(cm.button({ variant: 'ghost', size: 'sm' })), children: created
+                                ? t('common.done', undefined, { defaultValue: 'Done' })
+                                : t('common.cancel', undefined, { defaultValue: 'Cancel' }) }), _jsxs("button", { type: "button", "data-mol-id": "share-create", onClick: () => void handleCreate(), disabled: creating, className: cm.cn(cm.button({ variant: 'solid', color: 'primary', size: 'sm' })), style: {
+                                opacity: creating ? 0.6 : 1,
+                                display: 'inline-flex',
+                                alignItems: 'center',
+                                gap: 6,
+                            }, children: [_jsx(Icon, { name: "share", size: 14, "aria-hidden": "true" }), creating
+                                    ? t('ide.chat.share.creating', undefined, { defaultValue: 'Creating…' })
+                                    : created
+                                        ? t('ide.chat.share.createAnother', undefined, { defaultValue: 'Create new link' })
+                                        : t('ide.chat.share.create', undefined, { defaultValue: 'Create link' })] })] })] }) }));
+}
+//# sourceMappingURL=ShareModal.js.map

package/dist/components/ShareModal.js.map

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

package/dist/components/SidebarTabs.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Sidebar tab switcher — toggles between file explorer and search panel.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+import type { SidebarTabsProps } from '../types.js';
+/**
+ * Sidebar tab strip with file explorer and search icons.
+ *
+ * @param props - Component props.
+ * @returns The sidebar tabs element.
+ */
+export declare function SidebarTabs({ activeTab, onTabChange, children, className, }: SidebarTabsProps): JSX.Element;
+export declare namespace SidebarTabs {
+    var displayName: string;
+}
+//# sourceMappingURL=SidebarTabs.d.ts.map

package/dist/components/SidebarTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarTabs.d.ts","sourceRoot":"","sources":["../../src/components/SidebarTabs.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAMhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAGnD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAsEhC;yBA3Ee,WAAW"}

package/dist/components/SidebarTabs.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '@molecule/app-i18n';
+import { getClassMap } from '@molecule/app-ui';
+import { useCoarsePointer } from '../hooks/useViewport.js';
+import { Icon } from './Icon.js';
+/**
+ * Sidebar tab strip with file explorer and search icons.
+ *
+ * @param props - Component props.
+ * @returns The sidebar tabs element.
+ */
+export function SidebarTabs({ activeTab, onTabChange, children, className, }) {
+    const cm = getClassMap();
+    // ≥44px tab buttons on touch-first devices (WCAG tap-target floor for
+    // standalone controls); compact 32px on pointer devices (unchanged).
+    const tabHeight = useCoarsePointer() ? '44px' : '32px';
+    return (_jsxs("div", { className: cm.cn(cm.h('full'), cm.borderR, className), style: { display: 'flex', flexDirection: 'column' }, children: [_jsxs("div", { className: cm.cn(cm.flex({ direction: 'row', align: 'center' }), cm.shrink0, cm.surfaceSecondary, cm.borderB), children: [_jsx("button", { type: "button", onClick: () => onTabChange('files'), title: t('ide.sidebar.files', undefined, { defaultValue: 'Explorer' }), "aria-label": t('ide.sidebar.files', undefined, { defaultValue: 'Explorer' }), style: { userSelect: 'none', height: tabHeight, flex: 1, justifyContent: 'center' }, className: cm.cn(cm.flex({ direction: 'row', align: 'center', gap: 'xs' }), cm.sp('px', 3), cm.textSize('sm'), cm.shrink0, cm.cursorPointer, cm.borderR, activeTab === 'files' && cm.surface, activeTab === 'files' && cm.borderBPrimary), children: _jsx(Icon, { name: "folder", size: 16, "aria-hidden": "true", style: { opacity: activeTab === 'files' ? 1 : 0.6 } }) }), _jsx("button", { type: "button", onClick: () => onTabChange('search'), title: t('ide.sidebar.search', undefined, { defaultValue: 'Search' }), "aria-label": t('ide.sidebar.search', undefined, { defaultValue: 'Search' }), style: { userSelect: 'none', height: tabHeight, flex: 1, justifyContent: 'center' }, className: cm.cn(cm.flex({ direction: 'row', align: 'center', gap: 'xs' }), cm.sp('px', 3), cm.textSize('sm'), cm.shrink0, cm.cursorPointer, activeTab === 'search' && cm.surface, activeTab === 'search' && cm.borderBPrimary), children: _jsx(Icon, { name: "search", size: 16, "aria-hidden": "true", style: { opacity: activeTab === 'search' ? 1 : 0.6 } }) })] }), _jsx("div", { style: { flex: 1, minHeight: 0, overflow: 'auto' }, children: children })] }));
+}
+SidebarTabs.displayName = 'SidebarTabs';
+//# sourceMappingURL=SidebarTabs.js.map

package/dist/components/SidebarTabs.js.map

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

package/dist/components/SkillsCard.d.ts

@@ -0,0 +1,86 @@
+/**
+ * `/skills` browser + skill authoring.
+ *
+ * Renders an in-timeline card listing the project's skills (Markdown files
+ * under `.agents/skills/` with `name`/`description` frontmatter), discovered
+ * via the SAME file-list / file-content API the chat uses for `@`-mentions.
+ * A search box filters by name/description/path (seeded from `/skills <query>`),
+ * and the skill NAME itself is a clickable link that opens the skill in the editor
+ * (it does NOT attach it as message context — the agent already sees every skill's
+ * name + description and reads bodies on demand). A not-yet-loaded skill also shows
+ * a blue "Load" button (the same open action) in its right-hand action group; a
+ * skill that's ALREADY loaded — default-loaded (always-on) or opened this session —
+ * HIDES that Load button and shows a blue "Loaded" pill next to its name instead.
+ * Each row also shows a green "Default" badge for skills in the persisted
+ * per-project default-loaded set, and offers a star toggle (the rightmost element
+ * of the action group) to add/remove a skill from that set — whose full body the
+ * backend then injects into every conversation. When that set has been narrowed to an explicit
+ * subset, a header "Load all by default" control resets it to the implicit
+ * all-skills-default state (the only way back through the one-way door the first
+ * explicit toggle would otherwise be).
+ *
+ * It also hosts the skill-authoring affordance: a "New skill" button that, when
+ * clicked, opens a create form BELOW the header (the "New skill" button hides
+ * while the form is open) — a column with the name input on its OWN row at full
+ * width, then a right-aligned bottom action row `[Cancel] [Create]` (matching
+ * ScriptsCard's create form for a consistent layout across both overlay cards).
+ * Submit calls `onCreate`, and the freshly created skill is added to the list
+ * immediately. The card can also mount with that form already open
+ * (`startCreating`).
+ *
+ * The "New skill" button carries a hint via the framework's REAL styled
+ * {@link Tooltip} (instant, theme-aware, focus/hover-aware) — never the delayed,
+ * touch-blind native `title`. The per-row actions are self-explanatory and carry
+ * NO hover hint: "Load" is a solid blue (`solid`/`primary`) button (shown only
+ * while the skill is NOT yet loaded — once loaded it's hidden in favour of the
+ * blue "Loaded" pill by the name), and the default toggle is a star {@link Icon}
+ * that renders FILLED ({@link Icon} `star`) when the skill is in the default-loaded
+ * set and HOLLOW (`star-outline`) when it is not — so seeded defaults read as
+ * default on first view, no click required. The icon-only toggle carries an
+ * `aria-label` for accessibility. Glyphs are always real SVGs from the bonded
+ * icon set, never unicode characters.
+ *
+ * Styling uses `getClassMap()` (`cm.*`); the only inline styles are layout the
+ * ClassMap can't express.
+ *
+ * @module
+ */
+import type { JSX } from 'react';
+import type { SkillInfo } from './chat-skills-utilities.js';
+/**
+ * The skills browser shown by `/skills`, with the skill-authoring create form.
+ *
+ * @param props - Component props.
+ *   skill (or `null` on failure). When omitted, the "New skill" affordance is hidden.
+ *   open.
+ *   hides its "Load" button and shows the blue "Loaded" pill by its name (same as a
+ *   default-loaded skill). Defaults to empty.
+ *   set (`settings.defaultSkills`) — each shows a green "Default" badge and a filled star toggle.
+ *   Defaults to empty.
+ *   omitted the per-row default toggle is hidden.
+ *   "all skills are default" state (P3-11); when omitted the reset affordance is hidden.
+ *   set (vs the implicit unset→all). The header reset affordance shows only when this is `true`,
+ *   so there's a visible way back from the otherwise one-way door of the first explicit toggle.
+ *   (which already provides the `cm.surface` background + border + a header bar with the title and
+ *   ✕). The card then renders transparent — dropping its own `cm.surfaceSecondary` fill, outer
+ *   margin, border-radius, and its redundant "Skills" heading — so the overlay reads as ONE clean
+ *   surface (like the /sounds popup) instead of a nested gray card. The inner padding is kept so
+ *   content isn't flush to the edge. When `false`/omitted (the inline-timeline render path) the
+ *   card keeps its full card chrome unchanged.
+ * @returns The rendered skills card.
+ */
+export declare function SkillsCard({ projectId, initialQuery, onLoad, onCreate, startCreating, loadedSkillPaths, defaultSkillPaths, onToggleDefault, onResetDefault, defaultsExplicit, isLight, embedded, }: {
+    projectId: string;
+    initialQuery: string;
+    onLoad: (skill: SkillInfo) => void;
+    onCreate?: (name: string) => Promise<SkillInfo | null>;
+    startCreating?: boolean;
+    loadedSkillPaths?: ReadonlySet<string>;
+    defaultSkillPaths?: ReadonlySet<string>;
+    onToggleDefault?: (skill: SkillInfo, next: boolean) => void;
+    onResetDefault?: () => void;
+    defaultsExplicit?: boolean;
+    isLight: boolean;
+    embedded?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=SkillsCard.d.ts.map

package/dist/components/SkillsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillsCard.d.ts","sourceRoot":"","sources":["../../src/components/SkillsCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,OAAO,KAAK,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAA;AAU/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAuC3D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IACtD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACtC,iBAAiB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IACvC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3D,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,GAAG,CAAC,OAAO,CA0Yd"}

package/dist/components/SkillsCard.js

@@ -0,0 +1,227 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { t } from '@molecule/app-i18n';
+import { getLogger } from '@molecule/app-logger';
+import { useHttpClient } from '@molecule/app-react';
+import { getClassMap } from '@molecule/app-ui';
+import { Tooltip } from '@molecule/app-ui-react/components/Tooltip.js';
+import { chatCardStyle } from './chat-card-style.js';
+import { filterSkills, loadProjectSkillsResilient } from './chat-skills-utilities.js';
+import { Icon } from './Icon.js';
+const logger = getLogger('skills-card');
+/**
+ * Inline pill style for the row badges, tinted with the given theme color var via
+ * `color-mix` (the hex in the var is only the CSS-var fallback, the established
+ * TipCard convention) — never a hardcoded color. It's an inline style because a
+ * tinted pill is layout/tint ClassMap can't express. The blue "Loaded" pill passes
+ * `var(--mol-color-primary, …)` and the green "Default" pill passes
+ * `var(--mol-color-success, …)`, so the two badges read as distinct at a glance.
+ *
+ * @param baseColor - The CSS color (a theme var with hex fallback) to tint the pill
+ *   text, border, and background with.
+ * @returns The badge's inline style.
+ */
+function skillBadgeStyle(baseColor) {
+    return {
+        flexShrink: 0,
+        padding: '0 6px',
+        borderRadius: 999,
+        fontSize: 10,
+        lineHeight: '15px',
+        fontWeight: 600,
+        color: baseColor,
+        border: `1px solid color-mix(in srgb, ${baseColor} 45%, transparent)`,
+        background: `color-mix(in srgb, ${baseColor} 16%, transparent)`,
+    };
+}
+/**
+ * The skills browser shown by `/skills`, with the skill-authoring create form.
+ *
+ * @param props - Component props.
+ *   skill (or `null` on failure). When omitted, the "New skill" affordance is hidden.
+ *   open.
+ *   hides its "Load" button and shows the blue "Loaded" pill by its name (same as a
+ *   default-loaded skill). Defaults to empty.
+ *   set (`settings.defaultSkills`) — each shows a green "Default" badge and a filled star toggle.
+ *   Defaults to empty.
+ *   omitted the per-row default toggle is hidden.
+ *   "all skills are default" state (P3-11); when omitted the reset affordance is hidden.
+ *   set (vs the implicit unset→all). The header reset affordance shows only when this is `true`,
+ *   so there's a visible way back from the otherwise one-way door of the first explicit toggle.
+ *   (which already provides the `cm.surface` background + border + a header bar with the title and
+ *   ✕). The card then renders transparent — dropping its own `cm.surfaceSecondary` fill, outer
+ *   margin, border-radius, and its redundant "Skills" heading — so the overlay reads as ONE clean
+ *   surface (like the /sounds popup) instead of a nested gray card. The inner padding is kept so
+ *   content isn't flush to the edge. When `false`/omitted (the inline-timeline render path) the
+ *   card keeps its full card chrome unchanged.
+ * @returns The rendered skills card.
+ */
+export function SkillsCard({ projectId, initialQuery, onLoad, onCreate, startCreating, loadedSkillPaths, defaultSkillPaths, onToggleDefault, onResetDefault, defaultsExplicit, isLight, embedded, }) {
+    const cm = getClassMap();
+    const http = useHttpClient();
+    const [status, setStatus] = useState('loading');
+    const [skills, setSkills] = useState([]);
+    const [query, setQuery] = useState(initialQuery);
+    const [creating, setCreating] = useState(!!startCreating && !!onCreate);
+    const [newName, setNewName] = useState('');
+    const [busy, setBusy] = useState(false);
+    useEffect(() => {
+        let cancelled = false;
+        setStatus('loading');
+        void (async () => {
+            try {
+                const { skills: loaded, stillBooting } = await loadProjectSkillsResilient(async () => (await http.get(`/projects/${projectId}/files-list`)).data.files ??
+                    [], async (relativePath) => (await http.get(`/projects/${projectId}/files/${relativePath}`))
+                    .data.content, {
+                    isCancelled: () => cancelled,
+                    // First empty/failed try → flip to the honest "waiting for the sandbox"
+                    // state while we keep retrying, instead of a misleading "No skills found".
+                    onRetry: () => {
+                        if (!cancelled)
+                            setStatus('waiting');
+                    },
+                });
+                if (cancelled)
+                    return;
+                setSkills(loaded);
+                // A bounded retry that still came back empty means the sandbox never
+                // finished scaffolding skills in our window — keep the "waiting" state so
+                // the user sees an honest "still starting" message, not "no skills found".
+                setStatus(loaded.length === 0 && stillBooting ? 'waiting' : 'ready');
+            }
+            catch (error) {
+                logger.warn('Failed to load project skills', { error });
+                if (!cancelled)
+                    setStatus('error');
+            }
+        })();
+        return () => {
+            cancelled = true;
+        };
+    }, [http, projectId]);
+    const filtered = useMemo(() => filterSkills(skills, query), [skills, query]);
+    const rowBorder = isLight ? 'rgba(0,0,0,0.08)' : 'rgba(255,255,255,0.08)';
+    // A subtle neutral inset so the text inputs READ as fields on the clean
+    // overlay surface (not just a faint border). Theme-aware, matching the
+    // SettingsCard toggle inset; the SAME value is used in ScriptsCard's fields.
+    const fieldBg = isLight ? 'rgba(0,0,0,0.05)' : 'rgba(255,255,255,0.06)';
+    /**
+     * Submits the inline "New skill" form: delegates creation to `onCreate`, and on
+     * success adds the new skill to the list (so it appears without a re-fetch),
+     * clears any active filter so it's visible, and closes the form.
+     */
+    async function submitNewSkill() {
+        const name = newName.trim();
+        if (!name || !onCreate || busy)
+            return;
+        setBusy(true);
+        try {
+            const created = await onCreate(name);
+            if (created) {
+                setSkills((prev) => prev.some((s) => s.path === created.path)
+                    ? prev
+                    : [...prev, created].sort((a, b) => a.name.localeCompare(b.name)));
+                setQuery('');
+                setNewName('');
+                setCreating(false);
+            }
+        }
+        finally {
+            setBusy(false);
+        }
+    }
+    return (_jsxs("div", { "data-mol-id": "skills-card", className: cm.textSize('xs'), 
+        // Non-embedded (inline in the chat timeline) shares the same card chrome as
+        // every other info card: subtle primary tint + a uniform 1px border on all
+        // sides (chat-card-style). Embedded in an overlay it stays chrome-less.
+        style: embedded ? { padding: '10px 12px' } : { ...chatCardStyle(), marginBottom: 16 }, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: 8,
+                    marginBottom: 6,
+                }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8, flexShrink: 0 }, children: [!embedded && (_jsx("div", { className: cm.cn(cm.fontWeight('medium'), cm.textSize('sm')), style: { flexShrink: 0 }, children: t('ide.chat.skills.heading', undefined, { defaultValue: 'Skills' }) })), onResetDefault && defaultsExplicit && (_jsx("button", { type: "button", "data-mol-id": "skill-reset-defaults", onClick: () => onResetDefault(), className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' })), style: { flexShrink: 0 }, children: t('ide.chat.skills.resetDefaults', undefined, {
+                                    defaultValue: 'Load all by default',
+                                }) }))] }), onCreate && !creating && (_jsx(Tooltip, { content: t('ide.chat.skills.newTitle', undefined, {
+                            defaultValue: 'Create a new project skill',
+                        }), placement: "top", children: _jsx("button", { type: "button", "data-mol-id": "skill-new", onClick: () => setCreating(true), className: cm.cn(cm.button({ variant: 'solid', color: 'primary', size: 'xs' })), style: { flexShrink: 0 }, children: t('ide.chat.skills.new', undefined, { defaultValue: 'New skill' }) }) }))] }), onCreate && creating && (_jsxs("form", { "data-mol-id": "skill-create-form", onSubmit: (e) => {
+                    e.preventDefault();
+                    void submitNewSkill();
+                }, className: cm.borderT, style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 6,
+                    padding: '8px 0',
+                    marginTop: 6,
+                    borderColor: rowBorder,
+                }, children: [_jsx("input", { autoFocus: true, value: newName, "data-mol-id": "skill-create-name", onChange: (e) => setNewName(e.target.value), placeholder: t('ide.chat.skills.newPlaceholder', undefined, {
+                            defaultValue: 'New skill name…',
+                        }), className: cm.cn(cm.textSize('xs')), style: {
+                            width: '100%',
+                            padding: '4px 6px',
+                            borderRadius: 4,
+                            border: `1px solid ${rowBorder}`,
+                            background: fieldBg,
+                            color: 'inherit',
+                            outline: 'none',
+                        } }), _jsxs("div", { style: { display: 'flex', justifyContent: 'flex-end', gap: 6 }, children: [_jsx("button", { type: "button", "data-mol-id": "skill-create-cancel", onClick: () => {
+                                    setCreating(false);
+                                    setNewName('');
+                                }, className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' })), style: { flexShrink: 0 }, children: t('ide.chat.skills.cancel', undefined, { defaultValue: 'Cancel' }) }), _jsx("button", { type: "submit", "data-mol-id": "skill-create-submit", disabled: !newName.trim() || busy, className: cm.cn(cm.button({ variant: 'solid', color: 'primary', size: 'xs' })), style: { flexShrink: 0 }, children: t('ide.chat.skills.create', undefined, { defaultValue: 'Create' }) })] })] })), _jsx("input", { value: query, "data-mol-id": "skills-search", onChange: (e) => setQuery(e.target.value), placeholder: t('ide.chat.skills.searchPlaceholder', undefined, {
+                    defaultValue: 'Filter skills…',
+                }), className: cm.cn(cm.textSize('xs')), style: {
+                    width: '100%',
+                    padding: '4px 6px',
+                    marginBottom: 6,
+                    borderRadius: 4,
+                    border: `1px solid ${rowBorder}`,
+                    background: fieldBg,
+                    color: 'inherit',
+                    outline: 'none',
+                } }), status === 'loading' && (_jsx("div", { className: cm.textMuted, style: { padding: '6px 0' }, children: t('ide.chat.skills.loading', undefined, { defaultValue: 'Loading skills…' }) })), status === 'waiting' && (_jsx("div", { className: cm.textMuted, style: { padding: '6px 0' }, children: t('ide.chat.skills.waitingForSandbox', undefined, {
+                    defaultValue: 'Waiting for the sandbox to finish starting…',
+                }) })), status === 'error' && (_jsx("div", { className: cm.textMuted, style: { padding: '6px 0' }, children: t('ide.chat.skills.error', undefined, {
+                    defaultValue: 'Could not load skills for this project.',
+                }) })), status === 'ready' && filtered.length === 0 && (_jsx("div", { className: cm.textMuted, style: { padding: '6px 0' }, children: query.trim()
+                    ? t('ide.chat.skills.noMatch', { query: query.trim() }, { defaultValue: 'No skills match “{{query}}”.' })
+                    : t('ide.chat.skills.empty', undefined, {
+                        defaultValue: 'No skills found in .agents/skills/ for this project.',
+                    }) })), status === 'ready' &&
+                filtered.map((skill) => {
+                    const isLoaded = loadedSkillPaths?.has(skill.path) ?? false;
+                    const isDefault = defaultSkillPaths?.has(skill.path) ?? false;
+                    // "Loaded" = already in context: either default-loaded (always-on) or opened
+                    // this session. The Load action is then done, so the right-hand "Load" button
+                    // is HIDDEN and a blue "Loaded" pill surfaces next to the name instead.
+                    const alreadyLoaded = isLoaded || isDefault;
+                    return (_jsxs("div", { "data-mol-id": `skill-row-${skill.name}`, className: cm.borderT, style: {
+                            display: 'flex',
+                            alignItems: 'flex-start',
+                            gap: 8,
+                            padding: '6px 0',
+                            borderColor: rowBorder,
+                        }, children: [_jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' }, children: [_jsx("button", { type: "button", "data-mol-id": `skill-open-${skill.name}`, onClick: () => onLoad(skill), className: cm.fontWeight('medium'), style: {
+                                                    padding: 0,
+                                                    margin: 0,
+                                                    border: 'none',
+                                                    background: 'transparent',
+                                                    font: 'inherit',
+                                                    fontWeight: 500,
+                                                    textAlign: 'left',
+                                                    color: 'var(--mol-color-primary, #6366f1)',
+                                                    cursor: 'pointer',
+                                                }, children: skill.name }), isDefault && (_jsx("span", { "data-mol-id": `skill-default-badge-${skill.name}`, style: skillBadgeStyle('var(--mol-color-success, #22c55e)'), children: t('ide.chat.skills.defaultBadge', undefined, { defaultValue: 'Default' }) })), alreadyLoaded && (_jsx("span", { "data-mol-id": `skill-loaded-badge-${skill.name}`, style: skillBadgeStyle('var(--mol-color-primary, #6366f1)'), children: t('ide.chat.skills.loadedBadge', undefined, { defaultValue: 'Loaded' }) }))] }), skill.description && (_jsx("div", { className: cm.textMuted, style: { marginTop: 2, lineHeight: 1.4 }, children: skill.description }))] }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 6, flexShrink: 0 }, children: [!alreadyLoaded && (_jsx("button", { type: "button", "data-mol-id": `skill-load-${skill.name}`, onClick: () => onLoad(skill), className: cm.cn(cm.button({ variant: 'solid', color: 'primary', size: 'xs' })), style: { flexShrink: 0 }, children: t('ide.chat.skills.load', undefined, { defaultValue: 'Load' }) })), onToggleDefault && (_jsx("button", { type: "button", "data-mol-id": `skill-default-${skill.name}`, "aria-pressed": isDefault, "aria-label": isDefault
+                                            ? t('ide.chat.skills.unsetDefault', undefined, {
+                                                defaultValue: 'Stop loading by default',
+                                            })
+                                            : t('ide.chat.skills.setDefault', undefined, {
+                                                defaultValue: 'Load by default',
+                                            }), onClick: () => onToggleDefault(skill, !isDefault), className: cm.cn(cm.button({ variant: 'ghost', size: 'xs' })), style: {
+                                            flexShrink: 0,
+                                            display: 'inline-flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'center',
+                                        }, children: _jsx(Icon, { name: isDefault ? 'star' : 'star-outline', size: 13, "aria-hidden": "true", style: { color: 'var(--mol-color-primary, #6366f1)' } }) }))] })] }, skill.path));
+                })] }));
+}
+//# sourceMappingURL=SkillsCard.js.map

package/dist/components/SkillsCard.js.map

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