18 |
19 |
25 |
26 |
27 | {children}
28 |
29 |
15 |
20 | );
21 | }
22 |
23 | if (!isAuthenticated) {
24 | return
16 |
19 |
15 | {mode === 'smart' ? (
16 | <>
17 |
27 | );
28 | }
--------------------------------------------------------------------------------
/src/components/ui/input.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | function Input({ className, type, ...props }: React.ComponentProps<"input">) {
6 | return (
7 |
18 | )
19 | }
20 |
21 | export { Input }
22 |
--------------------------------------------------------------------------------
/worker/api/routes/analyticsRoutes.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Setup routes for AI Gateway analytics endpoints
3 | */
4 | import { AnalyticsController } from '../controllers/analytics/controller';
5 | import { Hono } from 'hono';
6 | import { AppEnv } from '../../types/appenv';
7 | import { AuthConfig, setAuthLevel } from '../../middleware/auth/routeAuth';
8 | import { adaptController } from '../honoAdapter';
9 |
10 | /**
11 | * Setup analytics routes
12 | */
13 | export function setupAnalyticsRoutes(app: Hono
29 | {children ||
31 |
43 |
48 | );
49 | }
50 |
51 | // Card variant for future use
52 | if (variant === 'card') {
53 | return (
54 |
58 |
66 | );
67 | }
68 |
69 | return null;
70 | }
--------------------------------------------------------------------------------
/src/hooks/use-auto-scroll.ts:
--------------------------------------------------------------------------------
1 | import { RefObject, useCallback, useEffect, useRef } from 'react';
2 |
3 | type AutoScrollOptions = {
4 | enabled?: boolean;
5 | behavior?: ScrollBehavior;
6 | bottomThreshold?: number; // px distance considered "at bottom"
7 | watch?: ReadonlyArray
59 |
62 | {label || 'Total Cost'}
61 |
63 | {formatCost(cost)}
64 |
65 |
45 |
64 |
65 | );
66 | };
--------------------------------------------------------------------------------
/container/example-usage.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | # Example usage of CLI tools outside Docker environment
4 | # This script demonstrates how to use the CLI tools in any directory
5 |
6 | echo "=== CLI Tools Configuration Example ==="
7 | echo
8 |
9 | # Set custom data directory (optional)
10 | export CLI_DATA_DIR="./monitoring-data"
11 |
12 | # Set custom database paths (optional)
13 | export CLI_ERROR_DB_PATH="./monitoring-data/runtime-errors.db"
14 | export CLI_LOG_DB_PATH="./monitoring-data/process-logs.db"
15 |
16 | echo "Data directory: $CLI_DATA_DIR"
17 | echo "Error database: $CLI_ERROR_DB_PATH"
18 | echo "Log database: $CLI_LOG_DB_PATH"
19 | echo
20 |
21 | # Example: Start monitoring a process
22 | echo "=== Starting Process Monitor ==="
23 | bun run cli-tools.ts process start --instance-id "my-app" --port 3000 -- npm run dev &
24 | MONITOR_PID=$!
25 |
26 | # Wait a bit for the process to start
27 | sleep 2
28 |
29 | # Example: Check process status
30 | echo "=== Process Status ==="
31 | bun run cli-tools.ts process status --instance-id "my-app"
32 | echo
33 |
34 | # Example: List recent errors
35 | echo "=== Recent Errors ==="
36 | bun run cli-tools.ts errors list --instance-id "my-app" --limit 10 --format table
37 | echo
38 |
39 | # Example: Get recent logs
40 | echo "=== Recent Logs ==="
41 | bun run cli-tools.ts logs get --instance-id "my-app" --format raw
42 | echo
43 |
44 | # Example: Get error statistics
45 | echo "=== Error Statistics ==="
46 | bun run cli-tools.ts errors stats --instance-id "my-app"
47 | echo
48 |
49 | # Example: Get log statistics
50 | echo "=== Log Statistics ==="
51 | bun run cli-tools.ts logs stats --instance-id "my-app"
52 | echo
53 |
54 | # Example: Get all logs and reset (useful for periodic log collection)
55 | echo "=== All Logs (and reset) ==="
56 | bun run cli-tools.ts logs get --instance-id "my-app" --format raw --reset > collected-logs.txt
57 | echo "Logs saved to collected-logs.txt"
58 | echo
59 |
60 | # Cleanup: Stop the monitor
61 | echo "=== Stopping Monitor ==="
62 | bun run cli-tools.ts process stop --instance-id "my-app"
63 |
64 | echo "=== Example Complete ==="
--------------------------------------------------------------------------------
/worker/api/routes/index.ts:
--------------------------------------------------------------------------------
1 | import { setupAuthRoutes } from './authRoutes';
2 | import { setupAppRoutes } from './appRoutes';
3 | import { setupUserRoutes } from './userRoutes';
4 | import { setupStatsRoutes } from './statsRoutes';
5 | import { setupAnalyticsRoutes } from './analyticsRoutes';
6 | import { setupSecretsRoutes } from './secretsRoutes';
7 | import { setupModelConfigRoutes } from './modelConfigRoutes';
8 | import { setupModelProviderRoutes } from './modelProviderRoutes';
9 | import { setupGitHubExporterRoutes } from './githubExporterRoutes';
10 | import { setupCodegenRoutes } from './codegenRoutes';
11 | import { setupScreenshotRoutes } from './imagesRoutes';
12 | import { setupSentryRoutes } from './sentryRoutes';
13 | import { Hono } from "hono";
14 | import { AppEnv } from "../../types/appenv";
15 | import { setupStatusRoutes } from './statusRoutes';
16 |
17 | export function setupRoutes(app: Hono
25 |
26 | {images.map((image) => (
27 |
35 | 
40 | {onRemove && (
41 |
49 | )}
50 | {!compact && (
51 |
58 | ))}
59 |
60 |
61 | );
62 | }
63 |
--------------------------------------------------------------------------------
/src/hooks/use-stats.ts:
--------------------------------------------------------------------------------
1 | import { useState, useEffect, useCallback } from 'react';
2 | import { useAuth } from '@/contexts/auth-context';
3 | import { apiClient } from '@/lib/api-client';
4 | import type { UserStats, UserActivity } from '@/api-types';
5 |
6 | export function useUserStats() {
7 | const { isAuthenticated } = useAuth();
8 | const [stats, setStats] = useState
52 |
56 | )}
57 | 53 | {image.filename} 54 |
55 |
10 |
43 | );
44 | }
45 |
46 | interface ErrorBoundaryProps {
47 | children: ReactNode;
48 | showDialog?: boolean;
49 | }
50 |
51 | export function ErrorBoundary({
52 | children,
53 | showDialog = false
54 | }: ErrorBoundaryProps) {
55 | return (
56 |
11 |
42 |
12 |
14 |
15 |
16 |
21 |
22 | {import.meta.env.DEV && (
23 | Something went wrong
17 |18 | An unexpected error occurred. Our team has been notified. 19 |
20 |
24 |
28 | )}
29 |
30 | 25 | {errorMessage} 26 |
27 |
31 |
34 |
40 |
41 |
47 |
49 | )}
50 |