@agent-native/core 0.79.26 → 0.79.27

package/dist/client/resources/McpIntegrationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"McpIntegrationDialog.js","sourceRoot":"","sources":["../../../src/client/resources/McpIntegrationDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  IconArrowLeft,\n  IconCheck,\n  IconExternalLink,\n  IconKey,\n  IconLoader2,\n  IconPlugConnected,\n  IconSearch,\n  IconShieldLock,\n  IconSparkles,\n  IconWorld,\n} from \"@tabler/icons-react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../components/ui/dialog.js\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"../components/ui/tooltip.js\";\nimport { useT } from \"../i18n.js\";\nimport { cn } from \"../utils.js\";\nimport {\n  createMcpIntegrationFormDefaults,\n  filterMcpIntegrations,\n  getDefaultMcpIntegrations,\n  isCustomMcpIntegrationEnabled,\n  type DefaultMcpIntegration,\n  type McpIntegrationAuthMode,\n} from \"./mcp-integration-catalog.js\";\nimport {\n  formatMcpServerError,\n  getMcpUrlValidationError,\n  testMcpServerUrl,\n  useMcpServers,\n  type CreateMcpServerArgs,\n  type McpServerScope,\n} from \"./use-mcp-servers.js\";\n\ntype DialogMode = \"catalog\" | \"form\";\n\ninterface McpIntegrationDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  defaultScope: McpServerScope;\n  canCreateOrgMcp: boolean;\n  hasOrg: boolean;\n  onCreateMcpServer: (args: CreateMcpServerArgs) => Promise<unknown>;\n  onCreated?: () => void;\n}\n\ninterface TestResult {\n  ok: boolean;\n  message: string;\n}\n\nfunction parseHeaderLines(text: string): Record<string, string> | undefined {\n  const out: Record<string, string> = {};\n  for (const line of text.split(/\\r?\\n/)) {\n    const trimmed = line.trim();\n    if (!trimmed) continue;\n    const idx = trimmed.indexOf(\":\");\n    if (idx <= 0) continue;\n    const key = trimmed.slice(0, idx).trim();\n    const value = trimmed.slice(idx + 1).trim();\n    if (!key || !value) continue;\n    out[key] = value;\n  }\n  return Object.keys(out).length > 0 ? out : undefined;\n}\n\nfunction compareUrl(value: string): string {\n  try {\n    const url = new URL(value.trim());\n    url.hash = \"\";\n    return url.toString().replace(/\\/+$/, \"\");\n  } catch {\n    return value.trim().replace(/\\/+$/, \"\");\n  }\n}\n\nfunction authIcon(mode: McpIntegrationAuthMode) {\n  if (mode === \"none\") return <IconWorld className=\"h-3 w-3\" />;\n  if (mode === \"headers\") return <IconKey className=\"h-3 w-3\" />;\n  return <IconShieldLock className=\"h-3 w-3\" />;\n}\n\nfunction authBadgeClass(mode: McpIntegrationAuthMode) {\n  if (mode === \"none\") return \"border-green-500/25 text-green-600\";\n  if (mode === \"headers\") return \"border-amber-500/25 text-amber-600\";\n  return \"border-blue-500/25 text-blue-600\";\n}\n\nexport function McpIntegrationDialog({\n  open,\n  onOpenChange,\n  defaultScope,\n  canCreateOrgMcp,\n  hasOrg,\n  onCreateMcpServer,\n  onCreated,\n}: McpIntegrationDialogProps) {\n  const t = useT();\n  const [mode, setMode] = useState<DialogMode>(\"catalog\");\n  const [query, setQuery] = useState(\"\");\n  const [selected, setSelected] = useState<DefaultMcpIntegration | null>(null);\n  const [scope, setScope] = useState<McpServerScope>(defaultScope);\n  const [name, setName] = useState(\"\");\n  const [url, setUrl] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [headersText, setHeadersText] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [quickBusyId, setQuickBusyId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [testResult, setTestResult] = useState<TestResult | null>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const mcpServersQuery = useMcpServers();\n  const defaultIntegrations = useMemo(() => getDefaultMcpIntegrations(), []);\n  const customIntegrationEnabled = useMemo(\n    () => isCustomMcpIntegrationEnabled(),\n    [],\n  );\n  const showCatalog = defaultIntegrations.length > 0;\n\n  const connectedUrls = useMemo(() => {\n    const servers = [\n      ...(mcpServersQuery.data?.user ?? []),\n      ...(mcpServersQuery.data?.org ?? []),\n    ];\n    return new Set(servers.map((server) => compareUrl(server.url)));\n  }, [mcpServersQuery.data]);\n\n  const filteredIntegrations = useMemo(\n    () => filterMcpIntegrations(query, defaultIntegrations),\n    [defaultIntegrations, query],\n  );\n  const authLabel = (authMode: McpIntegrationAuthMode) => {\n    if (authMode === \"none\") return t(\"mcpIntegrations.auth.none\");\n    if (authMode === \"headers\") return t(\"mcpIntegrations.auth.headers\");\n    return t(\"mcpIntegrations.auth.oauth\");\n  };\n\n  useEffect(() => {\n    if (!open) return;\n    setMode(showCatalog ? \"catalog\" : \"form\");\n    setQuery(\"\");\n    setSelected(null);\n    setScope(defaultScope);\n    setName(\"\");\n    setUrl(\"\");\n    setDescription(\"\");\n    setHeadersText(\"\");\n    setBusy(false);\n    setQuickBusyId(null);\n    setError(null);\n    setTestResult(null);\n  }, [defaultScope, open, showCatalog]);\n\n  useEffect(() => {\n    if (open && mode === \"form\") {\n      const timer = window.setTimeout(() => inputRef.current?.focus(), 60);\n      return () => window.clearTimeout(timer);\n    }\n  }, [mode, open]);\n\n  const clearFeedback = () => {\n    setError(null);\n    setTestResult(null);\n  };\n\n  const openForm = (integration?: DefaultMcpIntegration | null) => {\n    const defaults = createMcpIntegrationFormDefaults(integration);\n    setSelected(integration ?? null);\n    setScope(defaultScope);\n    setName(defaults.name);\n    setUrl(defaults.url);\n    setDescription(defaults.description);\n    setHeadersText(defaults.headersText);\n    setError(null);\n    setTestResult(null);\n    setMode(\"form\");\n  };\n\n  const createServer = async (\n    args: CreateMcpServerArgs,\n    options?: { quickId?: string },\n  ) => {\n    const validationError = getMcpUrlValidationError(args.url);\n    if (validationError) {\n      setError(validationError);\n      setTestResult(null);\n      return;\n    }\n\n    if (options?.quickId) setQuickBusyId(options.quickId);\n    setBusy(true);\n    setError(null);\n    try {\n      await onCreateMcpServer(args);\n      onOpenChange(false);\n      onCreated?.();\n    } catch (err) {\n      setError(formatMcpServerError(err));\n    } finally {\n      setBusy(false);\n      setQuickBusyId(null);\n    }\n  };\n\n  const submitForm = () => {\n    const trimmedName = name.trim();\n    const trimmedUrl = url.trim();\n    if (!trimmedName || !trimmedUrl || busy) return;\n    void createServer({\n      scope,\n      name: trimmedName,\n      url: trimmedUrl,\n      headers: parseHeaderLines(headersText),\n      description: description.trim() || undefined,\n    });\n  };\n\n  const quickConnect = (integration: DefaultMcpIntegration) => {\n    if (integration.authMode !== \"none\") {\n      openForm(integration);\n      return;\n    }\n    void createServer(\n      {\n        scope: defaultScope,\n        name: integration.name,\n        url: integration.url,\n        description: integration.description,\n      },\n      { quickId: integration.id },\n    );\n  };\n\n  const runTest = async () => {\n    const trimmedUrl = url.trim();\n    if (!trimmedUrl || busy) return;\n    const validationError = getMcpUrlValidationError(trimmedUrl);\n    if (validationError) {\n      setTestResult({ ok: false, message: validationError });\n      setError(null);\n      return;\n    }\n    setBusy(true);\n    setError(null);\n    setTestResult(null);\n    try {\n      const res = await testMcpServerUrl(\n        trimmedUrl,\n        parseHeaderLines(headersText),\n      );\n      setTestResult(\n        res.ok\n          ? {\n              ok: true,\n              message: t(\"mcpIntegrations.toolsAvailable\", {\n                count: res.toolCount ?? 0,\n              }),\n            }\n          : { ok: false, message: res.error ?? t(\"mcpIntegrations.failed\") },\n      );\n    } catch (err) {\n      setTestResult({ ok: false, message: formatMcpServerError(err) });\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const renderScopeSelector = () => {\n    const orgTooltip = !hasOrg\n      ? t(\"mcpIntegrations.orgNoOrg\")\n      : !canCreateOrgMcp\n        ? t(\"mcpIntegrations.orgAdminOnly\")\n        : null;\n\n    return (\n      <div className=\"flex gap-1 rounded-md border border-border bg-background p-0.5\">\n        <button\n          type=\"button\"\n          onClick={() => setScope(\"user\")}\n          className={cn(\n            \"flex-1 rounded px-2 py-1.5 text-[11px] font-medium\",\n            scope === \"user\"\n              ? \"bg-accent text-foreground\"\n              : \"text-muted-foreground hover:text-foreground\",\n          )}\n        >\n          {t(\"mcpIntegrations.personal\")}\n        </button>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <button\n              type=\"button\"\n              onClick={() => hasOrg && canCreateOrgMcp && setScope(\"org\")}\n              disabled={!hasOrg || !canCreateOrgMcp}\n              className={cn(\n                \"flex-1 rounded px-2 py-1.5 text-[11px] font-medium\",\n                scope === \"org\"\n                  ? \"bg-accent text-foreground\"\n                  : \"text-muted-foreground hover:text-foreground\",\n                (!hasOrg || !canCreateOrgMcp) &&\n                  \"cursor-not-allowed opacity-50 hover:text-muted-foreground\",\n              )}\n            >\n              {t(\"mcpIntegrations.organization\")}\n            </button>\n          </TooltipTrigger>\n          {orgTooltip && <TooltipContent>{orgTooltip}</TooltipContent>}\n        </Tooltip>\n      </div>\n    );\n  };\n\n  if (!showCatalog && !customIntegrationEnabled) return null;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        {mode === \"catalog\" ? (\n          <>\n            <DialogHeader className=\"border-b border-border pe-12\">\n              <DialogTitle>{t(\"mcpIntegrations.title\")}</DialogTitle>\n              <DialogDescription>\n                {t(\"mcpIntegrations.description\")}\n              </DialogDescription>\n            </DialogHeader>\n            <div className=\"flex flex-col gap-3 border-b border-border p-4 sm:flex-row\">\n              <label className=\"relative min-w-0 flex-1\">\n                <IconSearch className=\"pointer-events-none absolute start-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground\" />\n                <input\n                  value={query}\n                  onChange={(event) => setQuery(event.target.value)}\n                  className=\"h-9 w-full rounded-md border border-border bg-background pe-3 ps-8 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-ring\"\n                  placeholder={t(\"mcpIntegrations.searchPlaceholder\")}\n                />\n              </label>\n              <button\n                type=\"button\"\n                onClick={() => openForm(null)}\n                className={cn(\n                  \"inline-flex h-9 items-center justify-center gap-1.5 rounded-md border border-border bg-background px-3 text-[12px] font-medium text-foreground hover:bg-accent\",\n                  !customIntegrationEnabled && \"hidden\",\n                )}\n              >\n                <IconSparkles className=\"h-3.5 w-3.5\" />\n                {t(\"mcpIntegrations.addYourOwn\")}\n              </button>\n            </div>\n            <div className=\"min-h-0 flex-1 overflow-y-auto p-4\">\n              {error && (\n                <div className=\"mb-3 rounded-md border border-red-500/20 bg-red-500/5 px-3 py-2 text-[12px] leading-relaxed text-red-600 dark:text-red-400\">\n                  {error}\n                </div>\n              )}\n              <div className=\"grid gap-3 sm:grid-cols-2\">\n                {filteredIntegrations.map((integration) => {\n                  const connected = connectedUrls.has(\n                    compareUrl(integration.url),\n                  );\n                  const requiresConfig = integration.authMode !== \"none\";\n                  return (\n                    <article\n                      key={integration.id}\n                      className=\"flex min-h-[150px] flex-col rounded-lg border border-border bg-card p-3\"\n                    >\n                      <div className=\"mb-2 flex items-start justify-between gap-3\">\n                        <div className=\"min-w-0\">\n                          <h3 className=\"truncate text-[13px] font-semibold text-foreground\">\n                            {integration.name}\n                          </h3>\n                          <p className=\"mt-1 line-clamp-2 text-[11px] leading-relaxed text-muted-foreground\">\n                            {t(integration.descriptionKey)}\n                          </p>\n                        </div>\n                        <span\n                          className={cn(\n                            \"inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-medium\",\n                            authBadgeClass(integration.authMode),\n                          )}\n                        >\n                          {authIcon(integration.authMode)}\n                          {authLabel(integration.authMode)}\n                        </span>\n                      </div>\n                      <p className=\"line-clamp-2 flex-1 text-[10px] leading-relaxed text-muted-foreground/70\">\n                        {t(integration.useCaseKey)}\n                      </p>\n                      <div className=\"mt-3 flex items-center gap-2\">\n                        <button\n                          type=\"button\"\n                          onClick={() => quickConnect(integration)}\n                          disabled={busy || connected}\n                          className={cn(\n                            \"inline-flex h-8 flex-1 items-center justify-center gap-1.5 rounded-md px-2.5 text-[12px] font-medium\",\n                            connected\n                              ? \"border border-border bg-muted text-muted-foreground\"\n                              : \"bg-primary text-primary-foreground hover:bg-primary/90\",\n                            (busy || connected) &&\n                              \"cursor-not-allowed opacity-70\",\n                          )}\n                        >\n                          {quickBusyId === integration.id ? (\n                            <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />\n                          ) : connected ? (\n                            <IconCheck className=\"h-3.5 w-3.5\" />\n                          ) : (\n                            <IconPlugConnected className=\"h-3.5 w-3.5\" />\n                          )}\n                          {connected\n                            ? t(\"mcpIntegrations.connected\")\n                            : requiresConfig\n                              ? t(\"mcpIntegrations.configure\")\n                              : t(\"mcpIntegrations.connect\")}\n                        </button>\n                        {integration.docsUrl && (\n                          <a\n                            href={integration.docsUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className=\"inline-flex h-8 w-8 items-center justify-center rounded-md border border-border text-muted-foreground hover:bg-accent hover:text-foreground\"\n                            aria-label={t(\"mcpIntegrations.docsLabel\", {\n                              name: integration.name,\n                            })}\n                          >\n                            <IconExternalLink className=\"h-3.5 w-3.5\" />\n                          </a>\n                        )}\n                      </div>\n                    </article>\n                  );\n                })}\n              </div>\n              {filteredIntegrations.length === 0 && (\n                <div className=\"rounded-md border border-dashed border-border p-6 text-center text-[12px] text-muted-foreground\">\n                  {t(\"mcpIntegrations.noMatches\")}\n                </div>\n              )}\n            </div>\n          </>\n        ) : (\n          <>\n            <DialogHeader className=\"border-b border-border pe-12\">\n              <button\n                type=\"button\"\n                onClick={() => {\n                  clearFeedback();\n                  setMode(\"catalog\");\n                }}\n                className={cn(\n                  \"mb-1 inline-flex w-fit items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground\",\n                  !showCatalog && \"hidden\",\n                )}\n              >\n                <IconArrowLeft className=\"h-3 w-3 rtl:-scale-x-100\" />\n                {t(\"mcpIntegrations.backToIntegrations\")}\n              </button>\n              <DialogTitle>\n                {selected\n                  ? t(\"mcpIntegrations.configureTitle\", {\n                      name: selected.name,\n                    })\n                  : t(\"mcpIntegrations.customTitle\")}\n              </DialogTitle>\n              <DialogDescription>\n                {selected\n                  ? selected.authMode === \"none\"\n                    ? t(\"mcpIntegrations.presetNoAuthDescription\")\n                    : t(\"mcpIntegrations.presetAuthDescription\")\n                  : t(\"mcpIntegrations.customDescription\")}\n              </DialogDescription>\n            </DialogHeader>\n            <div className=\"min-h-0 flex-1 overflow-y-auto p-4\">\n              <div className=\"space-y-3\">\n                {renderScopeSelector()}\n                {selected?.authMode === \"oauth\" && (\n                  <div className=\"rounded-md border border-blue-500/20 bg-blue-500/5 px-3 py-2 text-[11px] leading-relaxed text-blue-700 dark:text-blue-300\">\n                    {t(\"mcpIntegrations.oauthNotice\")}\n                  </div>\n                )}\n                <label className=\"block\">\n                  <span className=\"mb-1 block text-[10px] font-medium text-muted-foreground\">\n                    {t(\"mcpIntegrations.serverName\")}\n                  </span>\n                  <input\n                    ref={inputRef}\n                    value={name}\n                    onChange={(event) => {\n                      setName(event.target.value);\n                      clearFeedback();\n                    }}\n                    className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-ring\"\n                    placeholder={t(\"mcpIntegrations.serverNamePlaceholder\")}\n                  />\n                </label>\n                <label className=\"block\">\n                  <span className=\"mb-1 block text-[10px] font-medium text-muted-foreground\">\n                    {t(\"mcpIntegrations.url\")}\n                  </span>\n                  <input\n                    value={url}\n                    onChange={(event) => {\n                      setUrl(event.target.value);\n                      clearFeedback();\n                    }}\n                    className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-ring\"\n                    placeholder={t(\"mcpIntegrations.urlPlaceholder\")}\n                  />\n                </label>\n                <label className=\"block\">\n                  <span className=\"mb-1 block text-[10px] font-medium text-muted-foreground\">\n                    {t(\"mcpIntegrations.fieldDescription\")}\n                  </span>\n                  <input\n                    value={description}\n                    onChange={(event) => {\n                      setDescription(event.target.value);\n                      clearFeedback();\n                    }}\n                    className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-ring\"\n                    placeholder={t(\"mcpIntegrations.descriptionPlaceholder\")}\n                  />\n                </label>\n                <label className=\"block\">\n                  <span className=\"mb-1 block text-[10px] font-medium text-muted-foreground\">\n                    {t(\"mcpIntegrations.headers\")}\n                  </span>\n                  <textarea\n                    value={headersText}\n                    onChange={(event) => {\n                      setHeadersText(event.target.value);\n                      clearFeedback();\n                    }}\n                    rows={3}\n                    className=\"w-full resize-y rounded-md border border-border bg-background px-2.5 py-1.5 text-[12px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-ring\"\n                    style={{\n                      fontFamily:\n                        'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace',\n                    }}\n                    placeholder={\n                      selected?.headerPlaceholder ??\n                      t(\"mcpIntegrations.headersPlaceholder\")\n                    }\n                  />\n                </label>\n                {selected?.docsUrl && (\n                  <a\n                    href={selected.docsUrl}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"inline-flex items-center gap-1 text-[11px] text-muted-foreground underline hover:text-foreground\"\n                  >\n                    {t(\"mcpIntegrations.openSetupDocs\")}\n                    <IconExternalLink className=\"h-3 w-3\" />\n                  </a>\n                )}\n                {testResult && (\n                  <div\n                    className={cn(\n                      \"flex items-start gap-1 rounded-md px-3 py-2 text-[11px] leading-snug\",\n                      testResult.ok\n                        ? \"bg-green-500/5 text-green-600 dark:text-green-400\"\n                        : \"bg-red-500/5 text-red-600 dark:text-red-400\",\n                    )}\n                  >\n                    {testResult.ok && (\n                      <IconCheck className=\"mt-0.5 h-3 w-3 shrink-0\" />\n                    )}\n                    <span className=\"min-w-0 break-words\">\n                      {testResult.message}\n                    </span>\n                  </div>\n                )}\n                {error && (\n                  <div className=\"break-words rounded-md bg-red-500/5 px-3 py-2 text-[11px] leading-snug text-red-600 dark:text-red-400\">\n                    {error}\n                  </div>\n                )}\n              </div>\n            </div>\n            <div className=\"flex items-center justify-between gap-2 border-t border-border p-4\">\n              <button\n                type=\"button\"\n                onClick={runTest}\n                disabled={!url.trim() || busy}\n                className=\"rounded-md border border-border bg-background px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent disabled:pointer-events-none disabled:opacity-40\"\n              >\n                {t(\"mcpIntegrations.test\")}\n              </button>\n              <button\n                type=\"button\"\n                onClick={submitForm}\n                disabled={!name.trim() || !url.trim() || busy}\n                className=\"inline-flex min-w-[92px] items-center justify-center gap-1.5 rounded-md bg-primary px-3 py-1.5 text-[12px] font-medium text-primary-foreground hover:bg-primary/90 disabled:pointer-events-none disabled:opacity-40\"\n              >\n                {busy && <IconLoader2 className=\"h-3.5 w-3.5 animate-spin\" />}\n                {t(\"mcpIntegrations.connect\")}\n              </button>\n            </div>\n          </>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/client/resources/ResourcesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/client/resources/ResourcesPanel.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAisCxE,wBAAgB,cAAc,sBAwuB7B"}
+{"version":3,"file":"ResourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/client/resources/ResourcesPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAMN,MAAM,OAAO,CAAC;AAo9Bf,wBAAgB,cAAc,sBAwuB7B"}

package/dist/client/resources/ResourcesPanel.js

@@ -1,20 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconPlus, IconUpload, IconArrowLeft, IconPencil, IconBulb, IconBolt, IconTrash, IconEye, IconCode, IconClock, IconMessageChatbot, IconExternalLink, IconLoader2, IconHelp, IconPlugConnected, IconCheck, } from "@tabler/icons-react";
-import React, { useState, useRef, useCallback, useEffect } from "react";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconPlus, IconUpload, IconArrowLeft, IconPencil, IconBulb, IconBolt, IconTrash, IconEye, IconCode, IconClock, IconMessageChatbot, IconExternalLink, IconHelp, IconPlugConnected, } from "@tabler/icons-react";
+import React, { useState, useRef, useCallback, useEffect, useMemo, } from "react";
 import { serializeFrontmatter } from "../../resources/metadata.js";
 import { sendToAgentChat } from "../agent-chat.js";
 import { agentNativePath } from "../api-path.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "../components/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../components/ui/tooltip.js";
 import { PromptComposer } from "../composer/PromptComposer.js";
+import { useT } from "../i18n.js";
 import { useOrg } from "../org/hooks.js";
 import { cn } from "../utils.js";
 import { BuiltinCapabilityDetail } from "./BuiltinCapabilityDetail.js";
+import { isMcpIntegrationCatalogAvailable } from "./mcp-integration-catalog.js";
+import { McpIntegrationDialog } from "./McpIntegrationDialog.js";
 import { McpServerDetail } from "./McpServerDetail.js";
 import { ResourceEditor } from "./ResourceEditor.js";
 import { ResourceTree } from "./ResourceTree.js";
 import { parseMcpBuiltinVirtualId, useBuiltinCapabilities, } from "./use-builtin-capabilities.js";
-import { formatMcpServerError, getMcpUrlValidationError, useMcpServers, useCreateMcpServer, useDeleteMcpServer, testMcpServerUrl, parseMcpVirtualId, } from "./use-mcp-servers.js";
+import { useMcpServers, useCreateMcpServer, useDeleteMcpServer, parseMcpVirtualId, } from "./use-mcp-servers.js";
 import { useResourceTree, useResource, useCreateResource, useUpdateResource, useDeleteResource, useUploadResource, withMcpServersFolder, withAgentScratchFolder, } from "./use-resources.js";
 const WORKSPACE_DOCS_URL = "https://agent-native.com/docs/workspace";
 const LOCAL_WORKSPACE_RESOURCE_METADATA_SOURCE = "local-workspace-resource";
@@ -53,22 +56,17 @@ function buildAgentResourceContent({ name, description, model, tools, body, }) {
     return serializeFrontmatter(fields) + body.trim() + "\n";
 }
 function CreateMenu({ scope, onCreateFile, onCreateResource, onCreateMcpServer, canCreateOrgMcp, hasOrg, onCreated, showToast, }) {
+    const t = useT();
     const [open, setOpen] = useState(false);
+    const [mcpDialogOpen, setMcpDialogOpen] = useState(false);
     const [view, setView] = useState("menu");
+    const showMcpIntegrations = useMemo(() => isMcpIntegrationCatalogAvailable(), []);
     const [value, setValue] = useState("");
     const [agentName, setAgentName] = useState("");
     const [agentDescription, setAgentDescription] = useState("");
     const [agentModel, setAgentModel] = useState("inherit");
     const [agentInstructions, setAgentInstructions] = useState(`# Role\n\nDefine how this agent should work.\n\n## Focus\n\n- What kinds of tasks it should handle\n- What tone or approach it should use\n- Important constraints or preferences\n`);
     const defaultMcpScope = scope === "shared" && canCreateOrgMcp ? "org" : "user";
-    const [mcpScope, setMcpScope] = useState(defaultMcpScope);
-    const [mcpName, setMcpName] = useState("");
-    const [mcpUrl, setMcpUrl] = useState("");
-    const [mcpDescription, setMcpDescription] = useState("");
-    const [mcpHeadersText, setMcpHeadersText] = useState("");
-    const [mcpBusy, setMcpBusy] = useState(false);
-    const [mcpError, setMcpError] = useState(null);
-    const [mcpTestResult, setMcpTestResult] = useState(null);
     const inputRef = useRef(null);
     const skillFileInputRef = useRef(null);
     const skillHoverTimerRef = useRef(null);
@@ -105,35 +103,19 @@ function CreateMenu({ scope, onCreateFile, onCreateResource, onCreateMcpServer,
             setAgentDescription("");
             setAgentModel("inherit");
             setAgentInstructions(`# Role\n\nDefine how this agent should work.\n\n## Focus\n\n- What kinds of tasks it should handle\n- What tone or approach it should use\n- Important constraints or preferences\n`);
-            setMcpScope(defaultMcpScope);
-            setMcpName("");
-            setMcpUrl("");
-            setMcpDescription("");
-            setMcpHeadersText("");
-            setMcpError(null);
-            setMcpTestResult(null);
-            setMcpBusy(false);
             setSkillUploadSlug("");
             setSkillUploadContent("");
             setSkillUploadFileName("");
             setSkillFlyoutOpen(false);
         }
-    }, [open, defaultMcpScope]);
+    }, [open]);
     useEffect(() => {
         if (view !== "menu" && view !== "agent-form") {
             setValue("");
-            if (view === "mcp-server") {
-                setMcpError(null);
-                setMcpTestResult(null);
-            }
             const t = setTimeout(() => inputRef.current?.focus(), 50);
             return () => clearTimeout(t);
         }
     }, [view]);
-    const clearMcpFeedback = () => {
-        setMcpError(null);
-        setMcpTestResult(null);
-    };
     const submitFile = () => {
         const trimmed = value.trim();
         if (trimmed) {
@@ -335,86 +317,6 @@ The result should be a reusable agent profile, not a one-off task response.`,
         setOpen(false);
         onCreated?.();
     };
-    const parseHeaderLines = (text) => {
-        const out = {};
-        for (const line of text.split(/\r?\n/)) {
-            const trimmed = line.trim();
-            if (!trimmed)
-                continue;
-            const idx = trimmed.indexOf(":");
-            if (idx <= 0)
-                continue;
-            const key = trimmed.slice(0, idx).trim();
-            const value = trimmed.slice(idx + 1).trim();
-            if (!key || !value)
-                continue;
-            out[key] = value;
-        }
-        return Object.keys(out).length > 0 ? out : undefined;
-    };
-    const submitMcpServer = async () => {
-        const name = mcpName.trim();
-        const url = mcpUrl.trim();
-        if (!name || !url || mcpBusy)
-            return;
-        const validationError = getMcpUrlValidationError(url);
-        if (validationError) {
-            setMcpError(validationError);
-            setMcpTestResult(null);
-            return;
-        }
-        setMcpError(null);
-        setMcpBusy(true);
-        try {
-            await onCreateMcpServer({
-                scope: mcpScope,
-                name,
-                url,
-                headers: parseHeaderLines(mcpHeadersText),
-                description: mcpDescription.trim() || undefined,
-            });
-            setOpen(false);
-            onCreated?.();
-        }
-        catch (err) {
-            setMcpError(formatMcpServerError(err));
-        }
-        finally {
-            setMcpBusy(false);
-        }
-    };
-    const runMcpTest = async () => {
-        const url = mcpUrl.trim();
-        if (!url || mcpBusy)
-            return;
-        const validationError = getMcpUrlValidationError(url);
-        if (validationError) {
-            setMcpTestResult({ ok: false, message: validationError });
-            setMcpError(null);
-            return;
-        }
-        setMcpTestResult(null);
-        setMcpError(null);
-        setMcpBusy(true);
-        try {
-            const res = await testMcpServerUrl(url, parseHeaderLines(mcpHeadersText));
-            if (res.ok) {
-                setMcpTestResult({
-                    ok: true,
-                    message: `${res.toolCount ?? 0} tool${res.toolCount === 1 ? "" : "s"} available`,
-                });
-            }
-            else {
-                setMcpTestResult({ ok: false, message: res.error ?? "Failed" });
-            }
-        }
-        catch (err) {
-            setMcpTestResult({ ok: false, message: formatMcpServerError(err) });
-        }
-        finally {
-            setMcpBusy(false);
-        }
-    };
     const menuItems = [
         {
             icon: _jsx(IconPlus, { className: "h-3.5 w-3.5" }),
@@ -459,88 +361,70 @@ The result should be a reusable agent profile, not a one-off task response.`,
                 onCreated?.();
             },
         },
-        {
-            icon: _jsx(IconPlugConnected, { className: "h-3.5 w-3.5" }),
-            label: "Connect MCP Server",
-            desc: "Expose external tools to the agent",
-            action: () => setView("mcp-server"),
-        },
+        ...(showMcpIntegrations
+            ? [
+                {
+                    icon: _jsx(IconPlugConnected, { className: "h-3.5 w-3.5" }),
+                    label: t("mcpIntegrations.menuLabel"),
+                    desc: t("mcpIntegrations.menuDescription"),
+                    action: () => {
+                        setOpen(false);
+                        setMcpDialogOpen(true);
+                    },
+                },
+            ]
+            : []),
     ];
-    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx("input", { ref: skillFileInputRef, type: "file", accept: ".md,text/markdown", multiple: true, className: "hidden", onChange: (e) => {
-                    handleUploadSkillFiles(e.target.files);
-                    e.target.value = "";
-                } }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: cn("flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50", open && "bg-accent/50 text-foreground"), children: _jsx(IconPlus, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: "Create new..." })] }), _jsxs(PopoverContent, { align: "end", sideOffset: 6, collisionPadding: 8, className: cn("z-[260] p-0 text-[13px] leading-normal", view === "menu" || view === "file"
-                    ? "w-[260px]"
-                    : "max-h-[70vh] w-[calc(100vw-24px)] max-w-[380px] overflow-y-auto"), children: [view === "menu" && (_jsx("div", { className: "py-1", children: menuItems.map((item) => {
-                            const isSkill = item.label === "Create Skill";
-                            return (_jsxs("div", { className: "relative", onMouseEnter: (e) => {
-                                    if (isSkill) {
-                                        openSkillFlyout(e.currentTarget);
-                                        return;
-                                    }
-                                    if (!item.hoverAction)
-                                        return;
-                                    if (skillHoverTimerRef.current)
-                                        window.clearTimeout(skillHoverTimerRef.current);
-                                    skillHoverTimerRef.current = window.setTimeout(() => {
-                                        item.hoverAction?.();
-                                    }, 180);
-                                }, onMouseLeave: () => {
-                                    if (isSkill) {
-                                        scheduleSkillFlyoutClose();
-                                        return;
-                                    }
-                                    if (skillHoverTimerRef.current) {
-                                        window.clearTimeout(skillHoverTimerRef.current);
-                                        skillHoverTimerRef.current = null;
-                                    }
-                                }, children: [_jsxs("button", { type: "button", onClick: item.action, className: cn("flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50", isSkill && skillFlyoutOpen && "bg-accent/50"), children: [_jsx("span", { className: "text-muted-foreground", children: item.icon }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: item.label }), _jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/60", children: item.desc })] }), isSkill && (_jsx("span", { className: "ml-auto text-muted-foreground/60", children: "\u203A" }))] }), isSkill && skillFlyoutOpen && (_jsxs("div", { role: "menu", onMouseEnter: () => openSkillFlyout(), onMouseLeave: scheduleSkillFlyoutClose, className: cn("absolute top-0 z-20 w-[240px] rounded-lg border border-border bg-popover py-1 shadow-md", skillFlyoutSide === "right"
-                                            ? "left-full ml-1"
-                                            : "right-full mr-1"), children: [_jsxs("button", { type: "button", onClick: () => {
-                                                    setSkillFlyoutOpen(false);
-                                                    setView("skill");
-                                                }, className: "flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50", children: [_jsx("span", { className: "text-muted-foreground", children: _jsx(IconBulb, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: "Create new skill" }), _jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/60", children: "Describe a skill and let the agent draft it" })] })] }), _jsxs("button", { type: "button", onClick: () => {
-                                                    setSkillFlyoutOpen(false);
-                                                    skillFileInputRef.current?.click();
-                                                }, className: "flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50", children: [_jsx("span", { className: "text-muted-foreground", children: _jsx(IconUpload, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: "Upload skill file" }), _jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/60", children: "Import an existing SKILL.md file" })] })] })] }))] }, item.label));
-                        }) })), view === "file" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1.5 block text-[11px] font-medium text-muted-foreground", children: "File path" }), _jsx("input", { ref: inputRef, value: value, onChange: (e) => setValue(e.target.value), onKeyDown: (e) => {
-                                    if (e.key === "Enter")
-                                        submitFile();
-                                    if (e.key === "Escape") {
-                                        e.stopPropagation();
-                                        setView("menu");
-                                    }
-                                }, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "notes/ideas.md" }), _jsx("div", { className: "mt-2.5 flex justify-end", children: _jsx("button", { onClick: submitFile, disabled: !value.trim(), className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: "Create" }) })] })), view === "skill" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Create Skill" }), _jsx("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: "Describe what kind of skill you want and the agent will create it." }), _jsx(PromptComposer, { autoFocus: true, placeholder: "e.g. A skill that reviews PRs for security issues and OWASP top 10 vulnerabilities", draftScope: "resources:create-skill", onSubmit: (text) => submitSkill(text) })] })), view === "skill-upload" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Upload skill file" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: ["Review the content from", " ", _jsx("span", { className: "font-mono", children: skillUploadFileName || "the selected file" }), " ", "before saving."] }), _jsx("label", { className: "mb-1 block text-[10px] font-medium text-muted-foreground", children: "Skill name" }), _jsx("input", { value: skillUploadSlug, onChange: (e) => setSkillUploadSlug(e.target.value), className: "mb-2 w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[12px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "my-skill" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60", children: ["Will be saved at", " ", _jsxs("span", { className: "font-mono", children: ["skills/", slugifyName(skillUploadSlug || "uploaded-skill"), "/SKILL.md"] })] }), _jsx("label", { className: "mb-1 block text-[10px] font-medium text-muted-foreground", children: "Content" }), _jsx("textarea", { value: skillUploadContent, onChange: (e) => setSkillUploadContent(e.target.value), rows: 14, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 font-mono text-[11px] leading-relaxed text-foreground outline-none focus:ring-1 focus:ring-accent" }), _jsxs("div", { className: "mt-2.5 flex justify-end gap-2", children: [_jsx("button", { onClick: () => setView("menu"), className: "rounded-md px-3 py-1.5 text-[12px] font-medium text-muted-foreground hover:bg-accent/40", children: "Back" }), _jsx("button", { onClick: saveUploadedSkill, disabled: !skillUploadContent.trim() || !skillUploadSlug.trim(), className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: "Save" })] })] })), view === "job" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Schedule Task" }), _jsx("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: "Describe what should happen and when." }), _jsx(PromptComposer, { autoFocus: true, placeholder: "e.g. Every weekday at 9am, check for overdue scorecards and send a Slack update", draftScope: "resources:create-job", onSubmit: (text) => submitJob(text) })] })), view === "agent-mode" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Create Agent" }), _jsx("p", { className: "mb-2 text-[10px] leading-relaxed text-muted-foreground/60", children: "Build a reusable sub-agent profile for this workspace." }), _jsxs("div", { className: "space-y-2", children: [_jsxs("button", { onClick: () => setView("agent-prompt"), className: "flex w-full items-start gap-2 rounded-md border border-border px-3 py-2 text-left hover:bg-accent/40", children: [_jsx(IconPencil, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsxs("div", { children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: "Describe It" }), _jsx("div", { className: "text-[10px] text-muted-foreground/60", children: "Let the agent draft the profile from a prompt." })] })] }), _jsxs("button", { onClick: () => setView("agent-form"), className: "flex w-full items-start gap-2 rounded-md border border-border px-3 py-2 text-left hover:bg-accent/40", children: [_jsx(IconMessageChatbot, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsxs("div", { children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: "Fill Form" }), _jsx("div", { className: "text-[10px] text-muted-foreground/60", children: "Set the fields manually and start with a markdown template." })] })] })] })] })), view === "agent-prompt" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Create Agent From Prompt" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: ["Describe the agent you want. It will be saved under", " ", _jsx("code", { children: "agents/" }), "."] }), _jsx(PromptComposer, { autoFocus: true, placeholder: "e.g. A design agent that critiques layouts, suggests UI direction, and prefers concise product reasoning", draftScope: "resources:create-agent", onSubmit: (text) => submitAgentPrompt(text) })] })), view === "agent-form" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-2 block text-[11px] font-semibold text-foreground", children: "Create Agent Manually" }), _jsxs("div", { className: "space-y-2", children: [_jsx("input", { value: agentName, onChange: (e) => setAgentName(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Agent name" }), _jsx("input", { value: agentDescription, onChange: (e) => setAgentDescription(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Short description" }), _jsx("label", { className: "block text-[11px] font-medium text-muted-foreground", children: "Model" }), _jsx("select", { value: agentModel, onChange: (e) => setAgentModel(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none focus:ring-1 focus:ring-accent", children: AGENT_MODEL_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) }), _jsx("label", { className: "block text-[11px] font-medium text-muted-foreground", children: "Instructions" }), _jsx("textarea", { value: agentInstructions, onChange: (e) => setAgentInstructions(e.target.value), rows: 8, className: "w-full resize-y rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", style: {
-                                            fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
-                                            lineHeight: 1.5,
-                                        } })] }), _jsx("div", { className: "mt-2.5 flex justify-end", children: _jsx("button", { onClick: submitAgentManual, disabled: !agentName.trim() ||
-                                        !agentDescription.trim() ||
-                                        !agentInstructions.trim(), className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: "Create" }) })] })), view === "mcp-server" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Connect MCP Server" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: ["Point at any Streamable HTTP MCP server (Zapier, Cloudflare, internal tools). Its tools become available to the agent. Use Personal for private or staging servers; use Organization only for vetted servers the whole org should share.", " ", _jsxs("a", { href: "https://agent-native.com/docs/mcp-clients#remote-via-ui", target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-0.5 text-muted-foreground/80 underline hover:text-foreground", children: ["Learn more", _jsx(IconExternalLink, { className: "inline h-2.5 w-2.5" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex gap-1 rounded-md border border-border p-0.5", children: [_jsx("button", { type: "button", onClick: () => setMcpScope("user"), className: cn("flex-1 rounded px-2 py-1 text-[11px] font-medium", mcpScope === "user"
-                                                    ? "bg-accent text-foreground"
-                                                    : "text-muted-foreground hover:text-foreground"), children: "Personal" }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => hasOrg && canCreateOrgMcp && setMcpScope("org"), disabled: !hasOrg || !canCreateOrgMcp, className: cn("flex-1 rounded px-2 py-1 text-[11px] font-medium", mcpScope === "org"
-                                                                ? "bg-accent text-foreground"
-                                                                : "text-muted-foreground hover:text-foreground", (!hasOrg || !canCreateOrgMcp) &&
-                                                                "cursor-not-allowed opacity-50 hover:text-muted-foreground"), children: "Organization" }) }), _jsx(TooltipContent, { children: !hasOrg
-                                                            ? "Join an organization to share MCP servers"
-                                                            : !canCreateOrgMcp
-                                                                ? "Only owners and admins can add org-scope servers"
-                                                                : undefined })] })] }), _jsx("input", { value: mcpName, onChange: (e) => {
-                                            setMcpName(e.target.value);
-                                            clearMcpFeedback();
-                                        }, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Server name (e.g. zapier-staging)" }), _jsx("input", { value: mcpUrl, onChange: (e) => {
-                                            setMcpUrl(e.target.value);
-                                            clearMcpFeedback();
-                                        }, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "https://mcp.example.com/" }), _jsx("input", { value: mcpDescription, onChange: (e) => {
-                                            setMcpDescription(e.target.value);
-                                            clearMcpFeedback();
-                                        }, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Description (optional)" }), _jsxs("div", { children: [_jsx("label", { className: "block text-[10px] font-medium text-foreground", children: "Headers" }), _jsx("p", { className: "mt-0.5 text-[10px] leading-snug text-muted-foreground/70", children: "Optional. One per line, for example Authorization: Bearer sk-..." })] }), _jsx("textarea", { value: mcpHeadersText, onChange: (e) => {
-                                            setMcpHeadersText(e.target.value);
-                                            clearMcpFeedback();
-                                        }, rows: 2, className: "w-full resize-y rounded-md border border-border bg-background px-2.5 py-1.5 text-[12px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", style: {
-                                            fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
-                                        }, placeholder: "Authorization: Bearer sk-..." }), mcpTestResult && (_jsxs("div", { className: cn("flex items-start gap-1 text-[11px] leading-snug", mcpTestResult.ok
-                                            ? "text-green-600 dark:text-green-400"
-                                            : "text-red-600 dark:text-red-400"), children: [mcpTestResult.ok && (_jsx(IconCheck, { className: "mt-0.5 h-3 w-3 shrink-0" })), _jsx("span", { className: "min-w-0 break-words", children: mcpTestResult.message })] })), mcpError && (_jsx("div", { className: "break-words text-[11px] leading-snug text-red-600 dark:text-red-400", children: mcpError }))] }), _jsxs("div", { className: "mt-2.5 flex items-center justify-between gap-2", children: [_jsx("button", { type: "button", onClick: runMcpTest, disabled: !mcpUrl.trim() || mcpBusy, className: "rounded-md border border-border bg-background px-2.5 py-1.5 text-[11px] font-medium text-foreground hover:bg-accent disabled:opacity-40 disabled:pointer-events-none", children: "Test" }), _jsx("button", { type: "button", onClick: submitMcpServer, disabled: !mcpName.trim() || !mcpUrl.trim() || mcpBusy, className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: mcpBusy ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : ("Connect") })] })] }))] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx("input", { ref: skillFileInputRef, type: "file", accept: ".md,text/markdown", multiple: true, className: "hidden", onChange: (e) => {
+                            handleUploadSkillFiles(e.target.files);
+                            e.target.value = "";
+                        } }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsx("button", { type: "button", className: cn("flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50", open && "bg-accent/50 text-foreground"), children: _jsx(IconPlus, { className: "h-3.5 w-3.5" }) }) }) }), _jsx(TooltipContent, { children: "Create new..." })] }), _jsxs(PopoverContent, { align: "end", sideOffset: 6, collisionPadding: 8, className: cn("z-[260] p-0 text-[13px] leading-normal", view === "menu" || view === "file"
+                            ? "w-[260px]"
+                            : "max-h-[70vh] w-[calc(100vw-24px)] max-w-[380px] overflow-y-auto"), children: [view === "menu" && (_jsx("div", { className: "py-1", children: menuItems.map((item) => {
+                                    const isSkill = item.label === "Create Skill";
+                                    return (_jsxs("div", { className: "relative", onMouseEnter: (e) => {
+                                            if (isSkill) {
+                                                openSkillFlyout(e.currentTarget);
+                                                return;
+                                            }
+                                            if (!item.hoverAction)
+                                                return;
+                                            if (skillHoverTimerRef.current)
+                                                window.clearTimeout(skillHoverTimerRef.current);
+                                            skillHoverTimerRef.current = window.setTimeout(() => {
+                                                item.hoverAction?.();
+                                            }, 180);
+                                        }, onMouseLeave: () => {
+                                            if (isSkill) {
+                                                scheduleSkillFlyoutClose();
+                                                return;
+                                            }
+                                            if (skillHoverTimerRef.current) {
+                                                window.clearTimeout(skillHoverTimerRef.current);
+                                                skillHoverTimerRef.current = null;
+                                            }
+                                        }, children: [_jsxs("button", { type: "button", onClick: item.action, className: cn("flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50", isSkill && skillFlyoutOpen && "bg-accent/50"), children: [_jsx("span", { className: "text-muted-foreground", children: item.icon }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: item.label }), _jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/60", children: item.desc })] }), isSkill && (_jsx("span", { className: "ml-auto text-muted-foreground/60", children: "\u203A" }))] }), isSkill && skillFlyoutOpen && (_jsxs("div", { role: "menu", onMouseEnter: () => openSkillFlyout(), onMouseLeave: scheduleSkillFlyoutClose, className: cn("absolute top-0 z-20 w-[240px] rounded-lg border border-border bg-popover py-1 shadow-md", skillFlyoutSide === "right"
+                                                    ? "left-full ml-1"
+                                                    : "right-full mr-1"), children: [_jsxs("button", { type: "button", onClick: () => {
+                                                            setSkillFlyoutOpen(false);
+                                                            setView("skill");
+                                                        }, className: "flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50", children: [_jsx("span", { className: "text-muted-foreground", children: _jsx(IconBulb, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: "Create new skill" }), _jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/60", children: "Describe a skill and let the agent draft it" })] })] }), _jsxs("button", { type: "button", onClick: () => {
+                                                            setSkillFlyoutOpen(false);
+                                                            skillFileInputRef.current?.click();
+                                                        }, className: "flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50", children: [_jsx("span", { className: "text-muted-foreground", children: _jsx(IconUpload, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: "Upload skill file" }), _jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground/60", children: "Import an existing SKILL.md file" })] })] })] }))] }, item.label));
+                                }) })), view === "file" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1.5 block text-[11px] font-medium text-muted-foreground", children: "File path" }), _jsx("input", { ref: inputRef, value: value, onChange: (e) => setValue(e.target.value), onKeyDown: (e) => {
+                                            if (e.key === "Enter")
+                                                submitFile();
+                                            if (e.key === "Escape") {
+                                                e.stopPropagation();
+                                                setView("menu");
+                                            }
+                                        }, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "notes/ideas.md" }), _jsx("div", { className: "mt-2.5 flex justify-end", children: _jsx("button", { onClick: submitFile, disabled: !value.trim(), className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: "Create" }) })] })), view === "skill" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Create Skill" }), _jsx("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: "Describe what kind of skill you want and the agent will create it." }), _jsx(PromptComposer, { autoFocus: true, placeholder: "e.g. A skill that reviews PRs for security issues and OWASP top 10 vulnerabilities", draftScope: "resources:create-skill", onSubmit: (text) => submitSkill(text) })] })), view === "skill-upload" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Upload skill file" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: ["Review the content from", " ", _jsx("span", { className: "font-mono", children: skillUploadFileName || "the selected file" }), " ", "before saving."] }), _jsx("label", { className: "mb-1 block text-[10px] font-medium text-muted-foreground", children: "Skill name" }), _jsx("input", { value: skillUploadSlug, onChange: (e) => setSkillUploadSlug(e.target.value), className: "mb-2 w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[12px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "my-skill" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60", children: ["Will be saved at", " ", _jsxs("span", { className: "font-mono", children: ["skills/", slugifyName(skillUploadSlug || "uploaded-skill"), "/SKILL.md"] })] }), _jsx("label", { className: "mb-1 block text-[10px] font-medium text-muted-foreground", children: "Content" }), _jsx("textarea", { value: skillUploadContent, onChange: (e) => setSkillUploadContent(e.target.value), rows: 14, className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 font-mono text-[11px] leading-relaxed text-foreground outline-none focus:ring-1 focus:ring-accent" }), _jsxs("div", { className: "mt-2.5 flex justify-end gap-2", children: [_jsx("button", { onClick: () => setView("menu"), className: "rounded-md px-3 py-1.5 text-[12px] font-medium text-muted-foreground hover:bg-accent/40", children: "Back" }), _jsx("button", { onClick: saveUploadedSkill, disabled: !skillUploadContent.trim() || !skillUploadSlug.trim(), className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: "Save" })] })] })), view === "job" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Schedule Task" }), _jsx("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: "Describe what should happen and when." }), _jsx(PromptComposer, { autoFocus: true, placeholder: "e.g. Every weekday at 9am, check for overdue scorecards and send a Slack update", draftScope: "resources:create-job", onSubmit: (text) => submitJob(text) })] })), view === "agent-mode" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Create Agent" }), _jsx("p", { className: "mb-2 text-[10px] leading-relaxed text-muted-foreground/60", children: "Build a reusable sub-agent profile for this workspace." }), _jsxs("div", { className: "space-y-2", children: [_jsxs("button", { onClick: () => setView("agent-prompt"), className: "flex w-full items-start gap-2 rounded-md border border-border px-3 py-2 text-left hover:bg-accent/40", children: [_jsx(IconPencil, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsxs("div", { children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: "Describe It" }), _jsx("div", { className: "text-[10px] text-muted-foreground/60", children: "Let the agent draft the profile from a prompt." })] })] }), _jsxs("button", { onClick: () => setView("agent-form"), className: "flex w-full items-start gap-2 rounded-md border border-border px-3 py-2 text-left hover:bg-accent/40", children: [_jsx(IconMessageChatbot, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsxs("div", { children: [_jsx("div", { className: "text-[12px] font-medium text-foreground", children: "Fill Form" }), _jsx("div", { className: "text-[10px] text-muted-foreground/60", children: "Set the fields manually and start with a markdown template." })] })] })] })] })), view === "agent-prompt" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-1 block text-[11px] font-semibold text-foreground", children: "Create Agent From Prompt" }), _jsxs("p", { className: "mb-2 text-[10px] text-muted-foreground/60 leading-relaxed", children: ["Describe the agent you want. It will be saved under", " ", _jsx("code", { children: "agents/" }), "."] }), _jsx(PromptComposer, { autoFocus: true, placeholder: "e.g. A design agent that critiques layouts, suggests UI direction, and prefers concise product reasoning", draftScope: "resources:create-agent", onSubmit: (text) => submitAgentPrompt(text) })] })), view === "agent-form" && (_jsxs("div", { className: "p-3", children: [_jsx("label", { className: "mb-2 block text-[11px] font-semibold text-foreground", children: "Create Agent Manually" }), _jsxs("div", { className: "space-y-2", children: [_jsx("input", { value: agentName, onChange: (e) => setAgentName(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Agent name" }), _jsx("input", { value: agentDescription, onChange: (e) => setAgentDescription(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", placeholder: "Short description" }), _jsx("label", { className: "block text-[11px] font-medium text-muted-foreground", children: "Model" }), _jsx("select", { value: agentModel, onChange: (e) => setAgentModel(e.target.value), className: "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none focus:ring-1 focus:ring-accent", children: AGENT_MODEL_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) }), _jsx("label", { className: "block text-[11px] font-medium text-muted-foreground", children: "Instructions" }), _jsx("textarea", { value: agentInstructions, onChange: (e) => setAgentInstructions(e.target.value), rows: 8, className: "w-full resize-y rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent", style: {
+                                                    fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
+                                                    lineHeight: 1.5,
+                                                } })] }), _jsx("div", { className: "mt-2.5 flex justify-end", children: _jsx("button", { onClick: submitAgentManual, disabled: !agentName.trim() ||
+                                                !agentDescription.trim() ||
+                                                !agentInstructions.trim(), className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none", children: "Create" }) })] }))] })] }), _jsx(McpIntegrationDialog, { open: mcpDialogOpen, onOpenChange: setMcpDialogOpen, defaultScope: defaultMcpScope, canCreateOrgMcp: canCreateOrgMcp, hasOrg: hasOrg, onCreateMcpServer: onCreateMcpServer, onCreated: onCreated })] }));
 }
 // ─── PathBreadcrumb ─────────────────────────────────────────────────────────
 function PathBreadcrumb({ path }) {