@leanspec/ui 0.2.14 → 0.2.15-dev.21022397862

package/src/main.tsx

@@ -1,12 +0,0 @@
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import '@leanspec/ui-components/styles.css'
-import './index.css'
-import './lib/i18n'
-import App from './App'
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-)

package/src/pages/ContextPage.tsx

@@ -1,111 +0,0 @@
-/**
- * Project Context Page
- * Displays project-level context files for AI agents and development workflows
- * Spec 131 - UI Project Context Visibility
- * Aligned with Next.js UI implementation
- */
-
-import { useEffect, useState } from 'react';
-import { AlertCircle } from 'lucide-react';
-import { Card, CardContent } from '@leanspec/ui-components';
-import { ContextClient } from '../components/context/ContextClient';
-import { ContextPageSkeleton } from '../components/shared/Skeletons';
-import { useProject } from '../contexts';
-import { useTranslation } from 'react-i18next';
-import { api } from '../lib/api';
-import type { ProjectContext } from '../types/api';
-
-export function ContextPage() {
-  const { currentProject, loading: projectLoading, error: projectError } = useProject();
-  const { t } = useTranslation(['common', 'errors']);
-  const [context, setContext] = useState<ProjectContext | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    async function loadContext() {
-      // Wait for project loading to complete before attempting to load context
-      if (projectLoading) {
-        return;
-      }
-
-      if (!currentProject?.id) {
-        setContext(null);
-        setLoading(false);
-        return;
-      }
-
-      setLoading(true);
-      setError(null);
-
-      try {
-        const projectContext = await api.getProjectContext();
-        setContext(projectContext);
-      } catch (err) {
-        const message = err instanceof Error ? err.message : t('contextPage.errors.list', { ns: 'common' });
-        setError(message);
-      } finally {
-        setLoading(false);
-      }
-    }
-
-    void loadContext();
-  }, [currentProject?.id, projectLoading, t]);
-
-  if (projectLoading || loading) {
-    return <ContextPageSkeleton />;
-  }
-
-  // Handle actual API/project errors (only show project errors if they're real errors, not "no projects" state)
-  if (error && currentProject) {
-    return (
-      <Card>
-        <CardContent className="py-10 text-center space-y-3">
-          <div className="flex justify-center">
-            <AlertCircle className="h-6 w-6 text-destructive" />
-          </div>
-          <div className="text-lg font-semibold">{t('contextPage.errors.loadFailed', { ns: 'common' })}</div>
-          <p className="text-sm text-muted-foreground">
-            {projectError || error || t('errors.loadingError', { ns: 'errors' })}
-          </p>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  // No project selected - guide user to create/select one
-  if (!currentProject) {
-    return (
-      <Card>
-        <CardContent className="py-10 text-center space-y-3">
-          <div className="flex justify-center">
-            <AlertCircle className="h-6 w-6 text-muted-foreground" />
-          </div>
-          <div className="text-lg font-semibold">{t('contextPage.errors.noProject', { ns: 'common' })}</div>
-          <p className="text-sm text-muted-foreground">
-            {t('contextPage.errors.noProjectDescription', { ns: 'common' })}
-          </p>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  if (!context) {
-    return (
-      <Card>
-        <CardContent className="py-10 text-center space-y-3">
-          <div className="flex justify-center">
-            <AlertCircle className="h-6 w-6 text-muted-foreground" />
-          </div>
-          <div className="text-lg font-semibold">{t('contextPage.emptyState.title')}</div>
-          <p className="text-sm text-muted-foreground">
-            {t('contextPage.emptyState.description')}
-          </p>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return <ContextClient context={context} />;
-}
-

package/src/pages/DashboardPage.tsx

@@ -1,97 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { AlertCircle } from 'lucide-react';
-import { Button, Card, CardContent } from '@leanspec/ui-components';
-import { Link } from 'react-router-dom';
-import { api } from '../lib/api';
-import type { Stats } from '../types/api';
-import { useProject } from '../contexts';
-import { DashboardClient } from '../components/dashboard/DashboardClient';
-import type { DashboardSpec } from '../components/dashboard/SpecListItem';
-import { DashboardSkeleton } from '../components/shared/Skeletons';
-import { useTranslation } from 'react-i18next';
-
-export function DashboardPage() {
-  const { currentProject, loading: projectLoading } = useProject();
-  const [specs, setSpecs] = useState<DashboardSpec[]>([]);
-  const [stats, setStats] = useState<Stats | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const { t } = useTranslation('common');
-  const projectColor = currentProject && 'color' in currentProject ? (currentProject as { color?: string }).color : undefined;
-  const basePath = currentProject?.id ? `/projects/${currentProject.id}` : '/projects/default';
-
-  const loadData = useCallback(async () => {
-    if (projectLoading || !currentProject) return;
-    try {
-      setLoading(true);
-      const [specsData, statsData] = await Promise.all([
-        api.getSpecs(),
-        api.getStats(),
-      ]);
-
-      setSpecs(Array.isArray(specsData) ? specsData : []);
-      setStats(statsData);
-      setError(null);
-    } catch (err) {
-      console.error('Failed to load dashboard data', err);
-      setError(t('dashboard.state.errorDescription'));
-    } finally {
-      setLoading(false);
-    }
-  }, [currentProject, projectLoading, t]);
-
-  useEffect(() => {
-    void loadData();
-  }, [loadData]);
-
-  if (projectLoading || loading) {
-    return <DashboardSkeleton />;
-  }
-
-  if (!currentProject) {
-    return (
-      <Card>
-        <CardContent className="py-10 text-center space-y-3">
-          <div className="text-lg font-semibold">{t('dashboard.state.noProjectTitle', { defaultValue: 'No project selected' })}</div>
-          <p className="text-sm text-muted-foreground">
-            {t('dashboard.state.noProjectDescription', { defaultValue: 'Select or create a project to view the dashboard.' })}
-          </p>
-          <Link to="/projects" className="inline-flex">
-            <Button variant="secondary" size="sm">{t('projectsPage.title', { defaultValue: 'Projects' })}</Button>
-          </Link>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  if (error) {
-    return (
-      <Card>
-        <CardContent className="py-10 text-center space-y-3">
-          <div className="flex justify-center">
-            <AlertCircle className="h-6 w-6 text-destructive" />
-          </div>
-          <div className="text-lg font-semibold">{t('dashboard.state.errorTitle')}</div>
-          <p className="text-sm text-muted-foreground">{error || t('dashboard.state.errorDescription')}</p>
-          <Button variant="secondary" size="sm" onClick={loadData} className="mt-2">
-            {t('actions.retry')}
-          </Button>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  if (!stats) {
-    return null;
-  }
-
-  return (
-    <DashboardClient
-      specs={specs}
-      stats={stats}
-      projectColor={projectColor}
-      projectName={currentProject?.name}
-      basePath={basePath}
-    />
-  );
-}