@ailog/cli 0.1.1 → 0.1.2

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/apps-table.tsx

@@ -1,274 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { useRouter } from 'next/navigation'
-import Link from 'next/link'
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from '@/components/ui/table'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/dropdown-menu'
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '@/components/ui/alert-dialog'
-import { Button } from '@/components/ui/button'
-import { Skeleton } from '@/components/ui/skeleton'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from '@/components/ui/tooltip'
-import { HugeiconsIcon } from '@hugeicons/react'
-import {
-  MoreHorizontalCircle01Icon,
-  EyeIcon,
-  Delete02Icon,
-  Copy01Icon,
-} from '@hugeicons/core-free-icons'
-import { rpcClient } from '@/lib/rpc-client'
-import { toast } from 'sonner'
-import type { App } from '@/lib/api'
-
-interface AppsTableProps {
-  apps: App[]
-  isLoading: boolean
-  onDelete: () => void
-}
-
-function formatDate(dateString: string) {
-  return new Date(dateString).toLocaleDateString('en-US', {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-    hour: '2-digit',
-    minute: '2-digit',
-  })
-}
-
-function copyToClipboard(text: string) {
-  navigator.clipboard.writeText(text)
-  toast.success('Copied to clipboard')
-}
-
-function truncateId(id: string, maxLength = 12) {
-  return id.length > maxLength ? `${id.substring(0, maxLength)}...` : id
-}
-
-export function AppsTable({ apps, isLoading, onDelete }: AppsTableProps) {
-  const router = useRouter()
-  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false)
-  const [appToDelete, setAppToDelete] = useState<App | null>(null)
-  const [isDeleting, setIsDeleting] = useState(false)
-
-  const handleDelete = async () => {
-    if (!appToDelete) return
-
-    setIsDeleting(true)
-    try {
-      const res = await rpcClient.api.admin.apps[':appId'].$delete({
-        param: { appId: appToDelete.appId },
-      })
-
-      if (!res.ok) {
-        throw new Error('Failed to delete app')
-      }
-
-      toast.success('App deleted successfully')
-      setDeleteDialogOpen(false)
-      setAppToDelete(null)
-      onDelete()
-    } catch (error) {
-      toast.error('Failed to delete app')
-      console.error(error)
-    } finally {
-      setIsDeleting(false)
-    }
-  }
-
-  if (isLoading) {
-    return (
-      <div className="rounded-md border">
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>App ID</TableHead>
-              <TableHead>Name</TableHead>
-              <TableHead>Created</TableHead>
-              <TableHead>Updated</TableHead>
-              <TableHead className="w-[70px]"></TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {[...Array(3)].map((_, i) => (
-              <TableRow key={i}>
-                <TableCell>
-                  <Skeleton className="h-5 w-48" />
-                </TableCell>
-                <TableCell>
-                  <Skeleton className="h-5 w-32" />
-                </TableCell>
-                <TableCell>
-                  <Skeleton className="h-5 w-36" />
-                </TableCell>
-                <TableCell>
-                  <Skeleton className="h-5 w-36" />
-                </TableCell>
-                <TableCell>
-                  <Skeleton className="h-8 w-8" />
-                </TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </div>
-    )
-  }
-
-  if (apps.length === 0) {
-    return (
-      <div className="rounded-md border p-8 text-center">
-        <p className="text-muted-foreground">
-          No apps yet. Create your first app to get started.
-        </p>
-      </div>
-    )
-  }
-
-  return (
-    <>
-      <div className="rounded-md border">
-        <Table>
-          <TableHeader>
-            <TableRow>
-              <TableHead>App ID</TableHead>
-              <TableHead>Name</TableHead>
-              <TableHead>Created</TableHead>
-              <TableHead>Updated</TableHead>
-              <TableHead className="w-[70px]"></TableHead>
-            </TableRow>
-          </TableHeader>
-          <TableBody>
-            {apps.map((app) => (
-              <TableRow
-                key={app.appId}
-                className="cursor-pointer"
-                onClick={() => router.push(`/apps/${app.appId}`)}
-              >
-                <TableCell>
-                  <div className="flex items-center gap-2">
-                    {app.appId.length > 12 ? (
-                      <Tooltip>
-                        <TooltipTrigger asChild>
-                          <code className="text-muted-foreground cursor-default font-mono text-sm">
-                            {truncateId(app.appId)}
-                          </code>
-                        </TooltipTrigger>
-                        <TooltipContent>{app.appId}</TooltipContent>
-                      </Tooltip>
-                    ) : (
-                      <code className="text-muted-foreground font-mono text-sm">
-                        {app.appId}
-                      </code>
-                    )}
-                    <Button
-                      variant="ghost"
-                      size="icon"
-                      className="h-6 w-6"
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        copyToClipboard(app.appId)
-                      }}
-                    >
-                      <HugeiconsIcon icon={Copy01Icon} className="h-3 w-3" />
-                    </Button>
-                  </div>
-                </TableCell>
-                <TableCell className="font-medium">{app.name}</TableCell>
-                <TableCell className="text-muted-foreground">
-                  {formatDate(app.createdAt)}
-                </TableCell>
-                <TableCell className="text-muted-foreground">
-                  {formatDate(app.updatedAt)}
-                </TableCell>
-                <TableCell className="p-0" onClick={(e) => e.stopPropagation()}>
-                  <DropdownMenu>
-                    <DropdownMenuTrigger asChild>
-                      <button className="hover:bg-muted/50 flex h-full w-full items-center justify-center p-4">
-                        <HugeiconsIcon
-                          icon={MoreHorizontalCircle01Icon}
-                          className="h-4 w-4"
-                        />
-                      </button>
-                    </DropdownMenuTrigger>
-                    <DropdownMenuContent align="end">
-                      <DropdownMenuItem asChild>
-                        <Link href={`/apps/${app.appId}`}>
-                          <HugeiconsIcon
-                            icon={EyeIcon}
-                            className="mr-2 h-4 w-4"
-                          />
-                          View
-                        </Link>
-                      </DropdownMenuItem>
-                      <DropdownMenuItem
-                        className="text-destructive focus:text-destructive"
-                        onClick={() => {
-                          setAppToDelete(app)
-                          setDeleteDialogOpen(true)
-                        }}
-                      >
-                        <HugeiconsIcon
-                          icon={Delete02Icon}
-                          className="mr-2 h-4 w-4"
-                        />
-                        Delete
-                      </DropdownMenuItem>
-                    </DropdownMenuContent>
-                  </DropdownMenu>
-                </TableCell>
-              </TableRow>
-            ))}
-          </TableBody>
-        </Table>
-      </div>
-
-      <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>Delete App</AlertDialogTitle>
-            <AlertDialogDescription>
-              Are you sure you want to delete &quot;{appToDelete?.name}&quot;?
-              This action cannot be undone and will delete all associated data.
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
-            <AlertDialogAction
-              onClick={handleDelete}
-              className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-              disabled={isDeleting}
-            >
-              {isDeleting ? 'Deleting...' : 'Delete'}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
-    </>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components.json

@@ -1,24 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "radix-lyra",
-  "rsc": true,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "app/globals.css",
-    "baseColor": "neutral",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "iconLibrary": "hugeicons",
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "menuColor": "default",
-  "menuAccent": "subtle",
-  "registries": {}
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/app/apps/[appId]/layout.tsx

@@ -1,3 +0,0 @@
-export default function AppLayout({ children }: { children: React.ReactNode }) {
-  return <>{children}</>
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/dist/standalone/app/apps/[appId]/page.tsx

@@ -1,238 +0,0 @@
-'use client'
-
-import { useEffect, useState, useCallback } from 'react'
-import Link from 'next/link'
-import { useParams } from 'next/navigation'
-import { useQueryState, parseAsString } from 'nuqs'
-import { ThreadsTable } from '@/components/threads-table'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent } from '@/components/ui/card'
-import { Input } from '@/components/ui/input'
-import { Label } from '@/components/ui/label'
-import { rpcClient } from '@/lib/rpc-client'
-import { useConfig } from '@/providers/config-provider'
-import { HugeiconsIcon } from '@hugeicons/react'
-import { FilterIcon, Cancel01Icon } from '@hugeicons/core-free-icons'
-import type { Thread, ApiKey } from '@/lib/api'
-
-export default function ThreadsPage() {
-  const params = useParams()
-  const appId = params.appId as string
-  const { config, isLoading: isLoadingConfig } = useConfig()
-
-  // URL params managed by nuqs
-  const [tenantId, setTenantId] = useQueryState(
-    'tenantId',
-    parseAsString.withDefault(''),
-  )
-  const [userId, setUserId] = useQueryState(
-    'userId',
-    parseAsString.withDefault(''),
-  )
-
-  const [threads, setThreads] = useState<Thread[]>([])
-  const [isLoading, setIsLoading] = useState(true)
-  const [isLoadingMore, setIsLoadingMore] = useState(false)
-  const [showFilters, setShowFilters] = useState(false)
-
-  // Cursor pagination state
-  const [nextCursor, setNextCursor] = useState<string | null>(null)
-  const [hasMore, setHasMore] = useState(false)
-
-  // API Keys state
-  const [apiKeys, setApiKeys] = useState<ApiKey[]>([])
-  const [isLoadingKeys, setIsLoadingKeys] = useState(true)
-
-  // Pending filter state (for input fields before applying)
-  const [pendingTenantId, setPendingTenantId] = useState(tenantId)
-  const [pendingUserId, setPendingUserId] = useState(userId)
-
-  // Sync pending state when URL params change
-  useEffect(() => {
-    setPendingTenantId(tenantId)
-    setPendingUserId(userId)
-  }, [tenantId, userId])
-
-  const fetchThreads = useCallback(
-    async (cursor?: string) => {
-      if (cursor) {
-        setIsLoadingMore(true)
-      } else {
-        setIsLoading(true)
-      }
-
-      try {
-        const query: Record<string, string> = { limit: '50' }
-        if (tenantId) query.tenantId = tenantId
-        if (userId) query.userId = userId
-        if (cursor) query.cursor = cursor
-
-        const res = await rpcClient.api.admin.apps[':appId'].threads.$get({
-          param: { appId },
-          query,
-        })
-
-        if (res.ok) {
-          const data = await res.json()
-          if (cursor) {
-            setThreads((prev) => [...prev, ...data.threads])
-          } else {
-            setThreads(data.threads)
-          }
-          setNextCursor(data.nextCursor)
-          setHasMore(data.hasMore)
-        }
-      } catch (error) {
-        console.error('Failed to fetch threads:', error)
-      } finally {
-        setIsLoading(false)
-        setIsLoadingMore(false)
-      }
-    },
-    [appId, tenantId, userId],
-  )
-
-  const fetchApiKeys = useCallback(async () => {
-    try {
-      const res = await rpcClient.api.admin.apps[':appId']['api-keys'].$get({
-        param: { appId },
-      })
-      if (res.ok) {
-        const data = await res.json()
-        setApiKeys(data.keys)
-      }
-    } catch (error) {
-      console.error('Failed to fetch API keys:', error)
-    } finally {
-      setIsLoadingKeys(false)
-    }
-  }, [appId])
-
-  // Fetch threads when URL params change
-  useEffect(() => {
-    setNextCursor(null)
-    setHasMore(false)
-    fetchThreads()
-  }, [fetchThreads])
-
-  useEffect(() => {
-    fetchApiKeys()
-  }, [fetchApiKeys])
-
-  const applyFilters = async () => {
-    await Promise.all([
-      setTenantId(pendingTenantId || null),
-      setUserId(pendingUserId || null),
-    ])
-  }
-
-  const clearFilters = async () => {
-    setPendingTenantId('')
-    setPendingUserId('')
-    await Promise.all([setTenantId(null), setUserId(null)])
-  }
-
-  const loadMore = () => {
-    if (nextCursor && !isLoadingMore) {
-      fetchThreads(nextCursor)
-    }
-  }
-
-  const hasFilters = tenantId || userId
-  const standaloneMode = config?.standaloneMode ?? true
-  const hasNoApiKeys =
-    apiKeys.length === 0 &&
-    !isLoadingKeys &&
-    !isLoadingConfig &&
-    !standaloneMode
-
-  return (
-    <div className="flex h-full flex-col">
-      {/* Fixed Filter Section */}
-      <div className="bg-background shrink-0 space-y-4 pb-4">
-        {hasNoApiKeys && (
-          <Card>
-            <CardContent className="py-6 text-center">
-              <p className="text-muted-foreground mb-2 text-sm">
-                No API keys yet. Create one to start logging.
-              </p>
-              <Link
-                href={`/apps/${appId}/settings`}
-                className="text-primary text-sm font-medium hover:underline"
-              >
-                Go to Settings
-              </Link>
-            </CardContent>
-          </Card>
-        )}
-
-        <div className="flex items-center justify-between">
-          <p className="text-muted-foreground text-sm">
-            {threads.length} thread{threads.length !== 1 ? 's' : ''} found
-          </p>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => setShowFilters(!showFilters)}
-          >
-            <HugeiconsIcon icon={FilterIcon} className="mr-2 h-4 w-4" />
-            Filters
-            {hasFilters && (
-              <span className="bg-primary text-primary-foreground ml-2 rounded-full px-2 py-0.5 text-xs">
-                Active
-              </span>
-            )}
-          </Button>
-        </div>
-
-        {showFilters && (
-          <div className="space-y-4 rounded-lg border p-4">
-            <div className="grid gap-4 md:grid-cols-3">
-              <div className="space-y-2">
-                <Label htmlFor="tenantId">Tenant ID</Label>
-                <Input
-                  id="tenantId"
-                  placeholder="Filter by tenant..."
-                  value={pendingTenantId}
-                  onChange={(e) => setPendingTenantId(e.target.value)}
-                />
-              </div>
-              <div className="space-y-2">
-                <Label htmlFor="userId">User ID</Label>
-                <Input
-                  id="userId"
-                  placeholder="Filter by user..."
-                  value={pendingUserId}
-                  onChange={(e) => setPendingUserId(e.target.value)}
-                />
-              </div>
-            </div>
-            <div className="flex gap-2">
-              <Button size="sm" onClick={applyFilters}>
-                Apply Filters
-              </Button>
-              {hasFilters && (
-                <Button size="sm" variant="outline" onClick={clearFilters}>
-                  <HugeiconsIcon icon={Cancel01Icon} className="mr-2 h-4 w-4" />
-                  Clear
-                </Button>
-              )}
-            </div>
-          </div>
-        )}
-      </div>
-
-      {/* Table with sticky header - scrollable area */}
-      <div className="min-h-0 flex-1 overflow-auto rounded-md border">
-        <ThreadsTable
-          threads={threads}
-          isLoading={isLoading}
-          appId={appId}
-          hasMore={hasMore}
-          isLoadingMore={isLoadingMore}
-          onLoadMore={loadMore}
-        />
-      </div>
-    </div>
-  )
-}