@jini-ai/ui 0.1.2 → 0.3.0

package/dist/features/media-providers/react/components/MediaProvidersTab.d.ts

@@ -0,0 +1,59 @@
+import type { MediaProvidersPort } from '../../ports.js';
+import type { MediaProviderMap, MediaProviderOption } from '../../types.js';
+export interface MediaProvidersTabLabels {
+    title?: string;
+    description?: string;
+    reloadLabel?: string;
+    reloadingLabel?: string;
+    unreachableLabel?: string;
+    emptyStateLabel?: string;
+    apiKeyLabel?: string;
+    apiKeyPlaceholder?: string;
+    showKeyLabel?: string;
+    hideKeyLabel?: string;
+    baseUrlLabel?: string;
+    baseUrlPlaceholder?: string;
+    /** i18n template with a `{url}` placeholder. */
+    baseUrlDefaultHintTemplate?: string;
+    /** Shown under a base URL that is not an absolute http(s) endpoint, or that points into private address space. */
+    baseUrlInvalidLabel?: string;
+    modelLabel?: string;
+    modelPlaceholder?: string;
+    /** i18n template with a `{mask}` placeholder. Always rendered WITH a mask —
+     *  see `maskedLabel`'s doc comment below for why a plain "Saved" fallback
+     *  is never reachable and so has no separate label of its own. */
+    savedWithMaskTemplate?: string;
+    unsavedLabel?: string;
+    clearLabel?: string;
+    saveChangesLabel?: string;
+    savingLabel?: string;
+    savedNoticeLabel?: string;
+    saveErrorLabel?: string;
+}
+export interface MediaProvidersTabProps {
+    port: MediaProvidersPort;
+    /** The provider catalog to render. Optional — defaults to
+     *  `DEFAULT_MEDIA_PROVIDER_CATALOG`; see `MediaProviderOption`'s doc for
+     *  the host-override convention. */
+    catalog?: readonly MediaProviderOption[];
+    /** Host-persisted local edits from before this tab mounted. See
+     *  `useMediaProvidersTab`'s doc for how this feeds the first-load merge. */
+    initialProviders?: MediaProviderMap;
+    /** Provider ids that must render first, in the order given, ahead of the
+     *  usual configured/alphabetical grouping — see `sortProvidersByConfigured`'s
+     *  own doc. Optional; omitted (every pre-existing caller) keeps the prior
+     *  configured-first/alphabetical order unchanged. */
+    pinnedProviderIds?: readonly string[];
+    labels?: MediaProvidersTabLabels;
+}
+/**
+ * Per-provider credential cards: API key, base URL, and (when the catalog
+ * entry advertises any) a model picker, each independently editable and
+ * clearable. Origin: `MediaProvidersSection` (`SettingsDialog.tsx:7028`) minus
+ * the origin's baked-in vendor catalog, "coming soon" roadmap drawer, and
+ * per-vendor OAuth special case (`XaiOAuthControl`) — all product-specific
+ * decorations outside this package's boundary; see `MediaProviderOption`'s
+ * doc and this tab's `ports.ts` header for the full provenance note.
+ */
+export declare function MediaProvidersTab({ port, catalog, initialProviders, pinnedProviderIds, labels, }: MediaProvidersTabProps): import("react").JSX.Element;
+//# sourceMappingURL=MediaProvidersTab.d.ts.map

package/dist/features/media-providers/react/components/MediaProvidersTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaProvidersTab.d.ts","sourceRoot":"","sources":["../../../../../src/features/media-providers/react/components/MediaProvidersTab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAWzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG5E,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gDAAgD;IAChD,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,kHAAkH;IAClH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;sEAEkE;IAClE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,kBAAkB,CAAC;IACzB;;wCAEoC;IACpC,OAAO,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACzC;gFAC4E;IAC5E,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;;yDAGqD;IACrD,iBAAiB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAwC,EACxC,gBAAgB,EAChB,iBAAiB,EACjB,MAAM,GACP,EAAE,sBAAsB,+BA+NxB"}

package/dist/features/media-providers/react/components/MediaProvidersTab.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useState } from 'react';
+import { useT } from '../../../i18n/index.js';
+import { Icon } from '../../../../react/components/Icon.js';
+import { invalidBaseUrlProviderIds, isEntryPresent, isMarkerOnlyEntry, isProviderBaseUrlInvalid, maskedKeyLabel, resolveProviderBaseUrl, sortProvidersByConfigured, } from '../../rules.js';
+import { DEFAULT_MEDIA_PROVIDER_CATALOG } from '../../constants.js';
+import { useMediaProvidersTab } from '../hooks/useMediaProvidersTab.js';
+/**
+ * Per-provider credential cards: API key, base URL, and (when the catalog
+ * entry advertises any) a model picker, each independently editable and
+ * clearable. Origin: `MediaProvidersSection` (`SettingsDialog.tsx:7028`) minus
+ * the origin's baked-in vendor catalog, "coming soon" roadmap drawer, and
+ * per-vendor OAuth special case (`XaiOAuthControl`) — all product-specific
+ * decorations outside this package's boundary; see `MediaProviderOption`'s
+ * doc and this tab's `ports.ts` header for the full provenance note.
+ */
+export function MediaProvidersTab({ port, catalog = DEFAULT_MEDIA_PROVIDER_CATALOG, initialProviders, pinnedProviderIds, labels, }) {
+    const t = useT();
+    const { providers, load, save, hasAnyConfigured, pendingProviderIds, updateProvider, clearProvider, saveChanges, reload } = useMediaProvidersTab({ port, initialProviders });
+    const [visibleApiKeys, setVisibleApiKeys] = useState(() => new Set());
+    const title = labels?.title ?? t('Media providers');
+    const description = labels?.description ?? t('Credentials this host uses to generate images and video.');
+    const reloadLabel = labels?.reloadLabel ?? t('Reload');
+    const reloadingLabel = labels?.reloadingLabel ?? t('Reloading…');
+    const unreachableLabel = labels?.unreachableLabel ?? t('Could not reach the server. Showing local changes only.');
+    const emptyStateLabel = labels?.emptyStateLabel ?? t('No media providers configured yet.');
+    const apiKeyLabel = labels?.apiKeyLabel ?? t('API key');
+    const apiKeyPlaceholder = labels?.apiKeyPlaceholder ?? t('Paste your API key');
+    const showKeyLabel = labels?.showKeyLabel ?? t('Show');
+    const hideKeyLabel = labels?.hideKeyLabel ?? t('Hide');
+    const baseUrlLabel = labels?.baseUrlLabel ?? t('Base URL');
+    const baseUrlPlaceholder = labels?.baseUrlPlaceholder ?? t('https://api.example.com');
+    const baseUrlDefaultHintTemplate = labels?.baseUrlDefaultHintTemplate ?? t('Uses {url} by default.');
+    const baseUrlInvalidLabel = labels?.baseUrlInvalidLabel ??
+        t('Enter an absolute http:// or https:// URL that is not a private or internal address.');
+    const modelLabel = labels?.modelLabel ?? t('Model');
+    const modelPlaceholder = labels?.modelPlaceholder ?? t('Default model');
+    const savedWithMaskTemplate = labels?.savedWithMaskTemplate ?? t('Saved ({mask})');
+    const unsavedLabel = labels?.unsavedLabel ?? t('Unsaved');
+    const clearLabel = labels?.clearLabel ?? t('Clear');
+    const saveChangesLabel = labels?.saveChangesLabel ?? t('Save changes');
+    const savingLabel = labels?.savingLabel ?? t('Saving…');
+    const savedNoticeLabel = labels?.savedNoticeLabel ?? t('Saved.');
+    const saveErrorLabel = labels?.saveErrorLabel ?? t('Could not save media providers.');
+    const toggleKeyVisible = (providerId) => {
+        setVisibleApiKeys((current) => {
+            const next = new Set(current);
+            if (next.has(providerId)) {
+                next.delete(providerId);
+            }
+            else {
+                next.add(providerId);
+            }
+            return next;
+        });
+    };
+    const orderedCatalog = sortProvidersByConfigured(catalog, providers, pinnedProviderIds);
+    // Membership check against the ALREADY-ORDERED result, not `pinnedProviderIds` directly: a
+    // pinned id absent from `catalog` never appears in `orderedCatalog` either (see
+    // `sortProvidersByConfigured`'s own "silently skipped" doc), so this stays correct without
+    // re-deriving which pinned ids actually resolved to a real card.
+    const pinnedIdSet = new Set(pinnedProviderIds ?? []);
+    const hasPendingChanges = pendingProviderIds.size > 0;
+    // Save writes every provider at once, so ONE unacceptable endpoint blocks the
+    // whole button rather than being silently persisted alongside the good ones.
+    const blockedByInvalidBaseUrl = invalidBaseUrlProviderIds(providers).length > 0;
+    return (_jsxs("section", { className: "jini-settings-section jini-settings-media-providers", children: [_jsxs("div", { className: "jini-section-head", children: [_jsxs("div", { children: [_jsx("h4", { children: title }), _jsx("p", { className: "jini-hint", children: description })] }), _jsxs("button", { type: "button", className: "jini-button jini-button-ghost", onClick: reload, disabled: load.status === 'loading', children: [_jsx(Icon, { name: "refresh", size: 13 }), _jsx("span", { children: load.status === 'loading' ? reloadingLabel : reloadLabel })] })] }), load.status === 'unreachable' ? (_jsx("p", { className: "jini-hint jini-hint-error", role: "alert", children: unreachableLabel })) : null, !hasAnyConfigured ? _jsx("p", { className: "jini-hint", children: emptyStateLabel }) : null, _jsx("div", { className: "jini-media-provider-list", children: orderedCatalog.map((option, index) => {
+                    const entry = providers[option.id] ?? {};
+                    const clearable = isEntryPresent(entry);
+                    const saved = isMarkerOnlyEntry(entry);
+                    // Guaranteed non-null: `isMarkerOnlyEntry` only holds when a server
+                    // marker is present, and `maskedKeyLabel` always resolves a string
+                    // for exactly that case — see both functions' doc comments.
+                    const maskedLabel = saved ? maskedKeyLabel(entry) : null;
+                    const keyVisible = visibleApiKeys.has(option.id);
+                    const rawBaseUrl = entry.baseUrl ?? '';
+                    const effectiveBaseUrl = resolveProviderBaseUrl(entry, option.defaultBaseUrl);
+                    const baseUrlInvalid = isProviderBaseUrlInvalid(entry);
+                    const modelListId = `jini-media-provider-models-${option.id}`;
+                    // A divider renders once, directly above the first UNpinned card — i.e. exactly at the
+                    // pinned/rest boundary `sortProvidersByConfigured` produced. Never renders above index 0
+                    // (nothing pinned, or the pinned card IS index 0 with no boundary yet) and never when
+                    // every card is pinned (no "rest" to separate from).
+                    const previousOption = index > 0 ? orderedCatalog[index - 1] : undefined;
+                    const showDividerBefore = !pinnedIdSet.has(option.id) && previousOption !== undefined && pinnedIdSet.has(previousOption.id);
+                    return (_jsxs(Fragment, { children: [showDividerBefore ? _jsx("hr", { className: "jini-media-provider-divider" }) : null, _jsxs("div", { className: "jini-media-provider-card", children: [_jsxs("div", { className: "jini-media-provider-card-head", children: [_jsx("strong", { children: option.label }), saved ? (
+                                            // `maskedLabel` is guaranteed non-null here — see its
+                                            // definition above — so no fallback is reachable to test.
+                                            _jsx("span", { className: "jini-field-status-badge jini-field-status-badge-success", children: t(savedWithMaskTemplate, { mask: maskedLabel }) })) : null, !saved && pendingProviderIds.has(option.id) ? _jsx("span", { className: "jini-field-status-badge", children: unsavedLabel }) : null] }), _jsxs("div", { className: "jini-media-provider-fields", children: [_jsxs("label", { className: "jini-media-provider-field jini-media-provider-field--secret", children: [_jsx("span", { className: "jini-field-label jini-sr-only", children: apiKeyLabel }), _jsx("input", { className: "jini-input", type: keyVisible ? 'text' : 'password', autoComplete: "off", spellCheck: false, placeholder: saved ? maskedLabel : apiKeyPlaceholder, "aria-label": `${option.label} ${apiKeyLabel}`, value: entry.apiKey ?? '', onChange: (event) => updateProvider(option.id, { apiKey: event.target.value }) }), _jsx("button", { type: "button", className: "jini-input-affix-btn", "aria-pressed": keyVisible, "aria-label": `${option.label} ${keyVisible ? hideKeyLabel : showKeyLabel}`, onClick: () => toggleKeyVisible(option.id), children: _jsx(Icon, { name: keyVisible ? 'eye-off' : 'eye', size: 14 }) })] }), _jsxs("label", { className: "jini-media-provider-field", children: [_jsx("span", { className: "jini-field-label jini-sr-only", children: baseUrlLabel }), _jsx("input", { className: "jini-input", type: "url", inputMode: "url", spellCheck: false, placeholder: option.defaultBaseUrl || baseUrlPlaceholder, "aria-label": `${option.label} ${baseUrlLabel}`, value: rawBaseUrl, "aria-invalid": baseUrlInvalid || undefined, onChange: (event) => updateProvider(option.id, { baseUrl: event.target.value }) })] }), option.models && option.models.length > 0 ? (_jsxs("label", { className: "jini-media-provider-field", children: [_jsx("span", { className: "jini-field-label jini-sr-only", children: modelLabel }), _jsx("input", { className: "jini-input", list: modelListId, spellCheck: false, placeholder: modelPlaceholder, "aria-label": `${option.label} ${modelLabel}`, value: entry.model ?? '', onChange: (event) => updateProvider(option.id, { model: event.target.value }) }), _jsx("datalist", { id: modelListId, children: option.models.map((model) => (_jsx("option", { value: model }, model))) })] })) : null, _jsx("button", { type: "button", className: "jini-button jini-button-ghost", disabled: !clearable, "aria-label": `${option.label} ${clearLabel}`, onClick: () => clearProvider(option.id), children: clearLabel })] }), baseUrlInvalid ? (_jsx("span", { className: "jini-field-hint jini-hint-error", role: "alert", children: baseUrlInvalidLabel })) : !rawBaseUrl.trim() && effectiveBaseUrl ? (_jsx("span", { className: "jini-field-hint", children: t(baseUrlDefaultHintTemplate, { url: effectiveBaseUrl }) })) : null] })] }, option.id));
+                }) }), _jsxs("div", { className: "jini-media-provider-save-row", children: [_jsx("button", { type: "button", className: "jini-button", onClick: saveChanges, disabled: save.status === 'saving' || !hasPendingChanges || blockedByInvalidBaseUrl, children: save.status === 'saving' ? savingLabel : saveChangesLabel }), save.status === 'saved' ? (_jsx("span", { className: "jini-hint", role: "status", children: savedNoticeLabel })) : null, save.status === 'save-error' ? (_jsx("span", { className: "jini-hint jini-hint-error", role: "alert", children: saveErrorLabel })) : null] })] }));
+}
+//# sourceMappingURL=MediaProvidersTab.js.map

package/dist/features/media-providers/react/components/MediaProvidersTab.js.map

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

package/dist/features/media-providers/react/hooks/useMediaProvidersTab.d.ts

@@ -0,0 +1,58 @@
+import type { MediaProvidersPort } from '../../ports.js';
+import type { MediaProviderCredentials, MediaProviderMap, MediaProvidersLoadState, MediaProvidersSaveState } from '../../types.js';
+/** The operator-editable fields of a provider entry. Server markers
+ *  (`apiKeyConfigured`/`apiKeyTail`) are deliberately excluded — they only
+ *  ever arrive FROM the daemon, never typed by the operator; see
+ *  `MediaProviderCredentials`'s own doc comment for the recoverable-vs-marker
+ *  distinction this narrows around. */
+export type MediaProviderEditPatch = Pick<MediaProviderCredentials, 'apiKey' | 'baseUrl' | 'model'>;
+export interface UseMediaProvidersTabOptions {
+    port: MediaProvidersPort;
+    /** Host-persisted local edits from before this tab mounted (e.g. the
+     *  host's own locally-cached config, read before the daemon round-trip
+     *  completes). Defaults to none. Threaded into the initial
+     *  daemon-reconciliation merge unchanged, so a first-run migration
+     *  (`shouldSyncLocalProvidersToDaemon`) has real local data to detect. */
+    initialProviders?: MediaProviderMap | undefined;
+}
+export interface UseMediaProvidersTabResult {
+    /** The full working set: local edits layered over whatever the daemon last
+     *  reported. Reflects `initialProviders` until the first load settles. */
+    providers: MediaProviderMap;
+    load: MediaProvidersLoadState;
+    save: MediaProvidersSaveState;
+    hasAnyConfigured: boolean;
+    /** Provider ids with an edit not yet flushed to the daemon. A `reload()`
+     *  preserves exactly these over whatever the server reports for them — see
+     *  `mergeDaemonProviders`'s `preserveLocalProviderIds`. */
+    pendingProviderIds: ReadonlySet<string>;
+    updateProvider: (providerId: string, patch: MediaProviderEditPatch) => void;
+    /** Drops the provider entirely (recoverable fields AND server markers) and
+     *  immediately persists the removal. Clear is treated as a decisive action
+     *  — same as the origin's confirm-then-clear flow — not a pending edit an
+     *  operator might still back out of via `reload()`. */
+    clearProvider: (providerId: string) => void;
+    /** Flushes every current provider to the daemon. */
+    saveChanges: () => void;
+    /** Re-reads the daemon's copy and reconciles it against local state. */
+    reload: () => void;
+}
+/**
+ * Owns the tab's async edges: the initial daemon fetch (plus the one-time
+ * first-upload migration `shouldSyncLocalProvidersToDaemon` guards), manual
+ * reload, per-field edits, clear, and save. Origin: `MediaProvidersSection`'s
+ * own `useState`/`useEffect` block in `SettingsDialog.tsx`, split from the
+ * App.tsx-level boot migration it used to depend on — ported as a
+ * self-contained hook (matches `useProjectLocationsTab`'s convention) so this
+ * tab does not need a host-level daemon-config bootstrap to behave correctly.
+ *
+ * The `null` vs `{}` distinction `mergeDaemonProviders` turns on is preserved
+ * end-to-end here: a `null` fetch result renders as `'unreachable'` and never
+ * reaches `mergeDaemonProviders` at all (local state is left exactly as it
+ * was), while a reached-but-empty `{}` result merges normally and can drop
+ * stale local markers. Collapsing the two — e.g. defaulting a `null` result to
+ * `{}` before merging — would make a transient daemon blip read as "the
+ * server manages nothing" and silently wipe local edits.
+ */
+export declare function useMediaProvidersTab({ port, initialProviders }: UseMediaProvidersTabOptions): UseMediaProvidersTabResult;
+//# sourceMappingURL=useMediaProvidersTab.d.ts.map

package/dist/features/media-providers/react/hooks/useMediaProvidersTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaProvidersTab.d.ts","sourceRoot":"","sources":["../../../../../src/features/media-providers/react/hooks/useMediaProvidersTab.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAOzD,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,gBAAgB,CAAC;AAExB;;;;uCAIuC;AACvC,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,wBAAwB,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;AAEpG,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,kBAAkB,CAAC;IACzB;;;;8EAI0E;IAC1E,gBAAgB,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,WAAW,0BAA0B;IACzC;8EAC0E;IAC1E,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,EAAE,uBAAuB,CAAC;IAC9B,IAAI,EAAE,uBAAuB,CAAC;IAC9B,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;+DAE2D;IAC3D,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAC5E;;;2DAGuD;IACvD,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oDAAoD;IACpD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,wEAAwE;IACxE,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,2BAA2B,GAAG,0BAA0B,CA4SxH"}

package/dist/features/media-providers/react/hooks/useMediaProvidersTab.js

@@ -0,0 +1,294 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { hasAnyConfiguredProvider, isEntryEmpty, mergeDaemonProviders, shouldSyncLocalProvidersToDaemon, } from '../../rules.js';
+/**
+ * Owns the tab's async edges: the initial daemon fetch (plus the one-time
+ * first-upload migration `shouldSyncLocalProvidersToDaemon` guards), manual
+ * reload, per-field edits, clear, and save. Origin: `MediaProvidersSection`'s
+ * own `useState`/`useEffect` block in `SettingsDialog.tsx`, split from the
+ * App.tsx-level boot migration it used to depend on — ported as a
+ * self-contained hook (matches `useProjectLocationsTab`'s convention) so this
+ * tab does not need a host-level daemon-config bootstrap to behave correctly.
+ *
+ * The `null` vs `{}` distinction `mergeDaemonProviders` turns on is preserved
+ * end-to-end here: a `null` fetch result renders as `'unreachable'` and never
+ * reaches `mergeDaemonProviders` at all (local state is left exactly as it
+ * was), while a reached-but-empty `{}` result merges normally and can drop
+ * stale local markers. Collapsing the two — e.g. defaulting a `null` result to
+ * `{}` before merging — would make a transient daemon blip read as "the
+ * server manages nothing" and silently wipe local edits.
+ */
+export function useMediaProvidersTab({ port, initialProviders }) {
+    const [providers, setProviders] = useState(() => ({ ...(initialProviders ?? {}) }));
+    const [pendingProviderIds, setPendingProviderIds] = useState(() => new Set());
+    const [load, setLoad] = useState({ status: 'loading' });
+    const [save, setSave] = useState({ status: 'idle' });
+    /** Volatile values async callbacks need at RUN time, not at schedule time —
+     *  same convention as `useProjectLocationsTab`'s refs. */
+    const portRef = useRef(port);
+    portRef.current = port;
+    /**
+     * The working set, mirrored into refs that update SYNCHRONOUSLY with each
+     * mutation rather than at the next render.
+     *
+     * These are not a render-time convenience here, they are the send-time
+     * source of truth: a queued whole-map write builds its payload from
+     * `providersRef.current` at the moment it reaches the port (see `flushNow`).
+     * Assigning them during render instead would leave a write that is issued in
+     * the same tick as an edit sending the map from BEFORE that edit. Every
+     * mutation therefore goes through `applyProviders`/`applyPending` — nothing
+     * in this hook may call `setProviders`/`setPendingProviderIds` directly.
+     */
+    const providersRef = useRef(providers);
+    const pendingRef = useRef(pendingProviderIds);
+    const applyProviders = useCallback((next) => {
+        providersRef.current = next;
+        setProviders(next);
+    }, []);
+    const applyPending = useCallback((next) => {
+        pendingRef.current = next;
+        setPendingProviderIds(next);
+    }, []);
+    /**
+     * Provider ids mutated locally since the in-flight write took its payload.
+     * Reset at send time by `flushNow`, which then treats exactly these ids as
+     * "the server's answer does not describe this one" — see its doc comment.
+     */
+    const mutatedSinceSend = useRef(new Set());
+    /**
+     * Providers cleared locally whose removal the daemon has not confirmed yet.
+     *
+     * `mutatedSinceSend` protects a clear from the SAVE response. Nothing protected it from the LOAD
+     * response, and the two need different mechanisms: a clear is deliberately not a pending edit
+     * (see `clearProvider`), so it is absent from `preserveLocalProviderIds`, and `mergeDaemonProviders`
+     * cannot preserve an entry that no longer exists locally anyway. The daemon still holds the
+     * credential until the write lands, so any reload in that window re-created it from the server's
+     * copy and put a cleared credential back on screen. These ids are tombstones: the merge drops
+     * them outright, and they are released only when a write that carried the deletion succeeds, or
+     * when the clear is rolled back.
+     */
+    const clearedProviderIds = useRef(new Set());
+    const alive = useRef(true);
+    useEffect(() => {
+        alive.current = true;
+        return () => {
+            alive.current = false;
+        };
+    }, []);
+    /** One monotonic ticket for the load edge: a manual `reload()` can be
+     *  triggered again before a previous fetch settles, and responses are not
+     *  guaranteed to land in send order — only the newest ticket may write
+     *  state (same guard as `useExecutionTab`'s detection ticket). */
+    const loadTicket = useRef(0);
+    /**
+     * Issues ONE whole-map write and reconciles the server's answer.
+     *
+     * The payload is read from `providersRef` HERE, not passed in by the caller,
+     * because this function may run long after the caller asked for it (see
+     * `persist`'s serialization). Building it at send time is what makes waiting
+     * safe: a queued write always carries the live working set, never the
+     * snapshot that was current when it was requested.
+     *
+     * On success the server's copy is authoritative for everything this request
+     * sent — but NOT for a provider the operator touched while it was in flight.
+     * That entry was never in `sent`, so taking the server's value for it would
+     * eat the edit, and for a clear would put the credential back on screen. Those
+     * ids (`mutatedSinceSend`) keep local truth, including local deletion.
+     */
+    const flushNow = useCallback(async () => {
+        const sent = providersRef.current;
+        mutatedSinceSend.current = new Set();
+        // Snapshotted with the payload: exactly the tombstones this write is carrying to the daemon.
+        // A clear issued while it is in flight is NOT in here and keeps its tombstone, because this
+        // request never told the server about it.
+        const clearsInFlight = [...clearedProviderIds.current].filter((providerId) => sent[providerId] === undefined);
+        try {
+            const saved = await portRef.current.saveMediaProviders(sent);
+            if (!alive.current)
+                return { status: 'abandoned' };
+            const touched = mutatedSinceSend.current;
+            // The server has now accepted a map without these, so the local absence is no longer a claim
+            // waiting to be defended — the daemon agrees. Re-touched ids keep their tombstone: the
+            // operator changed their mind mid-flight and this response does not describe that decision.
+            for (const providerId of clearsInFlight) {
+                if (!touched.has(providerId))
+                    clearedProviderIds.current.delete(providerId);
+            }
+            const next = { ...saved };
+            for (const providerId of touched) {
+                const local = providersRef.current[providerId];
+                if (local === undefined)
+                    delete next[providerId];
+                else
+                    next[providerId] = local;
+            }
+            applyProviders(next);
+            // Everything this write sent is now persisted; only edits made during
+            // the flight are still unflushed.
+            applyPending(new Set([...pendingRef.current].filter((providerId) => touched.has(providerId))));
+            setSave({ status: 'saved' });
+            return { status: 'saved' };
+        }
+        catch (error) {
+            if (!alive.current)
+                return { status: 'abandoned' };
+            setSave({ status: 'save-error', message: error instanceof Error ? error.message : String(error) });
+            return { status: 'failed' };
+        }
+    }, [applyProviders, applyPending]);
+    /** True while a write is at the port. */
+    const writing = useRef(false);
+    /** The single coalesced follow-up write requested during that one. */
+    const queued = useRef(null);
+    /**
+     * The whole-map contract makes concurrent writes unorderable, so this hook
+     * issues at most ONE at a time.
+     *
+     * `saveMediaProviders` replaces the ENTIRE map and carries no
+     * expected-revision (`ports.ts`), so when two writes overlap the daemon keeps
+     * whichever it happens to handle LAST — not whichever the operator issued
+     * last. A response-side ticket cannot fix that: it only decides which
+     * RESPONSE may write UI state, while the losing REQUEST has already rewritten
+     * the server. Save-then-Clear could therefore show a cleared credential,
+     * report success, and leave the credential intact on the daemon.
+     *
+     * Serializing removes the precondition instead of guarding the symptom — with
+     * one write in flight, request order IS commit order. A second request
+     * arriving while one is already queued coalesces into it rather than adding a
+     * third round trip, because both would send the same send-time map anyway.
+     */
+    const persist = useCallback(() => {
+        setSave({ status: 'saving' });
+        if (writing.current) {
+            if (queued.current === null) {
+                let settle;
+                const promise = new Promise((resolve) => {
+                    settle = resolve;
+                });
+                queued.current = { promise, settle };
+            }
+            return queued.current.promise;
+        }
+        writing.current = true;
+        return (async () => {
+            try {
+                let outcome = await flushNow();
+                while (queued.current !== null) {
+                    const waiter = queued.current;
+                    queued.current = null;
+                    outcome = await flushNow();
+                    waiter.settle(outcome);
+                }
+                return outcome;
+            }
+            finally {
+                writing.current = false;
+            }
+        })();
+    }, [flushNow]);
+    const fetchAndReconcile = useCallback((migrateOnFirstUpload) => {
+        const ticket = ++loadTicket.current;
+        const isCurrent = () => alive.current && loadTicket.current === ticket;
+        // Captured for the MIGRATION decision only — `shouldSyncLocalProvidersToDaemon` asks "did the
+        // operator already have local data before this fetch answered", which is a question about the
+        // pre-fetch state by definition. The MERGE deliberately does not use it: merging a response
+        // against a snapshot taken before the request was sent discards every edit made while it was
+        // in flight, which is the load-path twin of the whole-map overwrite `persist` serializes to
+        // avoid. The merge reads `providersRef.current` at response time instead.
+        const localBeforeMerge = providersRef.current;
+        setLoad({ status: 'loading' });
+        portRef.current.fetchMediaProviders().then((daemonResult) => {
+            if (!isCurrent())
+                return;
+            if (daemonResult == null) {
+                // Unreachable is a value, not a failure (see this port's doc) —
+                // local state is left exactly as it was, never defaulted to {}.
+                setLoad({ status: 'unreachable' });
+                return;
+            }
+            const merged = mergeDaemonProviders(providersRef.current, daemonResult, {
+                preserveLocalProviderIds: pendingRef.current,
+                dropProviderIds: clearedProviderIds.current,
+            });
+            applyProviders(merged);
+            setLoad({ status: 'ok' });
+            if (migrateOnFirstUpload && shouldSyncLocalProvidersToDaemon(localBeforeMerge, daemonResult)) {
+                void persist();
+            }
+        });
+    }, [persist, applyProviders]);
+    useEffect(() => {
+        // Mount (or host-supplied port swap): migration is a one-time boot
+        // check, matching the origin's App.tsx boot sequence — a manual
+        // `reload()` below must not re-trigger it on every click.
+        fetchAndReconcile(true);
+    }, [port, fetchAndReconcile]);
+    const reload = useCallback(() => {
+        fetchAndReconcile(false);
+    }, [fetchAndReconcile]);
+    const updateProvider = useCallback((providerId, patch) => {
+        const current = providersRef.current;
+        const nextEntry = { ...(current[providerId] ?? {}), ...patch };
+        const nextMap = { ...current };
+        if (isEntryEmpty(nextEntry)) {
+            delete nextMap[providerId];
+        }
+        else {
+            nextMap[providerId] = nextEntry;
+        }
+        applyProviders(nextMap);
+        const currentPending = pendingRef.current;
+        if (!currentPending.has(providerId))
+            applyPending(new Set(currentPending).add(providerId));
+        mutatedSinceSend.current.add(providerId);
+    }, [applyProviders, applyPending]);
+    const clearProvider = useCallback((providerId) => {
+        void (async () => {
+            const previousEntry = providersRef.current[providerId];
+            const next = { ...providersRef.current };
+            delete next[providerId];
+            applyProviders(next);
+            mutatedSinceSend.current.add(providerId);
+            clearedProviderIds.current.add(providerId);
+            const outcome = await persist();
+            // A FAILED save rolls the optimistic clear back so the operator does
+            // not lose a credential the daemon never actually dropped — same
+            // rollback shape as `useProjectLocationsTab.removeDraft`.
+            //
+            // The tombstone goes with it. It exists to defend a clear the daemon has not caught up to
+            // yet; once the clear is being abandoned there is nothing left to defend, and a tombstone
+            // outliving its clear would suppress the provider on every future reload — a resurrection
+            // bug traded for a disappearance bug. Released on `abandoned` too: an unmounted tree has no
+            // state to reconcile, and this ref does not survive the remount that would need it.
+            if (outcome.status !== 'saved')
+                clearedProviderIds.current.delete(providerId);
+            if (outcome.status !== 'failed' || !alive.current)
+                return;
+            if (previousEntry === undefined)
+                return;
+            // Restore ONLY this provider, into whatever the map is NOW. Restoring
+            // the whole pre-clear snapshot (as this used to) would silently discard
+            // an edit made to a DIFFERENT provider while the save was in flight —
+            // the same whole-map-replacement mistake the port makes, repeated
+            // locally. And if the operator has since re-entered this provider by
+            // hand, their value wins over the rollback.
+            if (providersRef.current[providerId] !== undefined)
+                return;
+            applyProviders({ ...providersRef.current, [providerId]: previousEntry });
+        })();
+    }, [persist, applyProviders]);
+    const saveChanges = useCallback(() => {
+        void persist();
+    }, [persist]);
+    return {
+        providers,
+        load,
+        save,
+        hasAnyConfigured: hasAnyConfiguredProvider(providers),
+        pendingProviderIds,
+        updateProvider,
+        clearProvider,
+        saveChanges,
+        reload,
+    };
+}
+//# sourceMappingURL=useMediaProvidersTab.js.map

package/dist/features/media-providers/react/hooks/useMediaProvidersTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaProvidersTab.js","sourceRoot":"","sources":["../../../../../src/features/media-providers/react/hooks/useMediaProvidersTab.ts"],"names":[],"mappings":"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"}