@xopcai/xopc 0.0.42 → 0.0.44

package/dist/gateway/static/root/assets/{use-image-provider-credentials-BZcegAHq.js.map → use-image-provider-credentials-BmC6x4fR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-image-provider-credentials-BZcegAHq.js","names":[],"sources":["../../../../../web/src/features/settings/image-providers-swr-key.ts","../../../../../web/src/features/settings/fetch-image-providers.ts","../../../../../web/src/features/settings/image-providers-config-api.ts","../../../../../web/src/features/settings/image-provider-api-key-field.tsx","../../../../../web/src/features/settings/image-provider-credentials-panel.tsx","../../../../../web/src/features/settings/use-image-provider-credentials.ts"],"sourcesContent":["/** Shared SWR key for GET `/api/image/providers` (image settings + extension image pages). */\nexport const IMAGE_PROVIDERS_SWR_KEY = '/api/image/providers';\n","import { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\nimport { IMAGE_PROVIDERS_SWR_KEY } from '@/features/settings/image-providers-swr-key';\nimport type { ImageGenProviderCredentialSummary } from '@/features/settings/use-image-provider-credentials';\n\nexport async function fetchImageProvidersList(): Promise<ImageGenProviderCredentialSummary[]> {\n  const res = await fetchJson<{\n    ok?: boolean;\n    payload?: { providers?: ImageGenProviderCredentialSummary[] };\n  }>(apiUrl(IMAGE_PROVIDERS_SWR_KEY));\n  return res?.payload?.providers ?? [];\n}\n","import { isMaskedKey } from '@/features/settings/providers-api';\nimport { revalidateGatewayConfig } from '@/features/gateway/gateway-config-swr';\nimport { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\n/** One row of image-provider credential fields (matches PATCH `providersConfig` subset). */\nexport type ImageProviderCredRow = {\n  apiKey: string;\n  region: string;\n  baseUrl: string;\n  imageBaseUrl: string;\n};\n\nexport function emptyImageProviderCredRow(): ImageProviderCredRow {\n  return { apiKey: '', region: '', baseUrl: '', imageBaseUrl: '' };\n}\n\nexport type SafeProviderAuthEntry = {\n  apiKey: string;\n  region?: string;\n  baseUrl?: string;\n  imageBaseUrl?: string;\n};\n\nfunction maskedApiKeyDisplay(safe?: SafeProviderAuthEntry): string {\n  if (!safe?.apiKey) return '';\n  return '••••••••••••';\n}\n\n/** Read `payload.config.providersConfig` from GET /api/config (masked). */\nexport function imageProviderCredRowsFromConfigRoot(\n  config: unknown,\n  imageProviderIds: string[],\n): Record<string, ImageProviderCredRow> {\n  const pc = (() => {\n    if (!config || typeof config !== 'object' || !('providersConfig' in config)) return undefined;\n    const v = (config as { providersConfig?: unknown }).providersConfig;\n    if (!v || typeof v !== 'object' || Array.isArray(v)) return undefined;\n    return v as Record<string, SafeProviderAuthEntry>;\n  })();\n\n  const out: Record<string, ImageProviderCredRow> = {};\n  for (const id of imageProviderIds) {\n    const safe = pc?.[id];\n    out[id] = {\n      apiKey: maskedApiKeyDisplay(safe),\n      region: safe?.region ?? '',\n      baseUrl: safe?.baseUrl ?? '',\n      imageBaseUrl: safe?.imageBaseUrl ?? '',\n    };\n  }\n  return out;\n}\n\nfunction optionalStringField(\n  draft: ImageProviderCredRow,\n  baseline: ImageProviderCredRow,\n  key: keyof Pick<ImageProviderCredRow, 'region' | 'baseUrl' | 'imageBaseUrl'>,\n): string | null | undefined {\n  const d = draft[key].trim();\n  const b = baseline[key].trim();\n  if (d === b) return undefined;\n  if (!d) return null;\n  return d;\n}\n\nfunction apiKeyPatchValue(draftKey: string, baselineKey: string): string | null | undefined {\n  const d = draftKey.trim();\n  const b = baselineKey.trim();\n  if (d === b) return undefined;\n  if (isMaskedKey(d) && isMaskedKey(b)) return undefined;\n  if (!d) {\n    if (!b) return undefined;\n    return null;\n  }\n  return d;\n}\n\n/**\n * Build `providersConfig` PATCH entries only for image providers whose row changed.\n * Omits `apiKey` when unchanged (still masked); sends `null` to clear stored key.\n */\nexport function buildImageProvidersConfigPatch(\n  imageProviderIds: string[],\n  draft: Record<string, ImageProviderCredRow>,\n  baseline: Record<string, ImageProviderCredRow>,\n): Record<string, Record<string, unknown>> {\n  const patch: Record<string, Record<string, unknown>> = {};\n  for (const id of imageProviderIds) {\n    const d = draft[id] ?? emptyImageProviderCredRow();\n    const b = baseline[id] ?? emptyImageProviderCredRow();\n    if (JSON.stringify(d) === JSON.stringify(b)) continue;\n\n    const entry: Record<string, unknown> = {};\n    const keyDelta = apiKeyPatchValue(d.apiKey, b.apiKey);\n    if (keyDelta !== undefined) {\n      entry.apiKey = keyDelta;\n    }\n    const region = optionalStringField(d, b, 'region');\n    if (region !== undefined) entry.region = region;\n    const baseUrl = optionalStringField(d, b, 'baseUrl');\n    if (baseUrl !== undefined) entry.baseUrl = baseUrl;\n    const imageBaseUrl = optionalStringField(d, b, 'imageBaseUrl');\n    if (imageBaseUrl !== undefined) entry.imageBaseUrl = imageBaseUrl;\n\n    if (Object.keys(entry).length > 0) {\n      patch[id] = entry;\n    }\n  }\n  return patch;\n}\n\nexport type RevealImageProviderApiKeyPayload = {\n  id: string;\n  apiKey: string | null;\n  source: 'config' | 'none';\n};\n\n/** POST /api/image/providers/:id/reveal-api-key — plaintext only when stored in config file. */\nexport async function revealImageProviderConfigApiKey(providerId: string): Promise<RevealImageProviderApiKeyPayload> {\n  const data = await fetchJson<{\n    ok?: boolean;\n    payload?: RevealImageProviderApiKeyPayload;\n    error?: { message?: string };\n  }>(apiUrl(`/api/image/providers/${encodeURIComponent(providerId)}/reveal-api-key`), {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: '{}',\n  });\n  if (!data.ok || !data.payload) {\n    throw new Error(data.error?.message ?? 'Reveal failed');\n  }\n  return data.payload;\n}\n\nexport async function patchImageProvidersConfig(\n  patch: Record<string, Record<string, unknown>>,\n): Promise<void> {\n  if (Object.keys(patch).length === 0) return;\n  await fetchJson(apiUrl('/api/config'), {\n    method: 'PATCH',\n    body: JSON.stringify({ providersConfig: patch }),\n  });\n  await revalidateGatewayConfig();\n}\n","import { CheckCircle2, Copy, ExternalLink, Eye, EyeOff, Loader2 } from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { revealImageProviderConfigApiKey } from '@/features/settings/image-providers-config-api';\nimport type { ApiKeyLinkKind } from '@/features/settings/provider-enrichment';\nimport { providerApiKeyLinkLabel } from '@/features/settings/provider-enrichment';\nimport { isMaskedKey } from '@/features/settings/providers-api';\nimport type { ProvidersSettingsMessages } from '@/i18n/messages';\nimport { settingsInputFocusClass } from '@/lib/form-field-width';\nimport { interaction } from '@/lib/interaction';\nimport { cn } from '@/lib/cn';\n\nexport type ImageProviderApiKeyFieldLabels = {\n  apiKeyLabel: string;\n  optionalPlaceholder: string;\n  maskedHelp: string;\n  copy: string;\n  copied: string;\n  show: string;\n  hide: string;\n  notInConfigFile: string;\n  loadFailed: string;\n};\n\nexport function ImageProviderApiKeyField({\n  providerId,\n  value,\n  onChange,\n  labels,\n  apiKeyLinks,\n  apiKeyLinkLabels,\n}: {\n  providerId: string;\n  value: string;\n  onChange: (next: string) => void;\n  labels: ImageProviderApiKeyFieldLabels;\n  apiKeyLinks: { href: string; kind: ApiKeyLinkKind }[];\n  apiKeyLinkLabels: Pick<ProvidersSettingsMessages, 'getApiKey' | 'getApiKeyIntl' | 'getApiKeyCn'>;\n}) {\n  const [showKey, setShowKey] = useState(false);\n  /** `undefined` = not fetched; `null` = fetched, not in config file; string = plaintext from config */\n  const [revealed, setRevealed] = useState<string | null | undefined>(undefined);\n  const [revealLoading, setRevealLoading] = useState(false);\n  const [revealErr, setRevealErr] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  const masked = isMaskedKey(value);\n\n  useEffect(() => {\n    if (!masked) {\n      setRevealed(undefined);\n      setRevealErr(null);\n    }\n  }, [masked, value]);\n\n  const inputValue = (() => {\n    if (!masked) return value;\n    if (showKey && typeof revealed === 'string') return revealed;\n    return value;\n  })();\n\n  const inputType =\n    !masked || (masked && showKey && typeof revealed === 'string') ? ('text' as const) : ('password' as const);\n\n  const copyEnabled =\n    (!masked && value.trim().length > 0 && !isMaskedKey(value)) ||\n    (Boolean(showKey) && typeof revealed === 'string' && revealed.length > 0);\n\n  const copyKey = useCallback(async () => {\n    const text =\n      !masked && value.trim() && !isMaskedKey(value)\n        ? value.trim()\n        : typeof revealed === 'string' && revealed.length > 0\n          ? revealed\n          : '';\n    if (!text) return;\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      /* ignore */\n    }\n  }, [masked, revealed, value]);\n\n  const toggleEye = useCallback(async () => {\n    setRevealErr(null);\n    if (!masked) {\n      setShowKey((s) => !s);\n      return;\n    }\n    if (revealed !== undefined) {\n      setShowKey((s) => !s);\n      return;\n    }\n    setRevealLoading(true);\n    try {\n      const payload = await revealImageProviderConfigApiKey(providerId);\n      setRevealed(payload.apiKey ?? null);\n      setShowKey(true);\n    } catch (e) {\n      setRevealErr(e instanceof Error ? e.message : labels.loadFailed);\n      setRevealed(null);\n    } finally {\n      setRevealLoading(false);\n    }\n  }, [masked, providerId, revealed, labels.loadFailed]);\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n      <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-key-${providerId}`}>\n        {labels.apiKeyLabel}\n      </label>\n      {apiKeyLinks.length > 0 ? (\n        <div className=\"flex flex-col gap-1\">\n          {apiKeyLinks.map((link) => (\n            <a\n              key={`${link.kind}-${link.href}`}\n              href={link.href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex w-fit items-center gap-1 text-xs font-medium text-accent-fg hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent\"\n            >\n              {providerApiKeyLinkLabel(link.kind, apiKeyLinkLabels)}\n              <ExternalLink className=\"size-3\" aria-hidden />\n            </a>\n          ))}\n        </div>\n      ) : null}\n      {masked ? <p className=\"text-[11px] text-fg-subtle\">{labels.maskedHelp}</p> : null}\n      <div className=\"relative min-w-0\">\n        <input\n          id={`img-cred-key-${providerId}`}\n          type={inputType}\n          autoComplete=\"off\"\n          spellCheck={false}\n          className={cn(\n            'w-full rounded-lg border border-edge bg-surface-panel py-2 pl-3 pr-24 font-mono text-sm text-fg',\n            'placeholder:text-fg-subtle',\n            settingsInputFocusClass,\n          )}\n          value={inputValue}\n          placeholder={masked ? '••••••••' : labels.optionalPlaceholder}\n          onChange={(e) => {\n            const next = e.target.value;\n            if (masked && typeof revealed === 'string' && showKey && next !== revealed) {\n              setRevealed(undefined);\n              setShowKey(false);\n            }\n            onChange(next);\n          }}\n        />\n        <div className=\"absolute right-1 top-1/2 flex -translate-y-1/2 gap-0.5\">\n          {copyEnabled ? (\n            <button\n              type=\"button\"\n              className={cn(\n                'rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg',\n                interaction.transition,\n                interaction.press,\n                interaction.focusRingPanel,\n              )}\n              title={copied ? labels.copied : labels.copy}\n              aria-label={copied ? labels.copied : labels.copy}\n              onClick={() => void copyKey()}\n            >\n              {copied ? <CheckCircle2 className=\"size-4\" /> : <Copy className=\"size-4\" />}\n            </button>\n          ) : null}\n          <button\n            type=\"button\"\n            className={cn(\n              'rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg disabled:opacity-40',\n              interaction.transition,\n              interaction.press,\n              interaction.focusRingPanel,\n            )}\n            title={showKey ? labels.hide : labels.show}\n            aria-label={showKey ? labels.hide : labels.show}\n            disabled={revealLoading}\n            onClick={() => void toggleEye()}\n          >\n            {revealLoading ? (\n              <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n            ) : showKey ? (\n              <EyeOff className=\"size-4\" aria-hidden />\n            ) : (\n              <Eye className=\"size-4\" aria-hidden />\n            )}\n          </button>\n        </div>\n      </div>\n      {masked && showKey && revealed === null && !revealErr ? (\n        <p className=\"text-xs text-amber-700 dark:text-amber-400/90\">{labels.notInConfigFile}</p>\n      ) : null}\n      {revealErr ? <p className=\"text-xs text-red-600 dark:text-red-400\">{revealErr}</p> : null}\n    </div>\n  );\n}\n","import { ExternalLink, Loader2, Save } from 'lucide-react';\nimport { Link } from 'react-router-dom';\n\nimport { Button } from '@/components/ui/button';\nimport { ImageProviderApiKeyField } from '@/features/settings/image-provider-api-key-field';\nimport { emptyImageProviderCredRow, type ImageProviderCredRow } from '@/features/settings/image-providers-config-api';\nimport { getOrderedApiKeyLinks } from '@/features/settings/provider-enrichment';\nimport type {\n  ImageGenProviderCredentialSummary,\n  ImageProviderUiMetadata,\n} from '@/features/settings/use-image-provider-credentials';\nimport type { ProvidersSettingsMessages } from '@/i18n/messages';\nimport { settingsInputFocusClass } from '@/lib/form-field-width';\nimport type { StoredLanguage } from '@/lib/storage';\nimport { cn } from '@/lib/cn';\n\nfunction inputClass(): string {\n  return cn(\n    'w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg',\n    'placeholder:text-fg-subtle',\n    settingsInputFocusClass,\n  );\n}\n\nfunction selectClass(): string {\n  return cn(inputClass(), 'appearance-none bg-[length:1rem] bg-[right_0.5rem_center] bg-no-repeat pr-9');\n}\n\nconst CUSTOM_SENTINEL = '__custom__';\n\nfunction dashscopeSelectValue(\n  row: ImageProviderCredRow,\n  regions: NonNullable<ImageProviderUiMetadata['regions']>,\n): string {\n  if (!row.region.trim() && !row.imageBaseUrl.trim()) return '';\n  const r = row.region.trim().toLowerCase();\n  if (regions.some((x) => x.value === r)) return r;\n  return CUSTOM_SENTINEL;\n}\n\nfunction baseUrlSelectValue(\n  row: ImageProviderCredRow,\n  presets: NonNullable<ImageProviderUiMetadata['baseUrlPresets']>,\n): string {\n  const b = row.baseUrl.trim().replace(/\\/+$/, '');\n  if (!b) return '';\n  const norm = presets.map((p) => p.value.replace(/\\/+$/, ''));\n  const idx = norm.indexOf(b);\n  if (idx >= 0) return presets[idx].value;\n  return CUSTOM_SENTINEL;\n}\n\nexport type ImageProviderCredentialsPanelMessages = {\n  credentialsIntro: string;\n  regionHint: string;\n  endpointPresetsHint: string;\n  apiKeyLabel: string;\n  optionalPlaceholder: string;\n  regionLabel: string;\n  baseUrlLabel: string;\n  imageBaseUrlLabel: string;\n  saveCredentials: string;\n  savingCredentials: string;\n  credentialsSaved: string;\n  discardCredentials: string;\n  credentialsNothingToSave: string;\n  credentialsSaveError: string;\n  regionPresetDefault: string;\n  regionPresetCustom: string;\n  baseUrlPresetDefault: string;\n  baseUrlPresetCustom: string;\n  openExtensionSettings: string;\n  openImageModelsPage: string;\n  extensionSettingsLinkTitle: string;\n  imageModelsLinkTitle: string;\n  configured: string;\n  missingKey: string;\n  defaultModel: string;\n  modelsLabel: string;\n  imageBaseUrlPresetHint: string;\n  dashscopeRegion_beijing: string;\n  dashscopeRegion_singapore: string;\n  dashscopeRegion_us: string;\n  apiKeyMaskedHelp: string;\n  apiKeyCopy: string;\n  apiKeyCopied: string;\n  apiKeyShow: string;\n  apiKeyHide: string;\n  apiKeyNotInConfigFile: string;\n  apiKeyRevealFailed: string;\n  minimaxClusterLabel: string;\n  minimaxClusterHint: string;\n  falQueueBaseLabel: string;\n  falQueueBaseHint: string;\n};\n\nfunction translateDashscopeRegion(m: ImageProviderCredentialsPanelMessages, value: string, serverLabel: string) {\n  if (value === 'beijing') return m.dashscopeRegion_beijing;\n  if (value === 'singapore') return m.dashscopeRegion_singapore;\n  if (value === 'us') return m.dashscopeRegion_us;\n  return serverLabel;\n}\n\nfunction baseUrlPresetBlockTitle(\n  t: ImageProviderCredentialsPanelMessages,\n  kind: ImageProviderUiMetadata['baseUrlPresetKind'],\n): string {\n  if (kind === 'minimax') return t.minimaxClusterLabel;\n  if (kind === 'fal') return t.falQueueBaseLabel;\n  return t.baseUrlLabel;\n}\n\nfunction baseUrlPresetBlockHint(\n  t: ImageProviderCredentialsPanelMessages,\n  kind: ImageProviderUiMetadata['baseUrlPresetKind'],\n): string | null {\n  if (kind === 'minimax') return t.minimaxClusterHint;\n  if (kind === 'fal') return t.falQueueBaseHint;\n  return null;\n}\n\nexport function ImageProviderCredentialsPanel({\n  summaries,\n  credDraft,\n  credDirty,\n  credSaving,\n  credError,\n  credSavedFlash,\n  credNoopFlash,\n  updateCredRow,\n  onDiscardCredentials,\n  onSaveCredentials,\n  extensionIds,\n  showExtensionLinks,\n  showImageModelsLink,\n  language,\n  apiKeyLinkLabels,\n  messages: t,\n}: {\n  summaries: ImageGenProviderCredentialSummary[];\n  credDraft: Record<string, ImageProviderCredRow>;\n  credDirty: boolean;\n  credSaving: boolean;\n  credError: string | null;\n  credSavedFlash: boolean;\n  credNoopFlash: boolean;\n  updateCredRow: (id: string, patch: Partial<ImageProviderCredRow>) => void;\n  onDiscardCredentials: () => void;\n  onSaveCredentials: () => void;\n  /** Extension ids present in gateway discovery (for deep links). */\n  extensionIds: Set<string>;\n  showExtensionLinks: boolean;\n  showImageModelsLink: boolean;\n  language: StoredLanguage;\n  apiKeyLinkLabels: Pick<ProvidersSettingsMessages, 'getApiKey' | 'getApiKeyIntl' | 'getApiKeyCn'>;\n  messages: ImageProviderCredentialsPanelMessages;\n}) {\n  const empty = summaries.length === 0;\n\n  if (empty) {\n    return null;\n  }\n\n  const anyRegionUi = summaries.some((s) => (s.ui?.regions?.length ?? 0) > 0);\n  const anyBaseUrlPresets = summaries.some((s) => (s.ui?.baseUrlPresets?.length ?? 0) > 0);\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-1 text-xs leading-relaxed text-fg-muted\">\n        <p>{t.credentialsIntro}</p>\n        {anyRegionUi ? <p className=\"text-fg-subtle\">{t.regionHint}</p> : null}\n        {anyBaseUrlPresets ? <p className=\"text-fg-subtle\">{t.endpointPresetsHint}</p> : null}\n        {showImageModelsLink ? (\n          <p>\n            <Link\n              to=\"/settings/image-models\"\n              className=\"font-medium text-accent hover:underline\"\n              title={t.imageModelsLinkTitle}\n            >\n              {t.openImageModelsPage}\n            </Link>\n          </p>\n        ) : null}\n      </div>\n      {credError ? (\n        <div className=\"rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300\">\n          {credError}\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        {credSavedFlash ? (\n          <span className=\"text-sm text-fg-muted\">{t.credentialsSaved}</span>\n        ) : null}\n        {credNoopFlash ? (\n          <span className=\"text-sm text-fg-muted\">{t.credentialsNothingToSave}</span>\n        ) : null}\n        <Button type=\"button\" variant=\"secondary\" onClick={onDiscardCredentials} disabled={!credDirty || credSaving}>\n          {t.discardCredentials}\n        </Button>\n        <Button type=\"button\" variant=\"primary\" onClick={onSaveCredentials} disabled={!credDirty || credSaving}>\n          {credSaving ? (\n            <>\n              <Loader2 className=\"size-3.5 animate-spin\" />\n              <span className=\"ml-1.5\">{t.savingCredentials}</span>\n            </>\n          ) : (\n            <>\n              <Save className=\"size-3.5\" />\n              <span className=\"ml-1.5\">{t.saveCredentials}</span>\n            </>\n          )}\n        </Button>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {summaries.map((p) => {\n          const row = credDraft[p.id] ?? emptyImageProviderCredRow();\n          const ui = p.ui;\n          const extPath =\n            showExtensionLinks && extensionIds.has(p.id)\n              ? `/settings/ext/${encodeURIComponent(p.id)}`\n              : null;\n          return (\n            <div\n              key={p.id}\n              className=\"rounded-lg border border-edge bg-surface-panel px-4 py-3 shadow-sm dark:shadow-none\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n                  <span className=\"text-sm font-semibold text-fg\">{p.label ?? p.id}</span>\n                  <span className=\"text-xs text-fg-subtle\">({p.id})</span>\n                  {extPath ? (\n                    <Link\n                      to={extPath}\n                      className=\"inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline\"\n                      title={t.extensionSettingsLinkTitle}\n                    >\n                      <ExternalLink className=\"size-3\" />\n                      {t.openExtensionSettings}\n                    </Link>\n                  ) : null}\n                </div>\n                {p.configured ? (\n                  <span className=\"rounded-full bg-accent-soft px-2 py-0.5 text-xs font-medium text-accent-fg\">\n                    {t.configured}\n                  </span>\n                ) : (\n                  <span className=\"rounded-full border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:text-amber-300\">\n                    {t.missingKey}\n                  </span>\n                )}\n              </div>\n              {p.defaultModel ? (\n                <p className=\"mt-1 text-xs text-fg-subtle\">\n                  <span className=\"text-fg-muted\">{t.defaultModel}:</span> {p.id}/{p.defaultModel}\n                </p>\n              ) : null}\n              {p.models.length > 0 ? (\n                <p className=\"mt-0.5 text-xs text-fg-subtle\">\n                  <span className=\"text-fg-muted\">{t.modelsLabel}:</span>{' '}\n                  {p.models.map((mm) => `${p.id}/${mm}`).join(', ')}\n                </p>\n              ) : null}\n              <div className=\"mt-4 grid gap-3 sm:grid-cols-2\">\n                <ImageProviderApiKeyField\n                  providerId={p.id}\n                  value={row.apiKey}\n                  onChange={(next) => updateCredRow(p.id, { apiKey: next })}\n                  apiKeyLinks={getOrderedApiKeyLinks(p.id, language)}\n                  apiKeyLinkLabels={apiKeyLinkLabels}\n                  labels={{\n                    apiKeyLabel: t.apiKeyLabel,\n                    optionalPlaceholder: t.optionalPlaceholder,\n                    maskedHelp: t.apiKeyMaskedHelp,\n                    copy: t.apiKeyCopy,\n                    copied: t.apiKeyCopied,\n                    show: t.apiKeyShow,\n                    hide: t.apiKeyHide,\n                    notInConfigFile: t.apiKeyNotInConfigFile,\n                    loadFailed: t.apiKeyRevealFailed,\n                  }}\n                />\n\n                {ui?.regions?.length ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-region-preset-${p.id}`}>\n                      {t.regionLabel}\n                    </label>\n                    <select\n                      id={`img-cred-region-preset-${p.id}`}\n                      className={selectClass()}\n                      value={dashscopeSelectValue(row, ui.regions)}\n                      onChange={(e) => {\n                        const v = e.target.value;\n                        if (v === '') {\n                          updateCredRow(p.id, { region: '', imageBaseUrl: '' });\n                          return;\n                        }\n                        if (v === CUSTOM_SENTINEL) {\n                          updateCredRow(p.id, { region: '', imageBaseUrl: '' });\n                          return;\n                        }\n                        const opt = ui.regions!.find((x) => x.value === v);\n                        if (opt) {\n                          updateCredRow(p.id, { region: opt.value, imageBaseUrl: opt.imageBaseUrl });\n                        }\n                      }}\n                    >\n                      <option value=\"\">{t.regionPresetDefault}</option>\n                      {ui.regions.map((r) => (\n                        <option key={r.value} value={r.value}>\n                          {translateDashscopeRegion(t, r.value, r.label)}\n                        </option>\n                      ))}\n                      <option value={CUSTOM_SENTINEL}>{t.regionPresetCustom}</option>\n                    </select>\n                    {dashscopeSelectValue(row, ui.regions) === CUSTOM_SENTINEL ? (\n                      <div className=\"mt-2 grid gap-2 sm:grid-cols-2\">\n                        <input\n                          type=\"text\"\n                          className={inputClass()}\n                          value={row.region}\n                          placeholder=\"region\"\n                          onChange={(e) => updateCredRow(p.id, { region: e.target.value })}\n                        />\n                        <input\n                          type=\"url\"\n                          className={inputClass()}\n                          value={row.imageBaseUrl}\n                          placeholder={t.imageBaseUrlLabel}\n                          onChange={(e) => updateCredRow(p.id, { imageBaseUrl: e.target.value })}\n                        />\n                      </div>\n                    ) : null}\n                  </div>\n                ) : null}\n\n                {ui?.baseUrlPresets?.length ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-base-preset-${p.id}`}>\n                      {baseUrlPresetBlockTitle(t, ui.baseUrlPresetKind)}\n                    </label>\n                    {baseUrlPresetBlockHint(t, ui.baseUrlPresetKind) ? (\n                      <p className=\"text-[11px] text-fg-subtle\">{baseUrlPresetBlockHint(t, ui.baseUrlPresetKind)}</p>\n                    ) : null}\n                    <select\n                      id={`img-cred-base-preset-${p.id}`}\n                      className={selectClass()}\n                      value={baseUrlSelectValue(row, ui.baseUrlPresets)}\n                      onChange={(e) => {\n                        const v = e.target.value;\n                        if (v === '') {\n                          updateCredRow(p.id, { baseUrl: '' });\n                          return;\n                        }\n                        if (v === CUSTOM_SENTINEL) {\n                          updateCredRow(p.id, { baseUrl: '' });\n                          return;\n                        }\n                        updateCredRow(p.id, { baseUrl: v.replace(/\\/+$/, '') });\n                      }}\n                    >\n                      <option value=\"\">{t.baseUrlPresetDefault}</option>\n                      {ui.baseUrlPresets.map((b) => (\n                        <option key={b.value} value={b.value}>\n                          {b.label}\n                        </option>\n                      ))}\n                      <option value={CUSTOM_SENTINEL}>{t.baseUrlPresetCustom}</option>\n                    </select>\n                    {baseUrlSelectValue(row, ui.baseUrlPresets) === CUSTOM_SENTINEL ? (\n                      <input\n                        type=\"url\"\n                        className={cn(inputClass(), 'mt-2')}\n                        value={row.baseUrl}\n                        placeholder=\"https://…\"\n                        onChange={(e) => updateCredRow(p.id, { baseUrl: e.target.value })}\n                      />\n                    ) : null}\n                  </div>\n                ) : null}\n\n                {ui?.regions?.length && dashscopeSelectValue(row, ui.regions) !== CUSTOM_SENTINEL ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-imgbase-ro-${p.id}`}>\n                      {t.imageBaseUrlLabel}\n                    </label>\n                    <input\n                      id={`img-cred-imgbase-ro-${p.id}`}\n                      type=\"url\"\n                      readOnly\n                      className={cn(inputClass(), 'cursor-not-allowed opacity-90')}\n                      value={row.imageBaseUrl}\n                      title={t.imageBaseUrlPresetHint}\n                    />\n                    <p className=\"text-[11px] text-fg-subtle\">{t.imageBaseUrlPresetHint}</p>\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { mutate } from 'swr';\n\nimport { useGatewayConfigSwr } from '@/features/gateway/gateway-config-swr';\nimport {\n  buildImageProvidersConfigPatch,\n  emptyImageProviderCredRow,\n  imageProviderCredRowsFromConfigRoot,\n  patchImageProvidersConfig,\n  type ImageProviderCredRow,\n} from '@/features/settings/image-providers-config-api';\nimport { IMAGE_PROVIDERS_SWR_KEY } from '@/features/settings/image-providers-swr-key';\nimport { apiUrl } from '@/lib/url';\nimport { useGatewayStore } from '@/stores/gateway-store';\n\nexport type ImageProviderUiRegionOption = {\n  value: string;\n  label: string;\n  imageBaseUrl: string;\n};\n\nexport type ImageProviderUiBaseUrlPreset = {\n  value: string;\n  label: string;\n};\n\nexport type ImageProviderUiMetadata = {\n  regions?: ImageProviderUiRegionOption[];\n  baseUrlPresets?: ImageProviderUiBaseUrlPreset[];\n  baseUrlPresetKind?: 'fal' | 'minimax' | 'google' | 'openai';\n};\n\nexport type ImageGenProviderCredentialSummary = {\n  id: string;\n  label?: string;\n  defaultModel?: string;\n  models: string[];\n  configured?: boolean;\n  ui?: ImageProviderUiMetadata;\n};\n\nexport function useImageProviderCredentials(summaries: ImageGenProviderCredentialSummary[]) {\n  const hasToken = useGatewayStore((s) => Boolean(s.token));\n  const gwSwr = useGatewayConfigSwr(hasToken);\n  const gwCfg = gwSwr.data;\n\n  const ids = useMemo(() => summaries.map((s) => s.id), [summaries]);\n\n  const [credDraft, setCredDraft] = useState<Record<string, ImageProviderCredRow>>({});\n  const [credBaseline, setCredBaseline] = useState<Record<string, ImageProviderCredRow>>({});\n  const [credSaving, setCredSaving] = useState(false);\n  const [credError, setCredError] = useState<string | null>(null);\n  const [credSavedFlash, setCredSavedFlash] = useState(false);\n  const [credNoopFlash, setCredNoopFlash] = useState(false);\n\n  const credRowsFromServer = useMemo(\n    () => imageProviderCredRowsFromConfigRoot(gwCfg?.payload?.config, ids),\n    [gwCfg?.payload?.config, ids],\n  );\n\n  const credDirty = useMemo(\n    () => JSON.stringify(credDraft) !== JSON.stringify(credBaseline),\n    [credDraft, credBaseline],\n  );\n\n  useEffect(() => {\n    if (!credDirty) {\n      setCredDraft(structuredClone(credRowsFromServer));\n      setCredBaseline(structuredClone(credRowsFromServer));\n    }\n  }, [credRowsFromServer, credDirty]);\n\n  const updateCredRow = useCallback((id: string, patch: Partial<ImageProviderCredRow>) => {\n    setCredDraft((prev) => {\n      const base = prev[id] ?? emptyImageProviderCredRow();\n      return { ...prev, [id]: { ...base, ...patch } };\n    });\n  }, []);\n\n  const onDiscardCredentials = useCallback(() => {\n    setCredDraft(structuredClone(credBaseline));\n    setCredError(null);\n    setCredSavedFlash(false);\n    setCredNoopFlash(false);\n  }, [credBaseline]);\n\n  const saveCredentials = useCallback(\n    async (errorFallback: string) => {\n      const patch = buildImageProvidersConfigPatch(ids, credDraft, credBaseline);\n      if (Object.keys(patch).length === 0) {\n        setCredNoopFlash(true);\n        window.setTimeout(() => setCredNoopFlash(false), 2200);\n        return;\n      }\n      setCredSaving(true);\n      setCredError(null);\n      setCredSavedFlash(false);\n      try {\n        await patchImageProvidersConfig(patch);\n        const updated = await gwSwr.mutate?.();\n        void mutate(apiUrl(IMAGE_PROVIDERS_SWR_KEY));\n        const nextRows = imageProviderCredRowsFromConfigRoot(updated?.payload?.config, ids);\n        setCredDraft(structuredClone(nextRows));\n        setCredBaseline(structuredClone(nextRows));\n        setCredSavedFlash(true);\n        window.setTimeout(() => setCredSavedFlash(false), 2000);\n      } catch (e) {\n        setCredError(e instanceof Error ? e.message : errorFallback);\n      } finally {\n        setCredSaving(false);\n      }\n    },\n    [ids, credDraft, credBaseline, gwSwr],\n  );\n\n  return {\n    gwSwr,\n    credDraft,\n    credBaseline,\n    credDirty,\n    credSaving,\n    credError,\n    credSavedFlash,\n    credNoopFlash,\n    updateCredRow,\n    onDiscardCredentials,\n    saveCredentials,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-image-provider-credentials-BmC6x4fR.js","names":[],"sources":["../../../../../web/src/features/settings/image-providers-swr-key.ts","../../../../../web/src/features/settings/fetch-image-providers.ts","../../../../../web/src/features/settings/image-providers-config-api.ts","../../../../../web/src/features/settings/image-provider-api-key-field.tsx","../../../../../web/src/features/settings/image-provider-credentials-panel.tsx","../../../../../web/src/features/settings/use-image-provider-credentials.ts"],"sourcesContent":["/** Shared SWR key for GET `/api/image/providers` (image settings + extension image pages). */\nexport const IMAGE_PROVIDERS_SWR_KEY = '/api/image/providers';\n","import { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\nimport { IMAGE_PROVIDERS_SWR_KEY } from '@/features/settings/image-providers-swr-key';\nimport type { ImageGenProviderCredentialSummary } from '@/features/settings/use-image-provider-credentials';\n\nexport async function fetchImageProvidersList(): Promise<ImageGenProviderCredentialSummary[]> {\n  const res = await fetchJson<{\n    ok?: boolean;\n    payload?: { providers?: ImageGenProviderCredentialSummary[] };\n  }>(apiUrl(IMAGE_PROVIDERS_SWR_KEY));\n  return res?.payload?.providers ?? [];\n}\n","import { isMaskedKey } from '@/features/settings/providers-api';\nimport { revalidateGatewayConfig } from '@/features/gateway/gateway-config-swr';\nimport { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\n/** One row of image-provider credential fields (matches PATCH `providersConfig` subset). */\nexport type ImageProviderCredRow = {\n  apiKey: string;\n  region: string;\n  baseUrl: string;\n  imageBaseUrl: string;\n};\n\nexport function emptyImageProviderCredRow(): ImageProviderCredRow {\n  return { apiKey: '', region: '', baseUrl: '', imageBaseUrl: '' };\n}\n\nexport type SafeProviderAuthEntry = {\n  apiKey: string;\n  region?: string;\n  baseUrl?: string;\n  imageBaseUrl?: string;\n};\n\nfunction maskedApiKeyDisplay(safe?: SafeProviderAuthEntry): string {\n  if (!safe?.apiKey) return '';\n  return '••••••••••••';\n}\n\n/** Read `payload.config.providersConfig` from GET /api/config (masked). */\nexport function imageProviderCredRowsFromConfigRoot(\n  config: unknown,\n  imageProviderIds: string[],\n): Record<string, ImageProviderCredRow> {\n  const pc = (() => {\n    if (!config || typeof config !== 'object' || !('providersConfig' in config)) return undefined;\n    const v = (config as { providersConfig?: unknown }).providersConfig;\n    if (!v || typeof v !== 'object' || Array.isArray(v)) return undefined;\n    return v as Record<string, SafeProviderAuthEntry>;\n  })();\n\n  const out: Record<string, ImageProviderCredRow> = {};\n  for (const id of imageProviderIds) {\n    const safe = pc?.[id];\n    out[id] = {\n      apiKey: maskedApiKeyDisplay(safe),\n      region: safe?.region ?? '',\n      baseUrl: safe?.baseUrl ?? '',\n      imageBaseUrl: safe?.imageBaseUrl ?? '',\n    };\n  }\n  return out;\n}\n\nfunction optionalStringField(\n  draft: ImageProviderCredRow,\n  baseline: ImageProviderCredRow,\n  key: keyof Pick<ImageProviderCredRow, 'region' | 'baseUrl' | 'imageBaseUrl'>,\n): string | null | undefined {\n  const d = draft[key].trim();\n  const b = baseline[key].trim();\n  if (d === b) return undefined;\n  if (!d) return null;\n  return d;\n}\n\nfunction apiKeyPatchValue(draftKey: string, baselineKey: string): string | null | undefined {\n  const d = draftKey.trim();\n  const b = baselineKey.trim();\n  if (d === b) return undefined;\n  if (isMaskedKey(d) && isMaskedKey(b)) return undefined;\n  if (!d) {\n    if (!b) return undefined;\n    return null;\n  }\n  return d;\n}\n\n/**\n * Build `providersConfig` PATCH entries only for image providers whose row changed.\n * Omits `apiKey` when unchanged (still masked); sends `null` to clear stored key.\n */\nexport function buildImageProvidersConfigPatch(\n  imageProviderIds: string[],\n  draft: Record<string, ImageProviderCredRow>,\n  baseline: Record<string, ImageProviderCredRow>,\n): Record<string, Record<string, unknown>> {\n  const patch: Record<string, Record<string, unknown>> = {};\n  for (const id of imageProviderIds) {\n    const d = draft[id] ?? emptyImageProviderCredRow();\n    const b = baseline[id] ?? emptyImageProviderCredRow();\n    if (JSON.stringify(d) === JSON.stringify(b)) continue;\n\n    const entry: Record<string, unknown> = {};\n    const keyDelta = apiKeyPatchValue(d.apiKey, b.apiKey);\n    if (keyDelta !== undefined) {\n      entry.apiKey = keyDelta;\n    }\n    const region = optionalStringField(d, b, 'region');\n    if (region !== undefined) entry.region = region;\n    const baseUrl = optionalStringField(d, b, 'baseUrl');\n    if (baseUrl !== undefined) entry.baseUrl = baseUrl;\n    const imageBaseUrl = optionalStringField(d, b, 'imageBaseUrl');\n    if (imageBaseUrl !== undefined) entry.imageBaseUrl = imageBaseUrl;\n\n    if (Object.keys(entry).length > 0) {\n      patch[id] = entry;\n    }\n  }\n  return patch;\n}\n\nexport type RevealImageProviderApiKeyPayload = {\n  id: string;\n  apiKey: string | null;\n  source: 'config' | 'none';\n};\n\n/** POST /api/image/providers/:id/reveal-api-key — plaintext only when stored in config file. */\nexport async function revealImageProviderConfigApiKey(providerId: string): Promise<RevealImageProviderApiKeyPayload> {\n  const data = await fetchJson<{\n    ok?: boolean;\n    payload?: RevealImageProviderApiKeyPayload;\n    error?: { message?: string };\n  }>(apiUrl(`/api/image/providers/${encodeURIComponent(providerId)}/reveal-api-key`), {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: '{}',\n  });\n  if (!data.ok || !data.payload) {\n    throw new Error(data.error?.message ?? 'Reveal failed');\n  }\n  return data.payload;\n}\n\nexport async function patchImageProvidersConfig(\n  patch: Record<string, Record<string, unknown>>,\n): Promise<void> {\n  if (Object.keys(patch).length === 0) return;\n  await fetchJson(apiUrl('/api/config'), {\n    method: 'PATCH',\n    body: JSON.stringify({ providersConfig: patch }),\n  });\n  await revalidateGatewayConfig();\n}\n","import { CheckCircle2, Copy, ExternalLink, Eye, EyeOff, Loader2 } from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { revealImageProviderConfigApiKey } from '@/features/settings/image-providers-config-api';\nimport type { ApiKeyLinkKind } from '@/features/settings/provider-enrichment';\nimport { providerApiKeyLinkLabel } from '@/features/settings/provider-enrichment';\nimport { isMaskedKey } from '@/features/settings/providers-api';\nimport type { ProvidersSettingsMessages } from '@/i18n/messages';\nimport { settingsInputFocusClass } from '@/lib/form-field-width';\nimport { interaction } from '@/lib/interaction';\nimport { cn } from '@/lib/cn';\n\nexport type ImageProviderApiKeyFieldLabels = {\n  apiKeyLabel: string;\n  optionalPlaceholder: string;\n  maskedHelp: string;\n  copy: string;\n  copied: string;\n  show: string;\n  hide: string;\n  notInConfigFile: string;\n  loadFailed: string;\n};\n\nexport function ImageProviderApiKeyField({\n  providerId,\n  value,\n  onChange,\n  labels,\n  apiKeyLinks,\n  apiKeyLinkLabels,\n}: {\n  providerId: string;\n  value: string;\n  onChange: (next: string) => void;\n  labels: ImageProviderApiKeyFieldLabels;\n  apiKeyLinks: { href: string; kind: ApiKeyLinkKind }[];\n  apiKeyLinkLabels: Pick<ProvidersSettingsMessages, 'getApiKey' | 'getApiKeyIntl' | 'getApiKeyCn'>;\n}) {\n  const [showKey, setShowKey] = useState(false);\n  /** `undefined` = not fetched; `null` = fetched, not in config file; string = plaintext from config */\n  const [revealed, setRevealed] = useState<string | null | undefined>(undefined);\n  const [revealLoading, setRevealLoading] = useState(false);\n  const [revealErr, setRevealErr] = useState<string | null>(null);\n  const [copied, setCopied] = useState(false);\n\n  const masked = isMaskedKey(value);\n\n  useEffect(() => {\n    if (!masked) {\n      setRevealed(undefined);\n      setRevealErr(null);\n    }\n  }, [masked, value]);\n\n  const inputValue = (() => {\n    if (!masked) return value;\n    if (showKey && typeof revealed === 'string') return revealed;\n    return value;\n  })();\n\n  const inputType =\n    !masked || (masked && showKey && typeof revealed === 'string') ? ('text' as const) : ('password' as const);\n\n  const copyEnabled =\n    (!masked && value.trim().length > 0 && !isMaskedKey(value)) ||\n    (Boolean(showKey) && typeof revealed === 'string' && revealed.length > 0);\n\n  const copyKey = useCallback(async () => {\n    const text =\n      !masked && value.trim() && !isMaskedKey(value)\n        ? value.trim()\n        : typeof revealed === 'string' && revealed.length > 0\n          ? revealed\n          : '';\n    if (!text) return;\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      /* ignore */\n    }\n  }, [masked, revealed, value]);\n\n  const toggleEye = useCallback(async () => {\n    setRevealErr(null);\n    if (!masked) {\n      setShowKey((s) => !s);\n      return;\n    }\n    if (revealed !== undefined) {\n      setShowKey((s) => !s);\n      return;\n    }\n    setRevealLoading(true);\n    try {\n      const payload = await revealImageProviderConfigApiKey(providerId);\n      setRevealed(payload.apiKey ?? null);\n      setShowKey(true);\n    } catch (e) {\n      setRevealErr(e instanceof Error ? e.message : labels.loadFailed);\n      setRevealed(null);\n    } finally {\n      setRevealLoading(false);\n    }\n  }, [masked, providerId, revealed, labels.loadFailed]);\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n      <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-key-${providerId}`}>\n        {labels.apiKeyLabel}\n      </label>\n      {apiKeyLinks.length > 0 ? (\n        <div className=\"flex flex-col gap-1\">\n          {apiKeyLinks.map((link) => (\n            <a\n              key={`${link.kind}-${link.href}`}\n              href={link.href}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex w-fit items-center gap-1 text-xs font-medium text-accent-fg hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent\"\n            >\n              {providerApiKeyLinkLabel(link.kind, apiKeyLinkLabels)}\n              <ExternalLink className=\"size-3\" aria-hidden />\n            </a>\n          ))}\n        </div>\n      ) : null}\n      {masked ? <p className=\"text-[11px] text-fg-subtle\">{labels.maskedHelp}</p> : null}\n      <div className=\"relative min-w-0\">\n        <input\n          id={`img-cred-key-${providerId}`}\n          type={inputType}\n          autoComplete=\"off\"\n          spellCheck={false}\n          className={cn(\n            'w-full rounded-lg border border-edge bg-surface-panel py-2 pl-3 pr-24 font-mono text-sm text-fg',\n            'placeholder:text-fg-subtle',\n            settingsInputFocusClass,\n          )}\n          value={inputValue}\n          placeholder={masked ? '••••••••' : labels.optionalPlaceholder}\n          onChange={(e) => {\n            const next = e.target.value;\n            if (masked && typeof revealed === 'string' && showKey && next !== revealed) {\n              setRevealed(undefined);\n              setShowKey(false);\n            }\n            onChange(next);\n          }}\n        />\n        <div className=\"absolute right-1 top-1/2 flex -translate-y-1/2 gap-0.5\">\n          {copyEnabled ? (\n            <button\n              type=\"button\"\n              className={cn(\n                'rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg',\n                interaction.transition,\n                interaction.press,\n                interaction.focusRingPanel,\n              )}\n              title={copied ? labels.copied : labels.copy}\n              aria-label={copied ? labels.copied : labels.copy}\n              onClick={() => void copyKey()}\n            >\n              {copied ? <CheckCircle2 className=\"size-4\" /> : <Copy className=\"size-4\" />}\n            </button>\n          ) : null}\n          <button\n            type=\"button\"\n            className={cn(\n              'rounded p-1.5 text-fg-subtle hover:bg-surface-hover hover:text-fg disabled:opacity-40',\n              interaction.transition,\n              interaction.press,\n              interaction.focusRingPanel,\n            )}\n            title={showKey ? labels.hide : labels.show}\n            aria-label={showKey ? labels.hide : labels.show}\n            disabled={revealLoading}\n            onClick={() => void toggleEye()}\n          >\n            {revealLoading ? (\n              <Loader2 className=\"size-4 animate-spin\" aria-hidden />\n            ) : showKey ? (\n              <EyeOff className=\"size-4\" aria-hidden />\n            ) : (\n              <Eye className=\"size-4\" aria-hidden />\n            )}\n          </button>\n        </div>\n      </div>\n      {masked && showKey && revealed === null && !revealErr ? (\n        <p className=\"text-xs text-amber-700 dark:text-amber-400/90\">{labels.notInConfigFile}</p>\n      ) : null}\n      {revealErr ? <p className=\"text-xs text-red-600 dark:text-red-400\">{revealErr}</p> : null}\n    </div>\n  );\n}\n","import { ExternalLink, Loader2, Save } from 'lucide-react';\nimport { Link } from 'react-router-dom';\n\nimport { Button } from '@/components/ui/button';\nimport { ImageProviderApiKeyField } from '@/features/settings/image-provider-api-key-field';\nimport { emptyImageProviderCredRow, type ImageProviderCredRow } from '@/features/settings/image-providers-config-api';\nimport { getOrderedApiKeyLinks } from '@/features/settings/provider-enrichment';\nimport type {\n  ImageGenProviderCredentialSummary,\n  ImageProviderUiMetadata,\n} from '@/features/settings/use-image-provider-credentials';\nimport type { ProvidersSettingsMessages } from '@/i18n/messages';\nimport { settingsInputFocusClass } from '@/lib/form-field-width';\nimport type { StoredLanguage } from '@/lib/storage';\nimport { cn } from '@/lib/cn';\n\nfunction inputClass(): string {\n  return cn(\n    'w-full rounded-lg border border-edge bg-surface-panel px-3 py-2 text-sm text-fg',\n    'placeholder:text-fg-subtle',\n    settingsInputFocusClass,\n  );\n}\n\nfunction selectClass(): string {\n  return cn(inputClass(), 'appearance-none bg-[length:1rem] bg-[right_0.5rem_center] bg-no-repeat pr-9');\n}\n\nconst CUSTOM_SENTINEL = '__custom__';\n\nfunction dashscopeSelectValue(\n  row: ImageProviderCredRow,\n  regions: NonNullable<ImageProviderUiMetadata['regions']>,\n): string {\n  if (!row.region.trim() && !row.imageBaseUrl.trim()) return '';\n  const r = row.region.trim().toLowerCase();\n  if (regions.some((x) => x.value === r)) return r;\n  return CUSTOM_SENTINEL;\n}\n\nfunction baseUrlSelectValue(\n  row: ImageProviderCredRow,\n  presets: NonNullable<ImageProviderUiMetadata['baseUrlPresets']>,\n): string {\n  const b = row.baseUrl.trim().replace(/\\/+$/, '');\n  if (!b) return '';\n  const norm = presets.map((p) => p.value.replace(/\\/+$/, ''));\n  const idx = norm.indexOf(b);\n  if (idx >= 0) return presets[idx].value;\n  return CUSTOM_SENTINEL;\n}\n\nexport type ImageProviderCredentialsPanelMessages = {\n  credentialsIntro: string;\n  regionHint: string;\n  endpointPresetsHint: string;\n  apiKeyLabel: string;\n  optionalPlaceholder: string;\n  regionLabel: string;\n  baseUrlLabel: string;\n  imageBaseUrlLabel: string;\n  saveCredentials: string;\n  savingCredentials: string;\n  credentialsSaved: string;\n  discardCredentials: string;\n  credentialsNothingToSave: string;\n  credentialsSaveError: string;\n  regionPresetDefault: string;\n  regionPresetCustom: string;\n  baseUrlPresetDefault: string;\n  baseUrlPresetCustom: string;\n  openExtensionSettings: string;\n  openImageModelsPage: string;\n  extensionSettingsLinkTitle: string;\n  imageModelsLinkTitle: string;\n  configured: string;\n  missingKey: string;\n  defaultModel: string;\n  modelsLabel: string;\n  imageBaseUrlPresetHint: string;\n  dashscopeRegion_beijing: string;\n  dashscopeRegion_singapore: string;\n  dashscopeRegion_us: string;\n  apiKeyMaskedHelp: string;\n  apiKeyCopy: string;\n  apiKeyCopied: string;\n  apiKeyShow: string;\n  apiKeyHide: string;\n  apiKeyNotInConfigFile: string;\n  apiKeyRevealFailed: string;\n  minimaxClusterLabel: string;\n  minimaxClusterHint: string;\n  falQueueBaseLabel: string;\n  falQueueBaseHint: string;\n};\n\nfunction translateDashscopeRegion(m: ImageProviderCredentialsPanelMessages, value: string, serverLabel: string) {\n  if (value === 'beijing') return m.dashscopeRegion_beijing;\n  if (value === 'singapore') return m.dashscopeRegion_singapore;\n  if (value === 'us') return m.dashscopeRegion_us;\n  return serverLabel;\n}\n\nfunction baseUrlPresetBlockTitle(\n  t: ImageProviderCredentialsPanelMessages,\n  kind: ImageProviderUiMetadata['baseUrlPresetKind'],\n): string {\n  if (kind === 'minimax') return t.minimaxClusterLabel;\n  if (kind === 'fal') return t.falQueueBaseLabel;\n  return t.baseUrlLabel;\n}\n\nfunction baseUrlPresetBlockHint(\n  t: ImageProviderCredentialsPanelMessages,\n  kind: ImageProviderUiMetadata['baseUrlPresetKind'],\n): string | null {\n  if (kind === 'minimax') return t.minimaxClusterHint;\n  if (kind === 'fal') return t.falQueueBaseHint;\n  return null;\n}\n\nexport function ImageProviderCredentialsPanel({\n  summaries,\n  credDraft,\n  credDirty,\n  credSaving,\n  credError,\n  credSavedFlash,\n  credNoopFlash,\n  updateCredRow,\n  onDiscardCredentials,\n  onSaveCredentials,\n  extensionIds,\n  showExtensionLinks,\n  showImageModelsLink,\n  language,\n  apiKeyLinkLabels,\n  messages: t,\n}: {\n  summaries: ImageGenProviderCredentialSummary[];\n  credDraft: Record<string, ImageProviderCredRow>;\n  credDirty: boolean;\n  credSaving: boolean;\n  credError: string | null;\n  credSavedFlash: boolean;\n  credNoopFlash: boolean;\n  updateCredRow: (id: string, patch: Partial<ImageProviderCredRow>) => void;\n  onDiscardCredentials: () => void;\n  onSaveCredentials: () => void;\n  /** Extension ids present in gateway discovery (for deep links). */\n  extensionIds: Set<string>;\n  showExtensionLinks: boolean;\n  showImageModelsLink: boolean;\n  language: StoredLanguage;\n  apiKeyLinkLabels: Pick<ProvidersSettingsMessages, 'getApiKey' | 'getApiKeyIntl' | 'getApiKeyCn'>;\n  messages: ImageProviderCredentialsPanelMessages;\n}) {\n  const empty = summaries.length === 0;\n\n  if (empty) {\n    return null;\n  }\n\n  const anyRegionUi = summaries.some((s) => (s.ui?.regions?.length ?? 0) > 0);\n  const anyBaseUrlPresets = summaries.some((s) => (s.ui?.baseUrlPresets?.length ?? 0) > 0);\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-1 text-xs leading-relaxed text-fg-muted\">\n        <p>{t.credentialsIntro}</p>\n        {anyRegionUi ? <p className=\"text-fg-subtle\">{t.regionHint}</p> : null}\n        {anyBaseUrlPresets ? <p className=\"text-fg-subtle\">{t.endpointPresetsHint}</p> : null}\n        {showImageModelsLink ? (\n          <p>\n            <Link\n              to=\"/settings/image-models\"\n              className=\"font-medium text-accent hover:underline\"\n              title={t.imageModelsLinkTitle}\n            >\n              {t.openImageModelsPage}\n            </Link>\n          </p>\n        ) : null}\n      </div>\n      {credError ? (\n        <div className=\"rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2 text-sm text-red-700 dark:text-red-300\">\n          {credError}\n        </div>\n      ) : null}\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        {credSavedFlash ? (\n          <span className=\"text-sm text-fg-muted\">{t.credentialsSaved}</span>\n        ) : null}\n        {credNoopFlash ? (\n          <span className=\"text-sm text-fg-muted\">{t.credentialsNothingToSave}</span>\n        ) : null}\n        <Button type=\"button\" variant=\"secondary\" onClick={onDiscardCredentials} disabled={!credDirty || credSaving}>\n          {t.discardCredentials}\n        </Button>\n        <Button type=\"button\" variant=\"primary\" onClick={onSaveCredentials} disabled={!credDirty || credSaving}>\n          {credSaving ? (\n            <>\n              <Loader2 className=\"size-3.5 animate-spin\" />\n              <span className=\"ml-1.5\">{t.savingCredentials}</span>\n            </>\n          ) : (\n            <>\n              <Save className=\"size-3.5\" />\n              <span className=\"ml-1.5\">{t.saveCredentials}</span>\n            </>\n          )}\n        </Button>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {summaries.map((p) => {\n          const row = credDraft[p.id] ?? emptyImageProviderCredRow();\n          const ui = p.ui;\n          const extPath =\n            showExtensionLinks && extensionIds.has(p.id)\n              ? `/settings/ext/${encodeURIComponent(p.id)}`\n              : null;\n          return (\n            <div\n              key={p.id}\n              className=\"rounded-lg border border-edge bg-surface-panel px-4 py-3 shadow-sm dark:shadow-none\"\n            >\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 flex-wrap items-center gap-2\">\n                  <span className=\"text-sm font-semibold text-fg\">{p.label ?? p.id}</span>\n                  <span className=\"text-xs text-fg-subtle\">({p.id})</span>\n                  {extPath ? (\n                    <Link\n                      to={extPath}\n                      className=\"inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline\"\n                      title={t.extensionSettingsLinkTitle}\n                    >\n                      <ExternalLink className=\"size-3\" />\n                      {t.openExtensionSettings}\n                    </Link>\n                  ) : null}\n                </div>\n                {p.configured ? (\n                  <span className=\"rounded-full bg-accent-soft px-2 py-0.5 text-xs font-medium text-accent-fg\">\n                    {t.configured}\n                  </span>\n                ) : (\n                  <span className=\"rounded-full border border-amber-500/40 bg-amber-500/10 px-2 py-0.5 text-xs font-medium text-amber-700 dark:text-amber-300\">\n                    {t.missingKey}\n                  </span>\n                )}\n              </div>\n              {p.defaultModel ? (\n                <p className=\"mt-1 text-xs text-fg-subtle\">\n                  <span className=\"text-fg-muted\">{t.defaultModel}:</span> {p.id}/{p.defaultModel}\n                </p>\n              ) : null}\n              {p.models.length > 0 ? (\n                <p className=\"mt-0.5 text-xs text-fg-subtle\">\n                  <span className=\"text-fg-muted\">{t.modelsLabel}:</span>{' '}\n                  {p.models.map((mm) => `${p.id}/${mm}`).join(', ')}\n                </p>\n              ) : null}\n              <div className=\"mt-4 grid gap-3 sm:grid-cols-2\">\n                <ImageProviderApiKeyField\n                  providerId={p.id}\n                  value={row.apiKey}\n                  onChange={(next) => updateCredRow(p.id, { apiKey: next })}\n                  apiKeyLinks={getOrderedApiKeyLinks(p.id, language)}\n                  apiKeyLinkLabels={apiKeyLinkLabels}\n                  labels={{\n                    apiKeyLabel: t.apiKeyLabel,\n                    optionalPlaceholder: t.optionalPlaceholder,\n                    maskedHelp: t.apiKeyMaskedHelp,\n                    copy: t.apiKeyCopy,\n                    copied: t.apiKeyCopied,\n                    show: t.apiKeyShow,\n                    hide: t.apiKeyHide,\n                    notInConfigFile: t.apiKeyNotInConfigFile,\n                    loadFailed: t.apiKeyRevealFailed,\n                  }}\n                />\n\n                {ui?.regions?.length ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-region-preset-${p.id}`}>\n                      {t.regionLabel}\n                    </label>\n                    <select\n                      id={`img-cred-region-preset-${p.id}`}\n                      className={selectClass()}\n                      value={dashscopeSelectValue(row, ui.regions)}\n                      onChange={(e) => {\n                        const v = e.target.value;\n                        if (v === '') {\n                          updateCredRow(p.id, { region: '', imageBaseUrl: '' });\n                          return;\n                        }\n                        if (v === CUSTOM_SENTINEL) {\n                          updateCredRow(p.id, { region: '', imageBaseUrl: '' });\n                          return;\n                        }\n                        const opt = ui.regions!.find((x) => x.value === v);\n                        if (opt) {\n                          updateCredRow(p.id, { region: opt.value, imageBaseUrl: opt.imageBaseUrl });\n                        }\n                      }}\n                    >\n                      <option value=\"\">{t.regionPresetDefault}</option>\n                      {ui.regions.map((r) => (\n                        <option key={r.value} value={r.value}>\n                          {translateDashscopeRegion(t, r.value, r.label)}\n                        </option>\n                      ))}\n                      <option value={CUSTOM_SENTINEL}>{t.regionPresetCustom}</option>\n                    </select>\n                    {dashscopeSelectValue(row, ui.regions) === CUSTOM_SENTINEL ? (\n                      <div className=\"mt-2 grid gap-2 sm:grid-cols-2\">\n                        <input\n                          type=\"text\"\n                          className={inputClass()}\n                          value={row.region}\n                          placeholder=\"region\"\n                          onChange={(e) => updateCredRow(p.id, { region: e.target.value })}\n                        />\n                        <input\n                          type=\"url\"\n                          className={inputClass()}\n                          value={row.imageBaseUrl}\n                          placeholder={t.imageBaseUrlLabel}\n                          onChange={(e) => updateCredRow(p.id, { imageBaseUrl: e.target.value })}\n                        />\n                      </div>\n                    ) : null}\n                  </div>\n                ) : null}\n\n                {ui?.baseUrlPresets?.length ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-base-preset-${p.id}`}>\n                      {baseUrlPresetBlockTitle(t, ui.baseUrlPresetKind)}\n                    </label>\n                    {baseUrlPresetBlockHint(t, ui.baseUrlPresetKind) ? (\n                      <p className=\"text-[11px] text-fg-subtle\">{baseUrlPresetBlockHint(t, ui.baseUrlPresetKind)}</p>\n                    ) : null}\n                    <select\n                      id={`img-cred-base-preset-${p.id}`}\n                      className={selectClass()}\n                      value={baseUrlSelectValue(row, ui.baseUrlPresets)}\n                      onChange={(e) => {\n                        const v = e.target.value;\n                        if (v === '') {\n                          updateCredRow(p.id, { baseUrl: '' });\n                          return;\n                        }\n                        if (v === CUSTOM_SENTINEL) {\n                          updateCredRow(p.id, { baseUrl: '' });\n                          return;\n                        }\n                        updateCredRow(p.id, { baseUrl: v.replace(/\\/+$/, '') });\n                      }}\n                    >\n                      <option value=\"\">{t.baseUrlPresetDefault}</option>\n                      {ui.baseUrlPresets.map((b) => (\n                        <option key={b.value} value={b.value}>\n                          {b.label}\n                        </option>\n                      ))}\n                      <option value={CUSTOM_SENTINEL}>{t.baseUrlPresetCustom}</option>\n                    </select>\n                    {baseUrlSelectValue(row, ui.baseUrlPresets) === CUSTOM_SENTINEL ? (\n                      <input\n                        type=\"url\"\n                        className={cn(inputClass(), 'mt-2')}\n                        value={row.baseUrl}\n                        placeholder=\"https://…\"\n                        onChange={(e) => updateCredRow(p.id, { baseUrl: e.target.value })}\n                      />\n                    ) : null}\n                  </div>\n                ) : null}\n\n                {ui?.regions?.length && dashscopeSelectValue(row, ui.regions) !== CUSTOM_SENTINEL ? (\n                  <div className=\"flex min-w-0 flex-col gap-1 sm:col-span-2\">\n                    <label className=\"text-xs font-medium text-fg-muted\" htmlFor={`img-cred-imgbase-ro-${p.id}`}>\n                      {t.imageBaseUrlLabel}\n                    </label>\n                    <input\n                      id={`img-cred-imgbase-ro-${p.id}`}\n                      type=\"url\"\n                      readOnly\n                      className={cn(inputClass(), 'cursor-not-allowed opacity-90')}\n                      value={row.imageBaseUrl}\n                      title={t.imageBaseUrlPresetHint}\n                    />\n                    <p className=\"text-[11px] text-fg-subtle\">{t.imageBaseUrlPresetHint}</p>\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { mutate } from 'swr';\n\nimport { useGatewayConfigSwr } from '@/features/gateway/gateway-config-swr';\nimport {\n  buildImageProvidersConfigPatch,\n  emptyImageProviderCredRow,\n  imageProviderCredRowsFromConfigRoot,\n  patchImageProvidersConfig,\n  type ImageProviderCredRow,\n} from '@/features/settings/image-providers-config-api';\nimport { IMAGE_PROVIDERS_SWR_KEY } from '@/features/settings/image-providers-swr-key';\nimport { apiUrl } from '@/lib/url';\nimport { useGatewayStore } from '@/stores/gateway-store';\n\nexport type ImageProviderUiRegionOption = {\n  value: string;\n  label: string;\n  imageBaseUrl: string;\n};\n\nexport type ImageProviderUiBaseUrlPreset = {\n  value: string;\n  label: string;\n};\n\nexport type ImageProviderUiMetadata = {\n  regions?: ImageProviderUiRegionOption[];\n  baseUrlPresets?: ImageProviderUiBaseUrlPreset[];\n  baseUrlPresetKind?: 'fal' | 'minimax' | 'google' | 'openai';\n};\n\nexport type ImageGenProviderCredentialSummary = {\n  id: string;\n  label?: string;\n  defaultModel?: string;\n  models: string[];\n  configured?: boolean;\n  ui?: ImageProviderUiMetadata;\n};\n\nexport function useImageProviderCredentials(summaries: ImageGenProviderCredentialSummary[]) {\n  const hasToken = useGatewayStore((s) => Boolean(s.token));\n  const gwSwr = useGatewayConfigSwr(hasToken);\n  const gwCfg = gwSwr.data;\n\n  const ids = useMemo(() => summaries.map((s) => s.id), [summaries]);\n\n  const [credDraft, setCredDraft] = useState<Record<string, ImageProviderCredRow>>({});\n  const [credBaseline, setCredBaseline] = useState<Record<string, ImageProviderCredRow>>({});\n  const [credSaving, setCredSaving] = useState(false);\n  const [credError, setCredError] = useState<string | null>(null);\n  const [credSavedFlash, setCredSavedFlash] = useState(false);\n  const [credNoopFlash, setCredNoopFlash] = useState(false);\n\n  const credRowsFromServer = useMemo(\n    () => imageProviderCredRowsFromConfigRoot(gwCfg?.payload?.config, ids),\n    [gwCfg?.payload?.config, ids],\n  );\n\n  const credDirty = useMemo(\n    () => JSON.stringify(credDraft) !== JSON.stringify(credBaseline),\n    [credDraft, credBaseline],\n  );\n\n  useEffect(() => {\n    if (!credDirty) {\n      setCredDraft(structuredClone(credRowsFromServer));\n      setCredBaseline(structuredClone(credRowsFromServer));\n    }\n  }, [credRowsFromServer, credDirty]);\n\n  const updateCredRow = useCallback((id: string, patch: Partial<ImageProviderCredRow>) => {\n    setCredDraft((prev) => {\n      const base = prev[id] ?? emptyImageProviderCredRow();\n      return { ...prev, [id]: { ...base, ...patch } };\n    });\n  }, []);\n\n  const onDiscardCredentials = useCallback(() => {\n    setCredDraft(structuredClone(credBaseline));\n    setCredError(null);\n    setCredSavedFlash(false);\n    setCredNoopFlash(false);\n  }, [credBaseline]);\n\n  const saveCredentials = useCallback(\n    async (errorFallback: string) => {\n      const patch = buildImageProvidersConfigPatch(ids, credDraft, credBaseline);\n      if (Object.keys(patch).length === 0) {\n        setCredNoopFlash(true);\n        window.setTimeout(() => setCredNoopFlash(false), 2200);\n        return;\n      }\n      setCredSaving(true);\n      setCredError(null);\n      setCredSavedFlash(false);\n      try {\n        await patchImageProvidersConfig(patch);\n        const updated = await gwSwr.mutate?.();\n        void mutate(apiUrl(IMAGE_PROVIDERS_SWR_KEY));\n        const nextRows = imageProviderCredRowsFromConfigRoot(updated?.payload?.config, ids);\n        setCredDraft(structuredClone(nextRows));\n        setCredBaseline(structuredClone(nextRows));\n        setCredSavedFlash(true);\n        window.setTimeout(() => setCredSavedFlash(false), 2000);\n      } catch (e) {\n        setCredError(e instanceof Error ? e.message : errorFallback);\n      } finally {\n        setCredSaving(false);\n      }\n    },\n    [ids, credDraft, credBaseline, gwSwr],\n  );\n\n  return {\n    gwSwr,\n    credDraft,\n    credBaseline,\n    credDirty,\n    credSaving,\n    credError,\n    credSavedFlash,\n    credNoopFlash,\n    updateCredRow,\n    onDiscardCredentials,\n    saveCredentials,\n  };\n}\n"],"mappings":"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"}

package/dist/gateway/static/root/index.html

@@ -9,7 +9,7 @@
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <link rel="apple-touch-icon" href="/logo.svg" />
     <title>xopc</title>
-    <script type="module" crossorigin src="/assets/index-DLfAjBJz.js"></script>
+    <script type="module" crossorigin src="/assets/index-AWwayu4P.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-DWdDZTNf.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-codemirror-CXAvob9m.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-react-DbimaAId.js">

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.0.42";
+var version = "0.0.44";
 //#endregion
 export { version };
 

package/dist/src/cli/commands/extension-dev.js.map

@@ -1 +1 @@
-{"version":3,"file":"extension-dev.js","names":[],"sources":["../../../../src/cli/commands/extension-dev.ts"],"sourcesContent":["import {\n  existsSync,\n  mkdirSync,\n  readFileSync,\n  symlinkSync,\n  unlinkSync,\n  watch,\n  type FSWatcher,\n} from 'node:fs';\nimport { join, resolve } from 'node:path';\n\nimport { Command } from 'commander';\n\nimport { loadConfig } from '../../config/loader.js';\nimport { resolveConfigPath, resolveExtensionsDir } from '../../config/paths.js';\nimport { checkEngineCompatibility } from '../../extensions/engine-check.js';\nimport type { ExtensionManifest } from '../../extensions/types/index.js';\nimport { normalizeExtensionManifest } from '../../extensions/normalize-manifest.js';\nimport { GatewayServer } from '../../gateway/index.js';\nimport { runGatewayLoop } from '../../gateway/run-loop.js';\nimport { PACKAGE_VERSION } from '../../package-version.js';\nimport { createLogger } from '../../utils/logger.js';\nimport { colors } from '../utils/colors.js';\nimport { getContextWithOpts } from '../index.js';\nimport { initWorkspace } from '../utils/init-workspace.js';\nimport { seedMainAgentBootstrap } from '../../agent/context/workspace-seed.js';\n\nconst log = createLogger('ExtensionDev');\nconst MANIFEST = 'xopc.extension.json';\n\nfunction isRecord(x: unknown): x is Record<string, unknown> {\n  return typeof x === 'object' && x !== null && !Array.isArray(x);\n}\n\nasync function ensureGatewayReady(\n  configPath: string,\n  workspacePath: string,\n  gatewayHost: string,\n  gatewayPort: number,\n): Promise<void> {\n  const result = await initWorkspace({\n    configPath,\n    workspacePath,\n    gatewayHost,\n    gatewayPort,\n  });\n\n  if (result.configCreated || result.workspaceCreated) {\n    console.log('');\n    console.log('👋 First-time setup before starting the gateway...');\n    console.log('');\n    console.log('✅ Setup complete.');\n    console.log(`   Config:    ${configPath}`);\n    console.log(`   Workspace: ${workspacePath}`);\n    console.log('');\n    seedMainAgentBootstrap(result.config);\n  }\n}\n\nfunction loadAndValidateManifest(extensionDir: string): ExtensionManifest | null {\n  const manifestPath = join(extensionDir, MANIFEST);\n  if (!existsSync(manifestPath)) {\n    console.error(colors.red('error:'), `Missing ${MANIFEST} in ${extensionDir}`);\n    return null;\n  }\n  try {\n    const raw = JSON.parse(readFileSync(manifestPath, 'utf-8') as string) as unknown;\n    if (!isRecord(raw)) {\n      console.error(colors.red('error:'), 'Manifest must be a JSON object');\n      return null;\n    }\n    const manifest = normalizeExtensionManifest(raw);\n    if (!manifest.id?.trim()) {\n      console.error(colors.red('error:'), 'Manifest \"id\" is required');\n      return null;\n    }\n    if (manifest.engines?.xopc) {\n      const r = checkEngineCompatibility(PACKAGE_VERSION, manifest.engines.xopc);\n      if (r.parseWarning) {\n        console.log(\n          colors.yellow('warning:'),\n          r.reason ?? 'engines.xopc could not be fully parsed — continuing',\n        );\n      } else if (!r.compatible) {\n        console.log(\n          colors.yellow('warning:'),\n          r.reason ?? `engines.xopc may not match xopc ${PACKAGE_VERSION} — continuing`,\n        );\n      }\n    }\n    return manifest;\n  } catch (e) {\n    log.error({ err: e }, 'Failed to read manifest');\n    console.error(\n      colors.red('error:'),\n      e instanceof Error ? e.message : String(e),\n    );\n    return null;\n  }\n}\n\nfunction setupDevSymlink(extensionDir: string, extensionsDir: string, extensionId: string): string {\n  mkdirSync(extensionsDir, { recursive: true });\n  const symlinkPath = join(extensionsDir, extensionId);\n  if (existsSync(symlinkPath)) {\n    unlinkSync(symlinkPath);\n  }\n  symlinkSync(extensionDir, symlinkPath, 'dir');\n  return symlinkPath;\n}\n\nfunction cleanupSymlink(symlinkPath: string | null): void {\n  if (!symlinkPath) return;\n  try {\n    if (existsSync(symlinkPath)) {\n      unlinkSync(symlinkPath);\n    }\n  } catch (e) {\n    log.warn({ err: e, symlinkPath }, 'Failed to remove dev symlink');\n  }\n}\n\nfunction shouldIgnorePath(relativePath: string): boolean {\n  const parts = relativePath.split(/[/\\\\]/);\n  if (parts.some((p) => p === 'node_modules')) return true;\n  if (parts.some((p) => p.startsWith('.'))) return true;\n  return false;\n}\n\nexport function createExtensionDevCommand(): Command {\n  return new Command('extension:dev')\n    .alias('ext:dev')\n    .description('Symlink an extension into the workspace for live development (optional file watch + gateway)')\n    .argument('[dir]', 'Extension directory (default: current working directory)', '.')\n    .option('--port <number>', 'Gateway port', '18790')\n    .option('--host <address>', 'Gateway host', '127.0.0.1')\n    .option('--no-gateway', 'Do not start the gateway (symlink only)')\n    .option('--no-watch', 'Do not watch files for changes')\n    .action(\n      async (\n        dir: string,\n        options: { port: string; host: string; gateway: boolean; watch: boolean },\n      ) => {\n        const extensionDir = resolve(dir || '.');\n        const manifest = loadAndValidateManifest(extensionDir);\n        if (!manifest) {\n          process.exit(1);\n        }\n\n        const ctx = getContextWithOpts();\n        const config = loadConfig(ctx.configPath);\n        const extensionsDir = resolveExtensionsDir();\n        const symlinkPath = setupDevSymlink(extensionDir, extensionsDir, manifest.id);\n\n        console.log(\n          colors.green('✓'),\n          `Dev symlink: ${symlinkPath} → ${extensionDir}`,\n        );\n        console.log(\n          colors.cyan('Note:'),\n          'restart the gateway or trigger config hot-reload so the extension reload picks up changes.',\n        );\n\n        let debounce: ReturnType<typeof setTimeout> | null = null;\n        let watcher: FSWatcher | null = null;\n\n        if (options.watch) {\n          try {\n            watcher = watch(\n              extensionDir,\n              { recursive: true },\n              (_event, filename) => {\n                const rel = filename ? String(filename) : '';\n                if (rel && shouldIgnorePath(rel)) return;\n                if (debounce) clearTimeout(debounce);\n                debounce = setTimeout(() => {\n                  const label = rel || '(unknown)';\n                  if (/(^|[\\\\/])xopc\\.extension\\.json$/.test(rel) || rel === MANIFEST) {\n                    console.log(colors.cyan('[watch]'), `manifest: ${label}`);\n                  } else if (/\\.(html?|css|mjs|js|tsx?|jsx|json)$/i.test(label)) {\n                    if (/^ui[\\\\/]/.test(rel) || /[\\\\/]ui[\\\\/]/.test(label)) {\n                      console.log(colors.cyan('[watch]'), `ui: ${label}`);\n                    } else {\n                      console.log(colors.cyan('[watch]'), `source: ${label}`);\n                    }\n                  } else {\n                    console.log(colors.cyan('[watch]'), `changed: ${label}`);\n                  }\n                }, 300);\n              },\n            );\n          } catch (e) {\n            log.warn({ err: e }, 'fs.watch failed; continuing without watch');\n          }\n        }\n\n        let cleaned = false;\n        const cleanup = () => {\n          if (cleaned) return;\n          cleaned = true;\n          if (debounce) clearTimeout(debounce);\n          if (watcher) {\n            try {\n              watcher.close();\n            } catch (e) {\n              log.warn({ err: e }, 'watcher close failed');\n            }\n          }\n          cleanupSymlink(symlinkPath);\n        };\n\n        for (const sig of ['SIGINT', 'SIGTERM'] as const) {\n          process.on(sig, () => {\n            cleanup();\n            process.exit(0);\n          });\n        }\n\n        if (!options.gateway) {\n          if (options.watch) {\n            console.log(colors.cyan('Watching…'), 'Ctrl+C to stop and remove symlink');\n          } else {\n            console.log(\n              colors.cyan('Holding process…'),\n              'Ctrl+C to stop and remove symlink (no file watch)',\n            );\n          }\n          await new Promise(() => {\n            /* until SIGINT / SIGTERM */\n          });\n          return;\n        }\n\n        const port = parseInt(options.port, 10);\n        const host = options.host;\n        await ensureGatewayReady(ctx.configPath, ctx.workspacePath, host, port);\n        const cfg = loadConfig(ctx.configPath);\n\n        if (Number.isNaN(port)) {\n          console.error(colors.red('error:'), 'Invalid --port');\n          cleanup();\n          process.exit(1);\n        }\n\n        console.log('');\n        console.log('🚀 Starting gateway (extension dev)…');\n        console.log(`   Host: ${host}`);\n        console.log(`   Port: ${port}`);\n        console.log('');\n\n        try {\n          await runGatewayLoop({\n            configPath: ctx.configPath || resolveConfigPath(),\n            port,\n            start: async () => {\n              const server = new GatewayServer({\n                host,\n                port,\n                token: cfg?.gateway?.auth?.token,\n                verbose: ctx.isVerbose,\n                configPath: ctx.configPath,\n                enableHotReload: true,\n              });\n              await server.start();\n              const displayHost = host === '0.0.0.0' ? 'localhost' : host;\n              const token = cfg?.gateway?.auth?.token;\n              console.log('✅ Gateway started');\n              console.log(`   URL: http://${displayHost}:${port}`);\n              if (token) {\n                console.log(\n                  `   Token: ${String(token).slice(0, 8)}...${String(token).slice(-8)}`,\n                );\n              }\n              console.log('');\n              return server;\n            },\n          });\n        } finally {\n          cleanup();\n        }\n      },\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;aAaoD;YAC4B;sBAMrB;aACN;AAMrD,MAAM,MAAM,aAAa,eAAe;AACxC,MAAM,WAAW;AAEjB,SAAS,SAAS,GAA0C;AAC1D,QAAO,OAAO,MAAM,YAAY,MAAM,QAAQ,CAAC,MAAM,QAAQ,EAAE;;AAGjE,eAAe,mBACb,YACA,eACA,aACA,aACe;CACf,MAAM,SAAS,MAAM,cAAc;EACjC;EACA;EACA;EACA;EACD,CAAC;AAEF,KAAI,OAAO,iBAAiB,OAAO,kBAAkB;AACnD,UAAQ,IAAI,GAAG;AACf,UAAQ,IAAI,qDAAqD;AACjE,UAAQ,IAAI,GAAG;AACf,UAAQ,IAAI,oBAAoB;AAChC,UAAQ,IAAI,iBAAiB,aAAa;AAC1C,UAAQ,IAAI,iBAAiB,gBAAgB;AAC7C,UAAQ,IAAI,GAAG;AACf,yBAAuB,OAAO,OAAO;;;AAIzC,SAAS,wBAAwB,cAAgD;CAC/E,MAAM,eAAe,KAAK,cAAc,SAAS;AACjD,KAAI,CAAC,WAAW,aAAa,EAAE;AAC7B,UAAQ,MAAM,OAAO,IAAI,SAAS,EAAE,WAAW,SAAS,MAAM,eAAe;AAC7E,SAAO;;AAET,KAAI;EACF,MAAM,MAAM,KAAK,MAAM,aAAa,cAAc,QAAQ,CAAW;AACrE,MAAI,CAAC,SAAS,IAAI,EAAE;AAClB,WAAQ,MAAM,OAAO,IAAI,SAAS,EAAE,iCAAiC;AACrE,UAAO;;EAET,MAAM,WAAW,2BAA2B,IAAI;AAChD,MAAI,CAAC,SAAS,IAAI,MAAM,EAAE;AACxB,WAAQ,MAAM,OAAO,IAAI,SAAS,EAAE,8BAA4B;AAChE,UAAO;;AAET,MAAI,SAAS,SAAS,MAAM;GAC1B,MAAM,IAAI,yBAAyB,iBAAiB,SAAS,QAAQ,KAAK;AAC1E,OAAI,EAAE,aACJ,SAAQ,IACN,OAAO,OAAO,WAAW,EACzB,EAAE,UAAU,sDACb;YACQ,CAAC,EAAE,WACZ,SAAQ,IACN,OAAO,OAAO,WAAW,EACzB,EAAE,UAAU,mCAAmC,gBAAgB,eAChE;;AAGL,SAAO;UACA,GAAG;AACV,MAAI,MAAM,EAAE,KAAK,GAAG,EAAE,0BAA0B;AAChD,UAAQ,MACN,OAAO,IAAI,SAAS,EACpB,aAAa,QAAQ,EAAE,UAAU,OAAO,EAAE,CAC3C;AACD,SAAO;;;AAIX,SAAS,gBAAgB,cAAsB,eAAuB,aAA6B;AACjG,WAAU,eAAe,EAAE,WAAW,MAAM,CAAC;CAC7C,MAAM,cAAc,KAAK,eAAe,YAAY;AACpD,KAAI,WAAW,YAAY,CACzB,YAAW,YAAY;AAEzB,aAAY,cAAc,aAAa,MAAM;AAC7C,QAAO;;AAGT,SAAS,eAAe,aAAkC;AACxD,KAAI,CAAC,YAAa;AAClB,KAAI;AACF,MAAI,WAAW,YAAY,CACzB,YAAW,YAAY;UAElB,GAAG;AACV,MAAI,KAAK;GAAE,KAAK;GAAG;GAAa,EAAE,+BAA+B;;;AAIrE,SAAS,iBAAiB,cAA+B;CACvD,MAAM,QAAQ,aAAa,MAAM,QAAQ;AACzC,KAAI,MAAM,MAAM,MAAM,MAAM,eAAe,CAAE,QAAO;AACpD,KAAI,MAAM,MAAM,MAAM,EAAE,WAAW,IAAI,CAAC,CAAE,QAAO;AACjD,QAAO;;AAGT,SAAgB,4BAAqC;AACnD,QAAO,IAAI,QAAQ,gBAAgB,CAChC,MAAM,UAAU,CAChB,YAAY,+FAA+F,CAC3G,SAAS,SAAS,4DAA4D,IAAI,CAClF,OAAO,mBAAmB,gBAAgB,QAAQ,CAClD,OAAO,oBAAoB,gBAAgB,YAAY,CACvD,OAAO,gBAAgB,0CAA0C,CACjE,OAAO,cAAc,iCAAiC,CACtD,OACC,OACE,KACA,YACG;EACH,MAAM,eAAe,QAAQ,OAAO,IAAI;EACxC,MAAM,WAAW,wBAAwB,aAAa;AACtD,MAAI,CAAC,SACH,SAAQ,KAAK,EAAE;EAGjB,MAAM,MAAM,oBAAoB;AACjB,aAAW,IAAI,WAAW;EAEzC,MAAM,cAAc,gBAAgB,cADd,sBACyC,EAAE,SAAS,GAAG;AAE7E,UAAQ,IACN,OAAO,MAAM,IAAI,EACjB,gBAAgB,YAAY,KAAK,eAClC;AACD,UAAQ,IACN,OAAO,KAAK,QAAQ,EACpB,6FACD;EAED,IAAI,WAAiD;EACrD,IAAI,UAA4B;AAEhC,MAAI,QAAQ,MACV,KAAI;AACF,aAAU,MACR,cACA,EAAE,WAAW,MAAM,GAClB,QAAQ,aAAa;IACpB,MAAM,MAAM,WAAW,OAAO,SAAS,GAAG;AAC1C,QAAI,OAAO,iBAAiB,IAAI,CAAE;AAClC,QAAI,SAAU,cAAa,SAAS;AACpC,eAAW,iBAAiB;KAC1B,MAAM,QAAQ,OAAO;AACrB,SAAI,kCAAkC,KAAK,IAAI,IAAI,QAAQ,SACzD,SAAQ,IAAI,OAAO,KAAK,UAAU,EAAE,aAAa,QAAQ;cAChD,uCAAuC,KAAK,MAAM,CAC3D,KAAI,WAAW,KAAK,IAAI,IAAI,eAAe,KAAK,MAAM,CACpD,SAAQ,IAAI,OAAO,KAAK,UAAU,EAAE,OAAO,QAAQ;SAEnD,SAAQ,IAAI,OAAO,KAAK,UAAU,EAAE,WAAW,QAAQ;SAGzD,SAAQ,IAAI,OAAO,KAAK,UAAU,EAAE,YAAY,QAAQ;OAEzD,IAAI;KAEV;WACM,GAAG;AACV,OAAI,KAAK,EAAE,KAAK,GAAG,EAAE,4CAA4C;;EAIrE,IAAI,UAAU;EACd,MAAM,gBAAgB;AACpB,OAAI,QAAS;AACb,aAAU;AACV,OAAI,SAAU,cAAa,SAAS;AACpC,OAAI,QACF,KAAI;AACF,YAAQ,OAAO;YACR,GAAG;AACV,QAAI,KAAK,EAAE,KAAK,GAAG,EAAE,uBAAuB;;AAGhD,kBAAe,YAAY;;AAG7B,OAAK,MAAM,OAAO,CAAC,UAAU,UAAU,CACrC,SAAQ,GAAG,WAAW;AACpB,YAAS;AACT,WAAQ,KAAK,EAAE;IACf;AAGJ,MAAI,CAAC,QAAQ,SAAS;AACpB,OAAI,QAAQ,MACV,SAAQ,IAAI,OAAO,KAAK,YAAY,EAAE,oCAAoC;OAE1E,SAAQ,IACN,OAAO,KAAK,mBAAmB,EAC/B,oDACD;AAEH,SAAM,IAAI,cAAc,GAEtB;AACF;;EAGF,MAAM,OAAO,SAAS,QAAQ,MAAM,GAAG;EACvC,MAAM,OAAO,QAAQ;AACrB,QAAM,mBAAmB,IAAI,YAAY,IAAI,eAAe,MAAM,KAAK;EACvE,MAAM,MAAM,WAAW,IAAI,WAAW;AAEtC,MAAI,OAAO,MAAM,KAAK,EAAE;AACtB,WAAQ,MAAM,OAAO,IAAI,SAAS,EAAE,iBAAiB;AACrD,YAAS;AACT,WAAQ,KAAK,EAAE;;AAGjB,UAAQ,IAAI,GAAG;AACf,UAAQ,IAAI,uCAAuC;AACnD,UAAQ,IAAI,YAAY,OAAO;AAC/B,UAAQ,IAAI,YAAY,OAAO;AAC/B,UAAQ,IAAI,GAAG;AAEf,MAAI;AACF,SAAM,eAAe;IACnB,YAAY,IAAI,cAAc,mBAAmB;IACjD;IACA,OAAO,YAAY;KACjB,MAAM,SAAS,IAAI,cAAc;MAC/B;MACA;MACA,OAAO,KAAK,SAAS,MAAM;MAC3B,SAAS,IAAI;MACb,YAAY,IAAI;MAChB,iBAAiB;MAClB,CAAC;AACF,WAAM,OAAO,OAAO;KACpB,MAAM,cAAc,SAAS,YAAY,cAAc;KACvD,MAAM,QAAQ,KAAK,SAAS,MAAM;AAClC,aAAQ,IAAI,oBAAoB;AAChC,aAAQ,IAAI,kBAAkB,YAAY,GAAG,OAAO;AACpD,SAAI,MACF,SAAQ,IACN,aAAa,OAAO,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,KAAK,OAAO,MAAM,CAAC,MAAM,GAAG,GACpE;AAEH,aAAQ,IAAI,GAAG;AACf,YAAO;;IAEV,CAAC;YACM;AACR,YAAS;;GAGd"}
+{"version":3,"file":"extension-dev.js","names":[],"sources":["../../../../src/cli/commands/extension-dev.ts"],"sourcesContent":["import {\n  existsSync,\n  mkdirSync,\n  readFileSync,\n  symlinkSync,\n  unlinkSync,\n  watch,\n  type FSWatcher,\n} from 'node:fs';\nimport { join, resolve } from 'node:path';\n\nimport { Command } from 'commander';\n\nimport { loadConfig } from '../../config/loader.js';\nimport { resolveConfigPath, resolveExtensionsDir } from '../../config/paths.js';\nimport { checkEngineCompatibility } from '../../extensions/engine-check.js';\nimport type { ExtensionManifest } from '../../extensions/types/index.js';\nimport { normalizeExtensionManifest } from '../../extensions/normalize-manifest.js';\nimport { GatewayServer } from '../../gateway/index.js';\nimport { runGatewayLoop } from '../../gateway/run-loop.js';\nimport { PACKAGE_VERSION } from '../../package-version.js';\nimport { createLogger } from '../../utils/logger.js';\nimport { colors } from '../utils/colors.js';\nimport { getContextWithOpts } from '../index.js';\nimport { initWorkspace } from '../utils/init-workspace.js';\nimport { seedMainAgentBootstrap } from '../../agent/context/workspace-seed.js';\n\nconst log = createLogger('ExtensionDev');\nconst MANIFEST = 'xopc.extension.json';\n\nfunction isRecord(x: unknown): x is Record<string, unknown> {\n  return typeof x === 'object' && x !== null && !Array.isArray(x);\n}\n\nasync function ensureGatewayReady(\n  configPath: string,\n  workspacePath: string,\n  gatewayHost: string,\n  gatewayPort: number,\n): Promise<void> {\n  const result = await initWorkspace({\n    configPath,\n    workspacePath,\n    gatewayHost,\n    gatewayPort,\n  });\n\n  if (result.configCreated || result.workspaceCreated) {\n    console.log('');\n    console.log('👋 First-time setup before starting the gateway...');\n    console.log('');\n    console.log('✅ Setup complete.');\n    console.log(`   Config:    ${configPath}`);\n    console.log(`   Workspace: ${workspacePath}`);\n    console.log('');\n    seedMainAgentBootstrap(result.config);\n  }\n}\n\nfunction loadAndValidateManifest(extensionDir: string): ExtensionManifest | null {\n  const manifestPath = join(extensionDir, MANIFEST);\n  if (!existsSync(manifestPath)) {\n    console.error(colors.red('error:'), `Missing ${MANIFEST} in ${extensionDir}`);\n    return null;\n  }\n  try {\n    const raw = JSON.parse(readFileSync(manifestPath, 'utf-8') as string) as unknown;\n    if (!isRecord(raw)) {\n      console.error(colors.red('error:'), 'Manifest must be a JSON object');\n      return null;\n    }\n    const manifest = normalizeExtensionManifest(raw);\n    if (!manifest.id?.trim()) {\n      console.error(colors.red('error:'), 'Manifest \"id\" is required');\n      return null;\n    }\n    if (manifest.engines?.xopc) {\n      const r = checkEngineCompatibility(PACKAGE_VERSION, manifest.engines.xopc);\n      if (r.parseWarning) {\n        console.log(\n          colors.yellow('warning:'),\n          r.reason ?? 'engines.xopc could not be fully parsed — continuing',\n        );\n      } else if (!r.compatible) {\n        console.log(\n          colors.yellow('warning:'),\n          r.reason ?? `engines.xopc may not match xopc ${PACKAGE_VERSION} — continuing`,\n        );\n      }\n    }\n    return manifest;\n  } catch (e) {\n    log.error({ err: e }, 'Failed to read manifest');\n    console.error(\n      colors.red('error:'),\n      e instanceof Error ? e.message : String(e),\n    );\n    return null;\n  }\n}\n\nfunction setupDevSymlink(extensionDir: string, extensionsDir: string, extensionId: string): string {\n  mkdirSync(extensionsDir, { recursive: true });\n  const symlinkPath = join(extensionsDir, extensionId);\n  if (existsSync(symlinkPath)) {\n    unlinkSync(symlinkPath);\n  }\n  symlinkSync(extensionDir, symlinkPath, 'dir');\n  return symlinkPath;\n}\n\nfunction cleanupSymlink(symlinkPath: string | null): void {\n  if (!symlinkPath) return;\n  try {\n    if (existsSync(symlinkPath)) {\n      unlinkSync(symlinkPath);\n    }\n  } catch (e) {\n    log.warn({ err: e, symlinkPath }, 'Failed to remove dev symlink');\n  }\n}\n\nfunction shouldIgnorePath(relativePath: string): boolean {\n  const parts = relativePath.split(/[/\\\\]/);\n  if (parts.some((p) => p === 'node_modules')) return true;\n  if (parts.some((p) => p.startsWith('.'))) return true;\n  return false;\n}\n\nexport function createExtensionDevCommand(): Command {\n  return new Command('extension:dev')\n    .alias('ext:dev')\n    .description('Symlink an extension into the workspace for live development (optional file watch + gateway)')\n    .argument('[dir]', 'Extension directory (default: current working directory)', '.')\n    .option('--port <number>', 'Gateway port', '18790')\n    .option('--host <address>', 'Gateway host', '127.0.0.1')\n    .option('--no-gateway', 'Do not start the gateway (symlink only)')\n    .option('--no-watch', 'Do not watch files for changes')\n    .action(\n      async (\n        dir: string,\n        options: { port: string; host: string; gateway: boolean; watch: boolean },\n      ) => {\n        const extensionDir = resolve(dir || '.');\n        const manifest = loadAndValidateManifest(extensionDir);\n        if (!manifest) {\n          process.exit(1);\n        }\n\n        const ctx = getContextWithOpts();\n        loadConfig(ctx.configPath);\n        const extensionsDir = resolveExtensionsDir();\n        const symlinkPath = setupDevSymlink(extensionDir, extensionsDir, manifest.id);\n\n        console.log(\n          colors.green('✓'),\n          `Dev symlink: ${symlinkPath} → ${extensionDir}`,\n        );\n        console.log(\n          colors.cyan('Note:'),\n          'restart the gateway or trigger config hot-reload so the extension reload picks up changes.',\n        );\n\n        let debounce: ReturnType<typeof setTimeout> | null = null;\n        let watcher: FSWatcher | null = null;\n\n        if (options.watch) {\n          try {\n            watcher = watch(\n              extensionDir,\n              { recursive: true },\n              (_event, filename) => {\n                const rel = filename ? String(filename) : '';\n                if (rel && shouldIgnorePath(rel)) return;\n                if (debounce) clearTimeout(debounce);\n                debounce = setTimeout(() => {\n                  const label = rel || '(unknown)';\n                  if (/(^|[\\\\/])xopc\\.extension\\.json$/.test(rel) || rel === MANIFEST) {\n                    console.log(colors.cyan('[watch]'), `manifest: ${label}`);\n                  } else if (/\\.(html?|css|mjs|js|tsx?|jsx|json)$/i.test(label)) {\n                    if (/^ui[\\\\/]/.test(rel) || /[\\\\/]ui[\\\\/]/.test(label)) {\n                      console.log(colors.cyan('[watch]'), `ui: ${label}`);\n                    } else {\n                      console.log(colors.cyan('[watch]'), `source: ${label}`);\n                    }\n                  } else {\n                    console.log(colors.cyan('[watch]'), `changed: ${label}`);\n                  }\n                }, 300);\n              },\n            );\n          } catch (e) {\n            log.warn({ err: e }, 'fs.watch failed; continuing without watch');\n          }\n        }\n\n        let cleaned = false;\n        const cleanup = () => {\n          if (cleaned) return;\n          cleaned = true;\n          if (debounce) clearTimeout(debounce);\n          if (watcher) {\n            try {\n              watcher.close();\n            } catch (e) {\n              log.warn({ err: e }, 'watcher close failed');\n            }\n          }\n          cleanupSymlink(symlinkPath);\n        };\n\n        for (const sig of ['SIGINT', 'SIGTERM'] as const) {\n          process.on(sig, () => {\n            cleanup();\n            process.exit(0);\n          });\n        }\n\n        if (!options.gateway) {\n          if (options.watch) {\n            console.log(colors.cyan('Watching…'), 'Ctrl+C to stop and remove symlink');\n          } else {\n            console.log(\n              colors.cyan('Holding process…'),\n              'Ctrl+C to stop and remove symlink (no file watch)',\n            );\n          }\n          await new Promise(() => {\n            /* until SIGINT / SIGTERM */\n          });\n          return;\n        }\n\n        const port = parseInt(options.port, 10);\n        const host = options.host;\n        await ensureGatewayReady(ctx.configPath, ctx.workspacePath, host, port);\n        const cfg = loadConfig(ctx.configPath);\n\n        if (Number.isNaN(port)) {\n          console.error(colors.red('error:'), 'Invalid --port');\n          cleanup();\n          process.exit(1);\n        }\n\n        console.log('');\n        console.log('🚀 Starting gateway (extension dev)…');\n        console.log(`   Host: ${host}`);\n        console.log(`   Port: ${port}`);\n        console.log('');\n\n        try {\n          await runGatewayLoop({\n            configPath: ctx.configPath || resolveConfigPath(),\n            port,\n            start: async () => {\n              const server = new GatewayServer({\n                host,\n                port,\n                token: cfg?.gateway?.auth?.token,\n                verbose: ctx.isVerbose,\n                configPath: ctx.configPath,\n                enableHotReload: true,\n              });\n              await server.start();\n              const displayHost = host === '0.0.0.0' ? 'localhost' : host;\n              const token = cfg?.gateway?.auth?.token;\n              console.log('✅ Gateway started');\n              console.log(`   URL: http://${displayHost}:${port}`);\n              if (token) {\n                console.log(\n                  `   Token: ${String(token).slice(0, 8)}...${String(token).slice(-8)}`,\n                );\n              }\n              console.log('');\n              return server;\n            },\n          });\n        } finally {\n          cleanup();\n        }\n      },\n    );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xopcai/xopc",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "description": "The OPC workstation that grows with you: AI assistant for One Person Companies — CLI, gateway, multi-channel (Telegram/WeChat), 20+ LLM providers via pi-ai, extensions and skills.",
   "type": "module",
   "main": "dist/src/index.js",
@@ -117,7 +117,7 @@
     "tsdown": "0.21.10",
     "tsx": "^4.21.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.0",
+    "typescript-eslint": "^8.59.2",
     "vite": "^8.0.10",
     "vitepress": "^1.6.4",
     "vitest": "4.1.5",