@camstack/addon-admin-ui 0.1.2 → 0.1.3

package/src/pages/system/Processes.tsx

@@ -1,129 +0,0 @@
-import { useState } from 'react'
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
-import { RotateCcw } from 'lucide-react'
-import { useBackendClient } from '../../hooks/useBackendClient'
-import { StatusBadge } from '../../components/shared/StatusBadge'
-
-export function ProcessesPage() {
-  const client = useBackendClient()
-  const queryClient = useQueryClient()
-  const [confirmingId, setConfirmingId] = useState<string | null>(null)
-
-  const { data: processes, isLoading, isError } = useQuery({
-    queryKey: ['processes'],
-    queryFn: () => client.listProcesses(),
-    refetchInterval: 5000,
-  })
-
-  const restartMutation = useMutation({
-    mutationFn: (id: string) => client.trpc.processes.restartProcess.mutate({ id }),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['processes'] })
-      setConfirmingId(null)
-    },
-  })
-
-  const processList = (processes ?? []) as unknown as Array<Record<string, unknown>>
-
-  function formatUptime(seconds: number): string {
-    if (seconds < 60) return `${seconds}s`
-    if (seconds < 3600) return `${Math.floor(seconds / 60)}m ${seconds % 60}s`
-    const h = Math.floor(seconds / 3600)
-    const m = Math.floor((seconds % 3600) / 60)
-    return `${h}h ${m}m`
-  }
-
-  return (
-    <div className="p-6 space-y-4">
-      <div className="flex items-center justify-between">
-        <h1 className="text-lg font-semibold text-foreground">Processes</h1>
-      </div>
-
-      {isLoading && (
-        <div className="text-xs text-foreground-subtle animate-pulse">Loading...</div>
-      )}
-
-      {isError && (
-        <div className="text-xs text-danger">Failed to load</div>
-      )}
-
-      {!isLoading && !isError && processList.length === 0 && (
-        <div className="text-xs text-foreground-subtle">No data</div>
-      )}
-
-      {processList.length > 0 && (
-        <div className="rounded-lg border border-border bg-surface overflow-hidden">
-          <table className="w-full text-xs">
-            <thead>
-              <tr>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Name</th>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Status</th>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">CPU %</th>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Memory MB</th>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Uptime</th>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Restarts</th>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Actions</th>
-              </tr>
-            </thead>
-            <tbody>
-              {processList.map((proc) => {
-                const id = String(proc.id ?? proc.name ?? '')
-                const name = String(proc.name ?? proc.id ?? '')
-                const status = String(proc.status ?? proc.state ?? 'stopped')
-                const cpu = Number(proc.cpu ?? proc.cpuPercent ?? 0).toFixed(1)
-                const memory = Number(proc.memory ?? proc.memoryMb ?? proc.memoryBytes != null
-                  ? Number(proc.memoryBytes ?? 0) / 1024 / 1024
-                  : proc.memoryMb ?? 0).toFixed(1)
-                const uptime = formatUptime(Number(proc.uptime ?? proc.uptimeSeconds ?? 0))
-                const restarts = Number(proc.restarts ?? proc.restartCount ?? 0)
-                const isConfirming = confirmingId === id
-
-                return (
-                  <tr key={id} className="hover:bg-primary/5">
-                    <td className="px-3 py-2 text-foreground border-b border-border font-mono">
-                      {name}
-                    </td>
-                    <td className="px-3 py-2 text-foreground border-b border-border">
-                      <StatusBadge status={status} />
-                    </td>
-                    <td className="px-3 py-2 text-foreground border-b border-border">{cpu}%</td>
-                    <td className="px-3 py-2 text-foreground border-b border-border">{memory} MB</td>
-                    <td className="px-3 py-2 text-foreground border-b border-border">{uptime}</td>
-                    <td className="px-3 py-2 text-foreground border-b border-border">{restarts}</td>
-                    <td className="px-3 py-2 text-foreground border-b border-border">
-                      {isConfirming ? (
-                        <div className="flex items-center gap-1.5">
-                          <button
-                            onClick={() => restartMutation.mutate(id)}
-                            disabled={restartMutation.isPending}
-                            className="rounded px-2 py-0.5 text-[10px] bg-danger/10 text-danger hover:bg-danger/20"
-                          >
-                            Confirm
-                          </button>
-                          <button
-                            onClick={() => setConfirmingId(null)}
-                            className="rounded px-2 py-0.5 text-[10px] bg-surface text-foreground-subtle hover:text-foreground border border-border"
-                          >
-                            Cancel
-                          </button>
-                        </div>
-                      ) : (
-                        <button
-                          onClick={() => setConfirmingId(id)}
-                          className="inline-flex items-center gap-1 rounded px-2 py-0.5 text-[10px] bg-primary/10 text-primary hover:bg-primary/20"
-                        >
-                          <RotateCcw className="h-3 w-3" />
-                          Restart
-                        </button>
-                      )}
-                    </td>
-                  </tr>
-                )
-              })}
-            </tbody>
-          </table>
-        </div>
-      )}
-    </div>
-  )
-}

package/src/pages/system/Repl.tsx

@@ -1,148 +0,0 @@
-import { useState, useRef } from 'react'
-import { useMutation } from '@tanstack/react-query'
-import { Play, ChevronUp, Trash2 } from 'lucide-react'
-import { useBackendClient } from '../../hooks/useBackendClient'
-
-interface HistoryEntry {
-  id: number
-  code: string
-  result: string
-  error: boolean
-  ts: string
-}
-
-let historyCounter = 0
-
-export function ReplPage() {
-  const client = useBackendClient()
-  const [code, setCode] = useState('')
-  const [history, setHistory] = useState<HistoryEntry[]>([])
-  const textareaRef = useRef<HTMLTextAreaElement>(null)
-
-  const evalMutation = useMutation({
-    mutationFn: (src: string) => client.replEval(src),
-    onSuccess: (data, src) => {
-      const result = typeof data === 'string' ? data : JSON.stringify(data, null, 2)
-      setHistory((prev) => [
-        ...prev,
-        {
-          id: ++historyCounter,
-          code: src,
-          result,
-          error: false,
-          ts: new Date().toLocaleTimeString('en-GB', { hour12: false }),
-        },
-      ])
-      setCode('')
-    },
-    onError: (err: unknown, src) => {
-      const result = err instanceof Error ? err.message : String(err)
-      setHistory((prev) => [
-        ...prev,
-        {
-          id: ++historyCounter,
-          code: src,
-          result,
-          error: true,
-          ts: new Date().toLocaleTimeString('en-GB', { hour12: false }),
-        },
-      ])
-    },
-  })
-
-  function handleExecute() {
-    const trimmed = code.trim()
-    if (!trimmed) return
-    evalMutation.mutate(trimmed)
-  }
-
-  function handleKeyDown(e: React.KeyboardEvent<HTMLTextAreaElement>) {
-    if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
-      e.preventDefault()
-      handleExecute()
-    }
-  }
-
-  function reuseCode(src: string) {
-    setCode(src)
-    textareaRef.current?.focus()
-  }
-
-  return (
-    <div className="p-6 space-y-4">
-      <div className="flex items-center justify-between">
-        <h1 className="text-lg font-semibold text-foreground">REPL</h1>
-        {history.length > 0 && (
-          <button
-            onClick={() => setHistory([])}
-            className="inline-flex items-center gap-1 text-[10px] text-foreground-subtle hover:text-foreground"
-          >
-            <Trash2 className="h-3 w-3" />
-            Clear history
-          </button>
-        )}
-      </div>
-
-      {/* Input */}
-      <div className="rounded-lg border border-border bg-surface overflow-hidden">
-        <div className="flex items-center justify-between border-b border-border px-3 py-1.5">
-          <span className="text-[10px] text-foreground-subtle font-mono">JavaScript — Ctrl+Enter to run</span>
-          <button
-            onClick={handleExecute}
-            disabled={evalMutation.isPending || !code.trim()}
-            className="inline-flex items-center gap-1.5 rounded px-2.5 py-1 text-[10px] font-medium bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
-          >
-            <Play className="h-3 w-3" />
-            {evalMutation.isPending ? 'Running...' : 'Execute'}
-          </button>
-        </div>
-        <textarea
-          ref={textareaRef}
-          value={code}
-          onChange={(e) => setCode(e.target.value)}
-          onKeyDown={handleKeyDown}
-          rows={6}
-          placeholder="// Enter JavaScript code here..."
-          className="w-full resize-y bg-background p-3 font-mono text-xs text-foreground placeholder:text-foreground-subtle focus:outline-none"
-          spellCheck={false}
-        />
-      </div>
-
-      {/* History */}
-      {history.length === 0 && (
-        <div className="text-xs text-foreground-subtle">No evaluations yet</div>
-      )}
-
-      {history.length > 0 && (
-        <div className="space-y-3">
-          {[...history].reverse().map((entry) => (
-            <div key={entry.id} className="rounded-lg border border-border bg-surface overflow-hidden">
-              {/* Code input */}
-              <div className="flex items-start justify-between gap-2 border-b border-border bg-background px-3 py-2">
-                <pre className="font-mono text-xs text-foreground whitespace-pre-wrap break-all flex-1">{entry.code}</pre>
-                <div className="flex items-center gap-1.5 flex-shrink-0">
-                  <span className="text-[10px] text-foreground-subtle">{entry.ts}</span>
-                  <button
-                    onClick={() => reuseCode(entry.code)}
-                    title="Reuse"
-                    className="text-foreground-subtle hover:text-foreground"
-                  >
-                    <ChevronUp className="h-3.5 w-3.5" />
-                  </button>
-                </div>
-              </div>
-              {/* Result */}
-              <pre
-                className={`px-3 py-2 font-mono text-xs whitespace-pre-wrap break-all ${
-                  entry.error ? 'text-danger' : 'text-success'
-                }`}
-              >
-                {entry.result}
-              </pre>
-            </div>
-          ))}
-        </div>
-      )}
-    </div>
-  )
-}

package/src/pages/system/Settings.tsx

@@ -1,168 +0,0 @@
-import { useState } from 'react'
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
-import { useBackendClient } from '../../hooks/useBackendClient'
-import { FormBuilder } from '../../components/form-builder/FormBuilder'
-import type { ConfigUISchema } from '../../types/config-ui'
-
-// ---------------------------------------------------------------------------
-// SectionPanel — fetches schema + values from backend
-// ---------------------------------------------------------------------------
-
-interface SectionPanelProps {
-  section: string
-}
-
-function SectionPanel({ section }: SectionPanelProps) {
-  const client = useBackendClient()
-  const queryClient = useQueryClient()
-  const [localValues, setLocalValues] = useState<Record<string, unknown> | null>(null)
-  const [saveSuccess, setSaveSuccess] = useState(false)
-  const [saveError, setSaveError] = useState<string | null>(null)
-
-  // Fetch schema from backend
-  const schemaQuery = useQuery({
-    queryKey: ['settings-schema', section],
-    queryFn: () => client.getSettingsSchema(section as Parameters<typeof client.getSettingsSchema>[0]),
-    staleTime: Infinity, // schemas don't change at runtime
-  })
-
-  // Fetch values
-  const valuesQuery = useQuery({
-    queryKey: ['settings', section],
-    queryFn: () => client.getSettings(section as Parameters<typeof client.getSettings>[0]),
-  })
-
-  const schema = (schemaQuery.data as { schema?: ConfigUISchema } | undefined)?.schema
-  const isReadOnly = (schemaQuery.data as { readOnly?: boolean } | undefined)?.readOnly ?? false
-
-  const remoteValues = ((valuesQuery.data?.data ?? {}) as Record<string, unknown>)
-  const values = localValues ?? remoteValues
-
-  const isDirty = localValues !== null
-
-  const updateMutation = useMutation({
-    mutationFn: (updated: Record<string, unknown>) =>
-      client.updateSettings(section as Parameters<typeof client.updateSettings>[0], updated),
-    onSuccess: () => {
-      setSaveSuccess(true)
-      setSaveError(null)
-      setLocalValues(null)
-      void queryClient.invalidateQueries({ queryKey: ['settings', section] })
-      setTimeout(() => setSaveSuccess(false), 2000)
-    },
-    onError: (err: unknown) => {
-      setSaveError(err instanceof Error ? err.message : 'Failed to save')
-    },
-  })
-
-  if (schemaQuery.isLoading || valuesQuery.isLoading) {
-    return <div className="text-xs text-foreground-subtle animate-pulse py-4">Loading...</div>
-  }
-
-  if (schemaQuery.isError || valuesQuery.isError) {
-    return <div className="text-xs text-danger py-4">Failed to load settings</div>
-  }
-
-  if (!schema || schema.sections.length === 0) {
-    return <div className="text-xs text-foreground-subtle py-4">No configurable settings for this section.</div>
-  }
-
-  return (
-    <div className="space-y-4">
-      <FormBuilder
-        schema={schema}
-        values={values}
-        onChange={(updated) => setLocalValues(updated)}
-        disabled={isReadOnly}
-      />
-
-      {!isReadOnly && (
-        <div className="flex items-center justify-end gap-3">
-          {saveSuccess && (
-            <span className="text-xs text-success">Saved successfully</span>
-          )}
-          {saveError && (
-            <span className="text-xs text-danger">{saveError}</span>
-          )}
-          {isDirty && (
-            <span className="text-[10px] text-orange-400">Unsaved changes</span>
-          )}
-          <button
-            type="button"
-            onClick={() => updateMutation.mutate(values)}
-            disabled={updateMutation.isPending || !isDirty}
-            className="rounded-md bg-primary px-4 py-1.5 text-xs font-medium text-white hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
-          >
-            {updateMutation.isPending ? 'Saving...' : 'Save'}
-          </button>
-        </div>
-      )}
-    </div>
-  )
-}
-
-// ---------------------------------------------------------------------------
-// Page — fetches tabs from backend
-// ---------------------------------------------------------------------------
-
-interface TabEntry {
-  readonly id: string
-  readonly label: string
-}
-
-export function SettingsPage() {
-  const client = useBackendClient()
-
-  // Fetch all schemas + tabs metadata in one call
-  const allQuery = useQuery({
-    queryKey: ['settings-schema-all'],
-    queryFn: () => client.getSettingsSchema(),
-    staleTime: Infinity,
-  })
-
-  const tabs: readonly TabEntry[] =
-    (allQuery.data as { tabs?: readonly TabEntry[] } | undefined)?.tabs ?? []
-
-  const [activeTab, setActiveTab] = useState<string | null>(null)
-  const currentTab = activeTab ?? (tabs.length > 0 ? tabs[0].id : null)
-
-  if (allQuery.isLoading) {
-    return (
-      <div className="p-6">
-        <div className="text-xs text-foreground-subtle animate-pulse">Loading settings...</div>
-      </div>
-    )
-  }
-
-  return (
-    <div className="p-6 space-y-4">
-      <div className="flex items-center justify-between">
-        <h1 className="text-lg font-semibold text-foreground">Settings</h1>
-        <span className="text-[10px] rounded-full bg-primary/10 text-primary px-2 py-0.5 font-medium">
-          system
-        </span>
-      </div>
-
-      {/* Tabs — scrollable on small screens */}
-      <div className="flex gap-1 border-b border-border overflow-x-auto scrollbar-hide">
-        {tabs.map((tab) => (
-          <button
-            key={tab.id}
-            onClick={() => setActiveTab(tab.id)}
-            className={[
-              'px-3 py-1.5 text-xs font-medium rounded-t transition-colors whitespace-nowrap',
-              currentTab === tab.id
-                ? 'text-primary border-b-2 border-primary -mb-px bg-surface'
-                : 'text-foreground-subtle hover:text-foreground',
-            ].join(' ')}
-          >
-            {tab.label}
-          </button>
-        ))}
-      </div>
-
-      {/* Active panel */}
-      {currentTab && <SectionPanel key={currentTab} section={currentTab} />}
-    </div>
-  )
-}

package/src/pages/system/Users.tsx

@@ -1,174 +0,0 @@
-import { useState } from 'react'
-import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
-import { Plus, X } from 'lucide-react'
-import { useBackendClient } from '../../hooks/useBackendClient'
-
-type Role = 'super_admin' | 'admin' | 'viewer'
-
-const ROLE_STYLES: Record<Role, string> = {
-  super_admin: 'bg-danger/10 text-danger',
-  admin: 'bg-primary/10 text-primary',
-  viewer: 'bg-foreground-subtle/10 text-foreground-subtle',
-}
-
-export function UsersPage() {
-  const client = useBackendClient()
-  const queryClient = useQueryClient()
-  const [showForm, setShowForm] = useState(false)
-  const [username, setUsername] = useState('')
-  const [password, setPassword] = useState('')
-  const [role, setRole] = useState<Role>('viewer')
-  const [formError, setFormError] = useState<string | null>(null)
-
-  const { data: users, isLoading, isError } = useQuery({
-    queryKey: ['users'],
-    queryFn: () => client.listUsers(),
-  })
-
-  const createMutation = useMutation({
-    mutationFn: () => client.createUser(username, password, role),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['users'] })
-      setShowForm(false)
-      setUsername('')
-      setPassword('')
-      setRole('viewer')
-      setFormError(null)
-    },
-    onError: (err: unknown) => {
-      setFormError(err instanceof Error ? err.message : 'Failed to create user')
-    },
-  })
-
-  const userList = (users ?? []) as unknown as Array<Record<string, unknown>>
-
-  function formatDate(ts: unknown): string {
-    if (!ts) return '—'
-    const d = new Date(typeof ts === 'number' ? ts : String(ts))
-    return d.toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' })
-  }
-
-  return (
-    <div className="p-6 space-y-4">
-      <div className="flex items-center justify-between">
-        <h1 className="text-lg font-semibold text-foreground">Users</h1>
-        <button
-          onClick={() => setShowForm(true)}
-          className="inline-flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground shadow-sm hover:bg-primary/90"
-        >
-          <Plus className="h-3.5 w-3.5" />
-          Create User
-        </button>
-      </div>
-
-      {/* Create user form */}
-      {showForm && (
-        <div className="rounded-lg border border-border bg-surface p-4 space-y-3">
-          <div className="flex items-center justify-between">
-            <span className="text-xs font-medium text-foreground">New User</span>
-            <button onClick={() => setShowForm(false)} className="text-foreground-subtle hover:text-foreground">
-              <X className="h-4 w-4" />
-            </button>
-          </div>
-          <div className="grid grid-cols-3 gap-3">
-            <div className="space-y-1">
-              <label className="text-[10px] text-foreground-subtle uppercase tracking-wide">Username</label>
-              <input
-                type="text"
-                value={username}
-                onChange={(e) => setUsername(e.target.value)}
-                placeholder="john"
-                className="w-full rounded border border-border bg-background px-2 py-1.5 text-xs text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary"
-              />
-            </div>
-            <div className="space-y-1">
-              <label className="text-[10px] text-foreground-subtle uppercase tracking-wide">Password</label>
-              <input
-                type="password"
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-                placeholder="••••••••"
-                className="w-full rounded border border-border bg-background px-2 py-1.5 text-xs text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary"
-              />
-            </div>
-            <div className="space-y-1">
-              <label className="text-[10px] text-foreground-subtle uppercase tracking-wide">Role</label>
-              <select
-                value={role}
-                onChange={(e) => setRole(e.target.value as Role)}
-                className="w-full rounded border border-border bg-background px-2 py-1.5 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-primary"
-              >
-                <option value="viewer">Viewer</option>
-                <option value="admin">Admin</option>
-                <option value="super_admin">Super Admin</option>
-              </select>
-            </div>
-          </div>
-          {formError && <p className="text-[10px] text-danger">{formError}</p>}
-          <div className="flex justify-end gap-2">
-            <button
-              onClick={() => setShowForm(false)}
-              className="rounded px-3 py-1.5 text-xs text-foreground-subtle border border-border hover:text-foreground"
-            >
-              Cancel
-            </button>
-            <button
-              onClick={() => createMutation.mutate()}
-              disabled={createMutation.isPending || !username || !password}
-              className="rounded bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
-            >
-              {createMutation.isPending ? 'Creating...' : 'Create'}
-            </button>
-          </div>
-        </div>
-      )}
-
-      {isLoading && (
-        <div className="text-xs text-foreground-subtle animate-pulse">Loading...</div>
-      )}
-
-      {isError && (
-        <div className="text-xs text-danger">Failed to load</div>
-      )}
-
-      {!isLoading && !isError && userList.length === 0 && (
-        <div className="text-xs text-foreground-subtle">No data</div>
-      )}
-
-      {userList.length > 0 && (
-        <div className="rounded-lg border border-border bg-surface overflow-hidden">
-          <table className="w-full text-xs">
-            <thead>
-              <tr>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Username</th>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Role</th>
-                <th className="text-left px-3 py-2 text-foreground-subtle font-medium bg-surface border-b border-border">Created</th>
-              </tr>
-            </thead>
-            <tbody>
-              {userList.map((user) => {
-                const userRole = String(user.role ?? 'viewer') as Role
-                const roleStyle = ROLE_STYLES[userRole] ?? ROLE_STYLES['viewer']
-                return (
-                  <tr key={String(user.id ?? user.username)} className="hover:bg-primary/5">
-                    <td className="px-3 py-2 text-foreground border-b border-border">
-                      {String(user.username ?? user.name ?? '')}
-                    </td>
-                    <td className="px-3 py-2 text-foreground border-b border-border">
-                      <span className={`inline-flex rounded-full px-2 py-0.5 text-[10px] font-medium ${roleStyle}`}>
-                        {userRole.replace('_', ' ')}
-                      </span>
-                    </td>
-                    <td className="px-3 py-2 text-foreground border-b border-border text-foreground-subtle">
-                      {formatDate(user.createdAt ?? user.created_at ?? user.createdAt)}
-                    </td>
-                  </tr>
-                )
-              })}
-            </tbody>
-          </table>
-        </div>
-      )}
-    </div>
-  )
-}

package/src/server/addon.ts

@@ -1,54 +0,0 @@
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-import type {
-  ICamstackAddon,
-  AddonManifest,
-  AddonContext,
-  IAdminUI,
-  CapabilityProviderMap,
-} from '@camstack/types'
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-
-/**
- * AdminUIAddon — standalone addon that serves the Vite-built frontend.
- * The dist/ directory containing the built React app sits alongside this
- * compiled file in the package output.
- */
-
-function resolveAdminUiDistDir(): string {
-  // This addon file lives at <package-root>/dist/server/addon.js.
-  // Vite assets (index.html, assets/) are at <package-root>/dist/.
-  return path.resolve(__dirname, '..')
-}
-
-export class AdminUIAddon implements ICamstackAddon {
-  readonly id = 'admin-ui'
-
-  readonly manifest: AddonManifest = {
-    id: 'admin-ui',
-    name: 'CamStack Admin UI',
-    version: '0.1.0',
-    packageName: '@camstack/addon-admin-ui',
-    description: 'Web-based administration interface for CamStack',
-    capabilities: [{ name: 'admin-ui', mode: 'singleton' }],
-  }
-
-  async initialize(_ctx: AddonContext): Promise<void> {}
-  async shutdown(): Promise<void> {}
-
-  getCapabilityProvider<K extends keyof CapabilityProviderMap>(
-    name: K,
-  ): CapabilityProviderMap[K] | null {
-    if (name === 'admin-ui') {
-      const provider: IAdminUI = {
-        getStaticDir: () => resolveAdminUiDistDir(),
-        getVersion: () => this.manifest.version,
-      }
-      return provider as CapabilityProviderMap[K]
-    }
-    return null
-  }
-}
-
-export default AdminUIAddon