{title}

\n {children}\n

\n);\n\nconst ConfigRow: React.FC<\n { label: string; value: React.ReactNode; description?: string }\n> = ({\n label,\n value,\n description,\n}) => (\n

{label}

\n {description && (\n

{description}

\n )}\n

{value}

\n);\n\nexport default function Configuration() {\n const {\n data: config,\n isLoading: configLoading,\n error: configError,\n } = useQuery({\n queryKey: [\"configuration\"],\n queryFn: fetchConfiguration,\n refetchInterval: 30000, // Refresh every 30 seconds\n });\n\n const {\n data: status,\n isLoading: statusLoading,\n error: statusError,\n } = useQuery({\n queryKey: [\"system-status\"],\n queryFn: fetchSystemStatus,\n refetchInterval: 30000, // Refresh every 30 seconds\n });\n\n if (configLoading || statusLoading) {\n return (\n

\n {[1, 2, 3, 4].map((i) => (\n

\n ))}\n

\n );\n }\n\n if (configError || statusError) {\n return (\n

\n Error Loading Configuration\n

\n {configError?.message || statusError?.message ||\n \"Unknown error occurred\"}\n

\n );\n }\n\n if (!config || !status) {\n return (\n

No configuration data available

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n System Configuration\n

\n Current application settings and system status\n

\n Last updated:{\" \"}\n {new Date(config.system.lastUpdated).toLocaleString()}\n

\n Environment:{\" \"}\n {config.system.environment}\n

\n\n {/* System Status */}\n \n

\n }\n description={status.services.database.message}\n />\n }\n description={status.services.email.message}\n />\n }\n description={status.services.twitter.message}\n />\n \n \n\n {/* Email Configuration */}\n \n

\n \n \n \n \n \n \n \n \n\n {/* Twitter & Summarization */}\n \n

\n \n \n \n \n \n \n \n\n {/* Filtering */}\n \n

\n 0\n ? config.twitter.filtering.keywords.join(\", \")\n : \"None\"}\n description=\"Only process tweets containing these keywords\"\n />\n 0\n ? config.twitter.filtering.excludeKeywords.join(\", \")\n : \"None\"}\n description=\"Skip tweets containing these keywords\"\n />\n \n \n\n {/* Environment Variables Status */}\n \n

\n Required Variables\n

{key}: \n \n {configured ? \"Set\" : \"Missing\"}\n \n

\n Optional Variables\n

{key}: \n \n {configured ? \"Set\" : \"Default\"}\n \n

\n \n\n {/* Help Text */}\n

\n \n \n \n

\n Configuration Management\n

\n To modify these settings, update the environment variables in Val\n Town's interface. Changes will be reflected here after the next\n restart or refresh.\n

\n );\n}\n","deleted","label",[169,170,150],"frontend","components","permalink","https://www.val.town/x/jpd3v/offx/code/frontend/components/Configuration.tsx","extension","actionData","errors"]