npm - @samanhappy/mcphub - Versions diffs - 0.12.17 → 1.0.1 - Mend

@samanhappy/mcphub 0.12.17 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

package/frontend/dist/assets/variableDetection-DsYuiOB_.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"variableDetection-DsYuiOB_.js","sources":["../../src/utils/serverFormPayload.ts","../../src/components/ServerForm.tsx","../../src/utils/variableDetection.ts"],"sourcesContent":["import type { EnvVar, ServerConfig, ServerFormData } from '../types';\n\ntype ServerType = NonNullable<ServerConfig['type']>;\n\ninterface BuildServerPayloadInput {\n formData: ServerFormData;\n serverType: ServerType;\n envVars: EnvVar[];\n headerVars: EnvVar[];\n}\n\nconst buildKeyValueRecord = (vars: EnvVar[]): Record<string, string> => {\n const record: Record<string, string> = {};\n\n vars.forEach(({ key, value }) => {\n const trimmedKey = key.trim();\n if (trimmedKey) {\n record[trimmedKey] = value;\n }\n });\n\n return record;\n};\n\nconst parseCommaSeparatedList = (value?: string): string[] => {\n if (!value) {\n return [];\n }\n\n return value\n .split(',')\n .map((item) => item.trim())\n .filter((item) => item.length > 0);\n};\n\nconst buildOptions = (options?: ServerFormData['options']) => {\n const nextOptions: NonNullable<ServerFormData['options']> = {};\n\n if (options?.timeout && options.timeout !== 60000) {\n nextOptions.timeout = options.timeout;\n }\n\n if (typeof options?.resetTimeoutOnProgress === 'boolean') {\n nextOptions.resetTimeoutOnProgress = options.resetTimeoutOnProgress;\n }\n\n if (options?.maxTotalTimeout) {\n nextOptions.maxTotalTimeout = options.maxTotalTimeout;\n }\n\n return nextOptions;\n};\n\nconst buildOAuthConfig = (\n oauth?: ServerFormData['oauth'],\n): Partial<NonNullable<ServerConfig['oauth']>> => {\n if (!oauth) {\n return {};\n }\n\n const nextOAuth: Partial<NonNullable<ServerConfig['oauth']>> = {};\n const clientId = oauth.clientId?.trim();\n const clientSecret = oauth.clientSecret?.trim();\n const scopes = oauth.scopes?.trim();\n const accessToken = oauth.accessToken?.trim();\n const refreshToken = oauth.refreshToken?.trim();\n const authorizationEndpoint = oauth.authorizationEndpoint?.trim();\n const tokenEndpoint = oauth.tokenEndpoint?.trim();\n const resource = oauth.resource?.trim();\n\n if (clientId) nextOAuth.clientId = clientId;\n if (clientSecret) nextOAuth.clientSecret = clientSecret;\n if (scopes) {\n const parsedScopes = scopes\n .split(/[\\s,]+/)\n .map((scope) => scope.trim())\n .filter((scope) => scope.length > 0);\n\n if (parsedScopes.length > 0) {\n nextOAuth.scopes = parsedScopes;\n }\n }\n if (accessToken) nextOAuth.accessToken = accessToken;\n if (refreshToken) nextOAuth.refreshToken = refreshToken;\n if (authorizationEndpoint) nextOAuth.authorizationEndpoint = authorizationEndpoint;\n if (tokenEndpoint) nextOAuth.tokenEndpoint = tokenEndpoint;\n if (resource) nextOAuth.resource = resource;\n\n return nextOAuth;\n};\n\nconst buildOpenApiConfig = (formData: ServerFormData): NonNullable<ServerConfig['openapi']> => {\n const openapi: NonNullable<ServerConfig['openapi']> = {\n version: formData.openapi?.version || '3.1.0',\n passthroughHeaders: parseCommaSeparatedList(formData.openapi?.passthroughHeaders),\n };\n\n if (formData.openapi?.inputMode === 'url') {\n openapi.url = formData.openapi?.url || '';\n } else if (formData.openapi?.inputMode === 'schema' && formData.openapi?.schema) {\n try {\n openapi.schema = JSON.parse(formData.openapi.schema);\n } catch {\n throw new Error('Invalid JSON schema format');\n }\n }\n\n if (formData.openapi?.securityType && formData.openapi.securityType !== 'none') {\n openapi.security = {\n type: formData.openapi.securityType,\n ...(formData.openapi.securityType === 'apiKey' && {\n apiKey: {\n name: formData.openapi.apiKeyName || '',\n in: formData.openapi.apiKeyIn || 'header',\n value: formData.openapi.apiKeyValue || '',\n },\n }),\n ...(formData.openapi.securityType === 'http' && {\n http: {\n scheme: formData.openapi.httpScheme || 'bearer',\n credentials: formData.openapi.httpCredentials || '',\n },\n }),\n ...(formData.openapi.securityType === 'oauth2' && {\n oauth2: {\n token: formData.openapi.oauth2Token || '',\n },\n }),\n ...(formData.openapi.securityType === 'openIdConnect' && {\n openIdConnect: {\n url: formData.openapi.openIdConnectUrl || '',\n token: formData.openapi.openIdConnectToken || '',\n },\n }),\n };\n }\n\n return openapi;\n};\n\nexport const buildServerPayload = ({\n formData,\n serverType,\n envVars,\n headerVars,\n}: BuildServerPayloadInput) => {\n const env = buildKeyValueRecord(envVars);\n const headers = buildKeyValueRecord(headerVars);\n const options = buildOptions(formData.options);\n const description = formData.description?.trim() || '';\n\n const config: Partial<ServerConfig> = {\n type: serverType,\n description,\n options,\n visibility: formData.visibility ?? 'private',\n };\n\n if (serverType === 'openapi') {\n config.headers = headers;\n config.openapi = buildOpenApiConfig(formData);\n } else if (serverType === 'sse' || serverType === 'streamable-http') {\n config.url = formData.url.trim();\n config.env = env;\n config.headers = headers;\n config.passthroughHeaders = parseCommaSeparatedList(formData.passthroughHeaders);\n config.oauth = buildOAuthConfig(formData.oauth);\n config.enableKeepAlive = formData.keepAlive?.enabled || false;\n config.keepAliveInterval = formData.keepAlive?.enabled\n ? formData.keepAlive.interval || 60000\n : undefined;\n } else {\n config.command = formData.command.trim();\n config.args = formData.args;\n config.env = env;\n }\n\n return {\n name: formData.name.trim(),\n config,\n };\n};","import { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { Server, EnvVar, ServerFormData } from '@/types';\nimport { buildServerPayload } from '../utils/serverFormPayload';\n\ninterface ServerFormProps {\n onSubmit: (payload: any) => void;\n onCancel: () => void;\n initialData?: Server | null;\n modalTitle: string;\n formError?: string | null;\n}\n\nconst ServerForm = ({\n onSubmit,\n onCancel,\n initialData = null,\n modalTitle,\n formError = null,\n}: ServerFormProps) => {\n const { t } = useTranslation();\n\n // Determine the initial server type from the initialData\n const getInitialServerType = () => {\n if (!initialData || !initialData.config) return 'stdio';\n\n if (initialData.config.type) {\n return initialData.config.type; // Use explicit type if available\n } else if (initialData.config.url) {\n return 'sse'; // Fallback to SSE if URL exists\n } else {\n return 'stdio'; // Default to stdio\n }\n };\n\n const getInitialServerEnvVars = (data: Server | null): EnvVar[] => {\n if (!data || !data.config || !data.config.env) return [];\n\n return Object.entries(data.config.env).map(([key, value]) => ({\n key,\n value,\n description: '', // You can set a default description if needed\n }));\n };\n\n const getInitialOAuthConfig = (data: Server | null): ServerFormData['oauth'] => {\n const oauth = data?.config?.oauth;\n return {\n clientId: oauth?.clientId || '',\n clientSecret: oauth?.clientSecret || '',\n scopes: oauth?.scopes ? oauth.scopes.join(' ') : '',\n accessToken: oauth?.accessToken || '',\n refreshToken: oauth?.refreshToken || '',\n authorizationEndpoint: oauth?.authorizationEndpoint || '',\n tokenEndpoint: oauth?.tokenEndpoint || '',\n resource: oauth?.resource || '',\n };\n };\n\n const [serverType, setServerType] = useState<'stdio' | 'sse' | 'streamable-http' | 'openapi'>(\n getInitialServerType(),\n );\n\n const [formData, setFormData] = useState<ServerFormData>({\n name: (initialData && initialData.name) || '',\n description: (initialData && initialData.config && initialData.config.description) || '',\n url: (initialData && initialData.config && initialData.config.url) || '',\n command: (initialData && initialData.config && initialData.config.command) || '',\n arguments:\n initialData && initialData.config && initialData.config.args\n ? Array.isArray(initialData.config.args)\n ? initialData.config.args.join(' ')\n : String(initialData.config.args)\n : '',\n args: (initialData && initialData.config && initialData.config.args) || [],\n type: getInitialServerType(), // Initialize the type field\n env: getInitialServerEnvVars(initialData),\n headers: [],\n passthroughHeaders:\n initialData?.config?.passthroughHeaders?.join(', ') || '',\n visibility: (initialData?.config?.visibility ?? 'private') as\n | 'private'\n | 'group'\n | 'public',\n options: {\n timeout:\n (initialData &&\n initialData.config &&\n initialData.config.options &&\n initialData.config.options.timeout) ||\n 60000,\n resetTimeoutOnProgress:\n initialData?.config?.options?.resetTimeoutOnProgress ?? true,\n maxTotalTimeout:\n (initialData &&\n initialData.config &&\n initialData.config.options &&\n initialData.config.options.maxTotalTimeout) ||\n undefined,\n },\n oauth: getInitialOAuthConfig(initialData),\n // KeepAlive configuration initialization\n keepAlive: {\n enabled: initialData?.config?.enableKeepAlive || false,\n interval: initialData?.config?.keepAliveInterval || 60000,\n },\n // OpenAPI configuration initialization\n openapi:\n initialData && initialData.config && initialData.config.openapi\n ? {\n url: initialData.config.openapi.url || '',\n schema: initialData.config.openapi.schema\n ? JSON.stringify(initialData.config.openapi.schema, null, 2)\n : '',\n inputMode: initialData.config.openapi.url\n ? 'url'\n : initialData.config.openapi.schema\n ? 'schema'\n : 'url',\n version: initialData.config.openapi.version || '3.1.0',\n securityType: initialData.config.openapi.security?.type || 'none',\n // API Key initialization\n apiKeyName: initialData.config.openapi.security?.apiKey?.name || '',\n apiKeyIn: initialData.config.openapi.security?.apiKey?.in || 'header',\n apiKeyValue: initialData.config.openapi.security?.apiKey?.value || '',\n // HTTP auth initialization\n httpScheme: initialData.config.openapi.security?.http?.scheme || 'bearer',\n httpCredentials: initialData.config.openapi.security?.http?.credentials || '',\n // OAuth2 initialization\n oauth2Token: initialData.config.openapi.security?.oauth2?.token || '',\n // OpenID Connect initialization\n openIdConnectUrl: initialData.config.openapi.security?.openIdConnect?.url || '',\n openIdConnectToken: initialData.config.openapi.security?.openIdConnect?.token || '',\n // Passthrough headers initialization\n passthroughHeaders: initialData.config.openapi.passthroughHeaders\n ? initialData.config.openapi.passthroughHeaders.join(', ')\n : '',\n }\n : {\n inputMode: 'url',\n url: '',\n schema: '',\n version: '3.1.0',\n securityType: 'none',\n passthroughHeaders: '',\n },\n });\n\n const [envVars, setEnvVars] = useState<EnvVar[]>(\n initialData && initialData.config && initialData.config.env\n ? Object.entries(initialData.config.env).map(([key, value]) => ({ key, value }))\n : [],\n );\n\n const [headerVars, setHeaderVars] = useState<EnvVar[]>(\n initialData && initialData.config && initialData.config.headers\n ? Object.entries(initialData.config.headers).map(([key, value]) => ({ key, value }))\n : [],\n );\n\n const [isRequestOptionsExpanded, setIsRequestOptionsExpanded] = useState<boolean>(false);\n const [isOAuthSectionExpanded, setIsOAuthSectionExpanded] = useState<boolean>(false);\n const [isKeepAliveSectionExpanded, setIsKeepAliveSectionExpanded] = useState<boolean>(false);\n const [error, setError] = useState<string | null>(null);\n const isEdit = !!initialData;\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const { name, value } = e.target;\n setFormData({ ...formData, [name]: value });\n };\n\n // Transform space-separated arguments string into array\n const handleArgsChange = (value: string) => {\n const args = value.split(' ').filter((arg) => arg.trim() !== '');\n setFormData({ ...formData, arguments: value, args });\n };\n\n const updateServerType = (type: 'stdio' | 'sse' | 'streamable-http' | 'openapi') => {\n setServerType(type);\n setFormData((prev) => ({ ...prev, type }));\n };\n\n const handleEnvVarChange = (index: number, field: 'key' | 'value', value: string) => {\n const newEnvVars = [...envVars];\n newEnvVars[index][field] = value;\n setEnvVars(newEnvVars);\n };\n\n const addEnvVar = () => {\n setEnvVars([...envVars, { key: '', value: '' }]);\n };\n\n const removeEnvVar = (index: number) => {\n const newEnvVars = [...envVars];\n newEnvVars.splice(index, 1);\n setEnvVars(newEnvVars);\n };\n\n const handleHeaderVarChange = (index: number, field: 'key' | 'value', value: string) => {\n const newHeaderVars = [...headerVars];\n newHeaderVars[index][field] = value;\n setHeaderVars(newHeaderVars);\n };\n\n const addHeaderVar = () => {\n setHeaderVars([...headerVars, { key: '', value: '' }]);\n };\n\n const removeHeaderVar = (index: number) => {\n const newHeaderVars = [...headerVars];\n newHeaderVars.splice(index, 1);\n setHeaderVars(newHeaderVars);\n };\n\n const handleOAuthChange = <K extends keyof NonNullable<ServerFormData['oauth']>>(\n field: K,\n value: string,\n ) => {\n setFormData((prev) => ({\n ...prev,\n oauth: {\n ...(prev.oauth || {}),\n [field]: value,\n },\n }));\n };\n\n // Handle options changes\n const handleOptionsChange = (\n field: 'timeout' | 'resetTimeoutOnProgress' | 'maxTotalTimeout',\n value: number | boolean | undefined,\n ) => {\n setFormData((prev) => ({\n ...prev,\n options: {\n ...prev.options,\n [field]: value,\n },\n }));\n };\n\n // Submit handler for server configuration\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n try {\n const payload = buildServerPayload({\n formData,\n serverType,\n envVars,\n headerVars,\n });\n\n onSubmit(payload);\n } catch (err) {\n setError(`Error: ${err instanceof Error ? err.message : String(err)}`);\n }\n };\n\n return (\n <div className=\"hub-card p-6 w-full max-w-3xl max-h-screen overflow-y-auto\">\n <div className=\"flex justify-between items-center mb-5\">\n <h2 className=\"text-lg font-semibold text-[var(--hub-ink)]\">{modalTitle}</h2>\n <button\n onClick={onCancel}\n className=\"hub-icon-btn\"\n aria-label=\"Close\"\n >\n <X size={16} />\n </button>\n </div>\n\n {(error || formError) && (\n <div className=\"bg-red-50 text-red-700 p-3 rounded mb-4\">{formError || error}</div>\n )}\n\n <form onSubmit={handleSubmit}>\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-[var(--hub-ink-2)]\" htmlFor=\"name\">\n {t('server.name')}\n </label>\n <input\n type=\"text\"\n name=\"name\"\n id=\"name\"\n value={formData.name}\n onChange={handleInputChange}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"e.g.: time-mcp\"\n required\n />\n </div>\n\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-[var(--hub-ink-2)]\" htmlFor=\"description\">\n {t('server.description')}\n </label>\n <input\n type=\"text\"\n name=\"description\"\n id=\"description\"\n value={formData.description || ''}\n onChange={handleInputChange}\n className=\"w-full py-2 px-3 form-input\"\n placeholder={t('server.descriptionPlaceholder')}\n />\n </div>\n\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-[var(--hub-ink-2)]\" htmlFor=\"visibility\">\n {t('server.visibility', 'Visibility')}\n </label>\n <select\n id=\"visibility\"\n name=\"visibility\"\n value={formData.visibility || 'private'}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n visibility: e.target.value as 'private' | 'group' | 'public',\n }))\n }\n className=\"w-full py-2 px-3 form-input\"\n >\n <option value=\"private\">\n {t('server.visibilityPrivate', 'Private — only the owner and admins')}\n </option>\n {formData.visibility === 'group' && (\n // 'group' is a reserved enum value; the filter doesn't yet honour it.\n // Surface it as a disabled option so a server pre-set to 'group' (e.g.\n // via direct DB update or a future user→group migration) renders\n // intelligibly rather than silently falling back to 'private' in the UI.\n <option value=\"group\" disabled>\n {t('server.visibilityGroup', 'Group (reserved — not yet implemented)')}\n </option>\n )}\n <option value=\"public\">\n {t('server.visibilityPublic', 'Public — every authenticated user')}\n </option>\n </select>\n <p className=\"text-xs text-gray-500 mt-1\">\n {t(\n 'server.visibilityDescription',\n \"Controls which non-admin users see this server in tools/list. Admins always see all servers regardless of this setting.\",\n )}\n </p>\n </div>\n\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-[var(--hub-ink-2)]\">{t('server.type')}</label>\n <div className=\"flex space-x-4\">\n <div>\n <input\n type=\"radio\"\n id=\"command\"\n name=\"serverType\"\n value=\"command\"\n checked={serverType === 'stdio'}\n onChange={() => updateServerType('stdio')}\n className=\"mr-1\"\n />\n <label htmlFor=\"command\" className=\"text-[var(--hub-ink)]\">{t('server.typeStdio')}</label>\n </div>\n <div>\n <input\n type=\"radio\"\n id=\"url\"\n name=\"serverType\"\n value=\"url\"\n checked={serverType === 'sse'}\n onChange={() => updateServerType('sse')}\n className=\"mr-1\"\n />\n <label htmlFor=\"url\" className=\"text-[var(--hub-ink)]\">{t('server.typeSse')}</label>\n </div>\n <div>\n <input\n type=\"radio\"\n id=\"streamable-http\"\n name=\"serverType\"\n value=\"streamable-http\"\n checked={serverType === 'streamable-http'}\n onChange={() => updateServerType('streamable-http')}\n className=\"mr-1\"\n />\n <label htmlFor=\"streamable-http\" className=\"text-[var(--hub-ink)]\">{t('server.typeStreamableHttp')}</label>\n </div>\n <div>\n <input\n type=\"radio\"\n id=\"openapi\"\n name=\"serverType\"\n value=\"openapi\"\n checked={serverType === 'openapi'}\n onChange={() => updateServerType('openapi')}\n className=\"mr-1\"\n />\n <label htmlFor=\"openapi\" className=\"text-[var(--hub-ink)]\">{t('server.typeOpenapi')}</label>\n </div>\n </div>\n </div>\n\n {serverType === 'openapi' ? (\n <>\n {/* Input Mode Selection */}\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-[var(--hub-ink-2)]\">\n {t('server.openapi.inputMode')}\n </label>\n <div className=\"flex space-x-4\">\n <div>\n <input\n type=\"radio\"\n id=\"input-mode-url\"\n name=\"inputMode\"\n value=\"url\"\n checked={formData.openapi?.inputMode === 'url'}\n onChange={() =>\n setFormData((prev) => ({\n ...prev,\n openapi: { ...prev.openapi!, inputMode: 'url' },\n }))\n }\n className=\"mr-1\"\n />\n <label htmlFor=\"input-mode-url\">{t('server.openapi.inputModeUrl')}</label>\n </div>\n <div>\n <input\n type=\"radio\"\n id=\"input-mode-schema\"\n name=\"inputMode\"\n value=\"schema\"\n checked={formData.openapi?.inputMode === 'schema'}\n onChange={() =>\n setFormData((prev) => ({\n ...prev,\n openapi: { ...prev.openapi!, inputMode: 'schema' },\n }))\n }\n className=\"mr-1\"\n />\n <label htmlFor=\"input-mode-schema\">{t('server.openapi.inputModeSchema')}</label>\n </div>\n </div>\n </div>\n\n {/* URL Input */}\n {formData.openapi?.inputMode === 'url' && (\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-[var(--hub-ink-2)]\" htmlFor=\"openapi-url\">\n {t('server.openapi.specUrl')}\n </label>\n <input\n type=\"url\"\n name=\"openapi-url\"\n id=\"openapi-url\"\n value={formData.openapi?.url || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: { ...prev.openapi!, url: e.target.value },\n }))\n }\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"e.g.: https://api.example.com/openapi.json\"\n required={serverType === 'openapi' && formData.openapi?.inputMode === 'url'}\n />\n </div>\n )}\n\n {/* Schema Input */}\n {formData.openapi?.inputMode === 'schema' && (\n <div className=\"mb-4\">\n <label\n className=\"block text-sm font-medium mb-1.5 text-[var(--hub-ink-2)]\"\n htmlFor=\"openapi-schema\"\n >\n {t('server.openapi.schema')}\n </label>\n <textarea\n name=\"openapi-schema\"\n id=\"openapi-schema\"\n rows={10}\n value={formData.openapi?.schema || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: { ...prev.openapi!, schema: e.target.value },\n }))\n }\n className=\"w-full py-2 px-3 form-input font-mono text-sm\"\n placeholder={`{\n \"openapi\": \"3.1.0\",\n \"info\": {\n \"title\": \"API\",\n \"version\": \"1.0.0\"\n },\n \"servers\": [\n {\n \"url\": \"https://api.example.com\"\n }\n ],\n \"paths\": {\n ...\n }\n}`}\n required={serverType === 'openapi' && formData.openapi?.inputMode === 'schema'}\n />\n <p className=\"text-xs text-[var(--hub-ink-3)] mt-1\">{t('server.openapi.schemaHelp')}</p>\n </div>\n )}\n\n {/* Security Configuration */}\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-[var(--hub-ink-2)]\">\n {t('server.openapi.security')}\n </label>\n <select\n value={formData.openapi?.securityType || 'none'}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n securityType: e.target.value as any,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full py-2 px-3 form-input\"\n >\n <option value=\"none\">{t('server.openapi.securityNone')}</option>\n <option value=\"apiKey\">{t('server.openapi.securityApiKey')}</option>\n <option value=\"http\">{t('server.openapi.securityHttp')}</option>\n <option value=\"oauth2\">{t('server.openapi.securityOAuth2')}</option>\n <option value=\"openIdConnect\">{t('server.openapi.securityOpenIdConnect')}</option>\n </select>\n </div>\n\n {/* API Key Configuration */}\n {formData.openapi?.securityType === 'apiKey' && (\n <div className=\"mb-4 p-4 border border-gray-200 dark:border-gray-700 rounded bg-gray-50 dark:bg-gray-800\">\n <h4 className=\"text-sm font-medium mb-3 text-[var(--hub-ink-2)]\">\n {t('server.openapi.apiKeyConfig')}\n </h4>\n <div className=\"grid grid-cols-1 md:grid-cols-3 gap-3\">\n <div>\n <label className=\"block text-xs text-[var(--hub-ink-2)] mb-1\">\n {t('server.openapi.apiKeyName')}\n </label>\n <input\n type=\"text\"\n value={formData.openapi?.apiKeyName || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n apiKeyName: e.target.value,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full border rounded px-2 py-1 text-sm form-input focus:outline-none\"\n placeholder=\"Authorization\"\n />\n </div>\n <div>\n <label className=\"block text-xs text-[var(--hub-ink-2)] mb-1\">\n {t('server.openapi.apiKeyIn')}\n </label>\n <select\n value={formData.openapi?.apiKeyIn || 'header'}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n apiKeyIn: e.target.value as any,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full border rounded px-2 py-1 text-sm focus:outline-none form-input\"\n >\n <option value=\"header\">{t('server.openapi.apiKeyInHeader')}</option>\n <option value=\"query\">{t('server.openapi.apiKeyInQuery')}</option>\n <option value=\"cookie\">{t('server.openapi.apiKeyInCookie')}</option>\n </select>\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.openapi.apiKeyValue')}\n </label>\n <input\n type=\"password\"\n value={formData.openapi?.apiKeyValue || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n apiKeyValue: e.target.value,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full border rounded px-2 py-1 text-sm focus:outline-none form-input\"\n placeholder=\"your-api-key\"\n />\n </div>\n </div>\n </div>\n )}\n\n {/* HTTP Authentication Configuration */}\n {formData.openapi?.securityType === 'http' && (\n <div className=\"mb-4 p-4 border border-gray-200 dark:border-gray-700 rounded bg-gray-50 dark:bg-gray-800\">\n <h4 className=\"text-sm font-medium mb-3 text-gray-700 dark:text-gray-300\">\n {t('server.openapi.httpAuthConfig')}\n </h4>\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.openapi.httpScheme')}\n </label>\n <select\n value={formData.openapi?.httpScheme || 'bearer'}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n httpScheme: e.target.value as any,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full border rounded px-2 py-1 text-sm focus:outline-none form-input\"\n >\n <option value=\"basic\">{t('server.openapi.httpSchemeBasic')}</option>\n <option value=\"bearer\">{t('server.openapi.httpSchemeBearer')}</option>\n <option value=\"digest\">{t('server.openapi.httpSchemeDigest')}</option>\n </select>\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.openapi.httpCredentials')}\n </label>\n <input\n type=\"password\"\n value={formData.openapi?.httpCredentials || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n httpCredentials: e.target.value,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full border rounded px-2 py-1 text-sm focus:outline-none form-input\"\n placeholder={\n formData.openapi?.httpScheme === 'basic'\n ? 'base64-encoded-credentials'\n : 'bearer-token'\n }\n />\n </div>\n </div>\n </div>\n )}\n\n {/* OAuth2 Configuration */}\n {formData.openapi?.securityType === 'oauth2' && (\n <div className=\"mb-4 p-4 border border-gray-200 dark:border-gray-700 rounded bg-gray-50 dark:bg-gray-800\">\n <h4 className=\"text-sm font-medium mb-3 text-gray-700 dark:text-gray-300\">\n {t('server.openapi.oauth2Config')}\n </h4>\n <div className=\"grid grid-cols-1 gap-3\">\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.openapi.oauth2Token')}\n </label>\n <input\n type=\"password\"\n value={formData.openapi?.oauth2Token || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n oauth2Token: e.target.value,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full border rounded px-2 py-1 text-sm focus:outline-none form-input\"\n placeholder=\"access-token\"\n />\n </div>\n </div>\n </div>\n )}\n\n {/* OpenID Connect Configuration */}\n {formData.openapi?.securityType === 'openIdConnect' && (\n <div className=\"mb-4 p-4 border border-gray-200 dark:border-gray-700 rounded bg-gray-50 dark:bg-gray-800\">\n <h4 className=\"text-sm font-medium mb-3 text-gray-700 dark:text-gray-300\">\n {t('server.openapi.openIdConnectConfig')}\n </h4>\n <div className=\"grid grid-cols-1 gap-3\">\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.openapi.openIdConnectUrl')}\n </label>\n <input\n type=\"url\"\n value={formData.openapi?.openIdConnectUrl || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n openIdConnectUrl: e.target.value,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full border rounded px-2 py-1 text-sm focus:outline-none form-input\"\n placeholder=\"https://example.com/.well-known/openid_configuration\"\n />\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.openapi.openIdConnectToken')}\n </label>\n <input\n type=\"password\"\n value={formData.openapi?.openIdConnectToken || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n openIdConnectToken: e.target.value,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full border rounded px-2 py-1 text-sm focus:outline-none form-input\"\n placeholder=\"id-token\"\n />\n </div>\n </div>\n </div>\n )}\n\n {/* Passthrough Headers Configuration */}\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-gray-700 dark:text-gray-300\">\n {t('server.openapi.passthroughHeaders')}\n </label>\n <input\n type=\"text\"\n value={formData.openapi?.passthroughHeaders || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n openapi: {\n ...prev.openapi,\n passthroughHeaders: e.target.value,\n url: prev.openapi?.url || '',\n },\n }))\n }\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"Authorization, X-API-Key, X-Custom-Header\"\n />\n <p className=\"text-xs text-gray-500 mt-1\">\n {t('server.openapi.passthroughHeadersHelp')}\n </p>\n </div>\n\n <div className=\"mb-4\">\n <div className=\"flex justify-between items-center mb-2\">\n <label className=\"block text-sm font-medium text-gray-700 dark:text-gray-300\">\n {t('server.headers')}\n </label>\n <button\n type=\"button\"\n onClick={addHeaderVar}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-2 rounded text-sm flex items-center justify-center min-w-[30px] min-h-[30px] btn-primary\"\n >\n +\n </button>\n </div>\n {headerVars.map((headerVar, index) => (\n <div key={index} className=\"flex items-center mb-2\">\n <div className=\"flex items-center space-x-2 flex-grow\">\n <input\n type=\"text\"\n value={headerVar.key}\n onChange={(e) => handleHeaderVarChange(index, 'key', e.target.value)}\n className=\"w-1/2 py-2 px-3 form-input\"\n placeholder=\"Authorization\"\n />\n <span className=\"flex items-center\">:</span>\n <input\n type=\"text\"\n value={headerVar.value}\n onChange={(e) => handleHeaderVarChange(index, 'value', e.target.value)}\n className=\"w-1/2 py-2 px-3 form-input\"\n placeholder=\"Bearer token...\"\n />\n </div>\n <button\n type=\"button\"\n onClick={() => removeHeaderVar(index)}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-2 rounded text-sm flex items-center justify-center min-w-[30px] min-h-[30px] ml-2 btn-danger\"\n >\n -\n </button>\n </div>\n ))}\n </div>\n </>\n ) : serverType === 'sse' || serverType === 'streamable-http' ? (\n <>\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-gray-700 dark:text-gray-300\" htmlFor=\"url\">\n {t('server.url')}\n </label>\n <input\n type=\"url\"\n name=\"url\"\n id=\"url\"\n value={formData.url}\n onChange={handleInputChange}\n className=\"w-full py-2 px-3 form-input\"\n placeholder={\n serverType === 'streamable-http'\n ? 'e.g.: http://localhost:3000/mcp'\n : 'e.g.: http://localhost:3000/sse'\n }\n required={serverType === 'sse' || serverType === 'streamable-http'}\n />\n </div>\n\n <div className=\"mb-4\">\n <div className=\"flex justify-between items-center mb-2\">\n <label className=\"block text-sm font-medium text-gray-700 dark:text-gray-300\">\n {t('server.headers')}\n </label>\n <button\n type=\"button\"\n onClick={addHeaderVar}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-2 rounded text-sm flex items-center justify-center min-w-[30px] min-h-[30px] btn-primary\"\n >\n +\n </button>\n </div>\n {headerVars.map((headerVar, index) => (\n <div key={index} className=\"flex items-center mb-2\">\n <div className=\"flex items-center space-x-2 flex-grow\">\n <input\n type=\"text\"\n value={headerVar.key}\n onChange={(e) => handleHeaderVarChange(index, 'key', e.target.value)}\n className=\"w-1/2 py-2 px-3 form-input\"\n placeholder=\"Authorization\"\n />\n <span className=\"flex items-center\">:</span>\n <input\n type=\"text\"\n value={headerVar.value}\n onChange={(e) => handleHeaderVarChange(index, 'value', e.target.value)}\n className=\"w-1/2 py-2 px-3 form-input\"\n placeholder=\"Bearer token...\"\n />\n </div>\n <button\n type=\"button\"\n onClick={() => removeHeaderVar(index)}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-2 rounded text-sm flex items-center justify-center min-w-[30px] min-h-[30px] ml-2 btn-danger\"\n >\n -\n </button>\n </div>\n ))}\n </div>\n\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-gray-700 dark:text-gray-300\">\n {t('server.openapi.passthroughHeaders')}\n </label>\n <input\n type=\"text\"\n value={formData.passthroughHeaders || ''}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n passthroughHeaders: e.target.value,\n }))\n }\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"Authorization, X-Custom-User-Id\"\n />\n <p className=\"text-xs text-gray-500 mt-1\">\n {t('server.openapi.passthroughHeadersHelp')}\n </p>\n </div>\n\n <div className=\"mb-4\">\n <div className=\"flex justify-between items-center mb-2\">\n <label className=\"block text-sm font-medium text-gray-700 dark:text-gray-300\">\n {t('server.envVars')}\n </label>\n <button\n type=\"button\"\n onClick={addEnvVar}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-2 rounded text-sm flex items-center justify-center min-w-[30px] min-h-[30px] btn-primary\"\n >\n +\n </button>\n </div>\n {envVars.map((envVar, index) => (\n <div key={index} className=\"flex items-center mb-2\">\n <div className=\"flex items-center space-x-2 flex-grow\">\n <input\n type=\"text\"\n value={envVar.key}\n onChange={(e) => handleEnvVarChange(index, 'key', e.target.value)}\n className=\"w-1/2 py-2 px-3 form-input\"\n placeholder={t('server.key')}\n />\n <span className=\"flex items-center\">:</span>\n <input\n type=\"text\"\n value={envVar.value}\n onChange={(e) => handleEnvVarChange(index, 'value', e.target.value)}\n className=\"w-1/2 py-2 px-3 form-input\"\n placeholder={t('server.value')}\n />\n </div>\n <button\n type=\"button\"\n onClick={() => removeEnvVar(index)}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-2 rounded text-sm flex items-center justify-center min-w-[30px] min-h-[30px] ml-2 btn-danger\"\n >\n -\n </button>\n </div>\n ))}\n </div>\n\n <div className=\"mb-4\">\n <div\n className=\"flex items-center justify-between cursor-pointer bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 p-3 rounded border border-gray-200 dark:border-gray-700\"\n onClick={() => setIsOAuthSectionExpanded(!isOAuthSectionExpanded)}\n >\n <label className=\"text-sm font-medium text-gray-700 dark:text-gray-300\">\n {t('server.oauth.sectionTitle')}\n </label>\n <span className=\"text-gray-500 text-sm\">{isOAuthSectionExpanded ? '▼' : '▶'}</span>\n </div>\n\n {isOAuthSectionExpanded && (\n <div className=\"border border-gray-200 dark:border-gray-700 rounded-b p-4 bg-gray-50 dark:bg-gray-800 border-t-0\">\n <p className=\"text-xs text-gray-500 mb-3\">\n {t('server.oauth.sectionDescription')}\n </p>\n <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2\">\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.oauth.clientId')}\n </label>\n <input\n type=\"text\"\n value={formData.oauth?.clientId || ''}\n onChange={(e) => handleOAuthChange('clientId', e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"client id\"\n autoComplete=\"off\"\n />\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.oauth.clientSecret')}\n </label>\n <input\n type=\"password\"\n value={formData.oauth?.clientSecret || ''}\n onChange={(e) => handleOAuthChange('clientSecret', e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"client secret\"\n autoComplete=\"off\"\n />\n </div>\n {/* \n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.oauth.authorizationEndpoint')}\n </label>\n <input\n type=\"url\"\n value={formData.oauth?.authorizationEndpoint || ''}\n onChange={(e) => handleOAuthChange('authorizationEndpoint', e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"https://auth.example.com/authorize\"\n />\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.oauth.tokenEndpoint')}\n </label>\n <input\n type=\"url\"\n value={formData.oauth?.tokenEndpoint || ''}\n onChange={(e) => handleOAuthChange('tokenEndpoint', e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"https://auth.example.com/token\"\n />\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.oauth.scopes')}\n </label>\n <input\n type=\"text\"\n value={formData.oauth?.scopes || ''}\n onChange={(e) => handleOAuthChange('scopes', e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder={t('server.oauth.scopesPlaceholder')}\n autoComplete=\"off\"\n />\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.oauth.resource')}\n </label>\n <input\n type=\"text\"\n value={formData.oauth?.resource || ''}\n onChange={(e) => handleOAuthChange('resource', e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"https://mcp.example.com/mcp\"\n autoComplete=\"off\"\n />\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.oauth.accessToken')}\n </label>\n <input\n type=\"password\"\n value={formData.oauth?.accessToken || ''}\n onChange={(e) => handleOAuthChange('accessToken', e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"access-token\"\n autoComplete=\"off\"\n />\n </div>\n <div>\n <label className=\"block text-xs text-gray-600 mb-1\">\n {t('server.oauth.refreshToken')}\n </label>\n <input\n type=\"password\"\n value={formData.oauth?.refreshToken || ''}\n onChange={(e) => handleOAuthChange('refreshToken', e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"refresh-token\"\n autoComplete=\"off\"\n />\n </div>\n */}\n </div>\n </div>\n )}\n </div>\n </>\n ) : (\n <>\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-gray-700 dark:text-gray-300\" htmlFor=\"command\">\n {t('server.command')}\n </label>\n <input\n type=\"text\"\n name=\"command\"\n id=\"command\"\n value={formData.command}\n onChange={handleInputChange}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"e.g.: npx\"\n required={serverType === 'stdio'}\n />\n </div>\n <div className=\"mb-4\">\n <label className=\"block text-sm font-medium mb-1.5 text-gray-700 dark:text-gray-300\" htmlFor=\"arguments\">\n {t('server.arguments')}\n </label>\n <input\n type=\"text\"\n name=\"arguments\"\n id=\"arguments\"\n value={formData.arguments}\n onChange={(e) => handleArgsChange(e.target.value)}\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"e.g.: -y time-mcp\"\n required={serverType === 'stdio'}\n />\n </div>\n\n <div className=\"mb-4\">\n <div className=\"flex justify-between items-center mb-2\">\n <label className=\"block text-sm font-medium text-gray-700 dark:text-gray-300\">\n {t('server.envVars')}\n </label>\n <button\n type=\"button\"\n onClick={addEnvVar}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-2 rounded text-sm flex items-center justify-center min-w-[30px] min-h-[30px] btn-primary\"\n >\n +\n </button>\n </div>\n {envVars.map((envVar, index) => (\n <div key={index} className=\"flex items-center mb-2\">\n <div className=\"flex items-center space-x-2 flex-grow\">\n <input\n type=\"text\"\n value={envVar.key}\n onChange={(e) => handleEnvVarChange(index, 'key', e.target.value)}\n className=\"w-1/2 py-2 px-3 form-input\"\n placeholder={t('server.key')}\n />\n <span className=\"flex items-center\">:</span>\n <input\n type=\"text\"\n value={envVar.value}\n onChange={(e) => handleEnvVarChange(index, 'value', e.target.value)}\n className=\"w-1/2 py-2 px-3 form-input\"\n placeholder={t('server.value')}\n />\n </div>\n <button\n type=\"button\"\n onClick={() => removeEnvVar(index)}\n className=\"bg-gray-200 hover:bg-gray-300 text-gray-700 font-medium py-1 px-2 rounded text-sm flex items-center justify-center min-w-[30px] min-h-[30px] ml-2 btn-danger\"\n >\n -\n </button>\n </div>\n ))}\n </div>\n </>\n )}\n\n {/* Request Options Configuration */}\n {serverType !== 'openapi' && (\n <div className=\"mb-4\">\n <div\n className=\"flex items-center justify-between cursor-pointer bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 p-3 rounded border border-gray-200 dark:border-gray-700\"\n onClick={() => setIsRequestOptionsExpanded(!isRequestOptionsExpanded)}\n >\n <label className=\"text-sm font-medium text-gray-700 dark:text-gray-300\">\n {t('server.requestOptions')}\n </label>\n <span className=\"text-gray-500 text-sm\">{isRequestOptionsExpanded ? '▼' : '▶'}</span>\n </div>\n\n {isRequestOptionsExpanded && (\n <div className=\"border border-gray-200 dark:border-gray-700 rounded-b p-4 bg-gray-50 dark:bg-gray-800 border-t-0\">\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n <div>\n <label\n className=\"block text-gray-600 text-sm font-medium mb-1\"\n htmlFor=\"timeout\"\n >\n {t('server.timeout')}\n </label>\n <input\n type=\"number\"\n id=\"timeout\"\n value={formData.options?.timeout || 60000}\n onChange={(e) =>\n handleOptionsChange('timeout', parseInt(e.target.value) || 60000)\n }\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"30000\"\n min=\"1000\"\n max=\"300000\"\n />\n <p className=\"text-xs text-gray-500 mt-1\">{t('server.timeoutDescription')}</p>\n </div>\n\n <div>\n <label\n className=\"block text-gray-600 text-sm font-medium mb-1\"\n htmlFor=\"maxTotalTimeout\"\n >\n {t('server.maxTotalTimeout')}\n </label>\n <input\n type=\"number\"\n id=\"maxTotalTimeout\"\n value={formData.options?.maxTotalTimeout || ''}\n onChange={(e) =>\n handleOptionsChange(\n 'maxTotalTimeout',\n e.target.value ? parseInt(e.target.value) : undefined,\n )\n }\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"Optional\"\n min=\"1000\"\n />\n <p className=\"text-xs text-gray-500 mt-1\">\n {t('server.maxTotalTimeoutDescription')}\n </p>\n </div>\n </div>\n\n <div className=\"mt-3\">\n <label className=\"flex items-center\">\n <input\n type=\"checkbox\"\n checked={formData.options?.resetTimeoutOnProgress ?? true}\n onChange={(e) =>\n handleOptionsChange('resetTimeoutOnProgress', e.target.checked)\n }\n className=\"mr-2\"\n />\n <span className=\"text-gray-600 text-sm\">\n {t('server.resetTimeoutOnProgress')}\n </span>\n </label>\n <p className=\"text-xs text-gray-500 mt-1 ml-6\">\n {t('server.resetTimeoutOnProgressDescription')}\n </p>\n </div>\n </div>\n )}\n </div>\n )}\n\n {/* KeepAlive Configuration - only for SSE/Streamable HTTP */}\n {(serverType === 'sse' || serverType === 'streamable-http') && (\n <div className=\"mb-4\">\n <div\n className=\"flex items-center justify-between cursor-pointer bg-gray-50 dark:bg-gray-800 hover:bg-gray-100 p-3 rounded border border-gray-200 dark:border-gray-700\"\n onClick={() => setIsKeepAliveSectionExpanded(!isKeepAliveSectionExpanded)}\n >\n <label className=\"text-sm font-medium text-gray-700 dark:text-gray-300\">\n {t('server.keepAlive', 'Keep-Alive')}\n </label>\n <span className=\"text-gray-500 text-sm\">\n {isKeepAliveSectionExpanded ? '▼' : '▶'}\n </span>\n </div>\n\n {isKeepAliveSectionExpanded && (\n <div className=\"border border-gray-200 dark:border-gray-700 rounded-b p-4 bg-gray-50 dark:bg-gray-800 border-t-0\">\n <div className=\"flex items-center mb-3\">\n <input\n type=\"checkbox\"\n id=\"enableKeepAlive\"\n checked={formData.keepAlive?.enabled || false}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n keepAlive: {\n ...prev.keepAlive,\n enabled: e.target.checked,\n },\n }))\n }\n className=\"mr-2\"\n />\n <label htmlFor=\"enableKeepAlive\" className=\"text-gray-600 text-sm\">\n {t('server.enableKeepAlive', 'Enable Keep-Alive')}\n </label>\n </div>\n <p className=\"text-xs text-gray-500 mb-3\">\n {t(\n 'server.keepAliveDescription',\n 'Send periodic ping requests to maintain the connection. Useful for long-running connections that may timeout.',\n )}\n </p>\n <div>\n <label\n className=\"block text-gray-600 text-sm font-medium mb-1\"\n htmlFor=\"keepAliveInterval\"\n >\n {t('server.keepAliveInterval', 'Interval (ms)')}\n </label>\n <input\n type=\"number\"\n id=\"keepAliveInterval\"\n value={formData.keepAlive?.interval || 60000}\n onChange={(e) =>\n setFormData((prev) => ({\n ...prev,\n keepAlive: {\n ...prev.keepAlive,\n interval: parseInt(e.target.value) || 60000,\n },\n }))\n }\n className=\"w-full py-2 px-3 form-input\"\n placeholder=\"60000\"\n min=\"5000\"\n max=\"300000\"\n />\n <p className=\"text-xs text-gray-500 mt-1\">\n {t(\n 'server.keepAliveIntervalDescription',\n 'Time between keep-alive pings in milliseconds (default: 60000ms = 1 minute)',\n )}\n </p>\n </div>\n </div>\n )}\n </div>\n )}\n\n <div className=\"flex justify-end mt-6\">\n <button\n type=\"button\"\n onClick={onCancel}\n className=\"hub-btn mr-2\"\n >\n {t('server.cancel')}\n </button>\n <button\n type=\"submit\"\n className=\"hub-btn primary\"\n >\n {isEdit ? t('server.save') : t('server.add')}\n </button>\n </div>\n </form>\n </div>\n );\n};\n\nexport default ServerForm;\n","// Utility function to detect ${} variables in server configurations\nexport const detectVariables = (payload: any): string[] => {\n const variables = new Set<string>();\n const variableRegex = /\\$\\{([^}]+)\\}/g;\n\n const checkString = (str: string) => {\n let match;\n while ((match = variableRegex.exec(str)) !== null) {\n variables.add(match[1]);\n }\n };\n\n const checkObject = (obj: any, path: string = '') => {\n if (typeof obj === 'string') {\n checkString(obj);\n } else if (Array.isArray(obj)) {\n obj.forEach((item, index) => checkObject(item, `${path}[${index}]`));\n } else if (obj && typeof obj === 'object') {\n Object.entries(obj).forEach(([key, value]) => {\n checkObject(value, path ? `${path}.${key}` : key);\n });\n }\n };\n\n checkObject(payload);\n return Array.from(variables);\n};\n"],"names":["buildKeyValueRecord","vars","record","key","value","trimmedKey","parseCommaSeparatedList","item","buildOptions","options","nextOptions","buildOAuthConfig","oauth","nextOAuth","clientId","_a","clientSecret","_b","scopes","_c","accessToken","_d","refreshToken","_e","authorizationEndpoint","_f","tokenEndpoint","_g","resource","_h","parsedScopes","scope","buildOpenApiConfig","formData","openapi","buildServerPayload","serverType","envVars","headerVars","env","headers","description","config","ServerForm","onSubmit","onCancel","initialData","modalTitle","formError","t","useTranslation","getInitialServerType","getInitialServerEnvVars","data","getInitialOAuthConfig","setServerType","useState","setFormData","_j","_i","_l","_k","_n","_m","_p","_o","_r","_q","_t","_s","_v","_u","_x","_w","setEnvVars","setHeaderVars","isRequestOptionsExpanded","setIsRequestOptionsExpanded","isOAuthSectionExpanded","setIsOAuthSectionExpanded","isKeepAliveSectionExpanded","setIsKeepAliveSectionExpanded","error","setError","isEdit","handleInputChange","e","name","handleArgsChange","args","arg","updateServerType","type","prev","handleEnvVarChange","index","field","newEnvVars","addEnvVar","removeEnvVar","handleHeaderVarChange","newHeaderVars","addHeaderVar","removeHeaderVar","handleOAuthChange","handleOptionsChange","handleSubmit","payload","err","jsxs","jsx","X","Fragment","_y","_z","_A","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_T","_U","headerVar","envVar","_V","_W","_X","_Y","_Z","__","_$","detectVariables","variables","variableRegex","checkString","str","match","checkObject","obj","path"],"mappings":"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"}

package/frontend/dist/index.html CHANGED Viewed

@@ -9,11 +9,11 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-  <script type="module" crossorigin src="./assets/index-CmnA4an8.js"></script>
-  <link rel="modulepreload" crossorigin href="./assets/framework-vendor-_OBebcuv.js">
-  <link rel="modulepreload" crossorigin href="./assets/i18n-vendor-MQ921plD.js">
-  <link rel="modulepreload" crossorigin href="./assets/icons-vendor-B67NtVuR.js">
-  <link rel="stylesheet" crossorigin href="./assets/index-DfFHVARX.css">
+  <script type="module" crossorigin src="./assets/index-BGiKkKzj.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/framework-vendor-BUhDPOUZ.js">
+  <link rel="modulepreload" crossorigin href="./assets/i18n-vendor-Kbr87Ofu.js">
+  <link rel="modulepreload" crossorigin href="./assets/icons-vendor-CKgJB3SC.js">
+  <link rel="stylesheet" crossorigin href="./assets/index-D0OIBhmN.css">
 </head>
 <body class="bg-gray-100">

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@samanhappy/mcphub",
-  "version": "0.12.17",
+  "version": "1.0.1",
   "description": "A hub server for mcp servers",
   "main": "dist/index.js",
   "type": "module",
@@ -124,6 +124,7 @@
     "build": "pnpm backend:build && pnpm frontend:build",
     "backend:build": "tsc",
     "start": "node dist/index.js",
+    "cli": "tsx src/cli/main.ts",
     "backend:dev": "tsx watch src/index.ts",
     "backend:debug": "tsx watch src/index.ts --inspect",
     "lint": "eslint .",

package/frontend/dist/assets/ActivityPage-ClgKeihP.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,j as e}from"./framework-vendor-_OBebcuv.js";import{q as Y,r as Z,s as ee,t as te,v as ae}from"./index-CmnA4an8.js";import{P as se}from"./Pagination-y-gVO8ms.js";import{u as re}from"./i18n-vendor-MQ921plD.js";import"./icons-vendor-B67NtVuR.js";const R=["success","error"],le=a=>R.includes(a),xe=()=>{const{t:a}=re(),[v,T]=r.useState([]),[d,V]=r.useState(null),[l,$]=r.useState(null),[c,I]=r.useState(null),[n,o]=r.useState(1),[b,J]=r.useState(10),[j,P]=r.useState(!0),[A,f]=r.useState(null),[i,W]=r.useState(null),[G,F]=r.useState(!1),[z,B]=r.useState({}),[h,w]=r.useState(""),[u,k]=r.useState(""),[x,N]=r.useState(""),[y,S]=r.useState(""),[p,C]=r.useState(""),L=r.useCallback(async()=>{P(!0),f(null);try{const t={...z},[s,m,g]=await Promise.all([Y(n,b,t),Z(t),ee()]);s!=null&&s.success&&Array.isArray(s.data)&&(T(s.data),s.pagination&&I(s.pagination)),m!=null&&m.success&&m.data&&V(m.data),g!=null&&g.success&&g.data&&$(g.data)}catch(t){console.error("Error fetching activity data:",t),f(a("activity.fetchError"))}finally{P(!1)}},[n,b,z,a]);r.useEffect(()=>{L()},[L]),r.useEffect(()=>{if(!c)return;const t=Math.max(1,c.totalPages\|\|1);n>t&&o(t)},[c,n]);const H=async t=>{try{const s=await ae(t.id);s!=null&&s.success&&s.data&&(W(s.data),F(!0))}catch(s){console.error("Error fetching activity details:",s)}},K=async()=>{var t;if(window.confirm(a("activity.confirmCleanup")))try{const s=await te(30);s!=null&&s.success&&(alert(a("activity.cleanupSuccess",{count:((t=s.data)==null?void 0:t.deletedCount)\|\|0})),L())}catch(s){console.error("Error cleaning up activities:",s),alert(a("activity.cleanupError"))}},O=()=>{const t={};h&&(t.server=h),u&&(t.tool=u),x&&le(x)&&(t.status=x),y&&(t.group=y),p&&(t.keyName=p),B(t),o(1)},q=()=>{w(""),k(""),N(""),S(""),C(""),B({}),o(1)},M=t=>t<1e3?`${t}ms`:t<6e4?`${(t/1e3).toFixed(2)}s`:`${(t/6e4).toFixed(2)}m`,D=t=>new Date(t).toLocaleString(),E=t=>{if(!t)return null;try{return JSON.parse(t)}catch{return t}},U=()=>d?e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow-sm px-4 py-3 mb-4",children:e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap",children:a("activity.totalCalls")}),e.jsx("div",{className:"text-lg font-semibold text-gray-900 dark:text-white",children:d.totalCalls})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap",children:a("activity.successCount")}),e.jsx("div",{className:"text-lg font-semibold text-green-600",children:d.successCount})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap",children:a("activity.errorCount")}),e.jsx("div",{className:"text-lg font-semibold text-red-600",children:d.errorCount})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap",children:a("activity.avgDuration")}),e.jsx("div",{className:"text-lg font-semibold text-blue-600",children:M(d.avgDuration)})]})]})}):null,_=()=>e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow-sm px-4 py-3 mb-4",children:e.jsxs("div",{className:"flex flex-wrap gap-3 items-end",children:[e.jsxs("div",{className:"flex-1 min-w-[140px]",children:[e.jsx("label",{className:"sr-only",htmlFor:"activity-server",children:a("activity.server")}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{id:"activity-server",type:"text",value:h,onChange:t=>w(t.target.value),placeholder:a("activity.searchServer"),className:"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white pr-9",list:"server-options"}),h&&e.jsx("button",{onClick:()=>w(""),className:"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300","aria-label":a("common.clear"),type:"button",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",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",clipRule:"evenodd"})})})]}),(l==null?void 0:l.servers)&&e.jsx("datalist",{id:"server-options",children:l.servers.map(t=>e.jsx("option",{value:t},t))})]}),e.jsxs("div",{className:"flex-1 min-w-[140px]",children:[e.jsx("label",{className:"sr-only",htmlFor:"activity-tool",children:a("activity.tool")}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{id:"activity-tool",type:"text",value:u,onChange:t=>k(t.target.value),placeholder:a("activity.searchTool"),className:"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white pr-9",list:"tool-options"}),u&&e.jsx("button",{onClick:()=>k(""),className:"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300","aria-label":a("common.clear"),type:"button",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",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",clipRule:"evenodd"})})})]}),(l==null?void 0:l.tools)&&e.jsx("datalist",{id:"tool-options",children:l.tools.map(t=>e.jsx("option",{value:t},t))})]}),e.jsxs("div",{className:"flex-1 min-w-[140px]",children:[e.jsx("label",{className:"sr-only",htmlFor:"activity-status",children:a("activity.status")}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{id:"activity-status",type:"text",value:x,onChange:t=>N(t.target.value.toLowerCase()),placeholder:a("activity.searchStatus"),className:"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white pr-9",list:"activity-status-options"}),x&&e.jsx("button",{onClick:()=>N(""),className:"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300","aria-label":a("common.clear"),type:"button",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",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",clipRule:"evenodd"})})})]}),e.jsx("datalist",{id:"activity-status-options",children:R.map(t=>e.jsx("option",{value:t},t))})]}),e.jsxs("div",{className:"flex-1 min-w-[140px]",children:[e.jsx("label",{className:"sr-only",htmlFor:"activity-group",children:a("activity.group")}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{id:"activity-group",type:"text",value:y,onChange:t=>S(t.target.value),placeholder:a("activity.searchGroup"),className:"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white pr-9",list:"group-options"}),y&&e.jsx("button",{onClick:()=>S(""),className:"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300","aria-label":a("common.clear"),type:"button",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",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",clipRule:"evenodd"})})})]}),(l==null?void 0:l.groups)&&e.jsx("datalist",{id:"group-options",children:l.groups.map(t=>e.jsx("option",{value:t},t))})]}),e.jsxs("div",{className:"flex-1 min-w-[140px]",children:[e.jsx("label",{className:"sr-only",htmlFor:"activity-keyname",children:a("activity.keyName")}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{id:"activity-keyname",type:"text",value:p,onChange:t=>C(t.target.value),placeholder:a("activity.searchKeyName"),className:"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white pr-9",list:"keyname-options"}),p&&e.jsx("button",{onClick:()=>C(""),className:"absolute inset-y-0 right-2 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-300","aria-label":a("common.clear"),type:"button",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",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",clipRule:"evenodd"})})})]}),(l==null?void 0:l.keyNames)&&e.jsx("datalist",{id:"keyname-options",children:l.keyNames.map(t=>e.jsx("option",{value:t},t))})]}),e.jsxs("div",{className:"flex-shrink-0 flex items-center gap-2",children:[e.jsxs("button",{onClick:O,className:"h-10 px-3 bg-blue-100 text-blue-800 rounded hover:bg-blue-200 flex items-center btn-primary transition-all duration-200 whitespace-nowrap",children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4 mr-2",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",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",clipRule:"evenodd"})}),a("common.search")]}),e.jsxs("button",{onClick:q,className:"h-10 px-3 bg-gray-100 text-gray-800 rounded hover:bg-gray-200 flex items-center btn-secondary transition-all duration-200 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600 whitespace-nowrap",children:[e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4 mr-2",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",children:[e.jsx("circle",{cx:"12",cy:"12",r:"9"}),e.jsx("path",{strokeLinecap:"round",d:"M9 9l6 6M15 9l-6 6"})]}),a("common.clear")]})]})]})}),Q=()=>v.length===0?e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow p-8 text-center text-gray-500 dark:text-gray-400",children:a("activity.noData")}):e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow overflow-hidden",children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"min-w-full divide-y divide-gray-200 dark:divide-gray-700",children:[e.jsx("thead",{className:"bg-gray-50 dark:bg-gray-700",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:a("activity.timestamp")}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:a("activity.server")}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:a("activity.tool")}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:a("activity.duration")}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:a("activity.status")}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:a("activity.group")}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:a("activity.key")}),e.jsx("th",{className:"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider",children:a("common.actions")})]})}),e.jsx("tbody",{className:"bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700",children:v.map(t=>e.jsxs("tr",{className:"hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700",children:[e.jsx("td",{className:"px-4 py-3 text-sm text-gray-900 dark:text-gray-200 whitespace-nowrap",children:D(t.timestamp)}),e.jsx("td",{className:"px-4 py-3 text-sm text-gray-900 dark:text-gray-200",children:e.jsx("span",{className:"font-mono bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded text-xs",children:t.server})}),e.jsx("td",{className:"px-4 py-3 text-sm text-gray-900 dark:text-gray-200",children:e.jsx("span",{className:"font-mono bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded text-xs",children:t.tool})}),e.jsx("td",{className:"px-4 py-3 text-sm text-gray-900 dark:text-gray-200 whitespace-nowrap",children:M(t.duration)}),e.jsx("td",{className:"px-4 py-3 text-sm whitespace-nowrap",children:e.jsx("span",{className:`px-2 py-1 rounded text-xs font-medium ${t.status==="success"?"bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200":"bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"}`,children:t.status==="success"?a("activity.statusSuccess"):a("activity.statusError")})}),e.jsx("td",{className:"px-4 py-3 text-sm text-gray-500 dark:text-gray-400",children:t.group\|\|"-"}),e.jsx("td",{className:"px-4 py-3 text-sm text-gray-500 dark:text-gray-400",children:t.keyName\|\|"-"}),e.jsx("td",{className:"px-4 py-3 text-sm",children:e.jsx("button",{onClick:()=>H(t),className:"text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",children:a("common.view")})})]},t.id))})]})})}),X=()=>{if(!G\|\|!i)return null;const t=E(i.input),s=E(i.output);return e.jsx("div",{className:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",children:e.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-hidden",children:[e.jsxs("div",{className:"flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-700",children:[e.jsx("h3",{className:"text-lg font-medium text-gray-900 dark:text-white",children:a("activity.details")}),e.jsx("button",{onClick:()=>F(!1),className:"text-gray-400 hover:text-gray-500 dark:hover:text-gray-300",children:e.jsx("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),e.jsxs("div",{className:"px-6 py-4 overflow-y-auto max-h-[calc(90vh-120px)]",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4 mb-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400",children:a("activity.timestamp")}),e.jsx("p",{className:"text-gray-900 dark:text-white",children:D(i.timestamp)})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400",children:a("activity.duration")}),e.jsx("p",{className:"text-gray-900 dark:text-white",children:M(i.duration)})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400",children:a("activity.server")}),e.jsx("p",{className:"text-gray-900 dark:text-white font-mono",children:i.server})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400",children:a("activity.tool")}),e.jsx("p",{className:"text-gray-900 dark:text-white font-mono",children:i.tool})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400",children:a("activity.status")}),e.jsx("span",{className:`px-2 py-1 rounded text-xs font-medium ${i.status==="success"?"bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200":"bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200"}`,children:i.status==="success"?a("activity.statusSuccess"):a("activity.statusError")})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400",children:a("activity.group")}),e.jsx("p",{className:"text-gray-900 dark:text-white",children:i.group\|\|"-"})]}),i.keyName&&e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400",children:a("activity.key")}),e.jsx("p",{className:"text-gray-900 dark:text-white",children:i.keyName})]})]}),i.errorMessage&&e.jsxs("div",{className:"mb-4",children:[e.jsx("label",{className:"block text-sm font-medium text-red-500 mb-1",children:a("activity.errorMessage")}),e.jsx("div",{className:"bg-red-50 dark:bg-red-900/20 rounded p-3 text-sm text-red-800 dark:text-red-200",children:i.errorMessage})]}),t&&e.jsxs("div",{className:"mb-4",children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400 mb-1",children:a("activity.input")}),e.jsx("pre",{className:"bg-gray-100 dark:bg-gray-700 rounded p-3 text-sm overflow-x-auto max-h-64",children:typeof t=="string"?t:JSON.stringify(t,null,2)})]}),s&&e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium text-gray-500 dark:text-gray-400 mb-1",children:a("activity.output")}),e.jsx("pre",{className:"bg-gray-100 dark:bg-gray-700 rounded p-3 text-sm overflow-x-auto max-h-64",children:typeof s=="string"?s:JSON.stringify(s,null,2)})]})]})]})})};return e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between items-center mb-6",children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900 dark:text-white",children:a("activity.title")}),e.jsx("div",{className:"flex space-x-4",children:e.jsxs("button",{onClick:K,className:"px-4 py-2 bg-red-100 text-red-800 rounded hover:bg-red-200 flex items-center transition-all duration-200",children:[e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4 mr-2",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",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",clipRule:"evenodd"})}),a("activity.cleanup")]})})]}),A&&e.jsx("div",{className:"mb-6 bg-red-50 border-l-4 border-red-500 p-4 rounded shadow-sm",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("p",{className:"text-red-700",children:A}),e.jsx("button",{onClick:()=>f(null),className:"ml-4 text-gray-500 hover:text-gray-700",children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-4 w-4 mr-2",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",children:[e.jsx("circle",{cx:"12",cy:"12",r:"9"}),e.jsx("path",{strokeLinecap:"round",d:"M9 9l6 6M15 9l-6 6"})]})})]})}),j&&v.length===0?e.jsx("div",{className:"bg-white dark:bg-gray-800 shadow rounded-lg p-6 flex items-center justify-center",children:e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsxs("svg",{className:"animate-spin h-10 w-10 text-blue-500 mb-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),e.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:a("app.loading")})]})}):e.jsxs(e.Fragment,{children:[U(),_(),Q(),e.jsxs("div",{className:"flex items-center mt-6",children:[e.jsx("div",{className:"flex-[2] text-sm text-gray-500 dark:text-gray-400",children:c&&a("common.showing",{start:(c.page-1)c.limit+1,end:Math.min(c.pagec.limit,c.total),total:c.total})}),e.jsx("div",{className:"flex-[4] flex justify-center",children:c&&c.totalPages>1&&e.jsx(se,{currentPage:n,totalPages:c.totalPages,onPageChange:o,disabled:j})}),e.jsxs("div",{className:"flex-[2] flex items-center justify-end space-x-2",children:[e.jsxs("label",{htmlFor:"perPage",className:"text-sm text-gray-500 dark:text-gray-400",children:[a("common.itemsPerPage"),":"]}),e.jsxs("select",{id:"perPage",value:b,onChange:t=>{J(Number(t.target.value)),o(1)},disabled:j,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",children:[e.jsx("option",{value:10,children:"10"}),e.jsx("option",{value:20,children:"20"}),e.jsx("option",{value:50,children:"50"}),e.jsx("option",{value:100,children:"100"})]})]})]})]}),X()]})};export{xe as default};
2	- //# sourceMappingURL=ActivityPage-ClgKeihP.js.map

package/frontend/dist/assets/ActivityPage-ClgKeihP.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ActivityPage-ClgKeihP.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 [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 (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 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=\"bg-white dark:bg-gray-800 rounded-lg shadow-sm px-4 py-3 mb-4\">\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-3\">\n <div className=\"flex items-center gap-2\">\n <div className=\"text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap\">\n {t('activity.totalCalls')}\n </div>\n <div className=\"text-lg font-semibold text-gray-900 dark:text-white\">\n {stats.totalCalls}\n </div>\n </div>\n <div className=\"flex items-center gap-2\">\n <div className=\"text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap\">\n {t('activity.successCount')}\n </div>\n <div className=\"text-lg font-semibold text-green-600\">{stats.successCount}</div>\n </div>\n <div className=\"flex items-center gap-2\">\n <div className=\"text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap\">\n {t('activity.errorCount')}\n </div>\n <div className=\"text-lg font-semibold text-red-600\">{stats.errorCount}</div>\n </div>\n <div className=\"flex items-center gap-2\">\n <div className=\"text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap\">\n {t('activity.avgDuration')}\n </div>\n <div className=\"text-lg font-semibold text-blue-600\">\n {formatDuration(stats.avgDuration)}\n </div>\n </div>\n </div>\n </div>\n );\n };\n\n // Render filters\n const renderFilters = () => {\n return (\n <div className=\"bg-white dark:bg-gray-800 rounded-lg shadow-sm 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=\"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white 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=\"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white 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=\"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white 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=\"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white 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-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=\"w-full h-10 px-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white 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\n onClick={handleSearch}\n className=\"h-10 px-3 bg-blue-100 text-blue-800 rounded hover:bg-blue-200 flex items-center btn-primary transition-all duration-200 whitespace-nowrap\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-4 w-4 mr-2\"\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\n onClick={handleClearFilters}\n className=\"h-10 px-3 bg-gray-100 text-gray-800 rounded hover:bg-gray-200 flex items-center btn-secondary transition-all duration-200 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600 whitespace-nowrap\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-4 w-4 mr-2\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.8\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"9\" />\n <path strokeLinecap=\"round\" d=\"M9 9l6 6M15 9l-6 6\" />\n </svg>\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=\"bg-white dark:bg-gray-800 rounded-lg shadow p-8 text-center text-gray-500 dark:text-gray-400\">\n {t('activity.noData')}\n </div>\n );\n }\n\n return (\n <div className=\"bg-white dark:bg-gray-800 rounded-lg shadow overflow-hidden\">\n <div className=\"overflow-x-auto\">\n <table className=\"min-w-full divide-y divide-gray-200 dark:divide-gray-700\">\n <thead className=\"bg-gray-50 dark:bg-gray-700\">\n <tr>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider\">\n {t('activity.timestamp')}\n </th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider\">\n {t('activity.server')}\n </th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider\">\n {t('activity.tool')}\n </th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider\">\n {t('activity.duration')}\n </th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider\">\n {t('activity.status')}\n </th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider\">\n {t('activity.group')}\n </th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider\">\n {t('activity.key')}\n </th>\n <th className=\"px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider\">\n {t('common.actions')}\n </th>\n </tr>\n </thead>\n <tbody className=\"bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700\">\n {activities.map((activity) => (\n <tr key={activity.id} className=\"hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700\">\n <td className=\"px-4 py-3 text-sm text-gray-900 dark:text-gray-200 whitespace-nowrap\">\n {formatTimestamp(activity.timestamp)}\n </td>\n <td className=\"px-4 py-3 text-sm text-gray-900 dark:text-gray-200\">\n <span className=\"font-mono bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded text-xs\">\n {activity.server}\n </span>\n </td>\n <td className=\"px-4 py-3 text-sm text-gray-900 dark:text-gray-200\">\n <span className=\"font-mono bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 px-2 py-1 rounded text-xs\">\n {activity.tool}\n </span>\n </td>\n <td className=\"px-4 py-3 text-sm text-gray-900 dark:text-gray-200 whitespace-nowrap\">\n {formatDuration(activity.duration)}\n </td>\n <td className=\"px-4 py-3 text-sm whitespace-nowrap\">\n <span\n className={`px-2 py-1 rounded text-xs font-medium ${\n activity.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 {activity.status === 'success'\n ? t('activity.statusSuccess')\n : t('activity.statusError')}\n </span>\n </td>\n <td className=\"px-4 py-3 text-sm text-gray-500 dark:text-gray-400\">\n {activity.group || '-'}\n </td>\n <td className=\"px-4 py-3 text-sm text-gray-500 dark:text-gray-400\">\n {activity.keyName || '-'}\n </td>\n <td className=\"px-4 py-3 text-sm\">\n <button\n onClick={() => handleViewDetails(activity)}\n className=\"text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300\"\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 bg-opacity-50 flex items-center justify-center z-50\">\n <div className=\"bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-4xl w-full mx-4 max-h-[90vh] overflow-hidden\">\n <div className=\"flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-700\">\n <h3 className=\"text-lg font-medium text-gray-900 dark:text-white\">\n {t('activity.details')}\n </h3>\n <button\n onClick={() => setShowDetailModal(false)}\n className=\"text-gray-400 hover:text-gray-500 dark:hover:text-gray-300\"\n >\n <svg className=\"h-6 w-6\" 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 {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 justify-between items-center mb-6\">\n <h1 className=\"text-2xl font-bold text-gray-900 dark:text-white\">{t('activity.title')}</h1>\n <div className=\"flex space-x-4\">\n <button\n onClick={handleCleanup}\n className=\"px-4 py-2 bg-red-100 text-red-800 rounded hover:bg-red-200 flex items-center transition-all duration-200\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-4 w-4 mr-2\"\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 </div>\n\n {error && (\n <div className=\"mb-6 bg-red-50 border-l-4 border-red-500 p-4 rounded shadow-sm\">\n <div className=\"flex items-center justify-between\">\n <p className=\"text-red-700\">{error}</p>\n <button\n onClick={() => setError(null)}\n className=\"ml-4 text-gray-500 hover:text-gray-700\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"h-4 w-4 mr-2\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"1.8\"\n >\n <circle cx=\"12\" cy=\"12\" r=\"9\" />\n <path strokeLinecap=\"round\" d=\"M9 9l6 6M15 9l-6 6\" />\n </svg>\n </button>\n </div>\n </div>\n )}\n\n {isLoading && activities.length === 0 ? (\n <div className=\"bg-white dark:bg-gray-800 shadow rounded-lg p-6 flex items-center justify-center\">\n <div className=\"flex flex-col items-center\">\n <svg\n className=\"animate-spin h-10 w-10 text-blue-500 mb-4\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 24 24\"\n >\n <circle\n className=\"opacity-25\"\n cx=\"12\"\n cy=\"12\"\n r=\"10\"\n stroke=\"currentColor\"\n strokeWidth=\"4\"\n ></circle>\n <path\n className=\"opacity-75\"\n fill=\"currentColor\"\n d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n ></path>\n </svg>\n <p className=\"text-gray-500 dark:text-gray-400\">{t('app.loading')}</p>\n </div>\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","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","jsxs","jsx","renderFilters","e","s","status","g","k","renderActivityTable","renderDetailModal","inputData","outputData","Fragment","Pagination"],"mappings":"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"}

package/frontend/dist/assets/Badge-Ck2fhRdl.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{j as n}from"./framework-vendor-_OBebcuv.js";import{l as d}from"./index-CmnA4an8.js";import{u}from"./i18n-vendor-MQ921plD.js";const c={default:"bg-blue-500 text-white hover:bg-blue-600",secondary:"bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600",outline:"bg-transparent border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800",destructive:"bg-red-500 text-white hover:bg-red-600"};function x({children:e,variant:t="default",className:r,onClick:o}){return n.jsx("span",{className:d("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors",c[t],o?"cursor-pointer":"",r),onClick:o,children:e})}const f=({status:e,onAuthClick:t})=>{const{t:r}=u(),o={connecting:"status-badge-connecting",connected:"status-badge-online",disconnected:"status-badge-offline",oauth_required:"status-badge-oauth-required"},s={connected:"status.online",disconnected:"status.offline",connecting:"status.connecting",oauth_required:"status.oauthRequired"},a=e==="oauth_required";return n.jsxs("span",{className:`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${o[e]} ${a&&t?"cursor-pointer hover:opacity-80":""}`,onClick:a&&t?i=>t(i):void 0,title:a?r("status.clickToAuthorize"):void 0,children:[a&&"🔐 ",r(s[e]\|\|e)]})};export{x as B,f as S};
2	- //# sourceMappingURL=Badge-Ck2fhRdl.js.map

package/frontend/dist/assets/Badge-Ck2fhRdl.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Badge-Ck2fhRdl.js","sources":["../../src/components/ui/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cn } from '../../utils/cn';\n\ntype BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive';\n\ntype BadgeProps = {\n children: React.ReactNode;\n variant?: BadgeVariant;\n className?: string;\n onClick?: () => void;\n};\n\nconst badgeVariants = {\n default: 'bg-blue-500 text-white hover:bg-blue-600',\n secondary:\n 'bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600',\n outline:\n 'bg-transparent border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800',\n destructive: 'bg-red-500 text-white hover:bg-red-600',\n};\n\nexport function Badge({ children, variant = 'default', className, onClick }: BadgeProps) {\n return (\n <span\n className={cn(\n 'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold transition-colors',\n badgeVariants[variant],\n onClick ? 'cursor-pointer' : '',\n className,\n )}\n onClick={onClick}\n >\n {children}\n </span>\n );\n}\n\n// For backward compatibility with existing code\nexport const StatusBadge = ({\n status,\n onAuthClick,\n}: {\n status: 'connected' | 'disconnected' | 'connecting' | 'oauth_required';\n onAuthClick?: (e: React.MouseEvent) => void;\n}) => {\n const { t } = useTranslation();\n\n const colors = {\n connecting: 'status-badge-connecting',\n connected: 'status-badge-online',\n disconnected: 'status-badge-offline',\n oauth_required: 'status-badge-oauth-required',\n };\n\n // Map status to translation keys\n const statusTranslations = {\n connected: 'status.online',\n disconnected: 'status.offline',\n connecting: 'status.connecting',\n oauth_required: 'status.oauthRequired',\n };\n\n const isOAuthRequired = status === 'oauth_required';\n\n return (\n <span\n className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${colors[status]} ${isOAuthRequired && onAuthClick ? 'cursor-pointer hover:opacity-80' : ''}`}\n onClick={isOAuthRequired && onAuthClick ? (e) => onAuthClick(e) : undefined}\n title={isOAuthRequired ? t('status.clickToAuthorize') : undefined}\n >\n {isOAuthRequired && '🔐 '}\n {t(statusTranslations[status] || status)}\n </span>\n );\n};\n"],"names":["badgeVariants","Badge","children","variant","className","onClick","jsx","cn","StatusBadge","status","onAuthClick","t","useTranslation","colors","statusTranslations","isOAuthRequired","jsxs","e"],"mappings":"oIAaA,MAAMA,EAAgB,CACpB,QAAS,2CACT,UACE,yGACF,QACE,uIACF,YAAa,wCACf,EAEO,SAASC,EAAM,CAAE,SAAAC,EAAU,QAAAC,EAAU,UAAW,UAAAC,EAAW,QAAAC,GAAuB,CACvF,OACEC,EAAAA,IAAC,OAAA,CACC,UAAWC,EACT,8FACAP,EAAcG,CAAO,EACrBE,EAAU,iBAAmB,GAC7BD,CAAA,EAEF,QAAAC,EAEC,SAAAH,CAAA,CAAA,CAGP,CAGO,MAAMM,EAAc,CAAC,CAC1B,OAAAC,EACA,YAAAC,CACF,IAGM,CACJ,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAA,EAERC,EAAS,CACb,WAAY,0BACZ,UAAW,sBACX,aAAc,uBACd,eAAgB,6BAAA,EAIZC,EAAqB,CACzB,UAAW,gBACX,aAAc,iBACd,WAAY,oBACZ,eAAgB,sBAAA,EAGZC,EAAkBN,IAAW,iBAEnC,OACEO,EAAAA,KAAC,OAAA,CACC,UAAW,iEAAiEH,EAAOJ,CAAM,CAAC,IAAIM,GAAmBL,EAAc,kCAAoC,EAAE,GACrK,QAASK,GAAmBL,EAAeO,GAAMP,EAAYO,CAAC,EAAI,OAClE,MAAOF,EAAkBJ,EAAE,yBAAyB,EAAI,OAEvD,SAAA,CAAAI,GAAmB,MACnBJ,EAAEG,EAAmBL,CAAM,GAAKA,CAAM,CAAA,CAAA,CAAA,CAG7C"}

package/frontend/dist/assets/ConfirmDialog-uYjffH4V.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{j as e}from"./framework-vendor-_OBebcuv.js";import{u as f}from"./i18n-vendor-MQ921plD.js";const w=({isOpen:l,onClose:n,onConfirm:t,title:o,message:c,confirmText:d,cancelText:m,variant:s="warning"})=>{const{t:i}=f();if(!l)return null;const x=()=>{switch(s){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"})}),confirmClass:"bg-red-600 hover:bg-red-700 text-white"};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"})}),confirmClass:"bg-yellow-600 hover:bg-yellow-700 text-white"};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"})}),confirmClass:"bg-blue-600 hover:bg-blue-700 text-white"};default:return{icon:null,confirmClass:"bg-blue-600 hover:bg-blue-700 text-white"}}},{icon:a,confirmClass:u}=x(),h=r=>{r.target===r.currentTarget&&n()},g=r=>{r.key==="Escape"?n():r.key==="Enter"&&t()};return e.jsx("div",{className:"fixed inset-0 bg-black/50 z-[100] flex items-center justify-center p-4",onClick:h,onKeyDown:g,tabIndex:-1,children:e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-md 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:[a&&e.jsx("div",{className:"flex-shrink-0",children:a}),e.jsxs("div",{className:"flex-1",children:[o&&e.jsx("h3",{id:"confirm-dialog-title",className:"text-lg font-medium text-gray-900 mb-2",children:o}),e.jsx("p",{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:n,className:"px-4 py-2 text-gray-600 hover:text-gray-800 hover:bg-gray-100 dark:bg-gray-800 rounded-md transition-colors duration-150 btn-secondary",autoFocus:!0,children:m\|\|i("common.cancel")}),e.jsx("button",{onClick:t,className:`px-4 py-2 rounded-md transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-offset-2 ${u} ${s==="danger"?"btn-danger":s==="warning"?"btn-warning":"btn-primary"}`,children:d\|\|i("common.confirm")})]})]})})})};export{w as C};
2	- //# sourceMappingURL=ConfirmDialog-uYjffH4V.js.map

package/frontend/dist/assets/ConfirmDialog-uYjffH4V.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ConfirmDialog-uYjffH4V.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: string;\n confirmText?: string;\n cancelText?: string;\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 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 className=\"w-6 h-6 text-red-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" />\n </svg>\n ),\n confirmClass: 'bg-red-600 hover:bg-red-700 text-white',\n };\n case 'warning':\n return {\n icon: (\n <svg className=\"w-6 h-6 text-yellow-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" />\n </svg>\n ),\n confirmClass: 'bg-yellow-600 hover:bg-yellow-700 text-white',\n };\n case 'info':\n return {\n icon: (\n <svg className=\"w-6 h-6 text-blue-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <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\" />\n </svg>\n ),\n confirmClass: 'bg-blue-600 hover:bg-blue-700 text-white',\n };\n default:\n return {\n icon: null,\n confirmClass: 'bg-blue-600 hover:bg-blue-700 text-white',\n };\n }\n };\n\n const { icon, confirmClass } = 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') {\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=\"bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-md 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 && (\n <div className=\"flex-shrink-0\">\n {icon}\n </div>\n )}\n <div className=\"flex-1\">\n {title && (\n <h3\n id=\"confirm-dialog-title\"\n className=\"text-lg font-medium text-gray-900 mb-2\"\n >\n {title}\n </h3>\n )}\n <p\n id=\"confirm-dialog-message\"\n className=\"text-gray-600 leading-relaxed\"\n >\n {message}\n </p>\n </div>\n </div>\n\n <div className=\"flex justify-end space-x-3 mt-6\">\n <button\n onClick={onClose}\n className=\"px-4 py-2 text-gray-600 hover:text-gray-800 hover:bg-gray-100 dark:bg-gray-800 rounded-md transition-colors duration-150 btn-secondary\"\n autoFocus\n >\n {cancelText || t('common.cancel')}\n </button>\n <button\n onClick={onConfirm}\n className={`px-4 py-2 rounded-md transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-offset-2 ${confirmClass} ${variant === 'danger' ? 'btn-danger' : variant === 'warning' ? 'btn-warning' : 'btn-primary'}`}\n >\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","variant","t","useTranslation","getVariantStyles","jsx","icon","confirmClass","handleBackdropClick","e","handleKeyDown","jsxs"],"mappings":"iGAcA,MAAMA,EAA8C,CAAC,CACnD,OAAAC,EACA,QAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,SACZ,IAAM,CACJ,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAA,EAEd,GAAI,CAACT,EAAQ,OAAO,KAEpB,MAAMU,EAAmB,IAAM,CAC7B,OAAQH,EAAA,CACN,IAAK,SACH,MAAO,CACL,WACG,MAAA,CAAI,UAAU,uBAAuB,KAAK,OAAO,QAAQ,YAAY,OAAO,eAC3E,SAAAI,EAAAA,IAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,YAAa,EAAG,EAAE,2IAAA,CAA4I,CAAA,CACnN,EAEF,aAAc,wCAAA,EAElB,IAAK,UACH,MAAO,CACL,WACG,MAAA,CAAI,UAAU,0BAA0B,KAAK,OAAO,QAAQ,YAAY,OAAO,eAC9E,SAAAA,EAAAA,IAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,YAAa,EAAG,EAAE,2IAAA,CAA4I,CAAA,CACnN,EAEF,aAAc,8CAAA,EAElB,IAAK,OACH,MAAO,CACL,WACG,MAAA,CAAI,UAAU,wBAAwB,KAAK,OAAO,QAAQ,YAAY,OAAO,eAC5E,SAAAA,EAAAA,IAAC,OAAA,CAAK,cAAc,QAAQ,eAAe,QAAQ,YAAa,EAAG,EAAE,2DAAA,CAA4D,CAAA,CACnI,EAEF,aAAc,0CAAA,EAElB,QACE,MAAO,CACL,KAAM,KACN,aAAc,0CAAA,CAChB,CAEN,EAEM,CAAE,KAAAC,EAAM,aAAAC,CAAA,EAAiBH,EAAA,EAEzBI,EAAuBC,GAAwB,CAC/CA,EAAE,SAAWA,EAAE,eACjBd,EAAA,CAEJ,EAEMe,EAAiBD,GAA2B,CAC5CA,EAAE,MAAQ,SACZd,EAAA,EACSc,EAAE,MAAQ,SACnBb,EAAA,CAEJ,EAEA,OACES,EAAAA,IAAC,MAAA,CACC,UAAU,yEACV,QAASG,EACT,UAAWE,EACX,SAAU,GAEV,SAAAL,EAAAA,IAAC,MAAA,CACC,UAAU,gHACV,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,GACCD,EAAAA,IAAC,MAAA,CAAI,UAAU,gBACZ,SAAAC,EACH,EAEFK,EAAAA,KAAC,MAAA,CAAI,UAAU,SACZ,SAAA,CAAAd,GACCQ,EAAAA,IAAC,KAAA,CACC,GAAG,uBACH,UAAU,yCAET,SAAAR,CAAA,CAAA,EAGLQ,EAAAA,IAAC,IAAA,CACC,GAAG,yBACH,UAAU,gCAET,SAAAP,CAAA,CAAA,CACH,CAAA,CACF,CAAA,EACF,EAEAa,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAN,EAAAA,IAAC,SAAA,CACC,QAASV,EACT,UAAU,yIACV,UAAS,GAER,SAAAK,GAAcE,EAAE,eAAe,CAAA,CAAA,EAElCG,EAAAA,IAAC,SAAA,CACC,QAAST,EACT,UAAW,2GAA2GW,CAAY,IAAIN,IAAY,SAAW,aAAeA,IAAY,UAAY,cAAgB,aAAa,GAEhO,SAAAF,GAAeG,EAAE,gBAAgB,CAAA,CAAA,CACpC,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAGN"}

package/frontend/dist/assets/Dashboard-BIXrLobn.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{R as i,j as e}from"./framework-vendor-_OBebcuv.js";import{u as b}from"./useServerData-QZqQTYcv.js";import{u as w}from"./i18n-vendor-MQ921plD.js";import"./index-CmnA4an8.js";import"./icons-vendor-B67NtVuR.js";const L=()=>{const{t:a}=w(),{allServers:t,error:d,setError:u,isLoading:o}=b({refreshOnMount:!0}),[p,c]=i.useState(!1),x=i.useRef(!1);i.useEffect(()=>{if(o){x.current=!0;return}if(x.current){c(!0);return}(t.length>0\|\|d)&&c(!0)},[o,t.length,d]);const n=!p,r={total:t.length,online:t.filter(s=>s.status==="connected").length,disabled:t.filter(s=>s.enabled===!1).length,offline:t.filter(s=>s.status==="disconnected"&&s.enabled!==!1).length,connecting:t.filter(s=>s.status==="connecting").length,oauthRequired:t.filter(s=>s.status==="oauth_required").length},j={connected:"status.online",disconnected:"status.offline",connecting:"status.connecting",oauth_required:"status.oauthRequired"};return e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-gray-900 mb-8",children:a("pages.dashboard.title")}),d&&e.jsx("div",{className:"mb-6 bg-red-50 border-l-4 border-red-500 p-4 rounded shadow-sm error-box",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-status-red text-lg font-medium",children:a("app.error")}),e.jsx("p",{className:"text-gray-600 mt-1",children:d})]}),e.jsx("button",{onClick:()=>u(null),className:"ml-4 text-gray-500 hover:text-gray-700 transition-colors duration-200","aria-label":a("app.closeButton"),children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-5 w-5",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 011.414 0L10 8.586l4.293-4.293a1 1 111.414 1.414L11.414 10l4.293 4.293a1 1 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 01-1.414-1.414L8.586 10 4.293 5.707a1 1 010-1.414z",clipRule:"evenodd"})})})]})}),n&&e.jsxs("div",{className:"space-y-8","aria-busy":"true","aria-live":"polite",children:[e.jsx("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-5",children:Array.from({length:5}).map((s,l)=>e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow p-6 dashboard-card",children:e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"h-14 w-14 rounded-full bg-gray-200 animate-pulse"}),e.jsxs("div",{className:"ml-4 flex-1 space-y-3",children:[e.jsx("div",{className:"h-4 w-32 rounded bg-gray-200 animate-pulse"}),e.jsx("div",{className:"h-8 w-20 rounded bg-gray-200 animate-pulse"})]})]})},`stats-skeleton-${l}`))}),e.jsxs("div",{children:[e.jsx("div",{className:"h-6 w-40 rounded bg-gray-200 animate-pulse mb-4"}),e.jsx("div",{className:"bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden table-container",children:e.jsx("div",{className:"divide-y divide-gray-200 dark:divide-gray-700",children:Array.from({length:5}).map((s,l)=>e.jsx("div",{className:"px-6 py-4",children:e.jsxs("div",{className:"grid grid-cols-6 gap-6",children:[e.jsx("div",{className:"h-4 w-28 rounded bg-gray-200 animate-pulse"}),e.jsx("div",{className:"h-4 w-24 rounded bg-gray-200 animate-pulse"}),e.jsx("div",{className:"h-4 w-12 rounded bg-gray-200 animate-pulse"}),e.jsx("div",{className:"h-4 w-12 rounded bg-gray-200 animate-pulse"}),e.jsx("div",{className:"h-4 w-12 rounded bg-gray-200 animate-pulse"}),e.jsx("div",{className:"h-4 w-10 rounded bg-gray-200 animate-pulse"})]})},`row-skeleton-${l}`))})})]})]}),!n&&e.jsxs("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-5",children:[e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow p-6 dashboard-card",children:e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"p-3 rounded-full bg-blue-100 text-blue-800 icon-container status-icon-blue",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-8 w-8",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01"})})}),e.jsxs("div",{className:"ml-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-700",children:a("pages.dashboard.totalServers")}),e.jsx("p",{className:"text-3xl font-bold text-gray-900",children:r.total})]})]})}),e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow p-6 dashboard-card",children:e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"p-3 rounded-full bg-green-100 text-green-800 icon-container status-icon-green",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-8 w-8",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"})})}),e.jsxs("div",{className:"ml-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-700",children:a("pages.dashboard.onlineServers")}),e.jsx("p",{className:"text-3xl font-bold text-gray-900",children:r.online})]})]})}),e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow p-6 dashboard-card",children:e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"p-3 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-700 icon-container",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-8 w-8",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"})})}),e.jsxs("div",{className:"ml-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-700",children:a("pages.dashboard.disabledServers")}),e.jsx("p",{className:"text-3xl font-bold text-gray-900",children:r.disabled})]})]})}),e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow p-6 dashboard-card",children:e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"p-3 rounded-full bg-red-100 text-red-800 icon-container status-icon-red",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-8 w-8",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"})})}),e.jsxs("div",{className:"ml-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-700",children:a("pages.dashboard.offlineServers")}),e.jsx("p",{className:"text-3xl font-bold text-gray-900",children:r.offline})]})]})}),e.jsx("div",{className:"bg-white dark:bg-gray-800 rounded-lg shadow p-6 dashboard-card",children:e.jsxs("div",{className:"flex items-center",children:[e.jsx("div",{className:"p-3 rounded-full bg-yellow-100 text-yellow-800 icon-container status-icon-yellow",children:e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-8 w-8",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})})}),e.jsxs("div",{className:"ml-4",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-700",children:a("pages.dashboard.connectingServers")}),e.jsx("p",{className:"text-3xl font-bold text-gray-900",children:r.connecting})]})]})})]}),t.length>0&&!n&&e.jsxs("div",{className:"mt-8",children:[e.jsx("h2",{className:"text-xl font-semibold text-gray-900 mb-4",children:a("pages.dashboard.recentServers")}),e.jsx("div",{className:"bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden table-container",children:e.jsxs("table",{className:"min-w-full",children:[e.jsx("thead",{className:"bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700",children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",className:"px-6 py-5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:a("server.name")}),e.jsx("th",{scope:"col",className:"px-6 py-5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:a("server.status")}),e.jsx("th",{scope:"col",className:"px-6 py-5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:a("server.tools")}),e.jsx("th",{scope:"col",className:"px-6 py-5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:a("server.prompts")}),e.jsx("th",{scope:"col",className:"px-6 py-5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:a("nav.resources")}),e.jsx("th",{scope:"col",className:"px-6 py-5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider",children:a("server.enabled")})]})}),e.jsx("tbody",{className:"bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700",children:t.slice(0,5).map((s,l)=>{var h,g,m;return e.jsxs("tr",{children:[e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900",children:s.name}),e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm text-gray-500",children:e.jsxs("span",{className:`px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full ${s.status==="connected"?"status-badge-online":s.status==="disconnected"?"status-badge-offline":s.status==="oauth_required"?"status-badge-oauth-required":"status-badge-connecting"}`,children:[s.status==="oauth_required"&&"🔐 ",a(j[s.status]\|\|s.status)]})}),e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm text-gray-500",children:((h=s.tools)==null?void 0:h.length)\|\|0}),e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm text-gray-500",children:((g=s.prompts)==null?void 0:g.length)\|\|0}),e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm text-gray-500",children:((m=s.resources)==null?void 0:m.length)\|\|0}),e.jsx("td",{className:"px-6 py-4 whitespace-nowrap text-sm text-gray-500",children:s.enabled!==!1?e.jsx("span",{className:"text-green-600",children:"✓"}):e.jsx("span",{className:"text-gray-500","aria-label":a("pages.dashboard.disabledServers"),children:"⏸"})})]},l)})})]})})]})]})};export{L as default};
2	- //# sourceMappingURL=Dashboard-BIXrLobn.js.map