@samanhappy/mcphub 1.0.38 → 1.0.39

package/frontend/dist/assets/{ActivityPage-BZNq-eGE.js.map → ActivityPage-CDKSVr2I.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ActivityPage-BZNq-eGE.js","sources":["../../src/pages/ActivityPage.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Activity,\n  ActivityStats,\n  ActivityFilter,\n  ActivityFilterOptions,\n  ActivityStatus,\n} from '@/types';\nimport {\n  getActivities,\n  getActivityById,\n  getActivityStats,\n  getActivityFilterOptions,\n  deleteOldActivities,\n} from '@/services/activityService';\nimport Pagination from '@/components/ui/Pagination';\n\n// Pagination info type\ninterface PaginationInfo {\n  page: number;\n  limit: number;\n  total: number;\n  totalPages: number;\n  hasNextPage: boolean;\n  hasPrevPage: boolean;\n}\n\nconst STATUS_OPTIONS: ActivityStatus[] = ['success', 'error'];\n\nconst isValidStatus = (value: string): value is ActivityStatus =>\n  STATUS_OPTIONS.includes(value as ActivityStatus);\n\nconst ActivityPage: React.FC = () => {\n  const { t } = useTranslation();\n\n  // State\n  const [activities, setActivities] = useState<Activity[]>([]);\n  const [stats, setStats] = useState<ActivityStats | null>(null);\n  const [filterOptions, setFilterOptions] = useState<ActivityFilterOptions | null>(null);\n  const [pagination, setPagination] = useState<PaginationInfo | null>(null);\n  const [currentPage, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useState(10);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [selectedActivity, setSelectedActivity] = useState<Activity | null>(null);\n  const [showDetailModal, setShowDetailModal] = useState(false);\n\n  // Filter state\n  const [appliedFilters, setAppliedFilters] = useState<ActivityFilter>({});\n  const [searchServer, setSearchServer] = useState('');\n  const [searchTool, setSearchTool] = useState('');\n  const [searchStatus, setSearchStatus] = useState<string>('');\n  const [searchGroup, setSearchGroup] = useState('');\n  const [searchUsername, setSearchUsername] = useState('');\n  const [searchKeyName, setSearchKeyName] = useState('');\n\n  // Fetch data\n  const fetchData = useCallback(async () => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      // Use appliedFilters directly for fetching\n      const currentFilter = { ...appliedFilters };\n\n      // Fetch activities, stats, and filter options in parallel\n      const [activitiesRes, statsRes, optionsRes] = await Promise.all([\n        getActivities(currentPage, itemsPerPage, currentFilter),\n        getActivityStats(currentFilter),\n        getActivityFilterOptions(),\n      ]);\n\n      if (activitiesRes?.success && Array.isArray(activitiesRes.data)) {\n        setActivities(activitiesRes.data);\n        if (activitiesRes.pagination) {\n          setPagination(activitiesRes.pagination);\n        }\n      }\n\n      if (statsRes?.success && statsRes.data) {\n        setStats(statsRes.data);\n      }\n\n      if (optionsRes?.success && optionsRes.data) {\n        setFilterOptions(optionsRes.data);\n      }\n    } catch (err) {\n      console.error('Error fetching activity data:', err);\n      setError(t('activity.fetchError'));\n    } finally {\n      setIsLoading(false);\n    }\n  }, [currentPage, itemsPerPage, appliedFilters, t]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (!pagination) {\n      return;\n    }\n\n    const totalPages = Math.max(1, pagination.totalPages || 1);\n    if (currentPage > totalPages) {\n      setCurrentPage(totalPages);\n    }\n  }, [pagination, currentPage]);\n\n  // Handle view activity details\n  const handleViewDetails = async (activity: Activity) => {\n    try {\n      const response = await getActivityById(activity.id);\n      if (response?.success && response.data) {\n        setSelectedActivity(response.data);\n        setShowDetailModal(true);\n      }\n    } catch (err) {\n      console.error('Error fetching activity details:', err);\n    }\n  };\n\n  // Handle cleanup old activities\n  const handleCleanup = async () => {\n    if (!window.confirm(t('activity.confirmCleanup'))) {\n      return;\n    }\n\n    try {\n      const response = await deleteOldActivities(30);\n      if (response?.success) {\n        alert(t('activity.cleanupSuccess', { count: response.data?.deletedCount || 0 }));\n        fetchData();\n      }\n    } catch (err) {\n      console.error('Error cleaning up activities:', err);\n      alert(t('activity.cleanupError'));\n    }\n  };\n\n  // Handle search\n  const handleSearch = () => {\n    const filters: ActivityFilter = {};\n    if (searchServer) filters.server = searchServer;\n    if (searchTool) filters.tool = searchTool;\n    if (searchStatus && isValidStatus(searchStatus)) {\n      filters.status = searchStatus;\n    }\n    if (searchGroup) filters.group = searchGroup;\n    if (searchUsername) filters.username = searchUsername;\n    if (searchKeyName) filters.keyName = searchKeyName;\n\n    setAppliedFilters(filters);\n    setCurrentPage(1);\n  };\n\n  // Handle clear filters\n  const handleClearFilters = () => {\n    setSearchServer('');\n    setSearchTool('');\n    setSearchStatus('');\n    setSearchGroup('');\n    setSearchUsername('');\n    setSearchKeyName('');\n    setAppliedFilters({});\n    setCurrentPage(1);\n  };\n\n  // Format duration\n  const formatDuration = (ms: number): string => {\n    if (ms < 1000) return `${ms}ms`;\n    if (ms < 60000) return `${(ms / 1000).toFixed(2)}s`;\n    return `${(ms / 60000).toFixed(2)}m`;\n  };\n\n  // Format timestamp\n  const formatTimestamp = (timestamp: string): string => {\n    return new Date(timestamp).toLocaleString();\n  };\n\n  // Parse JSON safely\n  const safeParseJSON = (str: string | undefined): any => {\n    if (!str) return null;\n    try {\n      return JSON.parse(str);\n    } catch {\n      return str;\n    }\n  };\n\n  // Render stats cards\n  const renderStats = () => {\n    if (!stats) return null;\n\n    return (\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3 mb-4\">\n        {[\n          { label: t('activity.totalCalls'), value: stats.totalCalls, tone: 'default' as const },\n          { label: t('activity.successCount'), value: stats.successCount, tone: 'ok' as const },\n          { label: t('activity.errorCount'), value: stats.errorCount, tone: 'err' as const },\n          {\n            label: t('activity.avgDuration'),\n            value: formatDuration(stats.avgDuration),\n            tone: 'default' as const,\n          },\n        ].map((s) => (\n          <div key={s.label} className=\"hub-card\" style={{ padding: '12px 14px' }}>\n            <div className=\"text-[12px]\" style={{ color: 'var(--hub-ink-3)' }}>\n              {s.label}\n            </div>\n            <div\n              className=\"hub-num\"\n              style={{\n                fontSize: 22,\n                fontWeight: 500,\n                lineHeight: 1.1,\n                marginTop: 6,\n                letterSpacing: '-0.02em',\n                color:\n                  s.tone === 'ok'\n                    ? 'oklch(0.4 0.13 145)'\n                    : s.tone === 'err'\n                      ? 'oklch(0.45 0.18 25)'\n                      : 'var(--hub-ink)',\n              }}\n            >\n              {s.value}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  // Render filters\n  const renderFilters = () => {\n    return (\n      <div className=\"hub-card px-4 py-3 mb-4\">\n        <div className=\"flex flex-wrap gap-3 items-end\">\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-server\">\n              {t('activity.server')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-server\"\n                type=\"text\"\n                value={searchServer}\n                onChange={(e) => setSearchServer(e.target.value)}\n                placeholder={t('activity.searchServer')}\n                className=\"hub-input pr-9\"\n                list=\"server-options\"\n              />\n              {searchServer && (\n                <button\n                  onClick={() => setSearchServer('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.servers && (\n              <datalist id=\"server-options\">\n                {filterOptions.servers.map((s) => (\n                  <option key={s} value={s} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-tool\">\n              {t('activity.tool')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-tool\"\n                type=\"text\"\n                value={searchTool}\n                onChange={(e) => setSearchTool(e.target.value)}\n                placeholder={t('activity.searchTool')}\n                className=\"hub-input pr-9\"\n                list=\"tool-options\"\n              />\n              {searchTool && (\n                <button\n                  onClick={() => setSearchTool('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.tools && (\n              <datalist id=\"tool-options\">\n                {filterOptions.tools.map((t) => (\n                  <option key={t} value={t} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-status\">\n              {t('activity.status')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-status\"\n                type=\"text\"\n                value={searchStatus}\n                onChange={(e) => setSearchStatus(e.target.value.toLowerCase())}\n                placeholder={t('activity.searchStatus')}\n                className=\"hub-input pr-9\"\n                list=\"activity-status-options\"\n              />\n              {searchStatus && (\n                <button\n                  onClick={() => setSearchStatus('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            <datalist id=\"activity-status-options\">\n              {STATUS_OPTIONS.map((status) => (\n                <option key={status} value={status} />\n              ))}\n            </datalist>\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-group\">\n              {t('activity.group')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-group\"\n                type=\"text\"\n                value={searchGroup}\n                onChange={(e) => setSearchGroup(e.target.value)}\n                placeholder={t('activity.searchGroup')}\n                className=\"hub-input pr-9\"\n                list=\"group-options\"\n              />\n              {searchGroup && (\n                <button\n                  onClick={() => setSearchGroup('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.groups && (\n              <datalist id=\"group-options\">\n                {filterOptions.groups.map((g) => (\n                  <option key={g} value={g} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-username\">\n              {t('activity.user')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-username\"\n                type=\"text\"\n                value={searchUsername}\n                onChange={(e) => setSearchUsername(e.target.value)}\n                placeholder={t('activity.searchUsername')}\n                className=\"hub-input pr-9\"\n                list=\"username-options\"\n              />\n              {searchUsername && (\n                <button\n                  onClick={() => setSearchUsername('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.usernames && (\n              <datalist id=\"username-options\">\n                {filterOptions.usernames.map((username) => (\n                  <option key={username} value={username} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-keyname\">\n              {t('activity.keyName')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-keyname\"\n                type=\"text\"\n                value={searchKeyName}\n                onChange={(e) => setSearchKeyName(e.target.value)}\n                placeholder={t('activity.searchKeyName')}\n                className=\"hub-input pr-9\"\n                list=\"keyname-options\"\n              />\n              {searchKeyName && (\n                <button\n                  onClick={() => setSearchKeyName('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.keyNames && (\n              <datalist id=\"keyname-options\">\n                {filterOptions.keyNames.map((k) => (\n                  <option key={k} value={k} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-shrink-0 flex items-center gap-2\">\n            <button onClick={handleSearch} className=\"hub-btn primary whitespace-nowrap\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-3.5 w-3.5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n              {t('common.search')}\n            </button>\n            <button onClick={handleClearFilters} className=\"hub-btn whitespace-nowrap\">\n              {t('common.clear')}\n            </button>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  // Render activity table\n  const renderActivityTable = () => {\n    if (activities.length === 0) {\n      return (\n        <div className=\"hub-card p-10 text-center\" style={{ color: 'var(--hub-ink-3)' }}>\n          {t('activity.noData')}\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"hub-card overflow-hidden\">\n        <div className=\"overflow-x-auto\">\n          <table className=\"min-w-full\">\n            <thead style={{ background: 'var(--hub-bg-2)' }}>\n              <tr>\n                {[\n                  t('activity.timestamp'),\n                  t('activity.server'),\n                  t('activity.tool'),\n                  t('activity.duration'),\n                  t('activity.status'),\n                  t('activity.group'),\n                  t('activity.user'),\n                  t('activity.key'),\n                  t('activity.sourceIp'),\n                  t('common.actions'),\n                ].map((label) => (\n                  <th\n                    key={label}\n                    className=\"hub-mono\"\n                    style={{\n                      padding: '9px 14px',\n                      textAlign: 'left',\n                      fontSize: 11,\n                      color: 'var(--hub-ink-3)',\n                      textTransform: 'uppercase',\n                      letterSpacing: '0.08em',\n                      fontWeight: 500,\n                    }}\n                  >\n                    {label}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {activities.map((activity) => (\n                <tr\n                  key={activity.id}\n                  className=\"transition-colors hover:bg-[var(--hub-surface-hover)]\"\n                  style={{ borderTop: '1px solid var(--hub-line-2)' }}\n                >\n                  <td\n                    className=\"hub-mono whitespace-nowrap\"\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-2)' }}\n                  >\n                    {formatTimestamp(activity.timestamp)}\n                  </td>\n                  <td style={{ padding: '10px 14px' }}>\n                    <span className=\"hub-tag\">{activity.server}</span>\n                  </td>\n                  <td style={{ padding: '10px 14px' }}>\n                    <span className=\"hub-tag accent\">{activity.tool}</span>\n                  </td>\n                  <td\n                    className=\"hub-mono hub-num whitespace-nowrap\"\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-2)' }}\n                  >\n                    {formatDuration(activity.duration)}\n                  </td>\n                  <td style={{ padding: '10px 14px' }} className=\"whitespace-nowrap\">\n                    <span\n                      className={`hub-status ${activity.status === 'success' ? 'ok' : 'err'}`}\n                    >\n                      <span className=\"hub-dot\" />\n                      {activity.status === 'success'\n                        ? t('activity.statusSuccess')\n                        : t('activity.statusError')}\n                    </span>\n                  </td>\n                  <td\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-3)' }}\n                  >\n                    {activity.group || '—'}\n                  </td>\n                  <td\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-3)' }}\n                  >\n                    {activity.username || '—'}\n                  </td>\n                  <td\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-3)' }}\n                  >\n                    {activity.keyName || '—'}\n                  </td>\n                  <td\n                    className=\"hub-mono whitespace-nowrap\"\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-3)' }}\n                  >\n                    {activity.sourceIp || '—'}\n                  </td>\n                  <td style={{ padding: '10px 14px' }}>\n                    <button\n                      onClick={() => handleViewDetails(activity)}\n                      className=\"hub-btn ghost sm\"\n                      style={{ color: 'var(--hub-accent)' }}\n                    >\n                      {t('common.view')}\n                    </button>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    );\n  };\n\n  // Render detail modal\n  const renderDetailModal = () => {\n    if (!showDetailModal || !selectedActivity) return null;\n\n    const inputData = safeParseJSON(selectedActivity.input);\n    const outputData = safeParseJSON(selectedActivity.output);\n\n    return (\n      <div className=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50\">\n        <div\n          className=\"hub-card max-w-4xl w-full mx-4 max-h-[90vh] overflow-hidden\"\n          style={{ boxShadow: '0 8px 24px rgba(0,0,0,0.12)' }}\n        >\n          <div\n            className=\"flex items-center justify-between px-5 py-3\"\n            style={{ borderBottom: '1px solid var(--hub-line-2)' }}\n          >\n            <h3 className=\"hub-card-title\">{t('activity.details')}</h3>\n            <button\n              onClick={() => setShowDetailModal(false)}\n              className=\"hub-icon-btn sm\"\n              aria-label=\"close\"\n            >\n              <svg className=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M6 18L18 6M6 6l12 12\"\n                />\n              </svg>\n            </button>\n          </div>\n          <div className=\"px-6 py-4 overflow-y-auto max-h-[calc(90vh-120px)]\">\n            <div className=\"grid grid-cols-2 gap-4 mb-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.timestamp')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white\">\n                  {formatTimestamp(selectedActivity.timestamp)}\n                </p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.duration')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white\">\n                  {formatDuration(selectedActivity.duration)}\n                </p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.server')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white font-mono\">{selectedActivity.server}</p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.tool')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white font-mono\">{selectedActivity.tool}</p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.status')}\n                </label>\n                <span\n                  className={`px-2 py-1 rounded text-xs font-medium ${\n                    selectedActivity.status === 'success'\n                      ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'\n                      : 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200'\n                  }`}\n                >\n                  {selectedActivity.status === 'success'\n                    ? t('activity.statusSuccess')\n                    : t('activity.statusError')}\n                </span>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.group')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white\">{selectedActivity.group || '-'}</p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.user')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white\">{selectedActivity.username || '-'}</p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.sourceIp')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white font-mono\">\n                  {selectedActivity.sourceIp || '-'}\n                </p>\n              </div>\n              {selectedActivity.keyName && (\n                <div>\n                  <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                    {t('activity.key')}\n                  </label>\n                  <p className=\"text-gray-900 dark:text-white\">{selectedActivity.keyName}</p>\n                </div>\n              )}\n            </div>\n\n            {selectedActivity.errorMessage && (\n              <div className=\"mb-4\">\n                <label className=\"block text-sm font-medium text-red-500 mb-1\">\n                  {t('activity.errorMessage')}\n                </label>\n                <div className=\"bg-red-50 dark:bg-red-900/20 rounded p-3 text-sm text-red-800 dark:text-red-200\">\n                  {selectedActivity.errorMessage}\n                </div>\n              </div>\n            )}\n\n            {inputData && (\n              <div className=\"mb-4\">\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400 mb-1\">\n                  {t('activity.input')}\n                </label>\n                <pre className=\"bg-gray-100 dark:bg-gray-700 rounded p-3 text-sm overflow-x-auto max-h-64\">\n                  {typeof inputData === 'string' ? inputData : JSON.stringify(inputData, null, 2)}\n                </pre>\n              </div>\n            )}\n\n            {outputData && (\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400 mb-1\">\n                  {t('activity.output')}\n                </label>\n                <pre className=\"bg-gray-100 dark:bg-gray-700 rounded p-3 text-sm overflow-x-auto max-h-64\">\n                  {typeof outputData === 'string'\n                    ? outputData\n                    : JSON.stringify(outputData, null, 2)}\n                </pre>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <div>\n      <div className=\"flex items-end justify-between gap-4 mb-6\">\n        <div>\n          <h1 className=\"hub-h1\">{t('activity.title')}</h1>\n          <p className=\"hub-sub\">\n            <span className=\"hub-num\">{pagination?.total ?? activities.length}</span> entries\n          </p>\n        </div>\n        <button onClick={handleCleanup} className=\"hub-btn danger\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-3.5 w-3.5\"\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              d=\"M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {t('activity.cleanup')}\n        </button>\n      </div>\n\n      {error && (\n        <div\n          className=\"hub-card flex items-center justify-between gap-3 mb-4\"\n          style={{\n            padding: '10px 14px',\n            borderColor: 'oklch(0.85 0.1 25)',\n            background: 'oklch(0.97 0.03 25)',\n            color: 'oklch(0.4 0.18 25)',\n          }}\n        >\n          <span className=\"truncate text-[13px]\">{error}</span>\n          <button className=\"hub-icon-btn sm\" onClick={() => setError(null)} aria-label=\"close\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"h-3 w-3\"\n              viewBox=\"0 0 20 20\"\n              fill=\"currentColor\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </button>\n        </div>\n      )}\n\n      {isLoading && activities.length === 0 ? (\n        <div className=\"hub-card p-10 text-center\" style={{ color: 'var(--hub-ink-3)' }}>\n          {t('app.loading')}\n        </div>\n      ) : (\n        <>\n          {renderStats()}\n          {renderFilters()}\n          {renderActivityTable()}\n\n          {/* Pagination */}\n          <div className=\"flex items-center mt-6\">\n            <div className=\"flex-[2] text-sm text-gray-500 dark:text-gray-400\">\n              {pagination &&\n                t('common.showing', {\n                  start: (pagination.page - 1) * pagination.limit + 1,\n                  end: Math.min(pagination.page * pagination.limit, pagination.total),\n                  total: pagination.total,\n                })}\n            </div>\n            <div className=\"flex-[4] flex justify-center\">\n              {pagination && pagination.totalPages > 1 && (\n                <Pagination\n                  currentPage={currentPage}\n                  totalPages={pagination.totalPages}\n                  onPageChange={setCurrentPage}\n                  disabled={isLoading}\n                />\n              )}\n            </div>\n            <div className=\"flex-[2] flex items-center justify-end space-x-2\">\n              <label htmlFor=\"perPage\" className=\"text-sm text-gray-500 dark:text-gray-400\">\n                {t('common.itemsPerPage')}:\n              </label>\n              <select\n                id=\"perPage\"\n                value={itemsPerPage}\n                onChange={(e) => {\n                  setItemsPerPage(Number(e.target.value));\n                  setCurrentPage(1);\n                }}\n                disabled={isLoading}\n                className=\"border border-gray-300 dark:border-gray-600 rounded p-1 text-sm dark:bg-gray-700 dark:text-white outline-none disabled:opacity-50 disabled:cursor-not-allowed\"\n              >\n                <option value={10}>10</option>\n                <option value={20}>20</option>\n                <option value={50}>50</option>\n                <option value={100}>100</option>\n              </select>\n            </div>\n          </div>\n        </>\n      )}\n\n      {renderDetailModal()}\n    </div>\n  );\n};\n\nexport default ActivityPage;\n"],"names":["STATUS_OPTIONS","isValidStatus","value","ActivityPage","t","useTranslation","activities","setActivities","useState","stats","setStats","filterOptions","setFilterOptions","pagination","setPagination","currentPage","setCurrentPage","itemsPerPage","setItemsPerPage","isLoading","setIsLoading","error","setError","selectedActivity","setSelectedActivity","showDetailModal","setShowDetailModal","appliedFilters","setAppliedFilters","searchServer","setSearchServer","searchTool","setSearchTool","searchStatus","setSearchStatus","searchGroup","setSearchGroup","searchUsername","setSearchUsername","searchKeyName","setSearchKeyName","fetchData","useCallback","currentFilter","activitiesRes","statsRes","optionsRes","getActivities","getActivityStats","getActivityFilterOptions","err","useEffect","totalPages","handleViewDetails","activity","response","getActivityById","handleCleanup","deleteOldActivities","_a","handleSearch","filters","handleClearFilters","formatDuration","ms","formatTimestamp","timestamp","safeParseJSON","str","renderStats","jsx","s","jsxs","renderFilters","e","status","g","username","k","renderActivityTable","label","renderDetailModal","inputData","outputData","Fragment","Pagination"],"mappings":"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"}
+{"version":3,"file":"ActivityPage-CDKSVr2I.js","sources":["../../src/pages/ActivityPage.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Activity,\n  ActivityStats,\n  ActivityFilter,\n  ActivityFilterOptions,\n  ActivityStatus,\n} from '@/types';\nimport {\n  getActivities,\n  getActivityById,\n  getActivityStats,\n  getActivityFilterOptions,\n  deleteOldActivities,\n} from '@/services/activityService';\nimport Pagination from '@/components/ui/Pagination';\n\n// Pagination info type\ninterface PaginationInfo {\n  page: number;\n  limit: number;\n  total: number;\n  totalPages: number;\n  hasNextPage: boolean;\n  hasPrevPage: boolean;\n}\n\nconst STATUS_OPTIONS: ActivityStatus[] = ['success', 'error'];\n\nconst isValidStatus = (value: string): value is ActivityStatus =>\n  STATUS_OPTIONS.includes(value as ActivityStatus);\n\nconst ActivityPage: React.FC = () => {\n  const { t } = useTranslation();\n\n  // State\n  const [activities, setActivities] = useState<Activity[]>([]);\n  const [stats, setStats] = useState<ActivityStats | null>(null);\n  const [filterOptions, setFilterOptions] = useState<ActivityFilterOptions | null>(null);\n  const [pagination, setPagination] = useState<PaginationInfo | null>(null);\n  const [currentPage, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useState(10);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [selectedActivity, setSelectedActivity] = useState<Activity | null>(null);\n  const [showDetailModal, setShowDetailModal] = useState(false);\n\n  // Filter state\n  const [appliedFilters, setAppliedFilters] = useState<ActivityFilter>({});\n  const [searchServer, setSearchServer] = useState('');\n  const [searchTool, setSearchTool] = useState('');\n  const [searchStatus, setSearchStatus] = useState<string>('');\n  const [searchGroup, setSearchGroup] = useState('');\n  const [searchUsername, setSearchUsername] = useState('');\n  const [searchKeyName, setSearchKeyName] = useState('');\n\n  // Fetch data\n  const fetchData = useCallback(async () => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      // Use appliedFilters directly for fetching\n      const currentFilter = { ...appliedFilters };\n\n      // Fetch activities, stats, and filter options in parallel\n      const [activitiesRes, statsRes, optionsRes] = await Promise.all([\n        getActivities(currentPage, itemsPerPage, currentFilter),\n        getActivityStats(currentFilter),\n        getActivityFilterOptions(),\n      ]);\n\n      if (activitiesRes?.success && Array.isArray(activitiesRes.data)) {\n        setActivities(activitiesRes.data);\n        if (activitiesRes.pagination) {\n          setPagination(activitiesRes.pagination);\n        }\n      }\n\n      if (statsRes?.success && statsRes.data) {\n        setStats(statsRes.data);\n      }\n\n      if (optionsRes?.success && optionsRes.data) {\n        setFilterOptions(optionsRes.data);\n      }\n    } catch (err) {\n      console.error('Error fetching activity data:', err);\n      setError(t('activity.fetchError'));\n    } finally {\n      setIsLoading(false);\n    }\n  }, [currentPage, itemsPerPage, appliedFilters, t]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    if (!pagination) {\n      return;\n    }\n\n    const totalPages = Math.max(1, pagination.totalPages || 1);\n    if (currentPage > totalPages) {\n      setCurrentPage(totalPages);\n    }\n  }, [pagination, currentPage]);\n\n  // Handle view activity details\n  const handleViewDetails = async (activity: Activity) => {\n    try {\n      const response = await getActivityById(activity.id);\n      if (response?.success && response.data) {\n        setSelectedActivity(response.data);\n        setShowDetailModal(true);\n      }\n    } catch (err) {\n      console.error('Error fetching activity details:', err);\n    }\n  };\n\n  // Handle cleanup old activities\n  const handleCleanup = async () => {\n    if (!window.confirm(t('activity.confirmCleanup'))) {\n      return;\n    }\n\n    try {\n      const response = await deleteOldActivities(30);\n      if (response?.success) {\n        alert(t('activity.cleanupSuccess', { count: response.data?.deletedCount || 0 }));\n        fetchData();\n      }\n    } catch (err) {\n      console.error('Error cleaning up activities:', err);\n      alert(t('activity.cleanupError'));\n    }\n  };\n\n  // Handle search\n  const handleSearch = () => {\n    const filters: ActivityFilter = {};\n    if (searchServer) filters.server = searchServer;\n    if (searchTool) filters.tool = searchTool;\n    if (searchStatus && isValidStatus(searchStatus)) {\n      filters.status = searchStatus;\n    }\n    if (searchGroup) filters.group = searchGroup;\n    if (searchUsername) filters.username = searchUsername;\n    if (searchKeyName) filters.keyName = searchKeyName;\n\n    setAppliedFilters(filters);\n    setCurrentPage(1);\n  };\n\n  // Handle clear filters\n  const handleClearFilters = () => {\n    setSearchServer('');\n    setSearchTool('');\n    setSearchStatus('');\n    setSearchGroup('');\n    setSearchUsername('');\n    setSearchKeyName('');\n    setAppliedFilters({});\n    setCurrentPage(1);\n  };\n\n  // Format duration\n  const formatDuration = (ms: number): string => {\n    if (ms < 1000) return `${ms}ms`;\n    if (ms < 60000) return `${(ms / 1000).toFixed(2)}s`;\n    return `${(ms / 60000).toFixed(2)}m`;\n  };\n\n  // Format timestamp\n  const formatTimestamp = (timestamp: string): string => {\n    return new Date(timestamp).toLocaleString();\n  };\n\n  // Parse JSON safely\n  const safeParseJSON = (str: string | undefined): any => {\n    if (!str) return null;\n    try {\n      return JSON.parse(str);\n    } catch {\n      return str;\n    }\n  };\n\n  // Render stats cards\n  const renderStats = () => {\n    if (!stats) return null;\n\n    return (\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3 mb-4\">\n        {[\n          { label: t('activity.totalCalls'), value: stats.totalCalls, tone: 'default' as const },\n          { label: t('activity.successCount'), value: stats.successCount, tone: 'ok' as const },\n          { label: t('activity.errorCount'), value: stats.errorCount, tone: 'err' as const },\n          {\n            label: t('activity.avgDuration'),\n            value: formatDuration(stats.avgDuration),\n            tone: 'default' as const,\n          },\n        ].map((s) => (\n          <div key={s.label} className=\"hub-card\" style={{ padding: '12px 14px' }}>\n            <div className=\"text-[12px]\" style={{ color: 'var(--hub-ink-3)' }}>\n              {s.label}\n            </div>\n            <div\n              className=\"hub-num\"\n              style={{\n                fontSize: 22,\n                fontWeight: 500,\n                lineHeight: 1.1,\n                marginTop: 6,\n                letterSpacing: '-0.02em',\n                color:\n                  s.tone === 'ok'\n                    ? 'oklch(0.4 0.13 145)'\n                    : s.tone === 'err'\n                      ? 'oklch(0.45 0.18 25)'\n                      : 'var(--hub-ink)',\n              }}\n            >\n              {s.value}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  // Render filters\n  const renderFilters = () => {\n    return (\n      <div className=\"hub-card px-4 py-3 mb-4\">\n        <div className=\"flex flex-wrap gap-3 items-end\">\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-server\">\n              {t('activity.server')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-server\"\n                type=\"text\"\n                value={searchServer}\n                onChange={(e) => setSearchServer(e.target.value)}\n                placeholder={t('activity.searchServer')}\n                className=\"hub-input pr-9\"\n                list=\"server-options\"\n              />\n              {searchServer && (\n                <button\n                  onClick={() => setSearchServer('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.servers && (\n              <datalist id=\"server-options\">\n                {filterOptions.servers.map((s) => (\n                  <option key={s} value={s} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-tool\">\n              {t('activity.tool')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-tool\"\n                type=\"text\"\n                value={searchTool}\n                onChange={(e) => setSearchTool(e.target.value)}\n                placeholder={t('activity.searchTool')}\n                className=\"hub-input pr-9\"\n                list=\"tool-options\"\n              />\n              {searchTool && (\n                <button\n                  onClick={() => setSearchTool('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.tools && (\n              <datalist id=\"tool-options\">\n                {filterOptions.tools.map((t) => (\n                  <option key={t} value={t} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-status\">\n              {t('activity.status')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-status\"\n                type=\"text\"\n                value={searchStatus}\n                onChange={(e) => setSearchStatus(e.target.value.toLowerCase())}\n                placeholder={t('activity.searchStatus')}\n                className=\"hub-input pr-9\"\n                list=\"activity-status-options\"\n              />\n              {searchStatus && (\n                <button\n                  onClick={() => setSearchStatus('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            <datalist id=\"activity-status-options\">\n              {STATUS_OPTIONS.map((status) => (\n                <option key={status} value={status} />\n              ))}\n            </datalist>\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-group\">\n              {t('activity.group')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-group\"\n                type=\"text\"\n                value={searchGroup}\n                onChange={(e) => setSearchGroup(e.target.value)}\n                placeholder={t('activity.searchGroup')}\n                className=\"hub-input pr-9\"\n                list=\"group-options\"\n              />\n              {searchGroup && (\n                <button\n                  onClick={() => setSearchGroup('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.groups && (\n              <datalist id=\"group-options\">\n                {filterOptions.groups.map((g) => (\n                  <option key={g} value={g} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-username\">\n              {t('activity.user')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-username\"\n                type=\"text\"\n                value={searchUsername}\n                onChange={(e) => setSearchUsername(e.target.value)}\n                placeholder={t('activity.searchUsername')}\n                className=\"hub-input pr-9\"\n                list=\"username-options\"\n              />\n              {searchUsername && (\n                <button\n                  onClick={() => setSearchUsername('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.usernames && (\n              <datalist id=\"username-options\">\n                {filterOptions.usernames.map((username) => (\n                  <option key={username} value={username} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-1 min-w-[140px]\">\n            <label className=\"sr-only\" htmlFor=\"activity-keyname\">\n              {t('activity.keyName')}\n            </label>\n            <div className=\"relative\">\n              <input\n                id=\"activity-keyname\"\n                type=\"text\"\n                value={searchKeyName}\n                onChange={(e) => setSearchKeyName(e.target.value)}\n                placeholder={t('activity.searchKeyName')}\n                className=\"hub-input pr-9\"\n                list=\"keyname-options\"\n              />\n              {searchKeyName && (\n                <button\n                  onClick={() => setSearchKeyName('')}\n                  className=\"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300\"\n                  aria-label={t('common.clear')}\n                  type=\"button\"\n                >\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-4 w-4\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"currentColor\"\n                  >\n                    <path\n                      fillRule=\"evenodd\"\n                      d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                      clipRule=\"evenodd\"\n                    />\n                  </svg>\n                </button>\n              )}\n            </div>\n            {filterOptions?.keyNames && (\n              <datalist id=\"keyname-options\">\n                {filterOptions.keyNames.map((k) => (\n                  <option key={k} value={k} />\n                ))}\n              </datalist>\n            )}\n          </div>\n          <div className=\"flex-shrink-0 flex items-center gap-2\">\n            <button onClick={handleSearch} className=\"hub-btn primary whitespace-nowrap\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-3.5 w-3.5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n              {t('common.search')}\n            </button>\n            <button onClick={handleClearFilters} className=\"hub-btn whitespace-nowrap\">\n              {t('common.clear')}\n            </button>\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  // Render activity table\n  const renderActivityTable = () => {\n    if (activities.length === 0) {\n      return (\n        <div className=\"hub-card p-10 text-center\" style={{ color: 'var(--hub-ink-3)' }}>\n          {t('activity.noData')}\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"hub-card overflow-hidden\">\n        <div className=\"overflow-x-auto\">\n          <table className=\"min-w-full\">\n            <thead style={{ background: 'var(--hub-bg-2)' }}>\n              <tr>\n                {[\n                  t('activity.timestamp'),\n                  t('activity.server'),\n                  t('activity.tool'),\n                  t('activity.duration'),\n                  t('activity.status'),\n                  t('activity.group'),\n                  t('activity.user'),\n                  t('activity.key'),\n                  t('activity.sourceIp'),\n                  t('common.actions'),\n                ].map((label) => (\n                  <th\n                    key={label}\n                    className=\"hub-mono\"\n                    style={{\n                      padding: '9px 14px',\n                      textAlign: 'left',\n                      fontSize: 11,\n                      color: 'var(--hub-ink-3)',\n                      textTransform: 'uppercase',\n                      letterSpacing: '0.08em',\n                      fontWeight: 500,\n                    }}\n                  >\n                    {label}\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {activities.map((activity) => (\n                <tr\n                  key={activity.id}\n                  className=\"transition-colors hover:bg-[var(--hub-surface-hover)]\"\n                  style={{ borderTop: '1px solid var(--hub-line-2)' }}\n                >\n                  <td\n                    className=\"hub-mono whitespace-nowrap\"\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-2)' }}\n                  >\n                    {formatTimestamp(activity.timestamp)}\n                  </td>\n                  <td style={{ padding: '10px 14px' }}>\n                    <span className=\"hub-tag\">{activity.server}</span>\n                  </td>\n                  <td style={{ padding: '10px 14px' }}>\n                    <span className=\"hub-tag accent\">{activity.tool}</span>\n                  </td>\n                  <td\n                    className=\"hub-mono hub-num whitespace-nowrap\"\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-2)' }}\n                  >\n                    {formatDuration(activity.duration)}\n                  </td>\n                  <td style={{ padding: '10px 14px' }} className=\"whitespace-nowrap\">\n                    <span\n                      className={`hub-status ${activity.status === 'success' ? 'ok' : 'err'}`}\n                    >\n                      <span className=\"hub-dot\" />\n                      {activity.status === 'success'\n                        ? t('activity.statusSuccess')\n                        : t('activity.statusError')}\n                    </span>\n                  </td>\n                  <td\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-3)' }}\n                  >\n                    {activity.group || '—'}\n                  </td>\n                  <td\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-3)' }}\n                  >\n                    {activity.username || '—'}\n                  </td>\n                  <td\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-3)' }}\n                  >\n                    {activity.keyName || '—'}\n                  </td>\n                  <td\n                    className=\"hub-mono whitespace-nowrap\"\n                    style={{ padding: '10px 14px', fontSize: 12, color: 'var(--hub-ink-3)' }}\n                  >\n                    {activity.sourceIp || '—'}\n                  </td>\n                  <td style={{ padding: '10px 14px' }}>\n                    <button\n                      onClick={() => handleViewDetails(activity)}\n                      className=\"hub-btn ghost sm\"\n                      style={{ color: 'var(--hub-accent)' }}\n                    >\n                      {t('common.view')}\n                    </button>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    );\n  };\n\n  // Render detail modal\n  const renderDetailModal = () => {\n    if (!showDetailModal || !selectedActivity) return null;\n\n    const inputData = safeParseJSON(selectedActivity.input);\n    const outputData = safeParseJSON(selectedActivity.output);\n\n    return (\n      <div className=\"fixed inset-0 bg-black/50 flex items-center justify-center z-50\">\n        <div\n          className=\"hub-card max-w-4xl w-full mx-4 max-h-[90vh] overflow-hidden\"\n          style={{ boxShadow: '0 8px 24px rgba(0,0,0,0.12)' }}\n        >\n          <div\n            className=\"flex items-center justify-between px-5 py-3\"\n            style={{ borderBottom: '1px solid var(--hub-line-2)' }}\n          >\n            <h3 className=\"hub-card-title\">{t('activity.details')}</h3>\n            <button\n              onClick={() => setShowDetailModal(false)}\n              className=\"hub-icon-btn sm\"\n              aria-label=\"close\"\n            >\n              <svg className=\"h-3.5 w-3.5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M6 18L18 6M6 6l12 12\"\n                />\n              </svg>\n            </button>\n          </div>\n          <div className=\"px-6 py-4 overflow-y-auto max-h-[calc(90vh-120px)]\">\n            <div className=\"grid grid-cols-2 gap-4 mb-4\">\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.timestamp')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white\">\n                  {formatTimestamp(selectedActivity.timestamp)}\n                </p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.duration')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white\">\n                  {formatDuration(selectedActivity.duration)}\n                </p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.server')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white font-mono\">{selectedActivity.server}</p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.tool')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white font-mono\">{selectedActivity.tool}</p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.status')}\n                </label>\n                <span\n                  className={`px-2 py-1 rounded text-xs font-medium ${\n                    selectedActivity.status === 'success'\n                      ? 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'\n                      : 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200'\n                  }`}\n                >\n                  {selectedActivity.status === 'success'\n                    ? t('activity.statusSuccess')\n                    : t('activity.statusError')}\n                </span>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.group')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white\">{selectedActivity.group || '-'}</p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.user')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white\">{selectedActivity.username || '-'}</p>\n              </div>\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                  {t('activity.sourceIp')}\n                </label>\n                <p className=\"text-gray-900 dark:text-white font-mono\">\n                  {selectedActivity.sourceIp || '-'}\n                </p>\n              </div>\n              {selectedActivity.keyName && (\n                <div>\n                  <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400\">\n                    {t('activity.key')}\n                  </label>\n                  <p className=\"text-gray-900 dark:text-white\">{selectedActivity.keyName}</p>\n                </div>\n              )}\n            </div>\n\n            {selectedActivity.errorMessage && (\n              <div className=\"mb-4\">\n                <label className=\"block text-sm font-medium text-red-500 mb-1\">\n                  {t('activity.errorMessage')}\n                </label>\n                <div className=\"bg-red-50 dark:bg-red-900/20 rounded p-3 text-sm text-red-800 dark:text-red-200\">\n                  {selectedActivity.errorMessage}\n                </div>\n              </div>\n            )}\n\n            {inputData && (\n              <div className=\"mb-4\">\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400 mb-1\">\n                  {t('activity.input')}\n                </label>\n                <pre className=\"bg-gray-100 dark:bg-gray-700 rounded p-3 text-sm overflow-x-auto max-h-64\">\n                  {typeof inputData === 'string' ? inputData : JSON.stringify(inputData, null, 2)}\n                </pre>\n              </div>\n            )}\n\n            {outputData && (\n              <div>\n                <label className=\"block text-sm font-medium text-gray-500 dark:text-gray-400 mb-1\">\n                  {t('activity.output')}\n                </label>\n                <pre className=\"bg-gray-100 dark:bg-gray-700 rounded p-3 text-sm overflow-x-auto max-h-64\">\n                  {typeof outputData === 'string'\n                    ? outputData\n                    : JSON.stringify(outputData, null, 2)}\n                </pre>\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <div>\n      <div className=\"flex items-end justify-between gap-4 mb-6\">\n        <div>\n          <h1 className=\"hub-h1\">{t('activity.title')}</h1>\n          <p className=\"hub-sub\">\n            <span className=\"hub-num\">{pagination?.total ?? activities.length}</span> entries\n          </p>\n        </div>\n        <button onClick={handleCleanup} className=\"hub-btn danger\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"h-3.5 w-3.5\"\n            viewBox=\"0 0 20 20\"\n            fill=\"currentColor\"\n          >\n            <path\n              fillRule=\"evenodd\"\n              d=\"M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {t('activity.cleanup')}\n        </button>\n      </div>\n\n      {error && (\n        <div\n          className=\"hub-card flex items-center justify-between gap-3 mb-4\"\n          style={{\n            padding: '10px 14px',\n            borderColor: 'oklch(0.85 0.1 25)',\n            background: 'oklch(0.97 0.03 25)',\n            color: 'oklch(0.4 0.18 25)',\n          }}\n        >\n          <span className=\"truncate text-[13px]\">{error}</span>\n          <button className=\"hub-icon-btn sm\" onClick={() => setError(null)} aria-label=\"close\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className=\"h-3 w-3\"\n              viewBox=\"0 0 20 20\"\n              fill=\"currentColor\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </button>\n        </div>\n      )}\n\n      {isLoading && activities.length === 0 ? (\n        <div className=\"hub-card p-10 text-center\" style={{ color: 'var(--hub-ink-3)' }}>\n          {t('app.loading')}\n        </div>\n      ) : (\n        <>\n          {renderStats()}\n          {renderFilters()}\n          {renderActivityTable()}\n\n          {/* Pagination */}\n          <div className=\"flex items-center mt-6\">\n            <div className=\"flex-[2] text-sm text-gray-500 dark:text-gray-400\">\n              {pagination &&\n                t('common.showing', {\n                  start: (pagination.page - 1) * pagination.limit + 1,\n                  end: Math.min(pagination.page * pagination.limit, pagination.total),\n                  total: pagination.total,\n                })}\n            </div>\n            <div className=\"flex-[4] flex justify-center\">\n              {pagination && pagination.totalPages > 1 && (\n                <Pagination\n                  currentPage={currentPage}\n                  totalPages={pagination.totalPages}\n                  onPageChange={setCurrentPage}\n                  disabled={isLoading}\n                />\n              )}\n            </div>\n            <div className=\"flex-[2] flex items-center justify-end space-x-2\">\n              <label htmlFor=\"perPage\" className=\"text-sm text-gray-500 dark:text-gray-400\">\n                {t('common.itemsPerPage')}:\n              </label>\n              <select\n                id=\"perPage\"\n                value={itemsPerPage}\n                onChange={(e) => {\n                  setItemsPerPage(Number(e.target.value));\n                  setCurrentPage(1);\n                }}\n                disabled={isLoading}\n                className=\"border border-gray-300 dark:border-gray-600 rounded p-1 text-sm dark:bg-gray-700 dark:text-white outline-none disabled:opacity-50 disabled:cursor-not-allowed\"\n              >\n                <option value={10}>10</option>\n                <option value={20}>20</option>\n                <option value={50}>50</option>\n                <option value={100}>100</option>\n              </select>\n            </div>\n          </div>\n        </>\n      )}\n\n      {renderDetailModal()}\n    </div>\n  );\n};\n\nexport default ActivityPage;\n"],"names":["STATUS_OPTIONS","isValidStatus","value","ActivityPage","t","useTranslation","activities","setActivities","useState","stats","setStats","filterOptions","setFilterOptions","pagination","setPagination","currentPage","setCurrentPage","itemsPerPage","setItemsPerPage","isLoading","setIsLoading","error","setError","selectedActivity","setSelectedActivity","showDetailModal","setShowDetailModal","appliedFilters","setAppliedFilters","searchServer","setSearchServer","searchTool","setSearchTool","searchStatus","setSearchStatus","searchGroup","setSearchGroup","searchUsername","setSearchUsername","searchKeyName","setSearchKeyName","fetchData","useCallback","currentFilter","activitiesRes","statsRes","optionsRes","getActivities","getActivityStats","getActivityFilterOptions","err","useEffect","totalPages","handleViewDetails","activity","response","getActivityById","handleCleanup","deleteOldActivities","_a","handleSearch","filters","handleClearFilters","formatDuration","ms","formatTimestamp","timestamp","safeParseJSON","str","renderStats","jsx","s","jsxs","renderFilters","e","status","g","username","k","renderActivityTable","label","renderDetailModal","inputData","outputData","Fragment","Pagination"],"mappings":"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"}

package/frontend/dist/assets/CopyClientConfigDialog-DYiucK0d.js

@@ -0,0 +1,4 @@
+import{r as m,j as o}from"./framework-vendor-_YL27Pfc.js";import{c as I}from"./clipboard-BukcCPLt.js";import{j as z}from"./index-DhzWX9nb.js";import{u as B}from"./i18n-vendor-BMaj5qV8.js";import{X as P,C as L,q as H}from"./icons-vendor-Bk5sng-h.js";const E=(e,s)=>e&&e.trim()?e:s,oe=(e,s)=>{const n=E(e.description,s);return e.hasDescriptionOverride?{currentDescription:n,defaultDescription:E(e.defaultDescription,s),hasDescriptionOverride:!0}:{currentDescription:n,hasDescriptionOverride:!1}},T="generic-mcp-servers",J=[{id:"generic-mcp-servers"},{id:"claude-code"},{id:"cursor"},{id:"vscode"},{id:"codex"},{id:"opencode"},{id:"windsurf"},{id:"cherry-studio"},{id:"codebuddy"},{id:"qoder"},{id:"trae"},{id:"zcode"},{id:"workbuddy"},{id:"generic-http"}],K="<your-access-token>",$="mcphub-token",a=e=>!!e.url,u=e=>{const s=Object.entries(e.headers??{}).filter(([,n])=>n!==void 0);return s.length>0?Object.fromEntries(s):void 0},N=e=>{const s=Object.entries(e.env??{}).filter(([,n])=>n!==void 0);return s.length>0?Object.fromEntries(s):void 0},y=e=>{var t;const s=((t=e.args)==null?void 0:t.filter(i=>i!==void 0))??[],n=N(e);return{command:e.command??"",...s.length>0?{args:s}:{},...n?{env:n}:{}}},A=e=>{const s=u(e);return{...e.type==="sse"?{type:"sse"}:{},url:e.url??"",...s?{headers:s}:{}}},_=(e,s,n)=>JSON.stringify({[e]:{[s]:n}},null,2),g=e=>_("mcpServers",e.name,a(e)?A(e):y(e)),R=(e,s)=>{const n=u(e),t=`Bearer ${K}`,i=(n==null?void 0:n.Authorization)===t,c=i?{...n,Authorization:`Bearer \${input:${$}}`}:n,d=a(e)?{type:e.type==="sse"?"sse":"http",url:e.url,...c?{headers:c}:{}}:{type:"stdio",...y(e)};return JSON.stringify({servers:{[e.name]:d},...i?{inputs:[{id:$,type:"promptString",description:s.tokenPromptDescription??"MCPHub access token",password:!0}]}:{}},null,2)},F=/^[A-Za-z0-9_-]+$/,k=e=>F.test(e)?e:JSON.stringify(e),h=e=>JSON.stringify(e),M=e=>`{ ${Object.entries(e).map(([s,n])=>`${k(s)} = ${h(n)}`).join(", ")} }`,U=e=>{var c;const s=k(e.name),n=[`[mcp_servers.${s}]`];if(a(e)){n.push(`url = ${h(e.url??"")}`);const d=u(e);return d&&n.push(`http_headers = ${M(d)}`),n.join(`
+`)}n.push(`command = ${h(e.command??"")}`);const t=((c=e.args)==null?void 0:c.filter(d=>d!==void 0))??[];t.length>0&&n.push(`args = [${t.map(h).join(", ")}]`);const i=N(e);if(i){n.push("",`[mcp_servers.${s}.env]`);for(const[d,v]of Object.entries(i))n.push(`${k(d)} = ${h(v)}`)}return n.join(`
+`)},q=e=>{var n;if(!a(e)){const t=N(e),i=((n=e.args)==null?void 0:n.filter(c=>c!==void 0))??[];return JSON.stringify({mcp:{[e.name]:{type:"local",command:[e.command??"",...i],...t?{environment:t}:{}}}},null,2)}const s=u(e);return JSON.stringify({mcp:{[e.name]:{type:"remote",url:e.url,...s?{headers:s}:{}}}},null,2)},Z=e=>{const s={name:e.name,description:e.description??""},n=u(e),t=a(e)?{...s,type:"streamableHttp",baseUrl:e.url,...n?{headers:n}:{}}:{...s,type:"stdio",...y(e)};return _("mcpServers",e.name,t)},Q=/^[A-Za-z0-9._:@/=-]+$/,V=e=>`'${e.replace(/'/g,"'\\''")}'`,j=e=>Q.test(e)?e:V(e),W=e=>{if(!a(e))return;const s=["claude","mcp","add","--transport",e.type==="sse"?"sse":"http",j(e.name),j(e.url??"")];for(const[n,t]of Object.entries(u(e)??{}))s.push("--header",j(`${n}: ${t}`));return s.join(" ")},p=e=>typeof e=="string"&&e.length>0?e:void 0,w=e=>{switch(e){case"stdio":case"sse":case"streamable-http":case"openapi":return e;default:return}},f=e=>{if(!e||typeof e!="object"||Array.isArray(e))return;const s=Object.entries(e).filter(n=>typeof n[1]=="string");return s.length>0?Object.fromEntries(s):void 0},O=e=>{if(!Array.isArray(e))return;const s=e.filter(n=>typeof n=="string");return s.length>0?s:void 0},re=(e,s)=>{const n=s??{};return{name:e,...w(n.type)?{type:w(n.type)}:{},...p(n.url)?{url:p(n.url)}:{},...f(n.headers)?{headers:f(n.headers)}:{},...p(n.command)?{command:p(n.command)}:{},...O(n.args)?{args:O(n.args)}:{},...f(n.env)?{env:f(n.env)}:{},...p(n.description)?{description:p(n.description)}:{}}},X=(e,s,n)=>{switch(e){case"generic-mcp-servers":return g(s);case"generic-http":return JSON.stringify(a(s)?{type:"http",...A(s)}:y(s),null,2);case"vscode":return R(s,n);case"codex":return U(s);case"opencode":return q(s);case"cherry-studio":return Z(s);default:return g(s)}},Y=(e,s,n={})=>{if(!s.url&&!s.command)return[];const t=[{kind:"config",text:X(e,s,n)}];if(e==="claude-code"){const i=W(s);i&&t.push({kind:"command",text:i})}return t},ie=({isOpen:e,onClose:s,target:n})=>{const{t}=B(),{showToast:i}=z(),[c,d]=m.useState(T),[v,b]=m.useState(null);m.useEffect(()=>{e||(b(null),d(T))},[e]),m.useEffect(()=>{if(!e)return;const r=l=>{l.key==="Escape"&&s()};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[e,s]);const S=m.useMemo(()=>n?Y(c,n,{tokenPromptDescription:t("clientConfig.tokenPrompt")}):[],[c,n,t]);if(!e||!n)return null;const D=async(r,l)=>{if(!await I(l)){i(t("common.copyFailed"),"error");return}b(r),i(t("common.copySuccess"),"success"),setTimeout(()=>b(C=>C===r?null:C),1500)};return o.jsx("div",{className:"fixed inset-0 bg-black/50 z-[100] flex items-center justify-center p-4",onClick:r=>{r.target===r.currentTarget&&s()},children:o.jsxs("div",{className:"hub-card w-full max-w-2xl",role:"dialog","aria-modal":"true","aria-label":t("clientConfig.title"),children:[o.jsxs("div",{className:"flex items-start justify-between gap-3 px-4 py-3",style:{borderBottom:"1px solid var(--hub-line-2)"},children:[o.jsxs("div",{className:"min-w-0",children:[o.jsx("div",{className:"text-[14px] font-medium",style:{color:"var(--hub-ink)"},children:t("clientConfig.title")}),o.jsx("div",{className:"text-[12px] mt-0.5",style:{color:"var(--hub-ink-3)"},children:t("clientConfig.description",{name:n.name})})]}),o.jsx("button",{className:"hub-icon-btn sm",onClick:s,"aria-label":t("app.closeButton"),children:o.jsx(P,{size:13})})]}),o.jsxs("div",{className:"px-4 pt-3",children:[o.jsx("div",{className:"flex flex-wrap gap-1",role:"tablist","aria-label":t("clientConfig.title"),children:J.map(r=>{const l=r.id===c;return o.jsx("button",{role:"tab","aria-selected":l,onClick:()=>d(r.id),className:"px-2.5 py-1 rounded-md text-[12px] transition-colors hover:bg-[var(--hub-surface-hover)]",style:{background:l?"var(--hub-surface)":"transparent",border:"1px solid "+(l?"var(--hub-line)":"transparent"),color:l?"var(--hub-ink)":"var(--hub-ink-2)"},children:t(`clientConfig.clients.${r.id}.label`)},r.id)})}),o.jsx("p",{className:"text-[12px] mt-3",style:{color:"var(--hub-ink-3)"},children:t(`clientConfig.clients.${c}.hint`)})]}),o.jsx("div",{className:"px-4 pb-4 pt-2 space-y-3 max-h-[60vh] overflow-auto",children:S.length===0?o.jsx("p",{className:"text-[12px]",style:{color:"var(--hub-ink-3)"},children:t("clientConfig.noTransport")}):S.map(r=>{const l=`${c}:${r.kind}`,x=v===l;return o.jsxs("div",{children:[o.jsxs("div",{className:"flex items-center justify-between mb-1",children:[o.jsx("span",{className:"text-[12px]",style:{color:"var(--hub-ink-2)"},children:t(r.kind==="command"?"clientConfig.commandBlock":"clientConfig.configBlock")}),o.jsxs("button",{className:"hub-btn sm",onClick:()=>void D(l,r.text),children:[x?o.jsx(L,{size:12,className:"text-[var(--hub-ok)]"}):o.jsx(H,{size:12}),t(x?"clientConfig.copied":"common.copy")]})]}),o.jsx("pre",{className:"hub-mono m-0 p-3 rounded-md overflow-auto",style:{background:"var(--hub-bg-2)",border:"1px solid var(--hub-line-2)",fontSize:12,lineHeight:1.5,color:"var(--hub-ink-2)",maxHeight:320},children:o.jsx("code",{children:r.text})})]},l)})}),o.jsx("div",{className:"flex justify-end px-4 py-3",style:{borderTop:"1px solid var(--hub-line-2)"},children:o.jsx("button",{className:"hub-btn",onClick:s,children:t("common.cancel")})})]})})};export{K as A,ie as C,oe as g,re as t};
+//# sourceMappingURL=CopyClientConfigDialog-DYiucK0d.js.map

package/frontend/dist/assets/CopyClientConfigDialog-DYiucK0d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyClientConfigDialog-DYiucK0d.js","sources":["../../src/utils/toolDescription.ts","../../src/utils/mcpClientSnippets.ts","../../src/components/ui/CopyClientConfigDialog.tsx"],"sourcesContent":["type ToolDescriptionSource = {\n  description?: string;\n  defaultDescription?: string;\n  hasDescriptionOverride?: boolean;\n};\n\nexport interface ToolDescriptionInfo {\n  currentDescription: string;\n  defaultDescription?: string;\n  hasDescriptionOverride: boolean;\n}\n\nconst normalizeDescription = (description: string | undefined, fallback: string): string => {\n  return description && description.trim() ? description : fallback;\n};\n\nexport const getToolDescriptionInfo = (\n  tool: ToolDescriptionSource,\n  noDescriptionText: string,\n): ToolDescriptionInfo => {\n  const currentDescription = normalizeDescription(tool.description, noDescriptionText);\n\n  if (!tool.hasDescriptionOverride) {\n    return {\n      currentDescription,\n      hasDescriptionOverride: false,\n    };\n  }\n\n  return {\n    currentDescription,\n    defaultDescription: normalizeDescription(tool.defaultDescription, noDescriptionText),\n    hasDescriptionOverride: true,\n  };\n};\n","/**\n * Per-client MCP configuration presets for the copy actions (#1165).\n *\n * MCPHub hands out HTTP endpoints, so every preset describes the same target -\n * a name, an optional URL/headers pair (HTTP) or command/args/env triple\n * (stdio) - in the shape the selected client expects. Client schemas verified\n * against their primary sources (all URLs re-checked 2026-02):\n * - Codex `codex-rs/config/src/mcp_types.rs`:\n *   https://github.com/openai/codex/blob/main/codex-rs/config/src/mcp_types.rs\n * - VS Code MCP configuration reference:\n *   https://code.visualstudio.com/docs/copilot/customization/mcp-servers\n * - OpenCode mcp-servers docs: https://opencode.ai/docs/mcp-servers/\n * - Cherry Studio `mcpProtocolInstall.ts`:\n *   https://github.com/CherryHQ/cherry-studio/blob/main/src/shared/data/types/mcpProtocolInstall.ts\n */\n\nexport type ClientSnippetId =\n  | 'generic-mcp-servers'\n  | 'generic-http'\n  | 'claude-code'\n  | 'cursor'\n  | 'vscode'\n  | 'codex'\n  | 'opencode'\n  | 'windsurf'\n  | 'cherry-studio'\n  | 'codebuddy'\n  | 'qoder'\n  | 'trae'\n  | 'zcode'\n  | 'workbuddy';\n\nexport interface ClientSnippetPreset {\n  id: ClientSnippetId;\n}\n\n/** Tab the dialog opens on; the shape the copy actions produced before. */\nexport const DEFAULT_CLIENT_SNIPPET_ID: ClientSnippetId = 'generic-mcp-servers';\n\n/**\n * Tabs shown in the copy dialog, most common clients first. The first entry is\n * the shape the copy actions produced before the presets existed, so the\n * default tab stays familiar; the bare HTTP entry is the escape hatch for\n * clients that wrap the entry in their own container.\n */\nexport const CLIENT_SNIPPET_PRESETS: readonly ClientSnippetPreset[] = [\n  { id: 'generic-mcp-servers' },\n  { id: 'claude-code' },\n  { id: 'cursor' },\n  { id: 'vscode' },\n  { id: 'codex' },\n  { id: 'opencode' },\n  { id: 'windsurf' },\n  { id: 'cherry-studio' },\n  { id: 'codebuddy' },\n  { id: 'qoder' },\n  { id: 'trae' },\n  { id: 'zcode' },\n  { id: 'workbuddy' },\n  { id: 'generic-http' },\n];\n\nexport interface ClientSnippetTarget {\n  name: string;\n  /** Stored transport type; `sse` is called out so clients do not misdial it as http. */\n  type?: 'stdio' | 'sse' | 'streamable-http' | 'openapi';\n  /** HTTP targets carry a URL (and usually an Authorization header). */\n  url?: string;\n  headers?: Record<string, string>;\n  /** stdio targets carry a command instead. */\n  command?: string;\n  args?: string[];\n  env?: Record<string, string>;\n  description?: string;\n}\n\nexport interface ClientSnippetBlock {\n  kind: 'config' | 'command';\n  text: string;\n}\n\nexport interface ClientSnippetOptions {\n  /** Description used by the VS Code token input prompt. */\n  tokenPromptDescription?: string;\n}\n\n/** Placeholder MCPHub uses for snippets that need a token pasted in by hand. */\nexport const ACCESS_TOKEN_PLACEHOLDER = '<your-access-token>';\nconst TOKEN_INPUT_ID = 'mcphub-token';\n\nconst isHttpTarget = (target: ClientSnippetTarget): boolean => Boolean(target.url);\n\nconst definedHeaders = (target: ClientSnippetTarget): Record<string, string> | undefined => {\n  const entries = Object.entries(target.headers ?? {}).filter(([, value]) => value !== undefined);\n  return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n};\n\nconst definedEnv = (target: ClientSnippetTarget): Record<string, string> | undefined => {\n  const entries = Object.entries(target.env ?? {}).filter(([, value]) => value !== undefined);\n  return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n};\n\nconst stdioEntry = (target: ClientSnippetTarget): Record<string, unknown> => {\n  const args = target.args?.filter((arg) => arg !== undefined) ?? [];\n  const env = definedEnv(target);\n  return {\n    command: target.command ?? '',\n    ...(args.length > 0 ? { args } : {}),\n    ...(env ? { env } : {}),\n  };\n};\n\nconst httpEntry = (target: ClientSnippetTarget): Record<string, unknown> => {\n  const headers = definedHeaders(target);\n  return {\n    // Only `sse` is spelled out: it is the one HTTP transport a client might\n    // otherwise misdial as streamable HTTP. Every other target keeps the bare\n    // `url` + `headers` shape these presets always produced.\n    ...(target.type === 'sse' ? { type: 'sse' } : {}),\n    url: target.url ?? '',\n    ...(headers ? { headers } : {}),\n  };\n};\n\nconst withWrappedName = (\n  wrapper: string,\n  name: string,\n  entry: Record<string, unknown>,\n): string => JSON.stringify({ [wrapper]: { [name]: entry } }, null, 2);\n\nconst jsonSnippet = (target: ClientSnippetTarget): string =>\n  withWrappedName(\n    'mcpServers',\n    target.name,\n    isHttpTarget(target) ? httpEntry(target) : stdioEntry(target),\n  );\n\n// VS Code wants the transport spelled out and can prompt for the token itself,\n// so the shared placeholder becomes an input reference plus an `inputs` entry.\nconst vscodeSnippet = (target: ClientSnippetTarget, options: ClientSnippetOptions): string => {\n  const headers = definedHeaders(target);\n  const placeholder = `Bearer ${ACCESS_TOKEN_PLACEHOLDER}`;\n  const needsTokenInput = headers?.Authorization === placeholder;\n\n  const body = needsTokenInput\n    ? { ...headers, Authorization: `Bearer \\${input:${TOKEN_INPUT_ID}}` }\n    : headers;\n\n  const entry = isHttpTarget(target)\n    ? {\n        // VS Code distinguishes the SSE transport from streamable HTTP.\n        type: target.type === 'sse' ? 'sse' : 'http',\n        url: target.url,\n        ...(body ? { headers: body } : {}),\n      }\n    : { type: 'stdio', ...stdioEntry(target) };\n\n  return JSON.stringify(\n    {\n      servers: { [target.name]: entry },\n      ...(needsTokenInput\n        ? {\n            inputs: [\n              {\n                id: TOKEN_INPUT_ID,\n                type: 'promptString',\n                description: options.tokenPromptDescription ?? 'MCPHub access token',\n                password: true,\n              },\n            ],\n          }\n        : {}),\n    },\n    null,\n    2,\n  );\n};\n\nconst TOML_BARE_KEY = /^[A-Za-z0-9_-]+$/;\n\nconst tomlKey = (key: string): string => (TOML_BARE_KEY.test(key) ? key : JSON.stringify(key));\nconst tomlValue = (value: string): string => JSON.stringify(value);\nconst tomlInlineTable = (entries: Record<string, string>): string =>\n  `{ ${Object.entries(entries)\n    .map(([key, value]) => `${tomlKey(key)} = ${tomlValue(value)}`)\n    .join(', ')} }`;\n\n// Codex calls the header map `http_headers` (there is no `headers` key, and the\n// config shape rejects unknown fields), and needs quoted table keys for names\n// that are not bare TOML keys - group names may contain spaces or CJK.\nconst codexSnippet = (target: ClientSnippetTarget): string => {\n  const key = tomlKey(target.name);\n  const lines = [`[mcp_servers.${key}]`];\n\n  if (isHttpTarget(target)) {\n    lines.push(`url = ${tomlValue(target.url ?? '')}`);\n    const headers = definedHeaders(target);\n    if (headers) {\n      lines.push(`http_headers = ${tomlInlineTable(headers)}`);\n    }\n    return lines.join('\\n');\n  }\n\n  lines.push(`command = ${tomlValue(target.command ?? '')}`);\n  const args = target.args?.filter((arg) => arg !== undefined) ?? [];\n  if (args.length > 0) {\n    lines.push(`args = [${args.map(tomlValue).join(', ')}]`);\n  }\n  const env = definedEnv(target);\n  if (env) {\n    lines.push('', `[mcp_servers.${key}.env]`);\n    for (const [name, value] of Object.entries(env)) {\n      lines.push(`${tomlKey(name)} = ${tomlValue(value)}`);\n    }\n  }\n  return lines.join('\\n');\n};\n\nconst openCodeSnippet = (target: ClientSnippetTarget): string => {\n  if (!isHttpTarget(target)) {\n    const env = definedEnv(target);\n    const args = target.args?.filter((arg) => arg !== undefined) ?? [];\n    return JSON.stringify(\n      {\n        mcp: {\n          [target.name]: {\n            type: 'local',\n            command: [target.command ?? '', ...args],\n            ...(env ? { environment: env } : {}),\n          },\n        },\n      },\n      null,\n      2,\n    );\n  }\n\n  const headers = definedHeaders(target);\n  return JSON.stringify(\n    {\n      mcp: {\n        [target.name]: {\n          type: 'remote',\n          url: target.url,\n          ...(headers ? { headers } : {}),\n        },\n      },\n    },\n    null,\n    2,\n  );\n};\n\n// Cherry Studio's `ProtocolMcpServerConfigSchema` is a strict object: remote\n// servers use `baseUrl` + `type: 'streamableHttp'` (no `url` key) and stdio\n// servers use command/args/env. Install-time metadata (`installSource`,\n// `isTrusted`, `installedAt`, `isActive: false`) belongs to the separate\n// `ProtocolMcpServerInstallSchema` request, not to this hand-pasted config,\n// so an extra `isActive` key would make the entry invalid for both schemas.\nconst cherryStudioSnippet = (target: ClientSnippetTarget): string => {\n  const base = {\n    name: target.name,\n    description: target.description ?? '',\n  };\n\n  const headers = definedHeaders(target);\n  const entry = isHttpTarget(target)\n    ? {\n        ...base,\n        type: 'streamableHttp',\n        baseUrl: target.url,\n        ...(headers ? { headers } : {}),\n      }\n    : { ...base, type: 'stdio', ...stdioEntry(target) };\n\n  return withWrappedName('mcpServers', target.name, entry);\n};\n\nconst CLI_SAFE = /^[A-Za-z0-9._:@/=-]+$/;\n\n// Single quotes are the only reliable POSIX quoting for a pasted command:\n// double quotes still let the shell expand `$(...)`, backticks and `${...}`\n// inside them. Within single quotes nothing is expanded, so the only character\n// needing special handling is `'` itself, escaped as `'\\''` (close quote,\n// escaped quote, reopen).\nconst shellQuote = (value: string): string => `'${value.replace(/'/g, \"'\\\\''\")}'`;\n\nconst cliArg = (value: string): string =>\n  CLI_SAFE.test(value) ? value : shellQuote(value);\n\n// Claude Code's one-liner equivalent of the JSON block.\nconst claudeCodeCommand = (target: ClientSnippetTarget): string | undefined => {\n  if (!isHttpTarget(target)) {\n    return undefined;\n  }\n\n  const parts = [\n    'claude',\n    'mcp',\n    'add',\n    '--transport',\n    // SSE endpoints must not be dialed as streamable HTTP.\n    target.type === 'sse' ? 'sse' : 'http',\n    cliArg(target.name),\n    cliArg(target.url ?? ''),\n  ];\n  for (const [name, value] of Object.entries(definedHeaders(target) ?? {})) {\n    parts.push('--header', cliArg(`${name}: ${value}`));\n  }\n  return parts.join(' ');\n};\n\nconst asString = (value: unknown): string | undefined =>\n  typeof value === 'string' && value.length > 0 ? value : undefined;\n\n/** Narrow a stored `type` to the four legal server types; anything else is dropped. */\nconst asServerType = (value: unknown): ClientSnippetTarget['type'] => {\n  switch (value) {\n    case 'stdio':\n    case 'sse':\n    case 'streamable-http':\n    case 'openapi':\n      return value;\n    default:\n      return undefined;\n  }\n};\n\nconst asStringRecord = (value: unknown): Record<string, string> | undefined => {\n  if (!value || typeof value !== 'object' || Array.isArray(value)) {\n    return undefined;\n  }\n\n  const entries = Object.entries(value as Record<string, unknown>).filter(\n    (entry): entry is [string, string] => typeof entry[1] === 'string',\n  );\n  return entries.length > 0 ? Object.fromEntries(entries) : undefined;\n};\n\nconst asStringArray = (value: unknown): string[] | undefined => {\n  if (!Array.isArray(value)) {\n    return undefined;\n  }\n\n  const items = value.filter((item): item is string => typeof item === 'string');\n  return items.length > 0 ? items : undefined;\n};\n\n/**\n * Narrow a stored server configuration (the `mcp-settings/export` payload\n * carries MCPHub's internal fields too) down to what a client snippet needs.\n */\nexport const toClientSnippetTarget = (\n  name: string,\n  config: Record<string, unknown> | undefined,\n): ClientSnippetTarget => {\n  const source = config ?? {};\n\n  return {\n    name,\n    ...(asServerType(source.type) ? { type: asServerType(source.type) } : {}),\n    ...(asString(source.url) ? { url: asString(source.url) } : {}),\n    ...(asStringRecord(source.headers) ? { headers: asStringRecord(source.headers) } : {}),\n    ...(asString(source.command) ? { command: asString(source.command) } : {}),\n    ...(asStringArray(source.args) ? { args: asStringArray(source.args) } : {}),\n    ...(asStringRecord(source.env) ? { env: asStringRecord(source.env) } : {}),\n    ...(asString(source.description) ? { description: asString(source.description) } : {}),\n  };\n};\n\nconst configSnippet = (\n  id: ClientSnippetId,\n  target: ClientSnippetTarget,\n  options: ClientSnippetOptions,\n): string => {\n  switch (id) {\n    case 'generic-mcp-servers':\n      return jsonSnippet(target);\n    case 'generic-http':\n      return JSON.stringify(\n        isHttpTarget(target)\n          ? { type: 'http', ...httpEntry(target) }\n          : stdioEntry(target),\n        null,\n        2,\n      );\n    case 'vscode':\n      return vscodeSnippet(target, options);\n    case 'codex':\n      return codexSnippet(target);\n    case 'opencode':\n      return openCodeSnippet(target);\n    case 'cherry-studio':\n      return cherryStudioSnippet(target);\n    default:\n      return jsonSnippet(target);\n  }\n};\n\nexport const buildClientSnippetBlocks = (\n  id: ClientSnippetId,\n  target: ClientSnippetTarget,\n  options: ClientSnippetOptions = {},\n): ClientSnippetBlock[] => {\n  // OpenAPI-backed servers carry neither a URL nor a command, so every preset\n  // would degrade to filler like `command: \"\"`. Return no blocks and let the\n  // dialog explain that there is no client-side transport to copy.\n  if (!target.url && !target.command) {\n    return [];\n  }\n\n  const blocks: ClientSnippetBlock[] = [{ kind: 'config', text: configSnippet(id, target, options) }];\n\n  if (id === 'claude-code') {\n    const command = claudeCodeCommand(target);\n    if (command) {\n      blocks.push({ kind: 'command', text: command });\n    }\n  }\n\n  return blocks;\n};\n","import { useEffect, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Check, Copy, X } from 'lucide-react';\nimport {\n  buildClientSnippetBlocks,\n  CLIENT_SNIPPET_PRESETS,\n  DEFAULT_CLIENT_SNIPPET_ID,\n  type ClientSnippetId,\n  type ClientSnippetTarget,\n} from '@/utils/mcpClientSnippets';\nimport { copyText } from '@/utils/clipboard';\nimport { useToast } from '@/contexts/ToastContext';\n\ninterface CopyClientConfigDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  /** Target to render; `null` keeps the dialog closed. */\n  target: ClientSnippetTarget | null;\n}\n\n/**\n * Per-client MCP configuration presets for the copy actions (#1165): one tab\n * per client, each with the path it belongs in and a ready-to-paste snippet.\n */\nconst CopyClientConfigDialog = ({ isOpen, onClose, target }: CopyClientConfigDialogProps) => {\n  const { t } = useTranslation();\n  const { showToast } = useToast();\n  const [activeId, setActiveId] = useState<ClientSnippetId>(DEFAULT_CLIENT_SNIPPET_ID);\n  const [copiedBlock, setCopiedBlock] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setCopiedBlock(null);\n      setActiveId(DEFAULT_CLIENT_SNIPPET_ID);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') onClose();\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [isOpen, onClose]);\n\n  const blocks = useMemo(\n    () =>\n      target\n        ? buildClientSnippetBlocks(activeId, target, {\n            tokenPromptDescription: t('clientConfig.tokenPrompt'),\n          })\n        : [],\n    [activeId, target, t],\n  );\n\n  if (!isOpen || !target) {\n    return null;\n  }\n\n  const handleCopy = async (key: string, value: string) => {\n    const ok = await copyText(value);\n    if (!ok) {\n      showToast(t('common.copyFailed'), 'error');\n      return;\n    }\n    setCopiedBlock(key);\n    showToast(t('common.copySuccess'), 'success');\n    setTimeout(() => setCopiedBlock((current) => (current === key ? null : current)), 1500);\n  };\n\n  return (\n    <div\n      className=\"fixed inset-0 bg-black/50 z-[100] flex items-center justify-center p-4\"\n      onClick={(event) => {\n        if (event.target === event.currentTarget) onClose();\n      }}\n    >\n      <div\n        className=\"hub-card w-full max-w-2xl\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={t('clientConfig.title')}\n      >\n        <div\n          className=\"flex items-start justify-between gap-3 px-4 py-3\"\n          style={{ borderBottom: '1px solid var(--hub-line-2)' }}\n        >\n          <div className=\"min-w-0\">\n            <div className=\"text-[14px] font-medium\" style={{ color: 'var(--hub-ink)' }}>\n              {t('clientConfig.title')}\n            </div>\n            <div className=\"text-[12px] mt-0.5\" style={{ color: 'var(--hub-ink-3)' }}>\n              {t('clientConfig.description', { name: target.name })}\n            </div>\n          </div>\n          <button className=\"hub-icon-btn sm\" onClick={onClose} aria-label={t('app.closeButton')}>\n            <X size={13} />\n          </button>\n        </div>\n\n        <div className=\"px-4 pt-3\">\n          <div className=\"flex flex-wrap gap-1\" role=\"tablist\" aria-label={t('clientConfig.title')}>\n            {CLIENT_SNIPPET_PRESETS.map((preset) => {\n              const active = preset.id === activeId;\n              return (\n                <button\n                  key={preset.id}\n                  role=\"tab\"\n                  aria-selected={active}\n                  onClick={() => setActiveId(preset.id)}\n                  className=\"px-2.5 py-1 rounded-md text-[12px] transition-colors hover:bg-[var(--hub-surface-hover)]\"\n                  style={{\n                    background: active ? 'var(--hub-surface)' : 'transparent',\n                    border: '1px solid ' + (active ? 'var(--hub-line)' : 'transparent'),\n                    color: active ? 'var(--hub-ink)' : 'var(--hub-ink-2)',\n                  }}\n                >\n                  {t(`clientConfig.clients.${preset.id}.label`)}\n                </button>\n              );\n            })}\n          </div>\n\n          <p className=\"text-[12px] mt-3\" style={{ color: 'var(--hub-ink-3)' }}>\n            {t(`clientConfig.clients.${activeId}.hint`)}\n          </p>\n        </div>\n\n        <div className=\"px-4 pb-4 pt-2 space-y-3 max-h-[60vh] overflow-auto\">\n          {blocks.length === 0 ? (\n            // OpenAPI-backed servers have no client-side transport to copy.\n            <p className=\"text-[12px]\" style={{ color: 'var(--hub-ink-3)' }}>\n              {t('clientConfig.noTransport')}\n            </p>\n          ) : (\n            blocks.map((block) => {\n              const key = `${activeId}:${block.kind}`;\n              const copied = copiedBlock === key;\n              return (\n                <div key={key}>\n                  <div className=\"flex items-center justify-between mb-1\">\n                    <span className=\"text-[12px]\" style={{ color: 'var(--hub-ink-2)' }}>\n                      {t(\n                        block.kind === 'command'\n                          ? 'clientConfig.commandBlock'\n                          : 'clientConfig.configBlock',\n                      )}\n                    </span>\n                    <button\n                      className=\"hub-btn sm\"\n                      onClick={() => void handleCopy(key, block.text)}\n                    >\n                      {copied ? <Check size={12} className=\"text-[var(--hub-ok)]\" /> : <Copy size={12} />}\n                      {copied ? t('clientConfig.copied') : t('common.copy')}\n                    </button>\n                  </div>\n                  <pre\n                    className=\"hub-mono m-0 p-3 rounded-md overflow-auto\"\n                    style={{\n                      background: 'var(--hub-bg-2)',\n                      border: '1px solid var(--hub-line-2)',\n                      fontSize: 12,\n                      lineHeight: 1.5,\n                      color: 'var(--hub-ink-2)',\n                      maxHeight: 320,\n                    }}\n                  >\n                    <code>{block.text}</code>\n                  </pre>\n                </div>\n              );\n            })\n          )}\n        </div>\n\n        <div\n          className=\"flex justify-end px-4 py-3\"\n          style={{ borderTop: '1px solid var(--hub-line-2)' }}\n        >\n          <button className=\"hub-btn\" onClick={onClose}>\n            {t('common.cancel')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CopyClientConfigDialog;\n"],"names":["normalizeDescription","description","fallback","getToolDescriptionInfo","tool","noDescriptionText","currentDescription","DEFAULT_CLIENT_SNIPPET_ID","CLIENT_SNIPPET_PRESETS","ACCESS_TOKEN_PLACEHOLDER","TOKEN_INPUT_ID","isHttpTarget","target","definedHeaders","entries","value","definedEnv","stdioEntry","args","_a","arg","env","httpEntry","headers","withWrappedName","wrapper","name","entry","jsonSnippet","vscodeSnippet","options","placeholder","needsTokenInput","body","TOML_BARE_KEY","tomlKey","key","tomlValue","tomlInlineTable","codexSnippet","lines","openCodeSnippet","cherryStudioSnippet","base","CLI_SAFE","shellQuote","cliArg","claudeCodeCommand","parts","asString","asServerType","asStringRecord","asStringArray","items","item","toClientSnippetTarget","config","source","configSnippet","id","buildClientSnippetBlocks","blocks","command","CopyClientConfigDialog","isOpen","onClose","useTranslation","showToast","useToast","activeId","setActiveId","useState","copiedBlock","setCopiedBlock","useEffect","onKeyDown","event","useMemo","handleCopy","copyText","current","jsx","jsxs","X","preset","active","block","copied","Check","Copy"],"mappings":"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"}

package/frontend/dist/assets/{CredentialsPage-7kyDJLsX.js → CredentialsPage-DMJE4uT2.js}

@@ -1,2 +1,2 @@
-import{i as f,r as l,j as s}from"./framework-vendor-_YL27Pfc.js";import{e as b,f as v,h as j}from"./index-Bu4XuAH4.js";import{u as p}from"./i18n-vendor-BMaj5qV8.js";import"./icons-vendor-VW-UwEhw.js";const N=({binding:a,onChange:d})=>{const{t:r}=p(),[o,u]=l.useState({}),[m,h]=l.useState(!1),[n,c]=l.useState(""),i=async t=>{h(!0),c("");try{const e=`/credentials/${encodeURIComponent(a.serverName)}`,x=t?await v(e):await j(e,{values:o});if(!x.success)throw new Error(x.message||r("credentials.failed"));u({}),c(r(t?"credentials.deleted":"credentials.saved")),await d()}catch(e){c(e instanceof Error?e.message:r("credentials.failed"))}finally{h(!1)}};return s.jsxs("form",{className:"hub-card p-5 space-y-4",onSubmit:t=>{t.preventDefault(),i(!1)},children:[s.jsxs("div",{className:"flex items-center justify-between gap-3",children:[s.jsx("h2",{className:"font-semibold",children:a.serverName}),s.jsx("span",{className:"hub-tag",children:r(a.configured?"credentials.configured":"credentials.required")})]}),s.jsx("p",{className:"text-sm text-[var(--hub-ink-3)]",children:r("credentials.writeOnly")}),a.credentialTemplate.map(t=>{const e=`${t.target}.${t.name}`;return s.jsxs("label",{className:"block space-y-1 text-sm",children:[s.jsxs("span",{className:"font-medium",children:[t.label||t.name," ",s.jsxs("span",{className:"hub-mono text-xs font-normal text-[var(--hub-ink-3)]",children:["(",e,")"]})]}),s.jsx("input",{type:"password",required:!0,autoComplete:"new-password",maxLength:16384,value:o[e]||"",placeholder:r(a.configuredSlots.includes(e)?"credentials.replaceValue":"credentials.enterValue"),className:"hub-input",onChange:x=>u({...o,[e]:x.target.value})})]},e)}),s.jsxs("div",{className:"flex flex-wrap gap-2",children:[s.jsx("button",{type:"submit",className:"hub-btn primary",disabled:m,children:r("credentials.save")}),s.jsx("button",{type:"button",className:"hub-btn danger",disabled:m||!a.updatedAt,onClick:()=>void i(!0),children:r("credentials.delete")})]}),n&&s.jsx("p",{role:"status",className:"text-sm text-[var(--hub-ink-2)]",children:n})]})};function k(){const{t:a}=p(),[d,r]=f(),[o,u]=l.useState([]),[m,h]=l.useState(!0),[n,c]=l.useState(""),i=l.useCallback(async()=>{try{const e=await b("/credentials");if(!e.success)throw new Error(e.message||a("credentials.failed"));u(e.data||[]),c("")}catch(e){c(e instanceof Error?e.message:a("credentials.failed"))}finally{h(!1)}},[a]);l.useEffect(()=>{i()},[i]);const t=o.filter(e=>!d.get("server")||e.serverName===d.get("server"));return s.jsxs("div",{className:"max-w-4xl mx-auto space-y-5",children:[s.jsxs("div",{children:[s.jsx("h1",{className:"hub-h1",children:a("credentials.title")}),s.jsx("p",{className:"hub-sub",children:a("credentials.description")})]}),d.has("server")&&s.jsx("button",{className:"hub-btn",onClick:()=>r({}),children:a("credentials.showAll")}),n&&s.jsx("div",{className:"hub-card px-4 py-3 text-sm",style:{color:"var(--hub-err)"},role:"alert",children:n}),m?s.jsx("div",{className:"hub-card p-10 text-center text-sm",style:{color:"var(--hub-ink-3)"},children:a("credentials.loading")}):!t.length&&!n?s.jsx("div",{className:"hub-card p-10 text-center text-sm",style:{color:"var(--hub-ink-3)"},children:a("credentials.empty")}):null,t.map(e=>s.jsx(N,{binding:e,onChange:i},e.serverName))]})}export{k as default};
-//# sourceMappingURL=CredentialsPage-7kyDJLsX.js.map
+import{i as f,r as l,j as s}from"./framework-vendor-_YL27Pfc.js";import{e as b,f as v,h as j}from"./index-DhzWX9nb.js";import{u as p}from"./i18n-vendor-BMaj5qV8.js";import"./icons-vendor-Bk5sng-h.js";const N=({binding:a,onChange:d})=>{const{t:r}=p(),[o,u]=l.useState({}),[m,h]=l.useState(!1),[n,c]=l.useState(""),i=async t=>{h(!0),c("");try{const e=`/credentials/${encodeURIComponent(a.serverName)}`,x=t?await v(e):await j(e,{values:o});if(!x.success)throw new Error(x.message||r("credentials.failed"));u({}),c(r(t?"credentials.deleted":"credentials.saved")),await d()}catch(e){c(e instanceof Error?e.message:r("credentials.failed"))}finally{h(!1)}};return s.jsxs("form",{className:"hub-card p-5 space-y-4",onSubmit:t=>{t.preventDefault(),i(!1)},children:[s.jsxs("div",{className:"flex items-center justify-between gap-3",children:[s.jsx("h2",{className:"font-semibold",children:a.serverName}),s.jsx("span",{className:"hub-tag",children:r(a.configured?"credentials.configured":"credentials.required")})]}),s.jsx("p",{className:"text-sm text-[var(--hub-ink-3)]",children:r("credentials.writeOnly")}),a.credentialTemplate.map(t=>{const e=`${t.target}.${t.name}`;return s.jsxs("label",{className:"block space-y-1 text-sm",children:[s.jsxs("span",{className:"font-medium",children:[t.label||t.name," ",s.jsxs("span",{className:"hub-mono text-xs font-normal text-[var(--hub-ink-3)]",children:["(",e,")"]})]}),s.jsx("input",{type:"password",required:!0,autoComplete:"new-password",maxLength:16384,value:o[e]||"",placeholder:r(a.configuredSlots.includes(e)?"credentials.replaceValue":"credentials.enterValue"),className:"hub-input",onChange:x=>u({...o,[e]:x.target.value})})]},e)}),s.jsxs("div",{className:"flex flex-wrap gap-2",children:[s.jsx("button",{type:"submit",className:"hub-btn primary",disabled:m,children:r("credentials.save")}),s.jsx("button",{type:"button",className:"hub-btn danger",disabled:m||!a.updatedAt,onClick:()=>void i(!0),children:r("credentials.delete")})]}),n&&s.jsx("p",{role:"status",className:"text-sm text-[var(--hub-ink-2)]",children:n})]})};function k(){const{t:a}=p(),[d,r]=f(),[o,u]=l.useState([]),[m,h]=l.useState(!0),[n,c]=l.useState(""),i=l.useCallback(async()=>{try{const e=await b("/credentials");if(!e.success)throw new Error(e.message||a("credentials.failed"));u(e.data||[]),c("")}catch(e){c(e instanceof Error?e.message:a("credentials.failed"))}finally{h(!1)}},[a]);l.useEffect(()=>{i()},[i]);const t=o.filter(e=>!d.get("server")||e.serverName===d.get("server"));return s.jsxs("div",{className:"max-w-4xl mx-auto space-y-5",children:[s.jsxs("div",{children:[s.jsx("h1",{className:"hub-h1",children:a("credentials.title")}),s.jsx("p",{className:"hub-sub",children:a("credentials.description")})]}),d.has("server")&&s.jsx("button",{className:"hub-btn",onClick:()=>r({}),children:a("credentials.showAll")}),n&&s.jsx("div",{className:"hub-card px-4 py-3 text-sm",style:{color:"var(--hub-err)"},role:"alert",children:n}),m?s.jsx("div",{className:"hub-card p-10 text-center text-sm",style:{color:"var(--hub-ink-3)"},children:a("credentials.loading")}):!t.length&&!n?s.jsx("div",{className:"hub-card p-10 text-center text-sm",style:{color:"var(--hub-ink-3)"},children:a("credentials.empty")}):null,t.map(e=>s.jsx(N,{binding:e,onChange:i},e.serverName))]})}export{k as default};
+//# sourceMappingURL=CredentialsPage-DMJE4uT2.js.map

package/frontend/dist/assets/{CredentialsPage-7kyDJLsX.js.map → CredentialsPage-DMJE4uT2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CredentialsPage-7kyDJLsX.js","sources":["../../src/pages/CredentialsPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSearchParams } from 'react-router-dom';\nimport type { MyCredentialBinding } from '../types';\nimport { apiDelete, apiGet, apiPut, type ApiResponse } from '../utils/fetchInterceptor';\n\nconst CredentialForm = ({\n  binding,\n  onChange,\n}: {\n  binding: MyCredentialBinding;\n  onChange: () => Promise<void>;\n}) => {\n  const { t } = useTranslation();\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [busy, setBusy] = useState(false);\n  const [message, setMessage] = useState('');\n  const save = async (remove: boolean) => {\n    setBusy(true);\n    setMessage('');\n    try {\n      const url = `/credentials/${encodeURIComponent(binding.serverName)}`;\n      const result = remove\n        ? await apiDelete<ApiResponse>(url)\n        : await apiPut<ApiResponse>(url, { values });\n      if (!result.success) throw new Error(result.message || t('credentials.failed'));\n      setValues({});\n      setMessage(t(remove ? 'credentials.deleted' : 'credentials.saved'));\n      await onChange();\n    } catch (error) {\n      setMessage(error instanceof Error ? error.message : t('credentials.failed'));\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <form\n      className=\"hub-card p-5 space-y-4\"\n      onSubmit={(event) => {\n        event.preventDefault();\n        void save(false);\n      }}\n    >\n      <div className=\"flex items-center justify-between gap-3\">\n        <h2 className=\"font-semibold\">{binding.serverName}</h2>\n        <span className=\"hub-tag\">\n          {t(binding.configured ? 'credentials.configured' : 'credentials.required')}\n        </span>\n      </div>\n      <p className=\"text-sm text-[var(--hub-ink-3)]\">{t('credentials.writeOnly')}</p>\n      {binding.credentialTemplate.map((slot) => {\n        const id = `${slot.target}.${slot.name}`;\n        return (\n          <label key={id} className=\"block space-y-1 text-sm\">\n            <span className=\"font-medium\">\n              {slot.label || slot.name}{' '}\n              <span className=\"hub-mono text-xs font-normal text-[var(--hub-ink-3)]\">({id})</span>\n            </span>\n            <input\n              type=\"password\"\n              required\n              autoComplete=\"new-password\"\n              maxLength={16384}\n              value={values[id] || ''}\n              placeholder={t(\n                binding.configuredSlots.includes(id)\n                  ? 'credentials.replaceValue'\n                  : 'credentials.enterValue',\n              )}\n              className=\"hub-input\"\n              onChange={(event) => setValues({ ...values, [id]: event.target.value })}\n            />\n          </label>\n        );\n      })}\n      <div className=\"flex flex-wrap gap-2\">\n        <button type=\"submit\" className=\"hub-btn primary\" disabled={busy}>\n          {t('credentials.save')}\n        </button>\n        <button\n          type=\"button\"\n          className=\"hub-btn danger\"\n          disabled={busy || !binding.updatedAt}\n          onClick={() => void save(true)}\n        >\n          {t('credentials.delete')}\n        </button>\n      </div>\n      {message && (\n        <p role=\"status\" className=\"text-sm text-[var(--hub-ink-2)]\">\n          {message}\n        </p>\n      )}\n    </form>\n  );\n};\n\nexport default function CredentialsPage() {\n  const { t } = useTranslation();\n  const [search, setSearch] = useSearchParams();\n  const [bindings, setBindings] = useState<MyCredentialBinding[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\n  const reload = useCallback(async () => {\n    try {\n      const result = await apiGet<ApiResponse<MyCredentialBinding[]>>('/credentials');\n      if (!result.success) throw new Error(result.message || t('credentials.failed'));\n      setBindings(result.data || []);\n      setError('');\n    } catch (error) {\n      setError(error instanceof Error ? error.message : t('credentials.failed'));\n    } finally {\n      setLoading(false);\n    }\n  }, [t]);\n  useEffect(() => {\n    void reload();\n  }, [reload]);\n  const visible = bindings.filter(\n    (binding) => !search.get('server') || binding.serverName === search.get('server'),\n  );\n  return (\n    <div className=\"max-w-4xl mx-auto space-y-5\">\n      <div>\n        <h1 className=\"hub-h1\">{t('credentials.title')}</h1>\n        <p className=\"hub-sub\">{t('credentials.description')}</p>\n      </div>\n      {search.has('server') && (\n        <button className=\"hub-btn\" onClick={() => setSearch({})}>\n          {t('credentials.showAll')}\n        </button>\n      )}\n      {error && (\n        <div className=\"hub-card px-4 py-3 text-sm\" style={{ color: 'var(--hub-err)' }} role=\"alert\">\n          {error}\n        </div>\n      )}\n      {loading ? (\n        <div className=\"hub-card p-10 text-center text-sm\" style={{ color: 'var(--hub-ink-3)' }}>\n          {t('credentials.loading')}\n        </div>\n      ) : !visible.length && !error ? (\n        <div className=\"hub-card p-10 text-center text-sm\" style={{ color: 'var(--hub-ink-3)' }}>\n          {t('credentials.empty')}\n        </div>\n      ) : null}\n      {visible.map((binding) => (\n        <CredentialForm key={binding.serverName} binding={binding} onChange={reload} />\n      ))}\n    </div>\n  );\n}\n"],"names":["CredentialForm","binding","onChange","t","useTranslation","values","setValues","useState","busy","setBusy","message","setMessage","save","remove","url","result","apiDelete","apiPut","error","jsxs","event","jsx","slot","id","CredentialsPage","search","setSearch","useSearchParams","bindings","setBindings","loading","setLoading","setError","reload","useCallback","apiGet","useEffect","visible"],"mappings":"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"}
+{"version":3,"file":"CredentialsPage-DMJE4uT2.js","sources":["../../src/pages/CredentialsPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useSearchParams } from 'react-router-dom';\nimport type { MyCredentialBinding } from '../types';\nimport { apiDelete, apiGet, apiPut, type ApiResponse } from '../utils/fetchInterceptor';\n\nconst CredentialForm = ({\n  binding,\n  onChange,\n}: {\n  binding: MyCredentialBinding;\n  onChange: () => Promise<void>;\n}) => {\n  const { t } = useTranslation();\n  const [values, setValues] = useState<Record<string, string>>({});\n  const [busy, setBusy] = useState(false);\n  const [message, setMessage] = useState('');\n  const save = async (remove: boolean) => {\n    setBusy(true);\n    setMessage('');\n    try {\n      const url = `/credentials/${encodeURIComponent(binding.serverName)}`;\n      const result = remove\n        ? await apiDelete<ApiResponse>(url)\n        : await apiPut<ApiResponse>(url, { values });\n      if (!result.success) throw new Error(result.message || t('credentials.failed'));\n      setValues({});\n      setMessage(t(remove ? 'credentials.deleted' : 'credentials.saved'));\n      await onChange();\n    } catch (error) {\n      setMessage(error instanceof Error ? error.message : t('credentials.failed'));\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <form\n      className=\"hub-card p-5 space-y-4\"\n      onSubmit={(event) => {\n        event.preventDefault();\n        void save(false);\n      }}\n    >\n      <div className=\"flex items-center justify-between gap-3\">\n        <h2 className=\"font-semibold\">{binding.serverName}</h2>\n        <span className=\"hub-tag\">\n          {t(binding.configured ? 'credentials.configured' : 'credentials.required')}\n        </span>\n      </div>\n      <p className=\"text-sm text-[var(--hub-ink-3)]\">{t('credentials.writeOnly')}</p>\n      {binding.credentialTemplate.map((slot) => {\n        const id = `${slot.target}.${slot.name}`;\n        return (\n          <label key={id} className=\"block space-y-1 text-sm\">\n            <span className=\"font-medium\">\n              {slot.label || slot.name}{' '}\n              <span className=\"hub-mono text-xs font-normal text-[var(--hub-ink-3)]\">({id})</span>\n            </span>\n            <input\n              type=\"password\"\n              required\n              autoComplete=\"new-password\"\n              maxLength={16384}\n              value={values[id] || ''}\n              placeholder={t(\n                binding.configuredSlots.includes(id)\n                  ? 'credentials.replaceValue'\n                  : 'credentials.enterValue',\n              )}\n              className=\"hub-input\"\n              onChange={(event) => setValues({ ...values, [id]: event.target.value })}\n            />\n          </label>\n        );\n      })}\n      <div className=\"flex flex-wrap gap-2\">\n        <button type=\"submit\" className=\"hub-btn primary\" disabled={busy}>\n          {t('credentials.save')}\n        </button>\n        <button\n          type=\"button\"\n          className=\"hub-btn danger\"\n          disabled={busy || !binding.updatedAt}\n          onClick={() => void save(true)}\n        >\n          {t('credentials.delete')}\n        </button>\n      </div>\n      {message && (\n        <p role=\"status\" className=\"text-sm text-[var(--hub-ink-2)]\">\n          {message}\n        </p>\n      )}\n    </form>\n  );\n};\n\nexport default function CredentialsPage() {\n  const { t } = useTranslation();\n  const [search, setSearch] = useSearchParams();\n  const [bindings, setBindings] = useState<MyCredentialBinding[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState('');\n  const reload = useCallback(async () => {\n    try {\n      const result = await apiGet<ApiResponse<MyCredentialBinding[]>>('/credentials');\n      if (!result.success) throw new Error(result.message || t('credentials.failed'));\n      setBindings(result.data || []);\n      setError('');\n    } catch (error) {\n      setError(error instanceof Error ? error.message : t('credentials.failed'));\n    } finally {\n      setLoading(false);\n    }\n  }, [t]);\n  useEffect(() => {\n    void reload();\n  }, [reload]);\n  const visible = bindings.filter(\n    (binding) => !search.get('server') || binding.serverName === search.get('server'),\n  );\n  return (\n    <div className=\"max-w-4xl mx-auto space-y-5\">\n      <div>\n        <h1 className=\"hub-h1\">{t('credentials.title')}</h1>\n        <p className=\"hub-sub\">{t('credentials.description')}</p>\n      </div>\n      {search.has('server') && (\n        <button className=\"hub-btn\" onClick={() => setSearch({})}>\n          {t('credentials.showAll')}\n        </button>\n      )}\n      {error && (\n        <div className=\"hub-card px-4 py-3 text-sm\" style={{ color: 'var(--hub-err)' }} role=\"alert\">\n          {error}\n        </div>\n      )}\n      {loading ? (\n        <div className=\"hub-card p-10 text-center text-sm\" style={{ color: 'var(--hub-ink-3)' }}>\n          {t('credentials.loading')}\n        </div>\n      ) : !visible.length && !error ? (\n        <div className=\"hub-card p-10 text-center text-sm\" style={{ color: 'var(--hub-ink-3)' }}>\n          {t('credentials.empty')}\n        </div>\n      ) : null}\n      {visible.map((binding) => (\n        <CredentialForm key={binding.serverName} binding={binding} onChange={reload} />\n      ))}\n    </div>\n  );\n}\n"],"names":["CredentialForm","binding","onChange","t","useTranslation","values","setValues","useState","busy","setBusy","message","setMessage","save","remove","url","result","apiDelete","apiPut","error","jsxs","event","jsx","slot","id","CredentialsPage","search","setSearch","useSearchParams","bindings","setBindings","loading","setLoading","setError","reload","useCallback","apiGet","useEffect","visible"],"mappings":"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"}

package/frontend/dist/assets/Dashboard-Dh_39img.js

@@ -0,0 +1,2 @@
+import{d as $,R as u,r as p,j as e}from"./framework-vendor-_YL27Pfc.js";import{u as L,a as M}from"./useCostData-B-uSfiuA.js";import{d as P}from"./index-DhzWX9nb.js";import{u as A}from"./useSettingsData-Bk1AwN5F.js";import{f as U}from"./contextCost-CilWqGWT.js";import{E as h}from"./EndpointCopy-CQmwGXbD.js";import{S as H}from"./StatusDot-DgDU3plH.js";import{u as O}from"./i18n-vendor-BMaj5qV8.js";import{R as _,P as B,l as C,m as G}from"./icons-vendor-Bk5sng-h.js";import"./clipboard-BukcCPLt.js";const i=({label:r,value:l,tone:a="default"})=>{const o=a==="ok"?"oklch(0.4 0.13 145)":a==="warn"?"oklch(0.45 0.13 80)":a==="err"?"oklch(0.45 0.18 25)":a==="muted"?"var(--hub-ink-3)":"var(--hub-ink)";return e.jsxs("div",{className:"hub-card",style:{padding:"14px 16px"},children:[e.jsx("div",{className:"text-[12px]",style:{color:"var(--hub-ink-3)"},children:r}),e.jsx("div",{className:"hub-num",style:{fontSize:26,fontWeight:500,letterSpacing:"-0.02em",lineHeight:1.1,marginTop:8,color:o},children:l})]})},w=(r,l)=>l?l==="stdio"?r("server.typeStdio")||"stdio":l==="sse"?r("server.typeSse")||"sse":l==="streamable-http"?r("server.typeStreamableHttp")||"http":l==="openapi"?r("server.typeOpenapi")||"openapi":l:null,Z=()=>{var k;const{t:r}=O(),l=$(),{allServers:a,error:o,setError:R,isLoading:b,triggerRefresh:z}=L({refreshOnMount:!0}),{groups:x}=P(),{installConfig:m}=A(),{serverCosts:v}=M(),[E,f]=u.useState(!1),g=u.useRef(!1);u.useEffect(()=>{if(b){g.current=!0;return}if(g.current){f(!0);return}(a.length>0||o)&&f(!0)},[b,a.length,o]);const t=p.useMemo(()=>({total:a.length,online:a.filter(s=>s.status==="connected").length,disabled:a.filter(s=>s.enabled===!1).length,offline:a.filter(s=>s.status==="disconnected"&&s.enabled!==!1).length,connecting:a.filter(s=>(s.status==="connecting"||s.status==="oauth_required")&&s.enabled!==!1).length,tools:a.reduce((s,n)=>{var c;return s+(((c=n.tools)==null?void 0:c.length)||0)},0)}),[a]),D=p.useMemo(()=>v.filter(s=>s.connected).reduce((s,n)=>s+n.exposed,0),[v]),T=p.useMemo(()=>a.slice(0,6),[a]),d=((k=m==null?void 0:m.baseUrl)==null?void 0:k.replace(/\/+$/,""))||"",j="minmax(220px,1.9fr) minmax(110px,0.95fr) minmax(120px,0.95fr) 80px 80px 90px 72px",N=!E;return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-end justify-between gap-4 mb-6",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"hub-h1",children:r("pages.dashboard.title")}),e.jsxs("p",{className:"hub-sub",children:[r("pages.dashboard.totalServers")," · ",e.jsx("span",{className:"hub-num",children:t.total}),"  ·  ",r("pages.dashboard.onlineServers")," · ",e.jsx("span",{className:"hub-num",children:t.online})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("button",{className:"hub-btn",onClick:()=>z(),children:[e.jsx(_,{size:13})," ",r("common.refresh")]}),e.jsxs("button",{className:"hub-btn primary",onClick:()=>l("/servers"),children:[e.jsx(B,{size:13})," ",r("server.add")]})]})]}),o&&e.jsxs("div",{className:"hub-card flex items-center justify-between gap-3 mb-5",style:{padding:"10px 14px",borderColor:"oklch(0.85 0.1 25)",background:"oklch(0.97 0.03 25)",color:"oklch(0.4 0.18 25)"},children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx(C,{size:14,className:"flex-shrink-0"}),e.jsx("span",{className:"truncate text-[13px]",children:o})]}),e.jsx("button",{className:"hub-icon-btn sm",onClick:()=>R(null),"aria-label":r("app.closeButton"),children:"✕"})]}),N?e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-6 gap-3 mb-6",children:Array.from({length:6}).map((s,n)=>e.jsx("div",{className:"hub-card animate-pulse",style:{padding:"14px 16px",height:78}},n))}):e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-6 gap-3 mb-6",children:[e.jsx(i,{label:r("pages.dashboard.totalServers"),value:t.total}),e.jsx(i,{label:r("pages.dashboard.onlineServers"),value:t.online,tone:"ok"}),e.jsx(i,{label:r("pages.dashboard.connectingServers"),value:t.connecting,tone:"warn"}),e.jsx(i,{label:r("pages.dashboard.offlineServers"),value:t.offline,tone:"err"}),e.jsx(i,{label:r("pages.dashboard.disabledServers"),value:t.disabled,tone:"muted"}),e.jsx(i,{label:r("cost.totalFootprint"),value:U(D)})]}),a.length>0&&!N&&e.jsxs("div",{className:"hub-card overflow-hidden mb-6",children:[e.jsxs("div",{className:"flex items-center justify-between px-4 py-3",style:{borderBottom:"1px solid var(--hub-line-2)"},children:[e.jsx("h3",{className:"hub-card-title",children:r("pages.dashboard.recentServers")}),e.jsxs("button",{className:"hub-btn ghost sm",style:{color:"var(--hub-ink-3)"},onClick:()=>l("/servers"),children:[r("common.viewAll")||"View all",e.jsx(G,{size:12})]})]}),e.jsxs("div",{className:"hub-row head hub-mono",style:{gridTemplateColumns:j},children:[e.jsx("div",{children:r("server.name")}),e.jsx("div",{children:r("server.status")}),e.jsx("div",{children:r("common.type")||"Transport"}),e.jsx("div",{children:r("server.tools")}),e.jsx("div",{children:r("server.prompts")}),e.jsx("div",{children:r("nav.resources")}),e.jsx("div",{children:r("server.enabled")})]}),T.map(s=>{var n,c,S,y;return e.jsxs("div",{className:"hub-row hover cursor-pointer",style:{gridTemplateColumns:j},onClick:()=>l("/servers"),children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0",children:[e.jsx("span",{className:"hub-mono truncate",style:{fontSize:13,color:s.enabled===!1?"var(--hub-ink-3)":"var(--hub-ink)"},children:s.name}),s.error&&e.jsx(C,{size:13,className:"text-[var(--hub-err)] flex-shrink-0"})]}),e.jsx("div",{className:"min-w-0",children:e.jsx(H,{status:s.status,enabled:s.enabled})}),e.jsx("div",{className:"min-w-0",children:(n=s.config)!=null&&n.type?e.jsx("span",{className:"hub-tag",title:w(r,s.config.type)??void 0,children:w(r,s.config.type)}):e.jsx("span",{style:{color:"var(--hub-ink-3)",fontSize:12},children:"—"})}),e.jsx("div",{className:"hub-num hub-mono",style:{fontSize:12.5},children:((c=s.tools)==null?void 0:c.length)||0}),e.jsx("div",{className:"hub-num hub-mono",style:{fontSize:12.5,color:"var(--hub-ink-2)"},children:((S=s.prompts)==null?void 0:S.length)||0}),e.jsx("div",{className:"hub-num hub-mono",style:{fontSize:12.5,color:"var(--hub-ink-2)"},children:((y=s.resources)==null?void 0:y.length)||0}),e.jsx("div",{className:"text-[12px]",style:{color:s.enabled!==!1?"var(--hub-ok)":"var(--hub-ink-3)"},children:s.enabled!==!1?"✓":"—"})]},s.name)})]}),e.jsxs("div",{className:"hub-card mb-5",style:{padding:16},children:[e.jsxs("div",{className:"flex justify-between items-start gap-3 mb-3",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"hub-card-title",children:r("pages.dashboard.endpoints")||"MCP Endpoints"}),e.jsx("p",{className:"hub-sub",style:{marginTop:2},children:r("pages.dashboard.endpointsHint")||"Use these URLs in Claude Desktop, Cursor, or any MCP client"})]}),e.jsxs("a",{className:"hub-btn ghost",href:"https://docs.mcphub.app",target:"_blank",rel:"noopener noreferrer",style:{color:"var(--hub-ink-3)"},children:[r("common.docs")||"Docs"," →"]})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-2.5",children:[e.jsx(h,{label:"ALL",url:`${d}/mcp`}),e.jsx(h,{label:"SMART",url:`${d}/mcp/$smart`}),x.slice(0,2).map(s=>e.jsx(h,{label:"GROUP",url:`${d}/mcp/${s.name}`},s.id)),x.length<2&&a[0]&&e.jsx(h,{label:"SERVER",url:`${d}/mcp/${a[0].name}`})]})]})]})};export{Z as default};
+//# sourceMappingURL=Dashboard-Dh_39img.js.map