@nextsparkjs/core 0.1.0-beta.1 → 0.1.0-beta.10

package/templates/contents/themes/default/templates/dashboard/(main)/agent-single/page.tsx

@@ -1,142 +0,0 @@
-'use client'
-
-import { ChatPanel, type SidebarConfig } from '@/themes/default/components/ai-chat/ChatPanel'
-import { usePersistentChat } from '@/themes/default/lib/hooks/usePersistentChat'
-import { useConversations } from '@/themes/default/lib/hooks/useConversations'
-import { Bot, Loader2, MessageSquarePlus } from 'lucide-react'
-
-/**
- * AI Assistant Page with Multiple Conversations
- *
- * Features:
- * - Sidebar with list of all conversations
- * - Create new conversations
- * - Switch between conversations
- * - Rename, delete, pin/unpin conversations
- * - Persistent message history per conversation
- * - Max 50 conversations, 50 messages per conversation
- */
-export default function AiAssistantTemplate() {
-    const {
-        conversations,
-        activeSessionId,
-        setActiveSession,
-        createConversation,
-        deleteConversation,
-        renameConversation,
-        togglePin,
-        isLoading: isLoadingConversations,
-        isCreating,
-        canCreateNew,
-        conversationCount,
-        maxConversations,
-        isReady: isConversationsReady,
-    } = useConversations()
-
-    const {
-        messages,
-        input,
-        setInput,
-        isLoading: isSending,
-        isLoadingHistory,
-        sendMessage,
-        error,
-        isReady: isChatReady,
-        hasSession,
-    } = usePersistentChat(activeSessionId)
-
-    const isReady = isConversationsReady && isChatReady
-
-    const handleNewConversation = async () => {
-        await createConversation()
-    }
-
-    // Sidebar configuration
-    const sidebarConfig: SidebarConfig = {
-        conversations,
-        activeSessionId,
-        onSelect: setActiveSession,
-        onNew: handleNewConversation,
-        onRename: renameConversation,
-        onDelete: deleteConversation,
-        onTogglePin: togglePin,
-        isLoading: isLoadingConversations,
-        isCreating,
-        canCreateNew,
-        conversationCount,
-        maxConversations,
-    }
-
-    return (
-        <ChatPanel
-            cyPrefix="ai-chat"
-            messages={messages}
-            input={input}
-            onInputChange={setInput}
-            onSend={sendMessage}
-            isLoading={isSending}
-            error={error}
-            isReady={isReady}
-            isLoadingHistory={isLoadingHistory}
-            hasSession={hasSession}
-            sessionId={activeSessionId}
-            showSessionDebug
-            sidebar={sidebarConfig}
-            header={{
-                title: 'AI Assistant',
-                subtitle: hasSession
-                    ? 'Ask me about your tasks or anything else.'
-                    : 'Select or create a conversation to begin.',
-                icon: Bot,
-                mobileAction: (
-                    <button
-                        onClick={handleNewConversation}
-                        disabled={!canCreateNew || isCreating}
-                        className="p-2 rounded-md hover:bg-muted disabled:opacity-50"
-                        data-cy="new-conversation-mobile"
-                    >
-                        {isCreating ? (
-                            <Loader2 className="h-5 w-5 animate-spin" />
-                        ) : (
-                            <MessageSquarePlus className="h-5 w-5" />
-                        )}
-                    </button>
-                ),
-            }}
-            emptyState={{
-                icon: Bot,
-                title: 'Welcome to your AI Assistant',
-                description: 'Your conversation history is automatically saved. Ask me anything!',
-                suggestions: [
-                    'Show me my tasks',
-                    'Create a new task: Review project proposal',
-                    'What tasks are due this week?',
-                ],
-            }}
-            noSessionState={{
-                icon: MessageSquarePlus,
-                title: conversations.length === 0
-                    ? 'Start your first conversation'
-                    : 'Select a conversation',
-                description: conversations.length === 0
-                    ? 'Create a new conversation to start chatting with your AI assistant.'
-                    : 'Choose a conversation from the sidebar or create a new one.',
-                action: (
-                    <button
-                        onClick={handleNewConversation}
-                        disabled={!canCreateNew || isCreating}
-                        className="inline-flex items-center gap-2 px-4 py-2 rounded-md bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
-                        data-cy="start-conversation-btn"
-                    >
-                        {isCreating ? (
-                            <Loader2 className="h-4 w-4 animate-spin" />
-                        ) : (
-                            <MessageSquarePlus className="h-4 w-4" />
-                        )}
-                        New conversation
-                    </button>
-                ),
-            }}
-        />
-    )
-}

package/templates/contents/themes/default/templates/dashboard/(main)/settings/ai-usage/page.tsx

@@ -1,157 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { Card, CardContent, CardHeader, CardTitle } from '@nextsparkjs/core/components/ui/card'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@nextsparkjs/core/components/ui/select'
-import { useTokenUsage } from '@/themes/default/lib/hooks/useTokenUsage'
-import { useTranslations } from 'next-intl'
-import { Loader2, Coins, Zap, TrendingUp } from 'lucide-react'
-
-type Period = 'today' | '7d' | '30d' | 'all'
-
-export default function AIUsagePage() {
-    const t = useTranslations('aiUsage')
-    const [period, setPeriod] = useState<Period>('30d')
-    const { data, isLoading, error } = useTokenUsage(period)
-
-    if (isLoading) {
-        return (
-            <div className="flex items-center justify-center h-64" data-cy="ai-usage-loading">
-                <Loader2 className="h-8 w-8 animate-spin" />
-            </div>
-        )
-    }
-
-    if (error) {
-        return (
-            <div className="p-4 text-destructive" data-cy="ai-usage-error">
-                {t('error')}: {error.message}
-            </div>
-        )
-    }
-
-    const stats = data?.data?.stats
-    const daily = data?.data?.daily || []
-
-    return (
-        <div className="space-y-6" data-cy="ai-usage-page">
-            {/* Header */}
-            <div className="flex items-center justify-between">
-                <div>
-                    <h1 className="text-2xl font-bold">{t('title')}</h1>
-                    <p className="text-muted-foreground">{t('description')}</p>
-                </div>
-
-                <Select value={period} onValueChange={(v: string) => setPeriod(v as Period)}>
-                    <SelectTrigger className="w-32" data-cy="ai-usage-period-select">
-                        <SelectValue />
-                    </SelectTrigger>
-                    <SelectContent>
-                        <SelectItem value="today">{t('period.today')}</SelectItem>
-                        <SelectItem value="7d">{t('period.7d')}</SelectItem>
-                        <SelectItem value="30d">{t('period.30d')}</SelectItem>
-                        <SelectItem value="all">{t('period.all')}</SelectItem>
-                    </SelectContent>
-                </Select>
-            </div>
-
-            {/* Stats Cards */}
-            <div className="grid gap-4 md:grid-cols-3">
-                <Card data-cy="ai-usage-total-tokens">
-                    <CardHeader className="flex flex-row items-center justify-between pb-2">
-                        <CardTitle className="text-sm font-medium">{t('stats.totalTokens.title')}</CardTitle>
-                        <Zap className="h-4 w-4 text-muted-foreground" />
-                    </CardHeader>
-                    <CardContent>
-                        <div className="text-2xl font-bold">
-                            {stats?.totalTokens.toLocaleString() || 0}
-                        </div>
-                        <p className="text-xs text-muted-foreground">
-                            {stats?.inputTokens.toLocaleString() || 0} {t('stats.totalTokens.input')} / {stats?.outputTokens.toLocaleString() || 0} {t('stats.totalTokens.output')}
-                        </p>
-                    </CardContent>
-                </Card>
-
-                <Card data-cy="ai-usage-total-cost">
-                    <CardHeader className="flex flex-row items-center justify-between pb-2">
-                        <CardTitle className="text-sm font-medium">{t('stats.estimatedCost.title')}</CardTitle>
-                        <Coins className="h-4 w-4 text-muted-foreground" />
-                    </CardHeader>
-                    <CardContent>
-                        <div className="text-2xl font-bold">
-                            ${stats?.totalCost.toFixed(4) || '0.0000'}
-                        </div>
-                        <p className="text-xs text-muted-foreground">
-                            {t('stats.estimatedCost.currency')}
-                        </p>
-                    </CardContent>
-                </Card>
-
-                <Card data-cy="ai-usage-requests">
-                    <CardHeader className="flex flex-row items-center justify-between pb-2">
-                        <CardTitle className="text-sm font-medium">{t('stats.requests.title')}</CardTitle>
-                        <TrendingUp className="h-4 w-4 text-muted-foreground" />
-                    </CardHeader>
-                    <CardContent>
-                        <div className="text-2xl font-bold">
-                            {stats?.requestCount.toLocaleString() || 0}
-                        </div>
-                        <p className="text-xs text-muted-foreground">
-                            {t('stats.requests.description')}
-                        </p>
-                    </CardContent>
-                </Card>
-            </div>
-
-            {/* Usage by Model */}
-            {stats?.byModel && Object.keys(stats.byModel).length > 0 && (
-                <Card data-cy="ai-usage-by-model">
-                    <CardHeader>
-                        <CardTitle>{t('usageByModel.title')}</CardTitle>
-                    </CardHeader>
-                    <CardContent>
-                        <div className="space-y-4">
-                            {Object.entries(stats.byModel).map(([model, data]) => (
-                                <div key={model} className="flex items-center justify-between">
-                                    <div>
-                                        <p className="font-medium">{model}</p>
-                                        <p className="text-sm text-muted-foreground">
-                                            {data.tokens.toLocaleString()} {t('usageByModel.tokens')}
-                                        </p>
-                                    </div>
-                                    <div className="text-right">
-                                        <p className="font-medium">${data.cost.toFixed(4)}</p>
-                                    </div>
-                                </div>
-                            ))}
-                        </div>
-                    </CardContent>
-                </Card>
-            )}
-
-            {/* Daily Chart */}
-            <Card data-cy="ai-usage-chart">
-                <CardHeader>
-                    <CardTitle>{t('dailyUsage.title')}</CardTitle>
-                </CardHeader>
-                <CardContent>
-                    {daily.length === 0 ? (
-                        <p className="text-muted-foreground text-center py-8">
-                            {t('dailyUsage.noData')}
-                        </p>
-                    ) : (
-                        <div className="space-y-2">
-                            {daily.slice(0, 7).map((day) => (
-                                <div key={day.date} className="flex items-center justify-between text-sm">
-                                    <span>{day.date}</span>
-                                    <span>{day.tokens.toLocaleString()} {t('dailyUsage.tokens')}</span>
-                                    <span>${day.cost.toFixed(4)}</span>
-                                </div>
-                            ))}
-                        </div>
-                    )}
-                </CardContent>
-            </Card>
-        </div>
-    )
-}

package/templates/contents/themes/default/templates/superadmin/ai-observability/[traceId]/page.tsx

@@ -1,27 +0,0 @@
-'use client'
-
-/**
- * AI Observability Trace Detail Page
- *
- * Theme implementation of the trace detail page.
- * Uses the plugin preset and applies theme-specific configuration.
- */
-
-import { use } from 'react'
-import { observabilityConfig } from '@/themes/default/lib/langchain/observability.config'
-import { TraceDetailPagePreset } from '@/plugins/langchain/presets/templates/sector7/ai-observability/[traceId]/page'
-
-interface PageProps {
-  params: Promise<{ traceId: string }>
-}
-
-export default function TraceDetailPage({ params }: PageProps) {
-  const { traceId } = use(params)
-
-  return (
-    <TraceDetailPagePreset
-      traceId={traceId}
-      enabled={observabilityConfig.observability?.enabled ?? false}
-    />
-  )
-}

package/templates/contents/themes/default/templates/superadmin/ai-observability/page.tsx

@@ -1,17 +0,0 @@
-'use client'
-
-/**
- * AI Observability Dashboard Page
- *
- * Theme implementation of the LangChain observability dashboard.
- * Uses the plugin preset and applies theme-specific configuration.
- */
-
-import { observabilityConfig } from '@/themes/default/lib/langchain/observability.config'
-import { AIObservabilityPagePreset } from '@/plugins/langchain/presets/templates/sector7/ai-observability/page'
-
-export default function AIObservabilityPage() {
-  return (
-    <AIObservabilityPagePreset enabled={observabilityConfig.observability?.enabled ?? false} />
-  )
-}

package/templates/contents/themes/default/tests/cypress/e2e/_devtools/access.bdd.md

@@ -1,262 +0,0 @@
----
-feature: DevTools Access Control
-priority: critical
-tags: [dev-area, access-control, security, roles]
-grepTags: [uat, feat-dev-area, smoke, regression]
-coverage: 7
----
-
-# DevTools Access Control
-
-> Role-based access control tests for the /devtools area. Validates that Developer users can access all /devtools routes and /admin, while Superadmin and Member users are blocked.
-
-## @test ACCESS-001: Developer can access /devtools
-
-### Metadata
-- **Priority:** Critical
-- **Type:** Smoke
-- **Tags:** developer, access, home
-- **Grep:** `@smoke`
-
-```gherkin:en
-Scenario: Developer can access /devtools home page
-
-Given I am logged in as Developer (developer@nextspark.dev)
-When I visit /devtools
-Then I should be on /devtools home page
-And the home page container should be visible
-```
-
-```gherkin:es
-Scenario: Developer puede acceder a /devtools home page
-
-Given estoy logueado como Developer (developer@nextspark.dev)
-When visito /devtools
-Then deberia estar en /devtools home page
-And el contenedor de home page deberia estar visible
-```
-
-### Expected Results
-- Developer successfully accesses /devtools
-- Home page renders correctly
-- No access denied errors
-
----
-
-## @test ACCESS-002: Developer can access /devtools/style
-
-### Metadata
-- **Priority:** Critical
-- **Type:** Smoke
-- **Tags:** developer, access, style-gallery
-- **Grep:** `@smoke`
-
-```gherkin:en
-Scenario: Developer can access Style Gallery
-
-Given I am logged in as Developer (developer@nextspark.dev)
-When I visit /devtools/style
-Then the URL should include /devtools/style
-And the style page should be visible
-```
-
-```gherkin:es
-Scenario: Developer puede acceder a Style Gallery
-
-Given estoy logueado como Developer (developer@nextspark.dev)
-When visito /devtools/style
-Then la URL deberia incluir /devtools/style
-And la pagina de estilos deberia estar visible
-```
-
-### Expected Results
-- Style Gallery page loads successfully
-- All component sections available
-
----
-
-## @test ACCESS-003: Developer can access /devtools/tests
-
-### Metadata
-- **Priority:** Critical
-- **Type:** Smoke
-- **Tags:** developer, access, test-cases
-- **Grep:** `@smoke`
-
-```gherkin:en
-Scenario: Developer can access Test Cases viewer
-
-Given I am logged in as Developer (developer@nextspark.dev)
-When I visit /devtools/tests
-Then the URL should include /devtools/tests
-And the tests page should be visible
-```
-
-```gherkin:es
-Scenario: Developer puede acceder al visor de Test Cases
-
-Given estoy logueado como Developer (developer@nextspark.dev)
-When visito /devtools/tests
-Then la URL deberia incluir /devtools/tests
-And la pagina de tests deberia estar visible
-```
-
-### Expected Results
-- Test Cases viewer loads successfully
-- File tree or empty state visible
-
----
-
-## @test ACCESS-004: Developer can access /devtools/config
-
-### Metadata
-- **Priority:** Critical
-- **Type:** Smoke
-- **Tags:** developer, access, config
-- **Grep:** `@smoke`
-
-```gherkin:en
-Scenario: Developer can access Config Viewer
-
-Given I am logged in as Developer (developer@nextspark.dev)
-When I visit /devtools/config
-Then the URL should include /devtools/config
-And the config page should be visible
-```
-
-```gherkin:es
-Scenario: Developer puede acceder al Config Viewer
-
-Given estoy logueado como Developer (developer@nextspark.dev)
-When visito /devtools/config
-Then la URL deberia incluir /devtools/config
-And la pagina de config deberia estar visible
-```
-
-### Expected Results
-- Config Viewer loads successfully
-- Theme and Entities tabs available
-
----
-
-## @test ACCESS-005: Developer can access /admin (inherited)
-
-### Metadata
-- **Priority:** High
-- **Type:** Regression
-- **Tags:** developer, admin, inherited
-
-```gherkin:en
-Scenario: Developer can access Admin area
-
-Given I am logged in as Developer (developer@nextspark.dev)
-When I visit /admin
-Then the URL should include /admin
-And the Admin container should be visible
-```
-
-```gherkin:es
-Scenario: Developer puede acceder al area Admin
-
-Given estoy logueado como Developer (developer@nextspark.dev)
-When visito /admin
-Then la URL deberia incluir /admin
-And el contenedor de Admin deberia estar visible
-```
-
-### Expected Results
-- Developer inherits superadmin privileges for Admin
-- Admin control panel accessible
-- No access denied redirect
-
----
-
-## @test ACCESS-006: Superadmin is BLOCKED from /devtools
-
-### Metadata
-- **Priority:** Critical
-- **Type:** Smoke
-- **Tags:** superadmin, blocked, security
-- **Grep:** `@smoke`
-
-```gherkin:en
-Scenario: Superadmin is redirected when attempting to access /devtools
-
-Given I am logged in as Superadmin (superadmin@nextspark.dev)
-When I attempt to visit /devtools
-Then I should be redirected to /dashboard
-And the URL should include error=access_denied
-```
-
-```gherkin:es
-Scenario: Superadmin es redirigido al intentar acceder a /devtools
-
-Given estoy logueado como Superadmin (superadmin@nextspark.dev)
-When intento visitar /devtools
-Then deberia ser redirigido a /dashboard
-And la URL deberia incluir error=access_denied
-```
-
-### Expected Results
-- Superadmin cannot access /devtools area
-- Redirect to dashboard with error parameter
-- Access control working correctly
-
----
-
-## @test ACCESS-007: Member is BLOCKED from /devtools
-
-### Metadata
-- **Priority:** Critical
-- **Type:** Smoke
-- **Tags:** member, blocked, security
-- **Grep:** `@smoke`
-
-```gherkin:en
-Scenario: Member is redirected when attempting to access /devtools
-
-Given I am logged in as Member (emily.johnson@nextspark.dev)
-When I attempt to visit /devtools
-Then I should be redirected to /dashboard
-And the URL should include error=access_denied
-```
-
-```gherkin:es
-Scenario: Member es redirigido al intentar acceder a /devtools
-
-Given estoy logueado como Member (emily.johnson@nextspark.dev)
-When intento visitar /devtools
-Then deberia ser redirigido a /dashboard
-And la URL deberia incluir error=access_denied
-```
-
-### Expected Results
-- Member cannot access /devtools area
-- Redirect to dashboard with error parameter
-- Access control working correctly
-
----
-
-## UI Elements
-
-| Element | Selector | Description |
-|---------|----------|-------------|
-| Home Page | `[data-cy="dev-home-page"]` | Dev area home page container |
-| Style Page | `[data-cy="dev-style-page"]` | Style Gallery page container |
-| Tests Page | `[data-cy="dev-tests-page"]` | Test Cases viewer container |
-| Config Page | `[data-cy="dev-config-page"]` | Config Viewer page container |
-| Admin Container | `[data-cy="admin-container"]` | Admin main container |
-
----
-
-## Summary
-
-| Test ID | Block | Description | Tags |
-|---------|-------|-------------|------|
-| ACCESS-001 | Developer Access | Developer can access /devtools home | `@smoke` |
-| ACCESS-002 | Developer Access | Developer can access /devtools/style | `@smoke` |
-| ACCESS-003 | Developer Access | Developer can access /devtools/tests | `@smoke` |
-| ACCESS-004 | Developer Access | Developer can access /devtools/config | `@smoke` |
-| ACCESS-005 | Inherited Access | Developer can access /admin | |
-| ACCESS-006 | Blocked Access | Superadmin BLOCKED from /devtools | `@smoke` |
-| ACCESS-007 | Blocked Access | Member BLOCKED from /devtools | `@smoke` |