@samanhappy/mcphub 1.0.43 → 1.0.45

package/frontend/dist/assets/{ActivityPage-Y8gIRxkd.js.map → ActivityPage-DPlbWRuE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ActivityPage-Y8gIRxkd.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-DPlbWRuE.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/{ConfirmDialog-uWBwm8J1.js → ConfirmDialog-BYdfb115.js}

@@ -1,2 +1,2 @@
-import{j as e}from"./framework-vendor-_YL27Pfc.js";import{u as g}from"./i18n-vendor-BMaj5qV8.js";const p=({isOpen:o,onClose:s,onConfirm:r,title:a,message:c,confirmText:d,cancelText:m,confirmDisabled:i=!1,variant:h="warning"})=>{const{t}=g();if(!o)return null;const u=()=>{switch(h){case"danger":return{icon:e.jsx("svg",{className:"w-6 h-6 text-red-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})}),confirmBtnClass:"hub-btn danger"};case"warning":return{icon:e.jsx("svg",{className:"w-6 h-6 text-yellow-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})}),confirmBtnClass:"hub-btn primary"};case"info":return{icon:e.jsx("svg",{className:"w-6 h-6 text-blue-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),confirmBtnClass:"hub-btn primary"};default:return{icon:null,confirmBtnClass:"hub-btn primary"}}},{icon:l,confirmBtnClass:x}=u(),f=n=>{n.target===n.currentTarget&&s()},j=n=>{n.key==="Escape"?s():n.key==="Enter"&&!i&&r()};return e.jsx("div",{className:"fixed inset-0 bg-black/50 z-[100] flex items-center justify-center p-4",onClick:f,onKeyDown:j,tabIndex:-1,children:e.jsx("div",{className:"hub-card max-w-2xl w-full transform transition-all duration-200 ease-out",role:"dialog","aria-modal":"true","aria-labelledby":"confirm-dialog-title","aria-describedby":"confirm-dialog-message",children:e.jsxs("div",{className:"p-6",children:[e.jsxs("div",{className:"flex items-start space-x-3",children:[l&&e.jsx("div",{className:"flex-shrink-0",children:l}),e.jsxs("div",{className:"flex-1",children:[a&&e.jsx("h3",{id:"confirm-dialog-title",className:"text-lg font-medium text-gray-900 mb-2",children:a}),e.jsx("div",{id:"confirm-dialog-message",className:"text-gray-600 leading-relaxed",children:c})]})]}),e.jsxs("div",{className:"flex justify-end space-x-3 mt-6",children:[e.jsx("button",{onClick:s,className:"hub-btn",autoFocus:!0,children:m||t("common.cancel")}),e.jsx("button",{onClick:r,className:x,disabled:i,children:d||t("common.confirm")})]})]})})})};export{p as C};
-//# sourceMappingURL=ConfirmDialog-uWBwm8J1.js.map
+import{j as e}from"./framework-vendor-CQFm9vKd.js";import{u as g}from"./i18n-vendor-DVmjrzgW.js";const p=({isOpen:o,onClose:s,onConfirm:r,title:a,message:c,confirmText:d,cancelText:m,confirmDisabled:i=!1,variant:h="warning"})=>{const{t}=g();if(!o)return null;const u=()=>{switch(h){case"danger":return{icon:e.jsx("svg",{className:"w-6 h-6 text-red-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})}),confirmBtnClass:"hub-btn danger"};case"warning":return{icon:e.jsx("svg",{className:"w-6 h-6 text-yellow-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"})}),confirmBtnClass:"hub-btn primary"};case"info":return{icon:e.jsx("svg",{className:"w-6 h-6 text-blue-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),confirmBtnClass:"hub-btn primary"};default:return{icon:null,confirmBtnClass:"hub-btn primary"}}},{icon:l,confirmBtnClass:x}=u(),f=n=>{n.target===n.currentTarget&&s()},j=n=>{n.key==="Escape"?s():n.key==="Enter"&&!i&&r()};return e.jsx("div",{className:"fixed inset-0 bg-black/50 z-[100] flex items-center justify-center p-4",onClick:f,onKeyDown:j,tabIndex:-1,children:e.jsx("div",{className:"hub-card max-w-2xl w-full transform transition-all duration-200 ease-out",role:"dialog","aria-modal":"true","aria-labelledby":"confirm-dialog-title","aria-describedby":"confirm-dialog-message",children:e.jsxs("div",{className:"p-6",children:[e.jsxs("div",{className:"flex items-start space-x-3",children:[l&&e.jsx("div",{className:"flex-shrink-0",children:l}),e.jsxs("div",{className:"flex-1",children:[a&&e.jsx("h3",{id:"confirm-dialog-title",className:"text-lg font-medium text-gray-900 mb-2",children:a}),e.jsx("div",{id:"confirm-dialog-message",className:"text-gray-600 leading-relaxed",children:c})]})]}),e.jsxs("div",{className:"flex justify-end space-x-3 mt-6",children:[e.jsx("button",{onClick:s,className:"hub-btn",autoFocus:!0,children:m||t("common.cancel")}),e.jsx("button",{onClick:r,className:x,disabled:i,children:d||t("common.confirm")})]})]})})})};export{p as C};
+//# sourceMappingURL=ConfirmDialog-BYdfb115.js.map

package/frontend/dist/assets/{ConfirmDialog-uWBwm8J1.js.map → ConfirmDialog-BYdfb115.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog-uWBwm8J1.js","sources":["../../src/components/ui/ConfirmDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title?: string;\n  message: React.ReactNode;\n  confirmText?: string;\n  cancelText?: string;\n  confirmDisabled?: boolean;\n  variant?: 'danger' | 'warning' | 'info';\n}\n\nconst ConfirmDialog: React.FC<ConfirmDialogProps> = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  title,\n  message,\n  confirmText,\n  cancelText,\n  confirmDisabled = false,\n  variant = 'warning',\n}) => {\n  const { t } = useTranslation();\n\n  if (!isOpen) return null;\n\n  const getVariantStyles = () => {\n    switch (variant) {\n      case 'danger':\n        return {\n          icon: (\n            <svg\n              className=\"w-6 h-6 text-red-600\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z\"\n              />\n            </svg>\n          ),\n          confirmBtnClass: 'hub-btn danger',\n        };\n      case 'warning':\n        return {\n          icon: (\n            <svg\n              className=\"w-6 h-6 text-yellow-600\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z\"\n              />\n            </svg>\n          ),\n          confirmBtnClass: 'hub-btn primary',\n        };\n      case 'info':\n        return {\n          icon: (\n            <svg\n              className=\"w-6 h-6 text-blue-600\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          ),\n          confirmBtnClass: 'hub-btn primary',\n        };\n      default:\n        return {\n          icon: null,\n          confirmBtnClass: 'hub-btn primary',\n        };\n    }\n  };\n\n  const { icon, confirmBtnClass } = getVariantStyles();\n\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    if (e.target === e.currentTarget) {\n      onClose();\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      onClose();\n    } else if (e.key === 'Enter' && !confirmDisabled) {\n      onConfirm();\n    }\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={handleBackdropClick}\n      onKeyDown={handleKeyDown}\n      tabIndex={-1}\n    >\n      <div\n        className=\"hub-card max-w-2xl w-full transform transition-all duration-200 ease-out\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"confirm-dialog-title\"\n        aria-describedby=\"confirm-dialog-message\"\n      >\n        <div className=\"p-6\">\n          <div className=\"flex items-start space-x-3\">\n            {icon && <div className=\"flex-shrink-0\">{icon}</div>}\n            <div className=\"flex-1\">\n              {title && (\n                <h3 id=\"confirm-dialog-title\" className=\"text-lg font-medium text-gray-900 mb-2\">\n                  {title}\n                </h3>\n              )}\n              <div id=\"confirm-dialog-message\" className=\"text-gray-600 leading-relaxed\">\n                {message}\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex justify-end space-x-3 mt-6\">\n            <button onClick={onClose} className=\"hub-btn\" autoFocus>\n              {cancelText || t('common.cancel')}\n            </button>\n            <button onClick={onConfirm} className={confirmBtnClass} disabled={confirmDisabled}>\n              {confirmText || t('common.confirm')}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ConfirmDialog;\n"],"names":["ConfirmDialog","isOpen","onClose","onConfirm","title","message","confirmText","cancelText","confirmDisabled","variant","useTranslation","getVariantStyles","jsx","icon","confirmBtnClass","handleBackdropClick","e","handleKeyDown","jsxs"],"mappings":"iGAeA,MAAMA,EAA8C,CAAC,CACnD,OAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,QAAAC,EAAU,SACZ,IAAM,CACJ,KAAM,CAAE,CAAA,EAAMC,EAAA,EAEd,GAAI,CAACT,EAAQ,OAAO,KAEpB,MAAMU,EAAmB,IAAM,CAC7B,OAAQF,EAAA,CACN,IAAK,SACH,MAAO,CACL,KACEG,EAAAA,IAAC,MAAA,CACC,UAAU,uBACV,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,SAAAA,EAAAA,IAAC,OAAA,CACC,cAAc,QACd,eAAe,QACf,YAAa,EACb,EAAE,2IAAA,CAAA,CACJ,CAAA,EAGJ,gBAAiB,gBAAA,EAErB,IAAK,UACH,MAAO,CACL,KACEA,EAAAA,IAAC,MAAA,CACC,UAAU,0BACV,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,SAAAA,EAAAA,IAAC,OAAA,CACC,cAAc,QACd,eAAe,QACf,YAAa,EACb,EAAE,2IAAA,CAAA,CACJ,CAAA,EAGJ,gBAAiB,iBAAA,EAErB,IAAK,OACH,MAAO,CACL,KACEA,EAAAA,IAAC,MAAA,CACC,UAAU,wBACV,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,SAAAA,EAAAA,IAAC,OAAA,CACC,cAAc,QACd,eAAe,QACf,YAAa,EACb,EAAE,2DAAA,CAAA,CACJ,CAAA,EAGJ,gBAAiB,iBAAA,EAErB,QACE,MAAO,CACL,KAAM,KACN,gBAAiB,iBAAA,CACnB,CAEN,EAEM,CAAE,KAAAC,EAAM,gBAAAC,CAAA,EAAoBH,EAAA,EAE5BI,EAAuBC,GAAwB,CAC/CA,EAAE,SAAWA,EAAE,eACjBd,EAAA,CAEJ,EAEMe,EAAiBD,GAA2B,CAC5CA,EAAE,MAAQ,SACZd,EAAA,EACSc,EAAE,MAAQ,SAAW,CAACR,GAC/BL,EAAA,CAEJ,EAEA,OACES,EAAAA,IAAC,MAAA,CACC,UAAU,yEACV,QAASG,EACT,UAAWE,EACX,SAAU,GAEV,SAAAL,EAAAA,IAAC,MAAA,CACC,UAAU,2EACV,KAAK,SACL,aAAW,OACX,kBAAgB,uBAChB,mBAAiB,yBAEjB,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,MACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,6BACZ,SAAA,CAAAL,GAAQD,EAAAA,IAAC,MAAA,CAAI,UAAU,gBAAiB,SAAAC,EAAK,EAC9CK,EAAAA,KAAC,MAAA,CAAI,UAAU,SACZ,SAAA,CAAAd,SACE,KAAA,CAAG,GAAG,uBAAuB,UAAU,yCACrC,SAAAA,EACH,QAED,MAAA,CAAI,GAAG,yBAAyB,UAAU,gCACxC,SAAAC,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,EAEAa,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAN,EAAAA,IAAC,SAAA,CAAO,QAASV,EAAS,UAAU,UAAU,UAAS,GACpD,SAAAK,GAAc,EAAE,eAAe,CAAA,CAClC,EACAK,EAAAA,IAAC,SAAA,CAAO,QAAST,EAAW,UAAWW,EAAiB,SAAUN,EAC/D,SAAAF,GAAe,EAAE,gBAAgB,CAAA,CACpC,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAGN"}
+{"version":3,"file":"ConfirmDialog-BYdfb115.js","sources":["../../src/components/ui/ConfirmDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: () => void;\n  title?: string;\n  message: React.ReactNode;\n  confirmText?: string;\n  cancelText?: string;\n  confirmDisabled?: boolean;\n  variant?: 'danger' | 'warning' | 'info';\n}\n\nconst ConfirmDialog: React.FC<ConfirmDialogProps> = ({\n  isOpen,\n  onClose,\n  onConfirm,\n  title,\n  message,\n  confirmText,\n  cancelText,\n  confirmDisabled = false,\n  variant = 'warning',\n}) => {\n  const { t } = useTranslation();\n\n  if (!isOpen) return null;\n\n  const getVariantStyles = () => {\n    switch (variant) {\n      case 'danger':\n        return {\n          icon: (\n            <svg\n              className=\"w-6 h-6 text-red-600\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z\"\n              />\n            </svg>\n          ),\n          confirmBtnClass: 'hub-btn danger',\n        };\n      case 'warning':\n        return {\n          icon: (\n            <svg\n              className=\"w-6 h-6 text-yellow-600\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z\"\n              />\n            </svg>\n          ),\n          confirmBtnClass: 'hub-btn primary',\n        };\n      case 'info':\n        return {\n          icon: (\n            <svg\n              className=\"w-6 h-6 text-blue-600\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n          ),\n          confirmBtnClass: 'hub-btn primary',\n        };\n      default:\n        return {\n          icon: null,\n          confirmBtnClass: 'hub-btn primary',\n        };\n    }\n  };\n\n  const { icon, confirmBtnClass } = getVariantStyles();\n\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    if (e.target === e.currentTarget) {\n      onClose();\n    }\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      onClose();\n    } else if (e.key === 'Enter' && !confirmDisabled) {\n      onConfirm();\n    }\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={handleBackdropClick}\n      onKeyDown={handleKeyDown}\n      tabIndex={-1}\n    >\n      <div\n        className=\"hub-card max-w-2xl w-full transform transition-all duration-200 ease-out\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"confirm-dialog-title\"\n        aria-describedby=\"confirm-dialog-message\"\n      >\n        <div className=\"p-6\">\n          <div className=\"flex items-start space-x-3\">\n            {icon && <div className=\"flex-shrink-0\">{icon}</div>}\n            <div className=\"flex-1\">\n              {title && (\n                <h3 id=\"confirm-dialog-title\" className=\"text-lg font-medium text-gray-900 mb-2\">\n                  {title}\n                </h3>\n              )}\n              <div id=\"confirm-dialog-message\" className=\"text-gray-600 leading-relaxed\">\n                {message}\n              </div>\n            </div>\n          </div>\n\n          <div className=\"flex justify-end space-x-3 mt-6\">\n            <button onClick={onClose} className=\"hub-btn\" autoFocus>\n              {cancelText || t('common.cancel')}\n            </button>\n            <button onClick={onConfirm} className={confirmBtnClass} disabled={confirmDisabled}>\n              {confirmText || t('common.confirm')}\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ConfirmDialog;\n"],"names":["ConfirmDialog","isOpen","onClose","onConfirm","title","message","confirmText","cancelText","confirmDisabled","variant","useTranslation","getVariantStyles","jsx","icon","confirmBtnClass","handleBackdropClick","e","handleKeyDown","jsxs"],"mappings":"iGAeA,MAAMA,EAA8C,CAAC,CACnD,OAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkB,GAClB,QAAAC,EAAU,SACZ,IAAM,CACJ,KAAM,CAAE,CAAA,EAAMC,EAAA,EAEd,GAAI,CAACT,EAAQ,OAAO,KAEpB,MAAMU,EAAmB,IAAM,CAC7B,OAAQF,EAAA,CACN,IAAK,SACH,MAAO,CACL,KACEG,EAAAA,IAAC,MAAA,CACC,UAAU,uBACV,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,SAAAA,EAAAA,IAAC,OAAA,CACC,cAAc,QACd,eAAe,QACf,YAAa,EACb,EAAE,2IAAA,CAAA,CACJ,CAAA,EAGJ,gBAAiB,gBAAA,EAErB,IAAK,UACH,MAAO,CACL,KACEA,EAAAA,IAAC,MAAA,CACC,UAAU,0BACV,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,SAAAA,EAAAA,IAAC,OAAA,CACC,cAAc,QACd,eAAe,QACf,YAAa,EACb,EAAE,2IAAA,CAAA,CACJ,CAAA,EAGJ,gBAAiB,iBAAA,EAErB,IAAK,OACH,MAAO,CACL,KACEA,EAAAA,IAAC,MAAA,CACC,UAAU,wBACV,KAAK,OACL,QAAQ,YACR,OAAO,eAEP,SAAAA,EAAAA,IAAC,OAAA,CACC,cAAc,QACd,eAAe,QACf,YAAa,EACb,EAAE,2DAAA,CAAA,CACJ,CAAA,EAGJ,gBAAiB,iBAAA,EAErB,QACE,MAAO,CACL,KAAM,KACN,gBAAiB,iBAAA,CACnB,CAEN,EAEM,CAAE,KAAAC,EAAM,gBAAAC,CAAA,EAAoBH,EAAA,EAE5BI,EAAuBC,GAAwB,CAC/CA,EAAE,SAAWA,EAAE,eACjBd,EAAA,CAEJ,EAEMe,EAAiBD,GAA2B,CAC5CA,EAAE,MAAQ,SACZd,EAAA,EACSc,EAAE,MAAQ,SAAW,CAACR,GAC/BL,EAAA,CAEJ,EAEA,OACES,EAAAA,IAAC,MAAA,CACC,UAAU,yEACV,QAASG,EACT,UAAWE,EACX,SAAU,GAEV,SAAAL,EAAAA,IAAC,MAAA,CACC,UAAU,2EACV,KAAK,SACL,aAAW,OACX,kBAAgB,uBAChB,mBAAiB,yBAEjB,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,MACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,6BACZ,SAAA,CAAAL,GAAQD,EAAAA,IAAC,MAAA,CAAI,UAAU,gBAAiB,SAAAC,EAAK,EAC9CK,EAAAA,KAAC,MAAA,CAAI,UAAU,SACZ,SAAA,CAAAd,SACE,KAAA,CAAG,GAAG,uBAAuB,UAAU,yCACrC,SAAAA,EACH,QAED,MAAA,CAAI,GAAG,yBAAyB,UAAU,gCACxC,SAAAC,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,EAEAa,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAN,EAAAA,IAAC,SAAA,CAAO,QAASV,EAAS,UAAU,UAAU,UAAS,GACpD,SAAAK,GAAc,EAAE,eAAe,CAAA,CAClC,EACAK,EAAAA,IAAC,SAAA,CAAO,QAAST,EAAW,UAAWW,EAAiB,SAAUN,EAC/D,SAAAF,GAAe,EAAE,gBAAgB,CAAA,CACpC,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAGN"}

package/frontend/dist/assets/{CopyClientConfigDialog-BHijFbyw.js → CopyClientConfigDialog-BmrvVqKm.js}

@@ -1,4 +1,4 @@
-import{r as a,j as o}from"./framework-vendor-_YL27Pfc.js";import{c as P}from"./clipboard-CjtPOmJs.js";import{j as L}from"./index-DJUr-vo3.js";import{u as R}from"./i18n-vendor-BMaj5qV8.js";import{X as H,C as J,q as K}from"./icons-vendor-CvmEvkQ-.js";const w=(e,n)=>e&&e.trim()?e:n,ce=(e,n)=>{const s=w(e.description,n);return e.hasDescriptionOverride?{currentDescription:s,defaultDescription:w(e.defaultDescription,n),hasDescriptionOverride:!0}:{currentDescription:s,hasDescriptionOverride:!1}},A="generic-mcp-servers",F=[{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"}],M="<your-access-token>",O="mcphub-token",u=e=>!!e.url,p=e=>{const n=Object.entries(e.headers??{}).filter(([,s])=>s!==void 0);return n.length>0?Object.fromEntries(n):void 0},C=e=>{const n=Object.entries(e.env??{}).filter(([,s])=>s!==void 0);return n.length>0?Object.fromEntries(n):void 0},f=e=>{var t;const n=((t=e.args)==null?void 0:t.filter(i=>i!==void 0))??[],s=C(e);return{command:e.command??"",...n.length>0?{args:n}:{},...s?{env:s}:{}}},_=(e,n=!1)=>{if(!u(e))return n?{type:"stdio",...f(e)}:f(e);const s=p(e);return{type:e.type==="sse"?"sse":"http",url:e.url??"",...s?{headers:s}:{}}},z=e=>{const n=p(e);return{...e.type==="sse"?{type:"sse"}:{},url:e.url??"",...n?{headers:n}:{}}},v=(e,n,s)=>JSON.stringify({[e]:{[n]:s}},null,2),D=e=>v("mcpServers",e.name,u(e)?z(e):f(e)),U=(e,n)=>{const s=p(e),t=`Bearer ${M}`,i=(s==null?void 0:s.Authorization)===t,l=i?{...s,Authorization:`Bearer \${input:${O}}`}:s,d=u(e)?{type:e.type==="sse"?"sse":"http",url:e.url,...l?{headers:l}:{}}:{type:"stdio",...f(e)};return JSON.stringify({servers:{[e.name]:d},...i?{inputs:[{id:O,type:"promptString",description:n.tokenPromptDescription??"MCPHub access token",password:!0}]}:{}},null,2)},W=/^[A-Za-z0-9_-]+$/,N=e=>W.test(e)?e:JSON.stringify(e),h=e=>JSON.stringify(e),q=e=>`{ ${Object.entries(e).map(([n,s])=>`${N(n)} = ${h(s)}`).join(", ")} }`,Z=e=>{var l;const n=N(e.name),s=[`[mcp_servers.${n}]`];if(u(e)){s.push(`url = ${h(e.url??"")}`);const d=p(e);return d&&s.push(`http_headers = ${q(d)}`),s.join(`
+import{r as a,j as o}from"./framework-vendor-CQFm9vKd.js";import{c as P}from"./clipboard-C6pDz_7o.js";import{j as L}from"./index-BlEZfPQl.js";import{u as R}from"./i18n-vendor-DVmjrzgW.js";import{X as H,C as J,q as K}from"./icons-vendor-CEwDZ1lN.js";const w=(e,n)=>e&&e.trim()?e:n,ce=(e,n)=>{const s=w(e.description,n);return e.hasDescriptionOverride?{currentDescription:s,defaultDescription:w(e.defaultDescription,n),hasDescriptionOverride:!0}:{currentDescription:s,hasDescriptionOverride:!1}},A="generic-mcp-servers",F=[{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"}],M="<your-access-token>",O="mcphub-token",u=e=>!!e.url,p=e=>{const n=Object.entries(e.headers??{}).filter(([,s])=>s!==void 0);return n.length>0?Object.fromEntries(n):void 0},C=e=>{const n=Object.entries(e.env??{}).filter(([,s])=>s!==void 0);return n.length>0?Object.fromEntries(n):void 0},f=e=>{var t;const n=((t=e.args)==null?void 0:t.filter(i=>i!==void 0))??[],s=C(e);return{command:e.command??"",...n.length>0?{args:n}:{},...s?{env:s}:{}}},_=(e,n=!1)=>{if(!u(e))return n?{type:"stdio",...f(e)}:f(e);const s=p(e);return{type:e.type==="sse"?"sse":"http",url:e.url??"",...s?{headers:s}:{}}},z=e=>{const n=p(e);return{...e.type==="sse"?{type:"sse"}:{},url:e.url??"",...n?{headers:n}:{}}},v=(e,n,s)=>JSON.stringify({[e]:{[n]:s}},null,2),D=e=>v("mcpServers",e.name,u(e)?z(e):f(e)),U=(e,n)=>{const s=p(e),t=`Bearer ${M}`,i=(s==null?void 0:s.Authorization)===t,l=i?{...s,Authorization:`Bearer \${input:${O}}`}:s,d=u(e)?{type:e.type==="sse"?"sse":"http",url:e.url,...l?{headers:l}:{}}:{type:"stdio",...f(e)};return JSON.stringify({servers:{[e.name]:d},...i?{inputs:[{id:O,type:"promptString",description:n.tokenPromptDescription??"MCPHub access token",password:!0}]}:{}},null,2)},W=/^[A-Za-z0-9_-]+$/,N=e=>W.test(e)?e:JSON.stringify(e),h=e=>JSON.stringify(e),q=e=>`{ ${Object.entries(e).map(([n,s])=>`${N(n)} = ${h(s)}`).join(", ")} }`,Z=e=>{var l;const n=N(e.name),s=[`[mcp_servers.${n}]`];if(u(e)){s.push(`url = ${h(e.url??"")}`);const d=p(e);return d&&s.push(`http_headers = ${q(d)}`),s.join(`
 `)}s.push(`command = ${h(e.command??"")}`);const t=((l=e.args)==null?void 0:l.filter(d=>d!==void 0))??[];t.length>0&&s.push(`args = [${t.map(h).join(", ")}]`);const i=C(e);if(i){s.push("",`[mcp_servers.${n}.env]`);for(const[d,b]of Object.entries(i))s.push(`${N(d)} = ${h(b)}`)}return s.join(`
 `)},Q=e=>{var s;if(!u(e)){const t=C(e),i=((s=e.args)==null?void 0:s.filter(l=>l!==void 0))??[];return JSON.stringify({mcp:{[e.name]:{type:"local",command:[e.command??"",...i],...t?{environment:t}:{}}}},null,2)}const n=p(e);return JSON.stringify({mcp:{[e.name]:{type:"remote",url:e.url,...n?{headers:n}:{}}}},null,2)},V=e=>{const n={name:e.name,description:e.description??""},s=p(e),t=u(e)?{...n,type:e.type==="sse"?"sse":"streamableHttp",baseUrl:e.url,...s?{headers:s}:{}}:{...n,type:"stdio",...f(e)};return v("mcpServers",e.name,t)},X=/^[A-Za-z0-9._:@/=-]+$/,Y=e=>`'${e.replace(/'/g,"'\\''")}'`,S=e=>X.test(e)?e:Y(e),G=e=>{if(!u(e)||e.name.startsWith("-")||(e.url??"").startsWith("-"))return;const n=["claude","mcp","add","--transport",e.type==="sse"?"sse":"http",S(e.name),S(e.url??"")];for(const[s,t]of Object.entries(p(e)??{}))n.push("--header",S(`${s}: ${t}`));return n.join(" ")},m=e=>typeof e=="string"&&e.length>0?e:void 0,I=e=>{switch(e){case"stdio":case"sse":case"streamable-http":case"openapi":return e;default:return}},y=e=>{if(!e||typeof e!="object"||Array.isArray(e))return;const n=Object.entries(e).filter(s=>typeof s[1]=="string");return n.length>0?Object.fromEntries(n):void 0},g=e=>{if(!Array.isArray(e))return;const n=e.filter(s=>typeof s=="string");return n.length>0?n:void 0},le=(e,n)=>{const s=n??{};return{name:e,...I(s.type)?{type:I(s.type)}:{},...m(s.url)?{url:m(s.url)}:{},...y(s.headers)?{headers:y(s.headers)}:{},...m(s.command)?{command:m(s.command)}:{},...g(s.args)?{args:g(s.args)}:{},...y(s.env)?{env:y(s.env)}:{},...m(s.description)?{description:m(s.description)}:{}}},ee=(e,n,s)=>{switch(e){case"generic-mcp-servers":return D(n);case"generic-http":return JSON.stringify(u(n)?{type:"http",...z(n)}:f(n),null,2);case"vscode":return U(n,s);case"codex":return Z(n);case"opencode":return Q(n);case"cherry-studio":return V(n);case"claude-code":return v("mcpServers",n.name,_(n));case"codebuddy":return v("mcpServers",n.name,_(n,!0));default:return D(n)}},ne=(e,n,s={})=>{if(!n.url&&!n.command)return[];const t=[{kind:"config",text:ee(e,n,s)}];if(e==="claude-code"){const i=G(n);i&&t.push({kind:"command",text:i})}return t},de=({isOpen:e,onClose:n,target:s})=>{const{t}=R(),{showToast:i}=L(),[l,d]=a.useState(A),[b,x]=a.useState(null),E=a.useRef(null),T=a.useRef(null);a.useEffect(()=>{e||(x(null),d(A))},[e]),a.useEffect(()=>{var r;if(e)return T.current=document.activeElement instanceof HTMLElement?document.activeElement:null,(r=E.current)==null||r.focus(),()=>{var c;(c=T.current)==null||c.focus()}},[e]),a.useEffect(()=>{if(!e)return;const r=c=>{c.key==="Escape"&&n()};return document.addEventListener("keydown",r),()=>document.removeEventListener("keydown",r)},[e,n]);const j=a.useMemo(()=>s?ne(l,s,{tokenPromptDescription:t("clientConfig.tokenPrompt")}):[],[l,s,t]);if(!e||!s)return null;const B=async(r,c)=>{if(!await P(c)){i(t("common.copyFailed"),"error");return}x(r),i(t("common.copySuccess"),"success"),setTimeout(()=>x($=>$===r?null:$),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&&n()},children:o.jsxs("div",{ref:E,tabIndex:-1,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:s.name})})]}),o.jsx("button",{className:"hub-icon-btn sm",onClick:n,"aria-label":t("app.closeButton"),children:o.jsx(H,{size:13})})]}),j.length>0&&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:F.map(r=>{const c=r.id===l;return o.jsx("button",{role:"tab","aria-selected":c,onClick:()=>d(r.id),className:"px-2.5 py-1 rounded-md text-[12px] transition-colors hover:bg-[var(--hub-surface-hover)]",style:{background:c?"var(--hub-surface)":"transparent",border:"1px solid "+(c?"var(--hub-line)":"transparent"),color:c?"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.${l}.hint`)})]}),o.jsx("div",{className:"px-4 pb-4 pt-2 space-y-3 max-h-[60vh] overflow-auto",children:j.length===0?o.jsx("p",{className:"text-[12px]",style:{color:"var(--hub-ink-3)"},children:t("clientConfig.noTransport")}):j.map(r=>{const c=`${l}:${r.kind}`,k=b===c;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 B(c,r.text),children:[k?o.jsx(J,{size:12,className:"text-[var(--hub-ok)]"}):o.jsx(K,{size:12}),t(k?"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})})]},c)})}),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:n,children:t("common.cancel")})})]})})};export{M as A,de as C,ce as g,le as t};
-//# sourceMappingURL=CopyClientConfigDialog-BHijFbyw.js.map
+//# sourceMappingURL=CopyClientConfigDialog-BmrvVqKm.js.map