@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.5

package/src/movethewheels/pages/AIAssistantPage.tsx

@@ -1,123 +0,0 @@
-/**
- * AI Operations Page
- *
- * This page previously shipped a second, fabricated chat surface
- * (`useAssistant` → `Query.assistantInsights`) whose "capabilities" list
- * advertised route optimization, demand forecasting, fleet analysis, cost
- * optimization and natural-language queries — none of which the backend
- * implemented; every question routed to a fixed template built from four
- * Prisma counts. See BOFF-3897.
- *
- * The real conversational assistant is the shared `AssistantWidget`, already
- * mounted globally in the app shell (`AppShell.tsx`) on the sandbox
- * transport — this page must never contain a second chat box.
- *
- * The full "AI Operations" surface this page is meant to become — a model
- * picker, an agent-activity feed reading the shared AgentRun ledger,
- * accept/reject decision cards for AI dispatch proposals, and per-workspace
- * AI credit visibility — depends on the shared multi-model AI gateway
- * (BOFF-3601), which has not landed yet. Until it does, this page shows an
- * honest roadmap state instead of fabricating any of that content.
- */
-
-import { Bot, MessageCircle, Activity, ShieldCheck, Wallet } from 'lucide-react';
-import { PageLayout, EmptyState } from '../components/PageLayout';
-import { Card, CardContent, CardHeader, CardTitle } from '../components/ui';
-import { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';
-import { useTr } from '../hooks';
-
-export default function AIAssistantPage() {
-  const tr = useTr();
-
-  const roadmapItems = [
-    {
-      icon: Activity,
-      title: tr('movethewheels.ai.roadmap.agentActivity.title', 'Agent activity feed'),
-      description: tr(
-        'movethewheels.ai.roadmap.agentActivity.description',
-        'A live log of what the AI decided, on which shipments, with trigger, model, latency and cost — so an autonomous run is never a black box.'
-      ),
-    },
-    {
-      icon: ShieldCheck,
-      title: tr('movethewheels.ai.roadmap.dispatchDecisionCards.title', 'Dispatch decision cards'),
-      description: tr(
-        'movethewheels.ai.roadmap.dispatchDecisionCards.description',
-        'Proposed driver/vehicle assignments and carrier recommendations with rationale and confidence, requiring an explicit accept or reject before anything is written.'
-      ),
-    },
-    {
-      icon: Wallet,
-      title: tr('movethewheels.ai.roadmap.aiCreditVisibility.title', 'AI credit visibility'),
-      description: tr(
-        'movethewheels.ai.roadmap.aiCreditVisibility.description',
-        'Per-workspace AI spend for admins, so cost is visible before the invoice.'
-      ),
-    },
-  ];
-
-  return (
-    <PageLayout
-      title={tr('movethewheels.ai.title', 'AI Operations')}
-      subtitle={tr('movethewheels.ai.subtitle', 'What the AI is doing on your workspace, and why')}
-      icon={<Bot size={24} />}
-    >
-      <PagePurpose icon={<Bot size={18} />}>
-        {tr(
-          'movethewheels.ai.purpose',
-          'This page will surface AI-driven dispatch decisions and their outcomes once the shared AI runtime lands. It does not host a chat box — chat with your live operational data is always available from the assistant icon anywhere in the app.'
-        )}
-      </PagePurpose>
-
-      <GlassCard treatment="glass" className="p-4">
-        <div className="flex items-start gap-3">
-          <MessageCircle size={20} className="text-primary flex-shrink-0 mt-0.5" />
-          <div>
-            <p className="text-sm font-medium text-text-primary">
-              {tr(
-                'movethewheels.ai.callout.title',
-                'Looking to ask a question about your operations?'
-              )}
-            </p>
-            <p className="text-sm text-text-secondary mt-1">
-              {tr(
-                'movethewheels.ai.callout.description',
-                'Open the assistant from its icon in the corner of the screen — it answers from your live orders, shipments, fleet and inventory data, and it is the only chat surface in this product.'
-              )}
-            </p>
-          </div>
-        </div>
-      </GlassCard>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>{tr('movethewheels.ai.roadmap.title', 'On the roadmap')}</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <EmptyState
-            illustration="empty-agents"
-            title={tr(
-              'movethewheels.ai.emptyState.title',
-              "Autonomous dispatch operations aren't live yet"
-            )}
-            description={tr(
-              'movethewheels.ai.emptyState.description',
-              "Autonomous dispatch isn't available yet — these capabilities are still in development. Nothing below is available today."
-            )}
-          />
-          <ul className="mt-4 space-y-4">
-            {roadmapItems.map((item) => (
-              <li key={item.title} className="flex items-start gap-3">
-                <item.icon size={18} className="text-text-secondary flex-shrink-0 mt-0.5" />
-                <div>
-                  <p className="text-sm font-medium text-text-primary">{item.title}</p>
-                  <p className="text-xs text-text-secondary">{item.description}</p>
-                </div>
-              </li>
-            ))}
-          </ul>
-        </CardContent>
-      </Card>
-    </PageLayout>
-  );
-}