@ash-ai/dashboard 0.0.1

package/components/ui/button.tsx

@@ -0,0 +1,44 @@
+import { cn } from '@/lib/utils'
+import { forwardRef } from 'react'
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: 'primary' | 'secondary' | 'ghost' | 'danger'
+  size?: 'sm' | 'md' | 'lg'
+}
+
+const variantStyles = {
+  primary:
+    'bg-indigo-500 text-white font-medium hover:bg-indigo-400',
+  secondary:
+    'border border-white/20 bg-white/5 text-white hover:bg-white/10 hover:border-white/30',
+  ghost: 'text-white/70 hover:text-white hover:bg-white/10',
+  danger:
+    'bg-red-500/20 text-red-400 border border-red-500/30 hover:bg-red-500/30',
+}
+
+const sizeStyles = {
+  sm: 'h-8 px-3 text-xs rounded-lg',
+  md: 'h-9 px-4 text-sm rounded-xl',
+  lg: 'h-10 px-6 text-sm rounded-xl',
+}
+
+export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant = 'primary', size = 'md', disabled, ...props }, ref) => {
+    return (
+      <button
+        ref={ref}
+        className={cn(
+          'inline-flex items-center justify-center font-medium transition-all duration-200',
+          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/50',
+          'disabled:pointer-events-none disabled:opacity-50',
+          variantStyles[variant],
+          sizeStyles[size],
+          className
+        )}
+        disabled={disabled}
+        {...props}
+      />
+    )
+  }
+)
+Button.displayName = 'Button'

package/components/ui/card.tsx

@@ -0,0 +1,43 @@
+import { cn } from '@/lib/utils'
+
+interface CardProps {
+  children: React.ReactNode
+  className?: string
+}
+
+export function Card({ children, className }: CardProps) {
+  return (
+    <div
+      className={cn(
+        'rounded-2xl border border-white/10 bg-[#1c2129] transition-all duration-200',
+        className
+      )}
+    >
+      {children}
+    </div>
+  )
+}
+
+export function CardHeader({ children, className }: CardProps) {
+  return (
+    <div className={cn('flex flex-col space-y-1.5 px-4 pt-4 pb-0 sm:px-6 sm:pt-6 sm:pb-0', className)}>
+      {children}
+    </div>
+  )
+}
+
+export function CardTitle({ children, className }: CardProps) {
+  return (
+    <h3 className={cn('text-lg font-semibold leading-none tracking-tight text-white', className)}>
+      {children}
+    </h3>
+  )
+}
+
+export function CardContent({ children, className }: CardProps) {
+  return (
+    <div className={cn('p-4 sm:p-6', className)}>
+      {children}
+    </div>
+  )
+}

package/components/ui/empty-state.tsx

@@ -0,0 +1,20 @@
+import { cn } from '@/lib/utils'
+
+interface EmptyStateProps {
+  icon?: React.ReactNode
+  title: string
+  description: string
+  action?: React.ReactNode
+  className?: string
+}
+
+export function EmptyState({ icon, title, description, action, className }: EmptyStateProps) {
+  return (
+    <div className={cn('flex flex-col items-center justify-center py-16 text-center', className)}>
+      {icon && <div className="mb-4 text-white/30">{icon}</div>}
+      <h3 className="text-lg font-semibold text-white">{title}</h3>
+      <p className="mt-1 max-w-sm text-sm text-white/50">{description}</p>
+      {action && <div className="mt-4">{action}</div>}
+    </div>
+  )
+}

package/components/ui/input.tsx

@@ -0,0 +1,36 @@
+import { cn } from '@/lib/utils'
+import { forwardRef } from 'react'
+
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  label?: string
+  error?: string
+}
+
+export const Input = forwardRef<HTMLInputElement, InputProps>(
+  ({ className, label, error, id, ...props }, ref) => {
+    return (
+      <div className="space-y-1.5">
+        {label && (
+          <label htmlFor={id} className="block text-sm font-medium text-white/70">
+            {label}
+          </label>
+        )}
+        <input
+          ref={ref}
+          id={id}
+          className={cn(
+            'flex h-9 w-full rounded-xl border px-3 py-1 text-sm transition-all duration-200',
+            'bg-white/5 border-white/10 text-white placeholder:text-white/40',
+            'focus-visible:outline-none focus-visible:border-indigo-500/50 focus-visible:bg-white/10',
+            'disabled:cursor-not-allowed disabled:opacity-50',
+            error && 'border-red-500/50 focus-visible:border-red-400',
+            className
+          )}
+          {...props}
+        />
+        {error && <p className="text-xs text-red-400">{error}</p>}
+      </div>
+    )
+  }
+)
+Input.displayName = 'Input'

package/components/ui/select.tsx

@@ -0,0 +1,50 @@
+import { cn } from '@/lib/utils'
+import { forwardRef } from 'react'
+
+interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+  label?: string
+  options: Array<{ value: string; label: string; disabled?: boolean }>
+  placeholder?: string
+}
+
+export const Select = forwardRef<HTMLSelectElement, SelectProps>(
+  ({ className, label, options, placeholder, id, ...props }, ref) => {
+    return (
+      <div className="space-y-1.5">
+        {label && (
+          <label htmlFor={id} className="block text-sm font-medium text-white/70">
+            {label}
+          </label>
+        )}
+        <select
+          ref={ref}
+          id={id}
+          className={cn(
+            'flex h-9 w-full rounded-xl border px-3 py-1 text-sm transition-all duration-200',
+            'bg-white/5 border-white/10 text-white',
+            'focus-visible:outline-none focus-visible:border-indigo-500/50',
+            className
+          )}
+          {...props}
+        >
+          {placeholder && (
+            <option value="" className="bg-[#1c2129]">
+              {placeholder}
+            </option>
+          )}
+          {options.map((opt) => (
+            <option
+              key={opt.value}
+              value={opt.value}
+              disabled={opt.disabled}
+              className="bg-[#1c2129]"
+            >
+              {opt.label}
+            </option>
+          ))}
+        </select>
+      </div>
+    )
+  }
+)
+Select.displayName = 'Select'

package/components/ui/shimmer.tsx

@@ -0,0 +1,53 @@
+import { cn } from '@/lib/utils'
+
+export function ShimmerLine({
+  width = '100%',
+  height = 16,
+  className,
+}: {
+  width?: string | number
+  height?: number
+  className?: string
+}) {
+  return (
+    <div
+      className={cn(
+        'rounded-md',
+        'bg-gradient-to-r from-white/5 via-white/10 to-white/5',
+        'bg-[length:200%_100%]',
+        'animate-[shimmer_1.5s_ease-in-out_infinite]',
+        className
+      )}
+      style={{
+        width: typeof width === 'number' ? `${width}px` : width,
+        height,
+      }}
+    />
+  )
+}
+
+export function ShimmerBlock({
+  width = '100%',
+  height = 100,
+  className,
+}: {
+  width?: string | number
+  height?: number
+  className?: string
+}) {
+  return (
+    <div
+      className={cn(
+        'rounded-xl',
+        'bg-gradient-to-r from-white/5 via-white/10 to-white/5',
+        'bg-[length:200%_100%]',
+        'animate-[shimmer_1.5s_ease-in-out_infinite]',
+        className
+      )}
+      style={{
+        width: typeof width === 'number' ? `${width}px` : width,
+        height,
+      }}
+    />
+  )
+}

package/lib/client.ts

@@ -0,0 +1,41 @@
+import { AshClient } from '@ash-ai/sdk'
+
+let client: AshClient | null = null
+let cachedApiKey: string | undefined
+
+declare global {
+  interface Window {
+    __ASH_CONFIG__?: { apiKey?: string; serverVersion?: string; serverUrl?: string }
+  }
+}
+
+export function getClient(): AshClient {
+  if (!client) {
+    // In the browser, prefer the server URL from config (points directly to the Ash server,
+    // bypassing the Next.js dev proxy which can break SSE streams).
+    // Falls back to window.location.origin (works when served by the Ash server itself).
+    const serverUrl =
+      typeof window !== 'undefined'
+        ? window.__ASH_CONFIG__?.serverUrl || window.location.origin
+        : process.env.NEXT_PUBLIC_ASH_API_URL || 'http://localhost:4100'
+
+    cachedApiKey =
+      typeof window !== 'undefined'
+        ? window.__ASH_CONFIG__?.apiKey
+        : process.env.ASH_API_KEY
+
+    client = new AshClient({ serverUrl, apiKey: cachedApiKey })
+  }
+  return client
+}
+
+/** Return auth headers matching the SDK client's config. */
+export function getAuthHeaders(): Record<string, string> {
+  getClient() // ensure cachedApiKey is set
+  return cachedApiKey ? { Authorization: `Bearer ${cachedApiKey}` } : {}
+}
+
+export function resetClient(): void {
+  client = null
+  cachedApiKey = undefined
+}

package/lib/exports.ts

@@ -0,0 +1,55 @@
+/**
+ * @ash-ai/dashboard public API
+ *
+ * This barrel exports components, hooks, and utilities for use by consumers
+ * like the ash-cloud-platform. Pages are exported as named components so they
+ * can be wrapped with auth / context by the consuming app.
+ *
+ * NOTE: All page components are React Client Components ('use client').
+ * They rely on the AshProvider context or getClient() for data fetching.
+ */
+
+// ─── Page Components ─────────────────────────────────────────────────────────
+export { default as DashboardHomePage } from '@/app/page'
+export { default as AgentsPage } from '@/app/agents/page'
+export { default as SessionsPage } from '@/app/sessions/page'
+export { default as PlaygroundPage } from '@/app/playground/page'
+export { default as LogsPage } from '@/app/logs/page'
+export { default as AnalyticsPage } from '@/app/analytics/page'
+export { default as ApiKeysPage } from '@/app/settings/api-keys/page'
+export { default as CredentialsPage } from '@/app/settings/credentials/page'
+export { default as QueuePage } from '@/app/queue/page'
+
+// ─── Navigation ──────────────────────────────────────────────────────────────
+export { DashboardNav } from '@/components/nav'
+export type { NavItem } from '@/components/nav'
+
+// ─── UI Primitives ───────────────────────────────────────────────────────────
+export { Badge, StatusBadge } from '@/components/ui/badge'
+export type { BadgeProps } from '@/components/ui/badge'
+export { Button } from '@/components/ui/button'
+export { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'
+export { EmptyState } from '@/components/ui/empty-state'
+export { Input } from '@/components/ui/input'
+export { Select } from '@/components/ui/select'
+export { ShimmerBlock } from '@/components/ui/shimmer'
+
+// ─── Data Layer ──────────────────────────────────────────────────────────────
+export { AshProvider, useAshClient } from '@/components/providers'
+export { getClient, getAuthHeaders, resetClient } from '@/lib/client'
+export {
+  useAgents,
+  useSessions,
+  useHealth,
+  useCredentials,
+  useUsageStats,
+} from '@/lib/hooks'
+
+// ─── Utilities ───────────────────────────────────────────────────────────────
+export {
+  cn,
+  formatRelativeTime,
+  formatNumber,
+  formatDuration,
+  truncateId,
+} from '@/lib/utils'

package/lib/hooks.ts

@@ -0,0 +1,169 @@
+'use client'
+
+import { useState, useEffect, useCallback, useRef } from 'react'
+import { getClient } from './client'
+import type { Agent, Session, Credential } from '@ash-ai/shared'
+
+// ─── useInterval ───
+
+function useInterval(callback: () => void, delay: number | null) {
+  const savedCallback = useRef(callback)
+  useEffect(() => {
+    savedCallback.current = callback
+  }, [callback])
+  useEffect(() => {
+    if (delay === null) return
+    const id = setInterval(() => savedCallback.current(), delay)
+    return () => clearInterval(id)
+  }, [delay])
+}
+
+// ─── useAgents ───
+
+export function useAgents() {
+  const [agents, setAgents] = useState<Agent[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<Error | null>(null)
+
+  const refetch = useCallback(async () => {
+    try {
+      const result = await getClient().listAgents()
+      setAgents(result)
+      setError(null)
+    } catch (e) {
+      setError(e as Error)
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    refetch()
+  }, [refetch])
+
+  return { agents, loading, error, refetch }
+}
+
+// ─── useSessions ───
+
+export function useSessions(opts?: {
+  agent?: string
+  limit?: number
+  autoRefresh?: boolean
+}) {
+  const [sessions, setSessions] = useState<Session[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<Error | null>(null)
+
+  const refetch = useCallback(async () => {
+    try {
+      const result = await getClient().listSessions(opts?.agent)
+      setSessions(result)
+      setError(null)
+    } catch (e) {
+      setError(e as Error)
+    } finally {
+      setLoading(false)
+    }
+  }, [opts?.agent])
+
+  useEffect(() => {
+    refetch()
+  }, [refetch])
+
+  useInterval(
+    () => refetch(),
+    opts?.autoRefresh !== false ? 10_000 : null
+  )
+
+  return { sessions, loading, error, refetch }
+}
+
+// ─── useHealth ───
+
+export interface HealthData {
+  status: string
+  version?: string
+  activeSessions?: number
+  activeSandboxes?: number
+}
+
+export function useHealth() {
+  const [health, setHealth] = useState<HealthData | null>(null)
+  const [error, setError] = useState<Error | null>(null)
+
+  const refetch = useCallback(async () => {
+    try {
+      const result = await getClient().health()
+      setHealth(result as HealthData)
+      setError(null)
+    } catch (e) {
+      setError(e as Error)
+    }
+  }, [])
+
+  useEffect(() => {
+    refetch()
+  }, [refetch])
+
+  useInterval(() => refetch(), 30_000)
+
+  return { health, error, refetch }
+}
+
+// ─── useCredentials ───
+
+export function useCredentials() {
+  const [credentials, setCredentials] = useState<Credential[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<Error | null>(null)
+
+  const refetch = useCallback(async () => {
+    try {
+      const result = await getClient().listCredentials()
+      setCredentials(result)
+      setError(null)
+    } catch (e) {
+      setError(e as Error)
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    refetch()
+  }, [refetch])
+
+  return { credentials, loading, error, refetch }
+}
+
+// ─── useUsageStats ───
+
+export type { UsageStats } from '@ash-ai/shared'
+
+export function useUsageStats(opts?: {
+  agentName?: string
+  sessionId?: string
+}) {
+  const [stats, setStats] = useState<import('@ash-ai/shared').UsageStats | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<Error | null>(null)
+
+  const refetch = useCallback(async () => {
+    try {
+      const result = await getClient().getUsageStats(opts)
+      setStats(result)
+      setError(null)
+    } catch (e) {
+      setError(e as Error)
+    } finally {
+      setLoading(false)
+    }
+  }, [opts?.agentName, opts?.sessionId])
+
+  useEffect(() => {
+    refetch()
+  }, [refetch])
+
+  return { stats, loading, error, refetch }
+}

package/lib/utils.ts

@@ -0,0 +1,44 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]): string {
+  return twMerge(clsx(inputs))
+}
+
+export function formatRelativeTime(date: string | Date): string {
+  const now = Date.now()
+  const then = new Date(date).getTime()
+  const diff = now - then
+
+  const seconds = Math.floor(diff / 1000)
+  if (seconds < 60) return `${seconds}s ago`
+
+  const minutes = Math.floor(seconds / 60)
+  if (minutes < 60) return `${minutes}m ago`
+
+  const hours = Math.floor(minutes / 60)
+  if (hours < 24) return `${hours}h ago`
+
+  const days = Math.floor(hours / 24)
+  if (days < 30) return `${days}d ago`
+
+  return new Date(date).toLocaleDateString()
+}
+
+export function formatNumber(n: number): string {
+  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}M`
+  if (n >= 1_000) return `${(n / 1_000).toFixed(1)}K`
+  return n.toString()
+}
+
+export function formatDuration(seconds: number): string {
+  if (seconds < 60) return `${seconds.toFixed(1)}s`
+  const minutes = Math.floor(seconds / 60)
+  if (minutes < 60) return `${minutes}m ${Math.floor(seconds % 60)}s`
+  const hours = Math.floor(minutes / 60)
+  return `${hours}h ${minutes % 60}m`
+}
+
+export function truncateId(id: string, len = 8): string {
+  return id.length > len ? id.slice(0, len) : id
+}

package/next.config.ts

@@ -0,0 +1,28 @@
+import type { NextConfig } from 'next'
+
+const isDev = process.env.NODE_ENV === 'development'
+
+const nextConfig: NextConfig = {
+  output: isDev ? undefined : 'export',
+  basePath: '/dashboard',
+  trailingSlash: true,
+  images: {
+    unoptimized: true,
+  },
+  ...(isDev && {
+    // Skip trailing slash redirects in dev to avoid extra round-trips on /api/* proxy calls
+    skipTrailingSlashRedirect: true,
+    async rewrites() {
+      const ashUrl = process.env.ASH_API_URL || 'http://localhost:4100'
+      return {
+        beforeFiles: [
+          { source: '/api/:path*', destination: `${ashUrl}/api/:path*`, basePath: false as const },
+          { source: '/health', destination: `${ashUrl}/health`, basePath: false as const },
+          { source: '/dashboard/config.js', destination: `${ashUrl}/dashboard/config.js`, basePath: false as const },
+        ],
+      }
+    },
+  }),
+}
+
+export default nextConfig

package/out/404/index.html

@@ -0,0 +1 @@
+<!DOCTYPE html><!--J9asKIV7Gq221ygeAP958--><html lang="en" class="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/dashboard/_next/static/css/4b2beada31dbc623.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/dashboard/_next/static/chunks/webpack-a50a78a04aed446d.js"/><script src="/dashboard/_next/static/chunks/b59f762a-cea625f74e98e0aa.js" async=""></script><script src="/dashboard/_next/static/chunks/522-cf174cf1bbbe9557.js" async=""></script><script src="/dashboard/_next/static/chunks/main-app-5bcd4dcc44c4ae09.js" async=""></script><script src="/dashboard/_next/static/chunks/513-c4683887323154aa.js" async=""></script><script src="/dashboard/_next/static/chunks/53-b012ce05184a4754.js" async=""></script><script src="/dashboard/_next/static/chunks/322-bab4df5c5188e993.js" async=""></script><script src="/dashboard/_next/static/chunks/432-11ec8af7ccfbd019.js" async=""></script><script src="/dashboard/_next/static/chunks/929-6faf1adeb65ee383.js" async=""></script><script src="/dashboard/_next/static/chunks/app/layout-9cae773a790a15b2.js" async=""></script><link rel="preload" href="/dashboard/config.js" as="script"/><meta name="robots" content="noindex"/><title>404: This page could not be found.</title><title>Ash Dashboard</title><meta name="description" content="Manage agents, sessions, and monitor your Ash server"/><script>(self.__next_s=self.__next_s||[]).push(["/dashboard/config.js",{}])</script><script src="/dashboard/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="bg-[#0d1117] text-zinc-100 antialiased"><div hidden=""><!--$--><!--/$--></div><div class="flex min-h-screen"><nav class="fixed inset-y-0 left-0 z-50 w-64 flex flex-col border-r border-white/10 bg-[#0d1117]"><div class="flex h-16 items-center gap-3 px-5 border-b border-white/10"><div class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-indigo-500"><span class="text-sm font-bold text-white">A</span></div><div class="min-w-0"><span class="text-white font-bold tracking-tight block">Ash</span><div class="flex items-center gap-1.5 text-white/40 text-xs font-mono"><span class="w-1.5 h-1.5 rounded-full bg-red-400"></span>OFFLINE</div></div></div><div class="flex-1 overflow-auto px-3 py-4 scrollbar-thin"><div class="space-y-0.5"><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/60 hover:text-white hover:bg-white/5 border border-transparent" href="/dashboard/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard h-4 w-4"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg>Dashboard</a><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/60 hover:text-white hover:bg-white/5 border border-transparent" href="/dashboard/playground/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code-xml h-4 w-4"><path d="m18 16 4-4-4-4"></path><path d="m6 8-4 4 4 4"></path><path d="m14.5 4-5 16"></path></svg>Playground</a><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/60 hover:text-white hover:bg-white/5 border border-transparent" href="/dashboard/agents/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot h-4 w-4"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg>Agents</a><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/60 hover:text-white hover:bg-white/5 border border-transparent" href="/dashboard/sessions/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity h-4 w-4"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg>Sessions</a><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/60 hover:text-white hover:bg-white/5 border border-transparent" href="/dashboard/logs/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-scroll-text h-4 w-4"><path d="M15 12h-5"></path><path d="M15 8h-5"></path><path d="M19 17V5a2 2 0 0 0-2-2H4"></path><path d="M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3"></path></svg>Logs</a><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/60 hover:text-white hover:bg-white/5 border border-transparent" href="/dashboard/analytics/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-4 w-4"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg>Analytics</a></div></div><div class="border-t border-white/10 px-3 py-3 space-y-0.5"><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/40 hover:text-white hover:bg-white/5" href="/dashboard/settings/api-keys/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-key h-4 w-4"><path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4"></path><path d="m21 2-9.6 9.6"></path><circle cx="7.5" cy="15.5" r="5.5"></circle></svg>API Keys</a><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/40 hover:text-white hover:bg-white/5" href="/dashboard/settings/credentials/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock h-4 w-4"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>Credentials</a><a class="flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 text-white/40 hover:text-white hover:bg-white/5" href="/dashboard/queue/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-ordered h-4 w-4"><path d="M10 12h11"></path><path d="M10 18h11"></path><path d="M10 6h11"></path><path d="M4 10h2"></path><path d="M4 6h1v4"></path><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"></path></svg>Queue</a></div></nav><main class="min-w-0 flex-1 pl-64 overflow-y-auto overflow-x-hidden"><div class="mx-auto max-w-[1600px] px-6 pb-6 pt-8 sm:px-8 sm:pb-8 sm:pt-10"><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found.</h2></div></div></div><!--$--><!--/$--></div></main></div><script src="/dashboard/_next/static/chunks/webpack-a50a78a04aed446d.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9061,[\"513\",\"static/chunks/513-c4683887323154aa.js\",\"53\",\"static/chunks/53-b012ce05184a4754.js\",\"322\",\"static/chunks/322-bab4df5c5188e993.js\",\"432\",\"static/chunks/432-11ec8af7ccfbd019.js\",\"929\",\"static/chunks/929-6faf1adeb65ee383.js\",\"177\",\"static/chunks/app/layout-9cae773a790a15b2.js\"],\"\"]\n3:I[6412,[\"513\",\"static/chunks/513-c4683887323154aa.js\",\"53\",\"static/chunks/53-b012ce05184a4754.js\",\"322\",\"static/chunks/322-bab4df5c5188e993.js\",\"432\",\"static/chunks/432-11ec8af7ccfbd019.js\",\"929\",\"static/chunks/929-6faf1adeb65ee383.js\",\"177\",\"static/chunks/app/layout-9cae773a790a15b2.js\"],\"AshProvider\"]\n4:I[2553,[\"513\",\"static/chunks/513-c4683887323154aa.js\",\"53\",\"static/chunks/53-b012ce05184a4754.js\",\"322\",\"static/chunks/322-bab4df5c5188e993.js\",\"432\",\"static/chunks/432-11ec8af7ccfbd019.js\",\"929\",\"static/chunks/929-6faf1adeb65ee383.js\",\"177\",\"static/chunks/app/layout-9cae773a790a15b2.js\"],\"DashboardNav\"]\n5:I[2229,[],\"\"]\n6:I[1457,[],\"\"]\n7:I[1464,[],\"OutletBoundary\"]\n9:I[6673,[],\"AsyncMetadataOutlet\"]\nb:I[1464,[],\"ViewportBoundary\"]\nd:I[1464,[],\"MetadataBoundary\"]\ne:\"$Sreact.suspense\"\n10:I[5095,[],\"\"]\n:HL[\"/dashboard/_next/static/css/4b2beada31dbc623.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"J9asKIV7Gq221ygeAP958\",\"p\":\"/dashboard\",\"c\":[\"\",\"_not-found\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/dashboard/_next/static/css/4b2beada31dbc623.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"$L2\",null,{\"src\":\"/dashboard/config.js\",\"strategy\":\"beforeInteractive\"}]}],[\"$\",\"body\",null,{\"className\":\"bg-[#0d1117] text-zinc-100 antialiased\",\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"flex min-h-screen\",\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"main\",null,{\"className\":\"min-w-0 flex-1 pl-64 overflow-y-auto overflow-x-hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-[1600px] px-6 pb-6 pt-8 sm:px-8 sm:pb-8 sm:pt-10\",\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]}]}]]}]]}],{\"children\":[\"/_not-found\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],null,[\"$\",\"$L7\",null,{\"children\":[\"$L8\",[\"$\",\"$L9\",null,{\"promise\":\"$@a\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[[\"$\",\"meta\",null,{\"name\":\"robots\",\"content\":\"noindex\"}],[[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],null],[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$e\",null,{\"fallback\":null,\"children\":\"$Lf\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n8:null\n"])</script><script>self.__next_f.push([1,"a:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Ash Dashboard\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Manage agents, sessions, and monitor your Ash server\"}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"f:\"$a:metadata\"\n"])</script></body></html>