lint-results.json

[{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\advisory\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\agents\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\api\\chat\\route.ts","messages":[{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":190,"column":128,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":190,"endColumn":131,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[7104,7107],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[7104,7107],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":200,"column":19,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":200,"endColumn":22,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[7320,7323],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[7320,7323],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]}],"suppressedMessages":[],"errorCount":2,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"import { GoogleGenerativeAI, FunctionDeclaration, SchemaType } from \"@google/generative-ai\";\nimport { NextResponse } from \"next/server\";\n\nconst apiKey = process.env.GEMINI_API_KEY;\nconst genAI = apiKey ? new GoogleGenerativeAI(apiKey) : null;\nconst geminiModel = process.env.GEMINI_MODEL || \"gemini-2.5-flash\";\n\n// Define tools that Gemini can use\nconst setSpindleSpeedDeclaration: FunctionDeclaration = {\n  name: \"set_spindle_speed\",\n  description: \"Set the physical spindle speed of the CNC machine to prevent damage or optimize performance.\",\n  parameters: {\n    type: SchemaType.OBJECT,\n    properties: {\n      rpm: {\n        type: SchemaType.NUMBER,\n        description: \"The target RPM to set the spindle to. (Must be between 0 and 24000)\",\n      },\n      reason: {\n        type: SchemaType.STRING,\n        description: \"The reason why the AI is issuing this command.\",\n      }\n    },\n    required: [\"rpm\", \"reason\"],\n  },\n};\n\nconst triggerEmergencyStopDeclaration: FunctionDeclaration = {\n  name: \"trigger_emergency_stop\",\n  description: \"Immediately halt all machine operations. Only use if catastrophic failure is imminent.\",\n  parameters: {\n    type: SchemaType.OBJECT,\n    properties: {\n      reason: {\n        type: SchemaType.STRING,\n        description: \"The critical reason for the E-Stop.\",\n      }\n    },\n    required: [\"reason\"],\n  },\n};\n\ntype TelemetryContext = {\n  speed?: { value_numeric?: number | null };\n  temp?: { value_numeric?: number | null };\n  vib?: { value_numeric?: number | null };\n};\n\nfunction clampRpm(value: number) {\n  return Math.max(0, Math.min(24000, Math.round(value)));\n}\n\nfunction normalizeTelemetry(telemetryContext?: TelemetryContext) {\n  return {\n    latestSpeed: telemetryContext?.speed?.value_numeric ?? null,\n    latestTemp: telemetryContext?.temp?.value_numeric ?? null,\n    latestVibration: telemetryContext?.vib?.value_numeric ?? null,\n    assetStatus: \"ACTIVE\" as const\n  };\n}\n\nfunction buildDemoResponse(prompt: string, telemetryContext?: TelemetryContext, reason?: string) {\n  const normalizedPrompt = prompt.toLowerCase();\n  const telemetry = normalizeTelemetry(telemetryContext);\n  const speed = telemetry.latestSpeed ?? 12450;\n  const temp = telemetry.latestTemp ?? 20.6;\n  const vibration = telemetry.latestVibration ?? 1.42;\n  const rpmMatch = prompt.match(/(\\d{3,5})\\s*rpm/i);\n\n  const responsePrefix = reason\n    ? `LOCAL DEMO FALLBACK: ${reason}\\n\\n`\n    : \"LOCAL DEMO FALLBACK: Remote Gemini is unavailable, so this advisory is being generated from deterministic local rules.\\n\\n\";\n\n  const catastrophicRisk =\n    /emergency|e-?stop|catastrophic|imminent failure|stop immediately/.test(normalizedPrompt) ||\n    temp >= 95 ||\n    vibration >= 0.95;\n\n  if (catastrophicRisk) {\n    const stopReason = `Critical safeguard triggered. Coolant temperature is ${temp.toFixed(1)} C and vibration is ${vibration.toFixed(2)} mm/s, which is beyond the safe demo threshold.`;\n    return {\n      type: \"tool_call\",\n      source: \"local_demo\",\n      model: \"local-demo-advisor\",\n      functionName: \"trigger_emergency_stop\",\n      args: { reason: stopReason },\n      text: `${responsePrefix}I need to issue an emergency stop because the telemetry indicates a catastrophic condition.\\n\\nReasoning: ${stopReason}`\n    };\n  }\n\n  const operatorRequestedSpeedChange =\n    rpmMatch ||\n    /set spindle|set speed|lower spindle|reduce spindle|slow down|cut rpm|decrease rpm|vibration is rising|thermal drift/i.test(normalizedPrompt);\n\n  if (operatorRequestedSpeedChange) {\n    const requestedRpm = rpmMatch ? clampRpm(Number(rpmMatch[1])) : clampRpm(speed * 0.85);\n    const speedReason =\n      rpmMatch\n        ? `Operator requested a spindle setpoint change to ${requestedRpm} RPM.`\n        : `Reducing spindle speed from ${Math.round(speed)} RPM to ${requestedRpm} RPM because vibration is elevated at ${vibration.toFixed(2)} mm/s.`;\n\n    return {\n      type: \"tool_call\",\n      source: \"local_demo\",\n      model: \"local-demo-advisor\",\n      functionName: \"set_spindle_speed\",\n      args: { rpm: requestedRpm, reason: speedReason },\n      text: `${responsePrefix}I recommend staging a spindle-speed change in the digital twin.\\n\\nReasoning: ${speedReason}`\n    };\n  }\n\n  const advisory = [\n    `${responsePrefix}Current machine state summary:`,\n    `- Spindle speed: ${Math.round(speed)} RPM`,\n    `- Coolant temperature: ${temp.toFixed(1)} C`,\n    `- Vibration RMS: ${vibration.toFixed(2)} mm/s`,\n    \"\",\n    \"Recommended next step:\",\n    vibration >= 0.75 || temp >= 80\n      ? \"Reduce feed or spindle load, inspect the bearing path, and prepare an operator-reviewed spindle-speed adjustment.\"\n      : \"Continue monitoring, review drift compensation, and inspect the next maintenance window before changing physical parameters.\"\n  ].join(\"\\n\");\n\n  return {\n    type: \"text\",\n    source: \"local_demo\",\n    model: \"local-demo-advisor\",\n    text: advisory\n  };\n}\n\nexport async function POST(req: Request) {\n  const body = await req.json().catch(() => ({}));\n  const prompt = typeof body?.prompt === \"string\" ? body.prompt.trim() : \"\";\n  const telemetryContext = body?.telemetryContext as TelemetryContext | undefined;\n\n  if (!prompt) {\n    return NextResponse.json(\n      {\n        type: \"text\",\n        source: \"local_demo\",\n        model: \"local-demo-advisor\",\n        text: \"LOCAL DEMO FALLBACK: Enter an operator question or request so the advisory engine can respond.\"\n      },\n      { status: 400 }\n    );\n  }\n\n  if (!genAI) {\n    return NextResponse.json(\n      buildDemoResponse(prompt, telemetryContext, \"GEMINI_API_KEY is not configured. The advisory engine stayed in deterministic local demo mode.\")\n    );\n  }\n\n  try {\n    const model = genAI.getGenerativeModel({ \n      model: geminiModel,\n      tools: [{\n        functionDeclarations: [setSpindleSpeedDeclaration, triggerEmergencyStopDeclaration]\n      }]\n    });\n\n    // COST SAVING: Do not stringify massive arrays. Only send the latest state.\n    const optimizedContext = normalizeTelemetry(telemetryContext);\n\n    const fullPrompt = `\nYou are an expert AI agent controlling an industrial Digital Twin system (Spindle Alpha).\nHere is the latest telemetry data context:\n${JSON.stringify(optimizedContext, null, 2)}\n\nUser Request: ${prompt}\n\nAnalyze the situation. If the user asks to change a parameter or if you detect a critical issue that requires intervention (and the user permits it), use the provided tools to issue a control command. Otherwise, just provide a technical text response.\n`;\n\n    const result = await model.generateContent(fullPrompt);\n    const response = result.response;\n    \n    // Check if Gemini wants to call a function\n    const functionCalls = response.functionCalls();\n    \n    if (functionCalls && functionCalls.length > 0) {\n      const call = functionCalls[0];\n      return NextResponse.json({ \n        type: \"tool_call\",\n        source: \"gemini\",\n        model: geminiModel,\n        functionName: call.name,\n        args: call.args,\n        text: `I have analyzed the data and need to execute a physical command: **${call.name}**\\n\\nReasoning: ${(call.args as any).reason || \"Optimizing parameters.\"}`\n      });\n    }\n\n    return NextResponse.json({ \n      type: \"text\",\n      source: \"gemini\",\n      model: geminiModel,\n      text: response.text() \n    });\n  } catch (error: any) {\n    console.error(\"Gemini API Error:\", error);\n    return NextResponse.json(\n      buildDemoResponse(\n        prompt,\n        telemetryContext,\n        `Remote Gemini is unavailable (${error.message}). The advisory engine stayed in deterministic local demo mode.`\n      )\n    );\n  }\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\api\\iot-maker\\gemini-test\\route.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\api\\iot-maker\\health\\route.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\api\\iot-maker\\supabase-query\\route.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\api\\iot-maker\\test\\route.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\api\\proof-ledger\\anchor\\route.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\api\\proof-ledger\\status\\route.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\api\\proof-ledger\\verify\\route.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\architecture\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\cognitive\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\error.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'reset' is defined but never used.","line":5,"column":3,"nodeType":"Identifier","messageId":"unusedVar","endLine":5,"endColumn":8}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nexport default function Error({\n  error,\n  reset,\n}: {\n  error: Error & { digest?: string };\n  reset: () => void;\n}) {\n  return (\n    <div style={{ padding: \"50px\", textAlign: \"center\" }}>\n      <h1>500 - Internal Server Error</h1>\n      <p>Something went wrong!</p>\n      <pre style={{ color: \"red\", textAlign: \"left\", display: \"inline-block\" }}>\n        {error.message}\n      </pre>\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\governance\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\iot-maker\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\kpi\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\layout.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\ledger\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\logs\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\page.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'CommandCenterShell' is defined but never used.","line":1,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":1,"endColumn":28,"suggestions":[{"messageId":"removeUnusedImportDeclaration","data":{"varName":"CommandCenterShell"},"fix":{"range":[0,90],"text":""},"desc":"Remove unused import declaration."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'overviewEvents' is defined but never used.","line":2,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":2,"endColumn":24,"suggestions":[{"messageId":"removeUnusedImportDeclaration","data":{"varName":"overviewEvents"},"fix":{"range":[90,141],"text":""},"desc":"Remove unused import declaration."}]}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"import { CommandCenterShell } from \"@/components/tn-command-center/command-center-shell\";\nimport { overviewEvents } from \"@/lib/tn-ai-data\";\nimport { OverviewDashboard } from \"@/components/tn-command-center/overview-dashboard\";\nimport { createClient } from \"@/lib/supabase/server\";\n\nexport const revalidate = 60; // Enable 1-minute ISR caching for supreme efficiency\n\nexport default async function Home() {\n  const supabase = await createClient();\n\n  const { data: asset } = await supabase\n    .schema(\"topology\")\n    .from(\"assets\")\n    .select(\"*\")\n    .eq(\"name\", \"Spindle Alpha\")\n    .single();\n\n  const [\n    { data: speedData },\n    { data: tempData },\n    { data: vibData },\n    { data: scenarios }\n  ] = await Promise.all([\n    supabase.schema(\"telemetry\").from(\"sensor_readings\").select(\"value_numeric, unit, quality\").eq(\"asset_id\", asset?.id).eq(\"metric_key\", \"spindle_speed_rpm\").order(\"timestamp\", { ascending: false }).limit(1).single(),\n    supabase.schema(\"telemetry\").from(\"sensor_readings\").select(\"value_numeric, unit, quality\").eq(\"asset_id\", asset?.id).eq(\"metric_key\", \"coolant_temp_c\").order(\"timestamp\", { ascending: false }).limit(1).single(),\n    supabase.schema(\"telemetry\").from(\"sensor_readings\").select(\"value_numeric, unit, quality\").eq(\"asset_id\", asset?.id).eq(\"metric_key\", \"vibration_rms_mm_s\").order(\"timestamp\", { ascending: false }).limit(1).single(),\n    supabase.schema(\"simulation\").from(\"scenario_templates\").select(\"id, name, type, description\").order(\"name\").limit(5)\n  ]);\n\n  const telemetryData = {\n    speed: speedData,\n    temp: tempData,\n    vib: vibData\n  };\n\n  return (\n    <OverviewDashboard asset={asset} telemetryData={telemetryData} scenarios={scenarios || []} />\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\qa\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\rag\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\roadmap\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\simulator\\[runId]\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\simulator\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\source\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\app\\tutorials\\page.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\aws\\lambda\\iot-to-supabase\\index.js","messages":[{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":1,"column":26,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":1,"endColumn":58},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'context' is defined but never used.","line":9,"column":33,"nodeType":"Identifier","messageId":"unusedVar","endLine":9,"endColumn":40}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"const { createClient } = require('@supabase/supabase-js');\n\n// These environment variables must be set in the Lambda function configuration\nconst supabaseUrl = process.env.SUPABASE_URL;\nconst supabaseKey = process.env.SUPABASE_SERVICE_ROLE_KEY;\n\nlet supabase;\n\nexports.handler = async (event, context) => {\n  console.log(\"Received IoT Telemetry Event:\", JSON.stringify(event, null, 2));\n\n  if (!supabaseUrl || !supabaseKey) {\n    console.error(\"Missing SUPABASE_URL or SUPABASE_SERVICE_ROLE_KEY environment variables.\");\n    return { statusCode: 500, body: 'Configuration error' };\n  }\n\n  // Initialize Supabase client if not already initialized\n  if (!supabase) {\n    supabase = createClient(supabaseUrl, supabaseKey);\n  }\n\n  try {\n    // Assuming the event from AWS IoT Rule looks like:\n    // { temperature: 45.2, vibration: 0.12, timestamp: 1718000000, deviceId: \"TsubakiSpindle\" }\n    \n    // We add a received_at timestamp to track when it hit the cloud\n    const payload = {\n      ...event,\n      received_at: new Date().toISOString()\n    };\n\n    // Insert the telemetry data into the 'telemetry' table in Supabase\n    const { data, error } = await supabase\n      .from('telemetry')\n      .insert([payload]);\n\n    if (error) {\n      console.error(\"Error inserting into Supabase:\", error);\n      return { statusCode: 500, body: JSON.stringify({ error: error.message }) };\n    }\n\n    console.log(\"Successfully inserted telemetry data:\", data);\n    return { statusCode: 200, body: 'Success' };\n  } catch (error) {\n    console.error(\"Unexpected error:\", error);\n    return { statusCode: 500, body: 'Internal Server Error' };\n  }\n};\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\education\\ConceptCard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\education\\ExplainThis.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\education\\GlossaryTerm.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\education\\InfoTooltip.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\CommandFlowTestRunner.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\ConnectedModePanel.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\DemoModePanel.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\EnvChecklist.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\IoTMakerCenter.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'overviewEvents' is defined but never used.","line":4,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":4,"endColumn":24,"suggestions":[{"messageId":"removeUnusedImportDeclaration","data":{"varName":"overviewEvents"},"fix":{"range":[69,120],"text":""},"desc":"Remove unused import declaration."}]},{"ruleId":"react-hooks/set-state-in-effect","severity":2,"message":"Error: Calling setState synchronously within an effect can trigger cascading renders\n\nEffects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\IoTMakerCenter.tsx:234:10\n  232 |\n  233 |   useEffect(() => {\n> 234 |     void loadHealth();\n      |          ^^^^^^^^^^ Avoid calling setState() directly within an effect\n  235 |     void loadProofStatus();\n  236 |     const interval = setInterval(() => {\n  237 |       void loadHealth();","line":234,"column":10,"nodeType":null,"endLine":234,"endColumn":20}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { useEffect, useMemo, useState } from \"react\";\nimport { overviewEvents } from \"@/lib/tn-ai-data\";\nimport { IoTMakerHero } from \"@/components/iot-maker/IoTMakerHero\";\nimport { RuntimeModeBanner } from \"@/components/iot-maker/RuntimeModeBanner\";\nimport { IoTMakerTopology } from \"@/components/iot-maker/IoTMakerTopology\";\nimport { DemoModePanel } from \"@/components/iot-maker/DemoModePanel\";\nimport { ConnectedModePanel } from \"@/components/iot-maker/ConnectedModePanel\";\nimport { ReadinessCheckGrid } from \"@/components/iot-maker/ReadinessCheckGrid\";\nimport { CommandFlowTestRunner } from \"@/components/iot-maker/CommandFlowTestRunner\";\nimport { SafetyBoundaryMatrix } from \"@/components/iot-maker/SafetyBoundaryMatrix\";\nimport { SetupExportPanel } from \"@/components/iot-maker/SetupExportPanel\";\nimport { ProofLedgerPanel } from \"@/components/iot-maker/proof-ledger/ProofLedgerPanel\";\nimport { GeminiQueryLab } from \"@/components/iot-maker/gemini-lab/GeminiQueryLab\";\nimport { SupabaseQueryLab } from \"@/components/iot-maker/supabase-lab/SupabaseQueryLab\";\nimport type {\n  LastEvidencePacket,\n  ProofStatusResponse,\n} from \"@/components/iot-maker/proof-ledger/ProofLedgerPanel\";\nimport { EnvChecklist } from \"@/components/iot-maker/EnvChecklist\";\nimport { IoTMakerEventLedger } from \"@/components/iot-maker/IoTMakerEventLedger\";\nimport type { ReadinessCheck } from \"@/lib/iot-maker/types\";\nimport { ExplainThis } from \"@/components/education/ExplainThis\";\n\ntype TabId =\n  | \"queryLabs\"\n  | \"topology\"\n  | \"demo\"\n  | \"connected\"\n  | \"readiness\"\n  | \"commandFlow\"\n  | \"safety\"\n  | \"proofLedger\"\n  | \"setup\";\n\ntype HealthResponse = {\n  runtimeMode: \"demo\" | \"partial\" | \"connected\" | \"blocked\";\n  services: ReadinessCheck[];\n  envChecks: Array<{\n    key: string;\n    present: boolean;\n    masked: string;\n    required: \"demo\" | \"connected\" | \"optional\";\n    serverOnly: boolean;\n    description: string;\n  }>;\n  warnings: string[];\n  safetyStatus: {\n    approvalGateActive: boolean;\n    directMachineControlDisabled: boolean;\n  };\n  proofStatus: {\n    mode: \"mock\" | \"xrpl_testnet\" | \"hedera_testnet\" | \"disabled\";\n    mockReady: boolean;\n    xrplReady: boolean;\n    hederaReady: boolean;\n    xrplConfig: {\n      ws: boolean;\n      seed: boolean;\n      destination: boolean;\n      jsonRpc: boolean;\n    };\n    hederaConfig: {\n      rpcUrl: boolean;\n      privateKey: boolean;\n      contractAddress: boolean;\n      chainId: string | null;\n    };\n  };\n  generatedAt: string;\n};\n\ntype CommandFlowReport = {\n  runId?: string;\n  scenarioId?: string;\n  runtimeMode?: \"demo\" | \"partial\" | \"connected\" | \"blocked\";\n  proofMode?: \"mock\" | \"xrpl_testnet\" | \"hedera_testnet\" | \"disabled\";\n  dispatchStatus?: string;\n  operatorApprovalStatus?: \"required\" | \"approved\" | \"rejected\" | \"blocked\";\n  evidence?: {\n    sha256Hex?: string;\n    bytes32?: string;\n    packet?: {\n      telemetrySnapshotHash?: string;\n      aiRecommendationHash?: string;\n      operatorApprovalHash?: string;\n      commandDispatchHash?: string;\n      eventLedgerHash?: string;\n      createdAt?: string;\n      scenarioId?: string;\n      runId?: string;\n      mode?: string;\n    };\n  };\n  proofAnchor?: {\n    network?: string;\n    status?: string;\n    evidenceHash?: string;\n    evidenceBytes32?: string;\n    transactionHash?: string;\n    blockNumber?: number;\n    ledgerIndex?: number;\n    explorerUrl?: string;\n  };\n  generatedAt?: string;\n};\n\ntype LedgerEvent = {\n  id: string;\n  timestamp: string;\n  source: string;\n  event: string;\n  detail: string;\n};\n\nconst TABS = [\n  { id: \"topology\", label: \"Topology\" },\n  { id: \"demo\", label: \"Demo Mode\" },\n  { id: \"connected\", label: \"Connected Mode\" },\n  { id: \"readiness\", label: \"Readiness Checks\" },\n  { id: \"commandFlow\", label: \"Command Flow Test\" },\n  { id: \"queryLabs\", label: \"Query Labs\" },\n  { id: \"safety\", label: \"Safety Boundary\" },\n  { id: \"proofLedger\", label: \"Proof Ledger\" },\n  { id: \"setup\", label: \"Setup Export\" },\n] as const;\n\nfunction normalizeReadinessChecks(checks: ReadinessCheck[] = []) {\n  return checks.map((check) => ({\n    ...check,\n    status: check.status\n  }));\n}\n\nexport function IoTMakerCenter() {\n  const [activeTab, setActiveTab] = useState<TabId>(\"topology\");\n  const [health, setHealth] = useState<HealthResponse | null>(null);\n  const [proofStatus, setProofStatus] = useState<ProofStatusResponse | null>(null);\n  const [lastFlow, setLastFlow] = useState<CommandFlowReport | null>(null);\n  const [loadError, setLoadError] = useState<string | null>(null);\n  const [runtimeMode, setRuntimeMode] = useState<\"demo\" | \"partial\" | \"connected\" | \"blocked\">(\"demo\");\n  const [isSafe, setIsSafe] = useState(true);\n\n  const [ledgerEvents, setLedgerEvents] = useState<LedgerEvent[]>([]);\n\n  const activeChecks = health ? normalizeReadinessChecks(health.services) : [];\n  const activeEnvChecks = health ? health.envChecks : [];\n\n  const proofMode = health?.proofStatus.mode ?? \"mock\";\n  const proofReadiness = health?.proofStatus\n    ? {\n        mockReady: health.proofStatus.mockReady,\n        xrplReady: health.proofStatus.xrplReady,\n        hederaReady: health.proofStatus.hederaReady,\n        xrplConfig: health.proofStatus.xrplConfig,\n        hederaConfig: health.proofStatus.hederaConfig,\n      }\n    : {\n        mockReady: true,\n        xrplReady: false,\n        hederaReady: false,\n        xrplConfig: { ws: false, seed: false, destination: false, jsonRpc: false },\n        hederaConfig: { rpcUrl: false, privateKey: false, contractAddress: false, chainId: null },\n      };\n\n  const latestEvidencePacket = useMemo<LastEvidencePacket | null>(() => {\n    if (!lastFlow?.evidence?.packet) return null;\n    return {\n      runId: lastFlow.evidence.packet.runId,\n      scenarioId: lastFlow.evidence.packet.scenarioId,\n      telemetrySnapshotHash: lastFlow.evidence.packet.telemetrySnapshotHash,\n      aiRecommendationHash: lastFlow.evidence.packet.aiRecommendationHash,\n      operatorApprovalHash: lastFlow.evidence.packet.operatorApprovalHash,\n      commandDispatchHash: lastFlow.evidence.packet.commandDispatchHash,\n      eventLedgerHash: lastFlow.evidence.packet.eventLedgerHash,\n      createdAt: lastFlow.evidence.packet.createdAt,\n      mode: lastFlow.evidence.packet.mode,\n    };\n  }, [lastFlow]);\n\n  const handleFlowComplete = (report: CommandFlowReport) => {\n    setLastFlow(report);\n    const now = new Date().toISOString();\n    const event: LedgerEvent = {\n      id: `${report.runId ?? now}-${report.generatedAt ?? now}`,\n      timestamp: now,\n      source: \"command_flow\",\n      event: \"Command Flow Test Completed\",\n      detail: `run=${report.runId ?? \"n/a\"}, scenario=${report.scenarioId ?? \"n/a\"}, mode=${report.runtimeMode ?? \"n/a\"}, approval=${report.operatorApprovalStatus ?? \"n/a\"}, dispatch=${report.dispatchStatus ?? \"n/a\"}`,\n    };\n    setLedgerEvents((prev) => [event, ...prev].slice(0, 8));\n    refreshProofStatus();\n  };\n\n  const loadHealth = async () => {\n    try {\n      const healthRes = await fetch(\"/api/iot-maker/health\");\n      if (!healthRes.ok) {\n        throw new Error(\"Health endpoint unavailable.\");\n      }\n      const data = (await healthRes.json()) as HealthResponse;\n      setHealth(data);\n      setRuntimeMode(data.runtimeMode);\n      setIsSafe(\n        Boolean(data.safetyStatus?.approvalGateActive) && Boolean(data.safetyStatus?.directMachineControlDisabled)\n      );\n      setLoadError(null);\n    } catch (error: unknown) {\n      setLoadError(error instanceof Error ? error.message : \"Failed to load IoT maker health.\");\n      setRuntimeMode(\"blocked\");\n      setIsSafe(false);\n    }\n  };\n\n  const loadProofStatus = async () => {\n    try {\n      const proofRes = await fetch(\"/api/proof-ledger/status\");\n      if (!proofRes.ok) {\n        throw new Error(\"Proof status endpoint unavailable.\");\n      }\n      const data = (await proofRes.json()) as ProofStatusResponse;\n      setProofStatus(data);\n    } catch {\n      setProofStatus(null);\n    }\n  };\n\n  const refreshProofStatus = () => {\n    loadProofStatus();\n  };\n\n  useEffect(() => {\n    void loadHealth();\n    void loadProofStatus();\n    const interval = setInterval(() => {\n      void loadHealth();\n      void loadProofStatus();\n    }, 30000);\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <div className=\"space-y-4\">\n      <IoTMakerHero />\n      <RuntimeModeBanner runtimeMode={runtimeMode} proofMode={proofMode} isSafe={isSafe} />\n\n      {loadError && (\n        <div className=\"border border-red-400/40 bg-red-500/10 p-3 text-xs text-red-100\">\n          {loadError}\n        </div>\n      )}\n\n      <div className=\"grid gap-4 xl:grid-cols-[1fr_auto]\">\n        <div className=\"rounded border border-command-line/60 bg-black/20 p-2\">\n          <div className=\"mb-3 flex flex-wrap gap-2\">\n          {TABS.map((tab) => (\n              <button\n                key={tab.id}\n                type=\"button\"\n                className={`border px-3 py-1.5 text-[10px] font-semibold uppercase tracking-[0.14em] ${\n                  activeTab === tab.id\n                    ? \"border-cyan-400/60 bg-cyan-400/15 text-cyan-100\"\n                    : \"border-command-line/40 bg-black/30 text-command-muted hover:border-cyan-400/40 hover:text-cyan-200\"\n                }`}\n                onClick={() => setActiveTab(tab.id as TabId)}\n              >\n                {tab.label}\n              </button>\n            ))}\n          </div>\n\n          {activeTab === \"topology\" && (\n            <ExplainThis\n              label=\"Topology\"\n              explanation=\"This diagram shows how the browser, Vercel runtime, Supabase, AWS IoT, AI provider, operator gate, edge bridge, and proof ledger connect in advisory-first commissioning.\"\n            >\n              <IoTMakerTopology />\n            </ExplainThis>\n          )}\n          {activeTab === \"demo\" && (\n            <ExplainThis\n              label=\"Demo Mode\"\n              explanation=\"Demo Mode generates synthetic telemetry, runs deterministic advisory logic, and never sends real machine control. No cloud or field-bus commands are dispatched.\"\n            >\n              <DemoModePanel />\n            </ExplainThis>\n          )}\n          {activeTab === \"connected\" && (\n            <ExplainThis\n              label=\"Connected Mode\"\n              explanation=\"Connected Mode shows what is available when cloud keys are present. It is a readiness and safety view, not an automatic live control path.\"\n            >\n              <ConnectedModePanel checks={activeChecks} envChecks={activeEnvChecks} warnings={health?.warnings ?? []} />\n            </ExplainThis>\n          )}\n          {activeTab === \"readiness\" && (\n            <ExplainThis\n              label=\"Readiness Checks\"\n              explanation=\"These readiness checks show the explicit prerequisites for advisory execution and connected integration. A failed check blocks dispatch and keeps the flow safe.\"\n            >\n              <div className=\"grid gap-4 lg:grid-cols-[minmax(0,1fr)_360px]\">\n                <ReadinessCheckGrid checks={activeChecks} />\n                <div className=\"rounded border border-cyan-900/60 bg-black/30 p-3\">\n                  <p className=\"text-xs uppercase tracking-[0.16em] text-cyan-300\">Ready-state summary</p>\n                  <ul className=\"mt-2 space-y-1 text-[11px] text-slate-300\">\n                    <li>Mode: {runtimeMode}</li>\n                    <li>Proof mode: {proofMode}</li>\n                    <li>Operator approval gate active: {String(health?.safetyStatus.approvalGateActive ?? false)}</li>\n                    <li>Direct machine control disabled: {String(health?.safetyStatus.directMachineControlDisabled ?? false)}</li>\n                    <li>Connected prerequisites satisfied: {String(activeChecks.every((item) => item.status === \"ready\" || !item.requiredForConnected ? item.status !== \"blocked\" : true))}</li>\n                  </ul>\n                </div>\n              </div>\n            </ExplainThis>\n          )}\n          {activeTab === \"commandFlow\" && (\n            <ExplainThis\n              label=\"Command Flow Test\"\n              explanation=\"Run a full commissioning cycle: telemetry packet, recommendation, operator approval check, dispatch simulation, evidence hashing, and proof anchor.\"\n            >\n              <CommandFlowTestRunner onComplete={handleFlowComplete} />\n            </ExplainThis>\n          )}\n          {activeTab === \"queryLabs\" && (\n            <div className=\"grid gap-4 xl:grid-cols-2\">\n              <ExplainThis\n                label=\"Supabase Query Lab\"\n                explanation=\"Read-only query presets are safe by default. In Demo Mode results are simulated so you can validate schema intent without live database risk.\"\n              >\n                <SupabaseQueryLab />\n              </ExplainThis>\n              <ExplainThis\n                label=\"Gemini Query Lab\"\n                explanation=\"Test advisory prompts and structured action proposals. Tool proposals are visible but require operator policy for execution.\"\n              >\n                <GeminiQueryLab />\n              </ExplainThis>\n            </div>\n          )}\n          {activeTab === \"safety\" && (\n            <ExplainThis\n              label=\"Safety Boundary\"\n              explanation=\"The matrix is the definitive control boundary. AI can suggest only. Operators approve. Edge bridge dispatches only after approval. No direct PLC or blockchain control.\"\n            >\n              <SafetyBoundaryMatrix />\n            </ExplainThis>\n          )}\n          {activeTab === \"proofLedger\" && (\n            <ExplainThis\n              label=\"Proof Ledger\"\n              explanation=\"Proof Ledger anchors only evidence hashes for audit traceability. Operational telemetry and command payloads are not written on-chain.\"\n            >\n              <ProofLedgerPanel\n              healthMode={runtimeMode}\n              healthProofMode={proofMode}\n              proofReadiness={proofReadiness}\n              proofStatus={proofStatus}\n              latestEvidence={latestEvidencePacket}\n              onAnchorComplete={refreshProofStatus}\n              />\n            </ExplainThis>\n          )}\n          {activeTab === \"setup\" && (\n            <ExplainThis\n              label=\"Setup Export\"\n              explanation=\"Server-side environment manifest for predictable bootstrapping. This feature exports local values for demo and connected setup only.\"\n            >\n              <div className=\"grid gap-4\">\n                <SetupExportPanel />\n                <div className=\"rounded border border-command-line/60 bg-black/20 p-3\">\n                  <p className=\"text-xs uppercase tracking-[0.16em] text-cyan-300\">Server-side env visibility</p>\n                  <EnvChecklist entries={activeEnvChecks} />\n                </div>\n              </div>\n            </ExplainThis>\n          )}\n        </div>\n\n        <div className=\"xl:w-[320px]\">\n          <IoTMakerEventLedger events={ledgerEvents.length > 0 ? ledgerEvents : []} />\n          <div className=\"mt-3 border border-cyan-900/40 bg-black/40 p-3 text-xs text-cyan-200\">\n            <p className=\"font-semibold uppercase tracking-[0.16em]\">Local ledger state</p>\n            <p className=\"mt-2 text-slate-300\">\n              {lastFlow\n                ? `${lastFlow.runId ?? \"No run\"} / ${lastFlow.scenarioId ?? \"n/a\"} / ${lastFlow.runtimeMode ?? \"n/a\"}`\n                : \"Run command flow to add events.\"\n              }\n            </p>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"text-xs text-command-muted\">\n        Safety notes:\n        <ul className=\"mt-2 list-disc space-y-1 pl-4\">\n          <li>Only evidence hashes are anchored. Operational data remains off-chain.</li>\n          <li>Blockchain networks are proof channels only. They cannot execute machine control.</li>\n          <li>Operator approval remains the gate for command proposal acceptance.</li>\n          <li>This route is mock-safe and testnet oriented by design.</li>\n        </ul>\n      </div>\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\IoTMakerEventLedger.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\IoTMakerHero.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\IoTMakerTopology.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\ReadinessCheckGrid.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\RuntimeModeBanner.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\SafetyBoundaryMatrix.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\ServiceReadinessCard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\SetupExportPanel.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\gemini-lab\\GeminiPresetList.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\gemini-lab\\GeminiPromptEditor.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\gemini-lab\\GeminiQueryLab.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\gemini-lab\\GeminiResponseViewer.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\gemini-lab\\GeminiSafetyNotice.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\gemini-lab\\GeminiToolCallViewer.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\proof-ledger\\AnchorProofButton.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\proof-ledger\\ProofAnchorCard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\proof-ledger\\ProofLedgerPanel.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\proof-ledger\\ProofNetworkSelector.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\proof-ledger\\ProofStatusBadge.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\proof-ledger\\ProofTimeline.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\proof-ledger\\VerifyProofButton.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\supabase-lab\\SupabaseQueryEditor.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\supabase-lab\\SupabaseQueryLab.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'durationMs' is assigned a value but never used.","line":107,"column":13,"nodeType":"Identifier","messageId":"unusedVar","endLine":107,"endColumn":23}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { useMemo, useState } from \"react\";\nimport { addLogEvent } from \"@/lib/dashboard-logs/logStore\";\nimport { SupabaseQueryEditor } from \"@/components/iot-maker/supabase-lab/SupabaseQueryEditor\";\nimport { SupabaseQueryPresetList } from \"@/components/iot-maker/supabase-lab/SupabaseQueryPresetList\";\nimport { SupabaseQueryResults } from \"@/components/iot-maker/supabase-lab/SupabaseQueryResults\";\nimport { SupabaseSafetyNotice } from \"@/components/iot-maker/supabase-lab/SupabaseSafetyNotice\";\nimport { Panel } from \"@/components/tn-command-center/command-center-primitives\";\n\ntype Preset = { id: string; label: string };\n\ntype QueryResult = {\n  safeQueryLabel: string;\n  preset: string;\n  status: \"success\" | \"failed\" | \"simulated\";\n  durationMs: number;\n  rowCount: number;\n  columns: string[];\n  rows: Array<Record<string, unknown>>;\n  usedMockData: boolean;\n  mockReason?: string;\n};\n\ntype ApiQueryResult = QueryResult & {\n  id: string;\n  startedAt: string;\n  finishedAt: string;\n};\n\ntype ErrorPayload = {\n  error: string;\n  detail: string;\n  startedAt: string;\n};\n\nfunction isErrorPayload(payload: ApiQueryResult | ErrorPayload): payload is ErrorPayload {\n  return typeof payload === \"object\" && payload !== null && \"error\" in payload;\n}\n\nconst PRESETS: Preset[] = [\n  { id: \"latest_telemetry\", label: \"Latest Telemetry\" },\n  { id: \"recent_events\", label: \"Recent Event Ledger\" },\n  { id: \"active_scenarios\", label: \"Active Scenarios\" },\n  { id: \"command_queue\", label: \"Command Queue\" },\n  { id: \"proof_anchors\", label: \"Proof Ledger Anchors\" },\n  { id: \"health_summary\", label: \"Health Summary\" },\n];\n\nexport function SupabaseQueryLab() {\n  const [selectedPreset, setSelectedPreset] = useState(PRESETS[0]!.id);\n  const [rawQuery, setRawQuery] = useState(\"\");\n  const [result, setResult] = useState<QueryResult | null>(null);\n  const [statusMessage, setStatusMessage] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [allowRaw, setAllowRaw] = useState(false);\n\n  const selectedLabel = useMemo(\n    () => PRESETS.find((preset) => preset.id === selectedPreset)?.label ?? \"Unknown preset\",\n    [selectedPreset]\n  );\n\n  const runQuery = async () => {\n    setLoading(true);\n    setStatusMessage(\"\");\n    setResult(null);\n\n    addLogEvent({\n      source: \"supabase\",\n      type: \"supabase_query_started\",\n      severity: \"info\",\n      summary: `Supabase query started for ${selectedPreset}`,\n      details: { preset: selectedPreset, usedRawSql: allowRaw && rawQuery.trim().length > 0 },\n      mode: \"mock\",\n    });\n\n    try {\n      const startedAt = new Date().toISOString();\n      const response = await fetch(\"/api/iot-maker/supabase-query\", {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          preset: selectedPreset,\n          rawSql: allowRaw ? rawQuery : undefined,\n        }),\n      });\n\n      const payload = (await response.json()) as ApiQueryResult | ErrorPayload;\n\n      if (!response.ok) {\n        const summary = isErrorPayload(payload) ? payload.error : \"Supabase query failed\";\n        addLogEvent({\n          source: \"supabase\",\n          type: \"supabase_query_failed\",\n          severity: \"error\",\n          summary,\n          details: payload,\n          durationMs: undefined,\n          mode: \"mock\",\n        });\n        setStatusMessage(summary);\n        setResult(null);\n        return;\n      }\n\n      const safePayload = payload as ApiQueryResult;\n      const durationMs =\n        startedAt && \"finishedAt\" in payload\n          ? Math.max(0, Date.parse(payload.finishedAt) - Date.parse(startedAt))\n          : undefined;\n\n      const next = {\n        safeQueryLabel: safePayload.safeQueryLabel,\n        preset: safePayload.preset,\n        status: safePayload.status,\n        durationMs: safePayload.durationMs,\n        rowCount: safePayload.rowCount,\n        columns: safePayload.columns,\n        rows: safePayload.rows,\n        usedMockData: safePayload.usedMockData,\n        mockReason: safePayload.mockReason,\n      } satisfies QueryResult;\n\n      setResult(next);\n\n      addLogEvent({\n        source: \"supabase\",\n        type: safePayload.usedMockData ? \"supabase_query_simulated\" : \"supabase_query_succeeded\",\n        severity: \"success\",\n        summary: `Supabase query completed for ${selectedPreset}`,\n        details: { status: safePayload.status, rows: safePayload.rowCount, preset: selectedPreset },\n        durationMs: safePayload.durationMs,\n        mode: safePayload.usedMockData ? \"mock\" : \"connected\",\n      });\n    } catch {\n      const summary = \"Supabase query request failed\";\n      setStatusMessage(summary);\n      addLogEvent({\n        source: \"supabase\",\n        type: \"supabase_query_failed\",\n        severity: \"error\",\n        summary,\n        details: { preset: selectedPreset },\n        mode: \"demo\",\n      });\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const copyResult = () => {\n    if (!result) return;\n    const payload = JSON.stringify(\n      {\n        preset: selectedPreset,\n        label: selectedLabel,\n        status: result.status,\n        durationMs: result.durationMs,\n        rowCount: result.rowCount,\n        usedMockData: result.usedMockData,\n        mockReason: result.mockReason,\n        columns: result.columns,\n        rows: result.rows,\n      },\n      null,\n      2\n    );\n    navigator.clipboard?.writeText(payload).catch(() => {});\n    setStatusMessage(\"Result copied to clipboard.\");\n  };\n\n  return (\n    <Panel title=\"Query Lab\" kicker=\"Safe data inspection\" icon=\"database\" accent=\"violet\">\n      <p className=\"mb-3 text-sm text-slate-300\">\n        Use safe read-only query presets to validate schema and telemetry/event tables. In\n        disconnected mode, demo results are returned.\n      </p>\n\n      <div className=\"grid gap-3 lg:grid-cols-[250px_1fr]\">\n        <SupabaseQueryPresetList\n          presets={PRESETS}\n          selectedPreset={selectedPreset}\n          onSelect={(value) => setSelectedPreset(value)}\n        />\n        <SupabaseQueryEditor\n          rawQuery={rawQuery}\n          onChangeRawQuery={setRawQuery}\n          allowRaw={allowRaw}\n          onRun={runQuery}\n          running={loading}\n          disabled={loading}\n        />\n      </div>\n\n      <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n        <label className=\"text-xs text-command-muted\">\n          <input\n            type=\"checkbox\"\n            checked={allowRaw}\n            onChange={(e) => setAllowRaw(e.target.checked)}\n            className=\"mr-2\"\n          />\n          Enable raw SQL mode (read-only allowlist only)\n        </label>\n        <button\n          type=\"button\"\n          onClick={runQuery}\n          disabled={loading}\n          className=\"border border-emerald-400/35 bg-emerald-500/10 px-3 py-1.5 text-[10px] uppercase tracking-[0.14em] text-emerald-200\"\n        >\n          {loading ? \"Running query...\" : \"Run Query\"}\n        </button>\n        <button\n          type=\"button\"\n          onClick={copyResult}\n          disabled={!result}\n          className=\"border border-cyan-400/35 bg-cyan-400/10 px-3 py-1.5 text-[10px] uppercase tracking-[0.14em] text-cyan-200 disabled:opacity-40\"\n        >\n          Copy Result\n        </button>\n      </div>\n\n      <SupabaseQueryResults result={result} loading={loading} statusMessage={statusMessage} />\n      <p className=\"mt-2 text-xs text-command-muted\">\n        Active preset: <span className=\"text-white\">{selectedLabel}</span>\n      </p>\n\n      <div className=\"mt-4\">\n        <SupabaseQueryLogPanel />\n      </div>\n\n      <div className=\"mt-3\">\n        <SupabaseSafetyNotice showRawSql={allowRaw} />\n      </div>\n    </Panel>\n  );\n}\n\nfunction SupabaseQueryLogPanel() {\n  return (\n    <div className=\"rounded border border-command-line/60 bg-black/30 p-3 text-xs\">\n      <p className=\"mb-2 font-semibold uppercase tracking-[0.14em] text-cyan-300\">Supabase log events</p>\n      <p className=\"text-command-muted\">\n        Events are captured in Dashboard Logs with source <span className=\"font-mono\">supabase</span> for each query attempt.\n      </p>\n      <p className=\"mt-2 text-cyan-200\">Open Dashboard Logs for full event timeline and filters.</p>\n      <p className=\"mt-1 text-command-muted\">This panel intentionally stays compact; open Logs for full event inspection.</p>\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\supabase-lab\\SupabaseQueryPresetList.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\supabase-lab\\SupabaseQueryResults.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\iot-maker\\supabase-lab\\SupabaseSafetyNotice.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\logs\\DashboardLogDetailDrawer.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\logs\\DashboardLogFilters.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\logs\\DashboardLogTable.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\logs\\DashboardLogsPage.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\logs\\LogSeverityBadge.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\simulator\\twin-model-registry.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'SimulatorState' is defined but never used.","line":7,"column":23,"nodeType":"Identifier","messageId":"unusedVar","endLine":7,"endColumn":37,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"SimulatorState"},"fix":{"range":[214,230],"text":""},"desc":"Remove unused variable \"SimulatorState\"."}]}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { useMemo, useRef } from \"react\";\nimport { useFrame } from \"@react-three/fiber\";\nimport * as THREE from \"three\";\nimport { useSimulatorStore } from \"@/lib/simulator/store\";\nimport { TwinModelId, SimulatorState } from \"@/lib/simulator/types\";\nimport {\n  generateGlobe,\n  generateHelix,\n  generateNeural,\n  generateSpindle,\n  generateGrid,\n  generateOctahedron,\n  generateShield,\n  generateLattice,\n  generateCylinder,\n  generateTorus,\n  generateHeatField,\n  generateWaveTunnel,\n  generateErodingGeometry,\n  generateFlowNetwork,\n  generateOrb,\n} from \"@/components/tn-command-center/webgl-geometries\";\n\ninterface TwinModelRegistryProps {\n  modelId: TwinModelId;\n  particleCount?: number;\n}\n\n/**\n * Universal component that renders any of the 15 Twin Models and automatically\n * reacts to the global Simulator State.\n */\nexport function TwinModelRegistry({ modelId, particleCount = 4000 }: TwinModelRegistryProps) {\n  const pointsRef = useRef<THREE.Points>(null);\n  const materialRef = useRef<THREE.PointsMaterial>(null);\n  const simState = useSimulatorStore((s) => s.state);\n\n  // Generate geometry based on modelId\n  const positions = useMemo(() => {\n    switch (modelId) {\n      case \"executive-fleet-globe\": return generateGlobe(particleCount, 3.5);\n      case \"roadmap-dna-helix\": return generateHelix(particleCount, 12, 2.5);\n      case \"rag-neural-knowledge-graph\": return generateNeural(particleCount);\n      case \"simulator-chaotic-spindle\": return generateSpindle(particleCount, true);\n      case \"ledger-blockchain-cube-grid\": return generateGrid(particleCount, 7);\n      case \"advisory-icosahedron-core\": return generateOctahedron(particleCount, 3);\n      case \"governance-protective-shield\": return generateShield(particleCount, 2.5, 3.5);\n      case \"architecture-layered-lattice\": return generateLattice(particleCount, 6, 7);\n      case \"kpi-rose-telemetry-cylinder\": return generateCylinder(particleCount, 2.5, 8);\n      case \"qa-inspection-torus\": return generateTorus(particleCount, 3.5, 1.2);\n      case \"thermal-heat-field-reactor\": return generateHeatField(particleCount, 4);\n      case \"vibration-resonance-tunnel\": return generateWaveTunnel(particleCount, 2.5, 10);\n      case \"tool-wear-eroding-edge\": return generateErodingGeometry(particleCount, 5);\n      case \"supply-chain-flow-network\": return generateFlowNetwork(particleCount, 8);\n      case \"operator-approval-gate-orb\": return generateOrb(particleCount, 3.5);\n      default: return generateGlobe(particleCount, 3);\n    }\n  }, [modelId, particleCount]);\n\n  // Determine state-based aesthetics\n  const stateColor = useMemo(() => {\n    switch (simState) {\n      case \"IDLE\": return new THREE.Color(0x3b82f6); // Blue\n      case \"SCENARIO_SELECTED\": return new THREE.Color(0x8b5cf6); // Purple\n      case \"INCIDENT_SEEDED\": return new THREE.Color(0xf59e0b); // Amber\n      case \"SIGNAL_DETECTED\": return new THREE.Color(0xf97316); // Orange\n      case \"APPROVAL_REQUIRED\": return new THREE.Color(0xef4444); // Red pulse\n      case \"SHADOW_EXECUTION_RUNNING\": return new THREE.Color(0x10b981); // Emerald\n      case \"EVIDENCE_CAPTURED\": return new THREE.Color(0x0ea5e9); // Sky\n      default: return new THREE.Color(0x64748b); // Slate fallback\n    }\n  }, [simState]);\n\n  useFrame((state) => {\n    if (pointsRef.current) {\n      // Base rotation\n      pointsRef.current.rotation.y += 0.002;\n      pointsRef.current.rotation.x += 0.001;\n\n      // State-based reactivity (e.g. erratic spinning on incident)\n      if (simState === \"INCIDENT_SEEDED\" || simState === \"SIGNAL_DETECTED\") {\n        pointsRef.current.rotation.y += 0.01;\n        pointsRef.current.rotation.z += 0.005;\n      }\n    }\n    \n    // Smoothly interpolate color toward the target state color\n    if (materialRef.current) {\n      materialRef.current.color.lerp(stateColor, 0.05);\n      \n      // Pulse size if approval required\n      if (simState === \"APPROVAL_REQUIRED\") {\n        materialRef.current.size = 0.02 + Math.sin(state.clock.elapsedTime * 5) * 0.01;\n      } else {\n        materialRef.current.size = 0.02;\n      }\n    }\n  });\n\n  return (\n    <points ref={pointsRef}>\n      <bufferGeometry>\n        <bufferAttribute\n          args={[positions, 3]}\n          attach=\"attributes-position\"\n          count={positions.length / 3}\n          array={positions}\n          itemSize={3}\n        />\n      </bufferGeometry>\n      <pointsMaterial\n        ref={materialRef}\n        size={0.02}\n        transparent\n        opacity={0.8}\n        blending={THREE.AdditiveBlending}\n        depthWrite={false}\n      />\n    </points>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\source\\ArchitectureClaimCard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\source\\SourceCard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\source\\SourceCategory.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\source\\SourcePage.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\advisory-dashboard.tsx","messages":[{"ruleId":"react-hooks/purity","severity":2,"message":"Error: Cannot call impure function during render\n\n`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\advisory-dashboard.tsx:34:44\n  32 |             <div className=\"mt-2 h-8 w-full\">\n  33 |               <svg viewBox=\"0 0 100 30\" className=\"h-full w-full opacity-60\" preserveAspectRatio=\"none\">\n> 34 |                 <path d={`M0 25 Q20 ${10 + Math.random()*20} 40 15 T80 20 T100 5`} fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" className={metric.color} />\n     |                                            ^^^^^^^^^^^^^ Cannot call impure function\n  35 |               </svg>\n  36 |             </div>\n  37 |           </motion.div>","line":34,"column":44,"nodeType":null,"endLine":34,"endColumn":57}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { Icon, StatusChip } from \"@/components/tn-command-center/command-center-primitives\";\n\nexport function AdvisoryDashboard() {\n  return (\n    <div className=\"flex h-full flex-col gap-4\">\n      {/* Top Header Metrics */}\n      <motion.div \n        variants={{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0, transition: { staggerChildren: 0.1 } } }}\n        initial=\"hidden\" animate=\"visible\"\n        className=\"grid grid-cols-4 gap-4\"\n      >\n        {[\n          { label: \"Active Advisory Flows\", value: \"24\", trend: \"+3 vs 1h ago\", color: \"text-cyan-300\" },\n          { label: \"Approved Actions (24h)\", value: \"128\", trend: \"+18%\", color: \"text-emerald-300\" },\n          { label: \"Action Success Rate\", value: \"98.7%\", trend: \"+2.1%\", color: \"text-cyan-300\" },\n          { label: \"Avg. Confidence\", value: \"93.4%\", trend: \"+3.8%\", color: \"text-cyan-300\" }\n        ].map((metric, i) => (\n          <motion.div \n            key={i}\n            variants={{ hidden: { opacity: 0, scale: 0.9 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.5 } } }}\n            className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl\"\n          >\n            <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-cyan-400/30 to-transparent\" />\n            <p className=\"text-[10px] font-semibold uppercase tracking-widest text-command-muted\">{metric.label}</p>\n            <div className=\"mt-2 flex items-baseline gap-2\">\n              <span className={`text-2xl font-bold ${metric.color} drop-shadow-[0_0_8px_currentColor]`}>{metric.value}</span>\n              <span className=\"text-xs font-medium text-emerald-400\">{metric.trend}</span>\n            </div>\n            <div className=\"mt-2 h-8 w-full\">\n              <svg viewBox=\"0 0 100 30\" className=\"h-full w-full opacity-60\" preserveAspectRatio=\"none\">\n                <path d={`M0 25 Q20 ${10 + Math.random()*20} 40 15 T80 20 T100 5`} fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" className={metric.color} />\n              </svg>\n            </div>\n          </motion.div>\n        ))}\n      </motion.div>\n\n      {/* Main Grid: Left side, Center (Transparent WebGL), Right Rail */}\n      <motion.div \n        variants={{ hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.1, delayChildren: 0.2 } } }}\n        initial=\"hidden\" animate=\"visible\"\n        className=\"grid flex-1 grid-cols-[320px_1fr_360px] gap-6 relative\"\n      >\n        {/* Left Side: Signal Detection */}\n        <motion.div variants={{ hidden: { opacity: 0, x: -20 }, visible: { opacity: 1, x: 0 } }} className=\"flex flex-col gap-4 z-10\">\n          <h3 className=\"font-mono text-xs font-bold uppercase tracking-widest text-cyan-400/80\">Decision Engine Input</h3>\n          \n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl\">\n            <div className=\"mb-3 flex items-center justify-between\">\n              <span className=\"text-xs font-semibold text-command-muted\">SIGNAL DETECTION</span>\n              <StatusChip status=\"simulated\" compact />\n            </div>\n            <div className=\"flex gap-3 items-start\">\n              <div className=\"grid h-10 w-10 shrink-0 place-items-center border border-amber-400/30 bg-amber-400/10 text-amber-400\">\n                <Icon name=\"rag\" className=\"h-5 w-5\" />\n              </div>\n              <div>\n                <p className=\"text-sm font-semibold text-white\">Anomaly Detected</p>\n                <p className=\"text-xs text-amber-300\">Thermal Drift Rising</p>\n                <p className=\"text-[10px] text-command-muted mt-1\">Spindle 2 - Zone A</p>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl mt-4\">\n            <span className=\"text-xs font-semibold text-command-muted\">RETRIEVAL & CONTEXT</span>\n            <div className=\"mt-4 grid grid-cols-2 gap-2\">\n              <div>\n                <p className=\"text-xs text-command-muted\">Similar Events</p>\n                <p className=\"text-lg font-bold text-cyan-200\">128</p>\n              </div>\n              <div>\n                <p className=\"text-xs text-command-muted\">Patterns</p>\n                <p className=\"text-lg font-bold text-cyan-200\">94% match</p>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl mt-4 flex-1\">\n            <span className=\"text-xs font-semibold text-command-muted uppercase\">Decision Tree</span>\n            <div className=\"mt-4 space-y-4\">\n              <div className=\"flex flex-col gap-2 relative\">\n                <div className=\"absolute top-4 bottom-4 left-3 w-px bg-cyan-900\" />\n                <div className=\"flex gap-3 items-center z-10\">\n                  <div className=\"w-6 h-6 rounded-full bg-cyan-900 border border-cyan-500 text-[10px] flex items-center justify-center text-cyan-300\">1</div>\n                  <div className=\"text-[10px] text-slate-300\">Evaluate Spindle FFT</div>\n                </div>\n                <div className=\"flex gap-3 items-center z-10\">\n                  <div className=\"w-6 h-6 rounded-full bg-cyan-900 border border-cyan-500 text-[10px] flex items-center justify-center text-cyan-300\">2</div>\n                  <div className=\"text-[10px] text-slate-300\">Cross-Ref bearing history</div>\n                </div>\n                <div className=\"flex gap-3 items-center z-10 pl-6\">\n                  <div className=\"w-1 h-1 bg-cyan-500 rounded-full\" />\n                  <div className=\"text-[10px] text-emerald-400 font-bold\">Match Found (94%)</div>\n                </div>\n                <div className=\"flex gap-3 items-center z-10\">\n                  <div className=\"w-6 h-6 rounded-full bg-amber-900 border border-amber-500 text-[10px] flex items-center justify-center text-amber-300 animate-pulse\">3</div>\n                  <div className=\"text-[10px] text-slate-300\">Propose Thermal Offset</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </motion.div>\n\n        {/* Center Canvas: OPEN FOR WEBGL */}\n        <div className=\"relative flex items-center justify-center\">\n          {/* We do NOT place opaque backgrounds here. We just place absolute SVG connecting lines and a floating circle outline */}\n          \n          <div className=\"absolute inset-0 pointer-events-none\">\n            <svg className=\"w-full h-full\" style={{ strokeDasharray: \"4 4\" }}>\n              {/* Fake neural pathways from left to center */}\n              <path d=\"M 0 100 C 100 100, 150 200, 300 200\" fill=\"none\" stroke=\"rgba(0,212,255,0.4)\" strokeWidth=\"2\" className=\"animate-[pulse_2s_infinite]\" />\n              <path d=\"M 0 300 C 100 300, 150 200, 300 200\" fill=\"none\" stroke=\"rgba(0,212,255,0.4)\" strokeWidth=\"2\" className=\"animate-[pulse_2.5s_infinite]\" />\n              \n              {/* Fake neural pathways from center to right branches */}\n              <path d=\"M 450 200 C 550 200, 600 50, 750 50\" fill=\"none\" stroke=\"rgba(0,212,255,0.8)\" strokeWidth=\"2\" className=\"animate-[pulse_1.5s_infinite]\" />\n              <path d=\"M 450 200 C 550 200, 600 150, 750 150\" fill=\"none\" stroke=\"rgba(0,229,160,0.8)\" strokeWidth=\"2\" className=\"animate-[pulse_1.8s_infinite]\" />\n              <path d=\"M 450 200 C 550 200, 600 250, 750 250\" fill=\"none\" stroke=\"rgba(245,158,11,0.8)\" strokeWidth=\"2\" className=\"animate-[pulse_2.2s_infinite]\" />\n              <path d=\"M 450 200 C 550 200, 600 350, 750 350\" fill=\"none\" stroke=\"rgba(155,109,255,0.8)\" strokeWidth=\"2\" className=\"animate-[pulse_2s_infinite]\" />\n            </svg>\n          </div>\n\n          <motion.div \n            animate={{ rotate: 360 }} \n            transition={{ duration: 40, repeat: Infinity, ease: \"linear\" }}\n            className=\"absolute grid h-64 w-64 place-items-center rounded-full border border-cyan-400/20\"\n          >\n            <div className=\"h-48 w-48 rounded-full border border-cyan-400/40 border-t-cyan-300\" />\n            <div className=\"absolute h-40 w-40 rounded-full border border-cyan-400/20 border-b-cyan-200\" />\n            {/* The absolute center is completely clear to let the 3D particles shine! */}\n          </motion.div>\n          <div className=\"absolute text-center z-10 pointer-events-none\">\n            <h2 className=\"text-xl font-bold tracking-widest text-cyan-200 drop-shadow-[0_0_12px_rgba(0,212,255,0.8)]\">AI ORCHESTRATION</h2>\n            <p className=\"text-xs uppercase tracking-widest text-cyan-400/60\">CORE</p>\n          </div>\n\n          {/* Right Floating Branches */}\n          <div className=\"absolute right-0 top-10 flex flex-col gap-6 z-10 w-64\">\n            {[\n              { title: \"THERMAL DRIFT COMPENSATION\", score: \"96\", conf: \"97%\", color: \"cyan\" },\n              { title: \"TOOL CHANGE RECOMMENDATION\", score: \"92\", conf: \"94%\", color: \"emerald\" },\n              { title: \"FEED OPTIMIZATION\", score: \"90\", conf: \"93%\", color: \"amber\" },\n              { title: \"QUALITY HOLD ACTION\", score: \"88\", conf: \"92%\", color: \"violet\" }\n            ].map((branch, i) => (\n              <motion.div \n                key={i}\n                whileHover={{ scale: 1.05, x: -10 }}\n                className={`relative overflow-hidden border p-3 backdrop-blur-xl ${\n                  branch.color === 'cyan' ? 'border-cyan-400/50 bg-cyan-400/10' :\n                  branch.color === 'emerald' ? 'border-emerald-400/50 bg-emerald-400/10' :\n                  branch.color === 'amber' ? 'border-amber-400/50 bg-amber-400/10' :\n                  'border-violet-400/50 bg-violet-400/10'\n                }`}\n              >\n                <p className=\"text-[10px] font-bold uppercase tracking-wider text-white\">{branch.title}</p>\n                <div className=\"mt-2 flex justify-between\">\n                  <span className=\"text-xs text-command-muted\">Score: <span className=\"text-white\">{branch.score}</span></span>\n                  <span className=\"text-xs text-command-muted\">Conf: <span className=\"text-white\">{branch.conf}</span></span>\n                </div>\n              </motion.div>\n            ))}\n          </div>\n        </div>\n\n        {/* Right Rail: Details & Governance */}\n        <motion.div variants={{ hidden: { opacity: 0, x: 20 }, visible: { opacity: 1, x: 0 } }} className=\"flex flex-col gap-4 z-10\">\n          <h3 className=\"font-mono text-xs font-bold uppercase tracking-widest text-cyan-400/80\">Top Recommendation</h3>\n          \n          <div className=\"relative overflow-hidden border border-cyan-400/40 bg-cyan-400/5 p-5 backdrop-blur-3xl shadow-[0_0_20px_rgba(0,212,255,0.1)]\">\n            <div className=\"mb-2 flex items-center justify-between\">\n              <span className=\"text-cyan-200\">THERMAL DRIFT COMPENSATION</span>\n              <StatusChip status=\"advisory\" compact />\n            </div>\n            <div className=\"mt-4 grid grid-cols-2 gap-4 border-b border-command-line/50 pb-4\">\n              <div>\n                <p className=\"text-[10px] text-command-muted uppercase\">Recommendation Score</p>\n                <p className=\"text-3xl font-bold text-cyan-300 drop-shadow-[0_0_10px_rgba(0,212,255,0.5)]\">96<span className=\"text-sm text-cyan-400/50\">/100</span></p>\n              </div>\n              <div>\n                <p className=\"text-[10px] text-command-muted uppercase\">Success Rate</p>\n                <p className=\"text-xl font-bold text-emerald-400\">98.7%</p>\n              </div>\n            </div>\n            <div className=\"mt-4 space-y-3\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-xs text-command-muted\">Approval State</span>\n                <span className=\"text-xs font-semibold text-amber-400\">Advisory Only</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-xs text-command-muted\">Rollback Safety</span>\n                <span className=\"text-xs font-semibold text-emerald-400\">Safe / Automated</span>\n              </div>\n              <button className=\"w-full mt-4 border border-amber-400/40 bg-amber-400/10 py-2 text-xs font-bold text-amber-400 transition-all hover:bg-amber-400/20 hover:shadow-[0_0_15px_rgba(245,158,11,0.2)]\">\n                REVIEW CHECKPOINT\n              </button>\n            </div>\n          </div>\n          \n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl mt-4\">\n            <span className=\"text-xs font-semibold text-command-muted uppercase flex items-center justify-between\">\n              SOP Override Matrix\n              <span className=\"text-[8px] bg-amber-500/20 text-amber-400 border border-amber-500/30 px-1 py-0.5\">LEVEL 2</span>\n            </span>\n            <div className=\"mt-4 space-y-3\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-[10px] text-slate-300\">Force Execution w/o QA Hold</span>\n                <button className=\"border border-red-500/40 bg-red-500/10 hover:bg-red-500/20 px-2 py-1 text-[9px] text-red-400 font-bold tracking-wider\">OVERRIDE</button>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-[10px] text-slate-300\">Bypass Maintenance Ticket</span>\n                <button className=\"border border-red-500/40 bg-red-500/10 hover:bg-red-500/20 px-2 py-1 text-[9px] text-red-400 font-bold tracking-wider\">OVERRIDE</button>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-[10px] text-slate-300\">Manual Offset Injection</span>\n                <button className=\"border border-red-500/40 bg-red-500/10 hover:bg-red-500/20 px-2 py-1 text-[9px] text-red-400 font-bold tracking-wider\">OVERRIDE</button>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl mt-4 flex-1\">\n            <span className=\"text-xs font-semibold text-command-muted\">RECENT ADVISORY ACTIVITY</span>\n            <div className=\"mt-4 space-y-4\">\n              <div className=\"flex justify-between items-center border-b border-command-line/30 pb-2\">\n                <div>\n                  <p className=\"text-xs text-emerald-300\">Thermal drift comp approved</p>\n                  <p className=\"text-[10px] text-command-muted\">3 mins ago</p>\n                </div>\n                <span className=\"text-[10px] text-emerald-400\">Executed</span>\n              </div>\n              <div className=\"flex justify-between items-center border-b border-command-line/30 pb-2\">\n                <div>\n                  <p className=\"text-xs text-cyan-300\">Tool change recommended</p>\n                  <p className=\"text-[10px] text-command-muted\">6 mins ago</p>\n                </div>\n                <span className=\"text-[10px] text-cyan-400\">Recommended</span>\n              </div>\n              <div className=\"flex justify-between items-center pb-2\">\n                <div>\n                  <p className=\"text-xs text-amber-300\">Quality hold action</p>\n                  <p className=\"text-[10px] text-command-muted\">12 mins ago</p>\n                </div>\n                <span className=\"text-[10px] text-amber-400\">Under Review</span>\n              </div>\n            </div>\n          </div>\n        </motion.div>\n      </motion.div>\n\n      {/* Bottom Rail: Flow & KPIs */}\n      <motion.div variants={{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }} className=\"grid grid-cols-[1fr_400px] gap-4\">\n        <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-5 backdrop-blur-3xl\">\n          <span className=\"text-xs font-semibold text-command-muted\">ADVISORY AUTOMATION FLOW</span>\n          <div className=\"mt-4 flex items-center justify-between text-center\">\n            {[\"Signal Detection\", \"Retrieval\", \"Output\", \"Operator Review\", \"Execution\", \"Monitor\"].map((step, i) => (\n              <div key={i} className=\"flex flex-col items-center gap-2\">\n                <div className={`grid h-8 w-8 place-items-center rounded-full border ${i < 3 ? 'border-cyan-400/50 bg-cyan-400/10 text-cyan-300' : 'border-command-line bg-black text-command-muted'}`}>\n                  {i + 1}\n                </div>\n                <p className={`text-[10px] font-semibold uppercase ${i < 3 ? 'text-cyan-200' : 'text-command-steel'}`}>{step}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-5 backdrop-blur-3xl\">\n          <span className=\"text-xs font-semibold text-command-muted\">POLICY-AWARE GATING</span>\n          <div className=\"mt-4 flex items-center justify-between\">\n            <div className=\"text-center\"><p className=\"text-xs text-command-muted\">Safety</p><p className=\"text-sm text-emerald-400 font-bold\">Compliant</p></div>\n            <div className=\"text-center\"><p className=\"text-xs text-command-muted\">Quality</p><p className=\"text-sm text-emerald-400 font-bold\">Compliant</p></div>\n            <div className=\"text-center\"><p className=\"text-xs text-command-muted\">Change Ctrl</p><p className=\"text-sm text-amber-400 font-bold\">Required</p></div>\n          </div>\n        </div>\n      </motion.div>\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\agent-family-dashboard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\agent-swarm-canvas.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'AgentType' is defined but never used.","line":5,"column":30,"nodeType":"Identifier","messageId":"unusedVar","endLine":5,"endColumn":39,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"AgentType"},"fix":{"range":[134,145],"text":""},"desc":"Remove unused variable \"AgentType\"."}]},{"ruleId":"react-hooks/set-state-in-effect","severity":2,"message":"Error: Calling setState synchronously within an effect can trigger cascading renders\n\nEffects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\agent-swarm-canvas.tsx:14:5\n  12 |\n  13 |   useEffect(() => {\n> 14 |     setMounted(true);\n     |     ^^^^^^^^^^ Avoid calling setState() directly within an effect\n  15 |   }, []);\n  16 |\n  17 |   // Agents follow mouse clicks when idle","line":14,"column":5,"nodeType":null,"endLine":14,"endColumn":15},{"ruleId":"react-hooks/set-state-in-effect","severity":2,"message":"Error: Calling setState synchronously within an effect can trigger cascading renders\n\nEffects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\agent-swarm-canvas.tsx:57:7\n  55 |   useEffect(() => {\n  56 |     if (!agent.assignedTargetId) {\n> 57 |       setDomX(null);\n     |       ^^^^^^^ Avoid calling setState() directly within an effect\n  58 |       setDomY(null);\n  59 |       return;\n  60 |     }","line":57,"column":7,"nodeType":null,"endLine":57,"endColumn":14},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":123,"column":35,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":123,"endColumn":38,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[4080,4083],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[4080,4083],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]}],"suppressedMessages":[],"errorCount":3,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { motion } from \"framer-motion\";\nimport { useAgentSwarmStore, AgentType, SwarmAgent } from \"@/lib/simulator/use-agent-swarm-store\";\nimport { Icon } from \"./command-center-primitives\";\nimport { audioEngine } from \"@/lib/simulator/ui-audio-engine\";\n\nexport function AgentSwarmCanvas() {\n  const { agents, setAgentTargets } = useAgentSwarmStore();\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  // Agents follow mouse clicks when idle\n  useEffect(() => {\n    if (!mounted) return;\n    const handleGlobalClick = (e: MouseEvent) => {\n      // Don't intercept clicks, just passively listen to redirect agents\n      setAgentTargets(e.clientX, e.clientY);\n    };\n    window.addEventListener(\"click\", handleGlobalClick);\n    return () => window.removeEventListener(\"click\", handleGlobalClick);\n  }, [mounted, setAgentTargets]);\n\n  if (!mounted || agents.length === 0) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 pointer-events-none overflow-hidden\">\n      {agents.map((agent) => (\n        <TwinHelper key={agent.id} agent={agent} />\n      ))}\n    </div>\n  );\n}\n\nfunction TwinHelper({ agent }: { agent: SwarmAgent }) {\n  // Add some random jitter to the target so they don't all stack perfectly\n  const [jitterX, setJitterX] = useState(0);\n  const [jitterY, setJitterY] = useState(0);\n  const [domX, setDomX] = useState<number | null>(null);\n  const [domY, setDomY] = useState<number | null>(null);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setJitterX((Math.random() - 0.5) * 80);\n      setJitterY((Math.random() - 0.5) * 80);\n    }, 2000);\n    return () => clearInterval(interval);\n  }, []);\n\n  // DOM Targeting Loop\n  useEffect(() => {\n    if (!agent.assignedTargetId) {\n      setDomX(null);\n      setDomY(null);\n      return;\n    }\n\n    let animationFrameId: number;\n\n    const trackDomElement = () => {\n      const el = document.getElementById(agent.assignedTargetId as string);\n      if (el) {\n        const rect = el.getBoundingClientRect();\n        // Target the center of the DOM element\n        setDomX(rect.left + rect.width / 2);\n        setDomY(rect.top + rect.height / 2);\n      }\n      animationFrameId = requestAnimationFrame(trackDomElement);\n    };\n\n    trackDomElement();\n    return () => cancelAnimationFrame(animationFrameId);\n  }, [agent.assignedTargetId]);\n\n  let colorClass = \"text-cyan-400 border-cyan-400/50 bg-cyan-400/10 shadow-[0_0_15px_rgba(0,212,255,0.5)]\";\n  let iconName = \"search\";\n\n  switch (agent.type) {\n    case \"fixer\":\n      colorClass = \"text-emerald-400 border-emerald-400/50 bg-emerald-400/10 shadow-[0_0_15px_rgba(16,185,129,0.5)]\";\n      iconName = \"check\";\n      break;\n    case \"guardian\":\n      colorClass = \"text-amber-400 border-amber-400/50 bg-amber-400/10 shadow-[0_0_15px_rgba(245,158,11,0.5)]\";\n      iconName = \"shield\";\n      break;\n    case \"analyst\":\n      colorClass = \"text-purple-400 border-purple-400/50 bg-purple-400/10 shadow-[0_0_15px_rgba(168,85,247,0.5)]\";\n      iconName = \"chart\";\n      break;\n  }\n\n  const finalX = (domX !== null ? domX : agent.targetX) + jitterX;\n  const finalY = (domY !== null ? domY : agent.targetY) + jitterY;\n\n  return (\n    <motion.div\n      initial={{ scale: 0, opacity: 0 }}\n      animate={{\n        x: finalX,\n        y: finalY,\n        scale: 1,\n        opacity: 1\n      }}\n      transition={{\n        type: \"spring\",\n        stiffness: 80,\n        damping: 15,\n        mass: 1.5,\n        restDelta: 0.001\n      }}\n      className=\"absolute top-0 left-0 -translate-x-1/2 -translate-y-1/2 pointer-events-auto cursor-help\"\n      whileHover={{ scale: 1.1 }}\n      onMouseEnter={() => audioEngine.playHover()}\n    >\n      <div className=\"relative flex flex-col items-center group\">\n        {/* The orb */}\n        <div className={`relative flex h-8 w-8 items-center justify-center rounded-full border ${colorClass} backdrop-blur-md transition-all duration-300 group-hover:scale-110`}>\n          <Icon name={iconName as any} className=\"h-4 w-4\" />\n          \n          {/* Status indicator ping */}\n          <span className=\"absolute -top-1 -right-1 flex h-2.5 w-2.5\">\n            <span className={`animate-ping absolute inline-flex h-full w-full rounded-full opacity-75 ${agent.status === 'working' ? 'bg-amber-400' : 'bg-cyan-400'}`}></span>\n            <span className={`relative inline-flex rounded-full h-2.5 w-2.5 ${agent.status === 'working' ? 'bg-amber-500' : 'bg-cyan-500'}`}></span>\n          </span>\n        </div>\n\n        {/* Floating status label */}\n        <div className=\"absolute top-full left-1/2 mt-2 -translate-x-1/2 whitespace-nowrap opacity-0 transition-opacity duration-300 group-hover:opacity-100\">\n          <div className=\"rounded border border-white/10 bg-black/80 px-2 py-1 text-[9px] font-mono uppercase tracking-widest text-white backdrop-blur-md\">\n            {agent.id} | {agent.message}\n          </div>\n        </div>\n\n        {/* Help Tip Speech Bubble */}\n        {agent.helpTip && (\n          <motion.div \n            initial={{ opacity: 0, scale: 0.8, y: 10 }}\n            animate={{ opacity: 1, scale: 1, y: 0 }}\n            transition={{ delay: 1, type: \"spring\" }}\n            className=\"absolute bottom-full left-1/2 mb-3 -translate-x-1/2 whitespace-nowrap z-50\"\n          >\n            <div className=\"rounded-lg border border-cyan-400/50 bg-black/90 px-3 py-2 text-[10px] font-mono text-cyan-200 backdrop-blur-xl shadow-[0_0_20px_rgba(0,212,255,0.2)]\">\n              <span className=\"font-bold text-cyan-400 mr-2\">TN-AGENT:</span>\n              {agent.helpTip}\n              {/* Speech bubble tail */}\n              <div className=\"absolute top-full left-1/2 -mt-[1px] -translate-x-1/2 border-l-[6px] border-r-[6px] border-t-[6px] border-l-transparent border-r-transparent border-t-cyan-400/50\"></div>\n            </div>\n          </motion.div>\n        )}\n      </div>\n    </motion.div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\agent-terminal.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\ai-copilot-terminal.tsx","messages":[{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":19,"column":72,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":19,"endColumn":75,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[414,417],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[414,417],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { useState } from \"react\";\nimport { Panel } from \"./command-center-primitives\";\n\ntype CopilotMessage = {\n  role: \"user\" | \"ai\" | \"system\";\n  content: string;\n  action?: {\n    name: string;\n    args: Record<string, unknown>;\n    mode?: string;\n    model?: string;\n  };\n};\n\ntype ActionExecutionState = \"pending\" | \"sent\";\n\nexport function AICopilotTerminal({ telemetryData }: { telemetryData?: any }) {\n  const [messages, setMessages] = useState<CopilotMessage[]>([\n    {\n      role: \"system\",\n      content:\n        \"Advisory copilot initialized. Remote Gemini will be used when available; otherwise the terminal stays in deterministic local demo mode.\"\n    }\n  ]);\n  const [input, setInput] = useState(\"\");\n  const [loading, setLoading] = useState(false);\n  const [executedActions, setExecutedActions] = useState<Record<string, ActionExecutionState>>({});\n\n  const getActionKey = (action: CopilotMessage[\"action\"]) =>\n    `${action?.name}:${JSON.stringify(action?.args ?? {})}`;\n\n  const handleSend = async () => {\n    if (!input.trim() || loading) return;\n\n    const userMessage = input.trim();\n    setInput(\"\");\n    setMessages(prev => [...prev, { role: \"user\", content: userMessage }]);\n    setLoading(true);\n\n    try {\n      const res = await fetch(\"/api/chat\", {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ prompt: userMessage, telemetryContext: telemetryData })\n      });\n\n      const data = await res.json();\n\n      if (data.type === \"tool_call\") {\n        setMessages(prev => [\n          ...prev,\n          {\n            role: \"ai\",\n            content: data.text,\n            action: {\n              name: data.functionName,\n              args: data.args,\n              mode: data.source,\n              model: data.model\n            }\n          }\n        ]);\n      } else {\n        setMessages(prev => [...prev, { role: \"ai\", content: data.text || data.error }]);\n      }\n    } catch {\n      setMessages(prev => [\n        ...prev,\n        {\n          role: \"system\",\n          content: \"ERROR: Advisory route is unavailable. No remote or local automation action was executed.\"\n        }\n      ]);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const executeAction = async (action: NonNullable<CopilotMessage[\"action\"]>) => {\n    const actionKey = getActionKey(action);\n    if (executedActions[actionKey]) return;\n\n    setExecutedActions(prev => ({ ...prev, [actionKey]: \"pending\" }));\n    setMessages(prev => [\n      ...prev,\n      {\n        role: \"system\",\n        content: `SIMULATED TRANSMISSION: ${action.name} staged locally for operator review. No AWS IoT or machine write was performed.`\n      }\n    ]);\n\n    setTimeout(() => {\n      setExecutedActions(prev => ({ ...prev, [actionKey]: \"sent\" }));\n      setMessages(prev => [\n        ...prev,\n        {\n          role: \"system\",\n          content: `LOCAL DEMO ONLY: ${action.name} was recorded as an advisory action. Human approval is still required before any real plant-side command.`\n        }\n      ]);\n    }, 900);\n  };\n\n  return (\n    <Panel title=\"AI Copilot Terminal\" kicker=\"Gemini / Local Advisory Agent\" icon=\"zap\" accent=\"emerald\">\n      <div className=\"flex h-[350px] flex-col overflow-hidden border border-emerald-400/20 bg-black/60 p-3\">\n        <div className=\"flex-1 space-y-3 overflow-y-auto pb-2 font-mono text-xs scrollbar-hide\">\n          {messages.map((msg, i) => (\n            <div\n              key={i}\n              className={`flex gap-2 ${\n                msg.role === \"user\"\n                  ? \"text-cyan-300\"\n                  : msg.role === \"system\"\n                    ? \"font-bold text-amber-400\"\n                    : \"text-emerald-100\"\n              }`}\n            >\n              <span className=\"shrink-0\">{msg.role === \"user\" ? \">\" : msg.role === \"system\" ? \"[SYS]\" : \"AI:\"}</span>\n              <div className=\"flex-1 whitespace-pre-wrap\">\n                {msg.content}\n                {msg.action && (\n                  <div className=\"mt-3 rounded border border-emerald-400/40 bg-emerald-400/10 p-3 shadow-[0_0_15px_rgba(16,185,129,0.15)]\">\n                    <p className=\"mb-2 text-[10px] font-bold tracking-widest text-emerald-300\">OPERATOR APPROVAL REQUIRED</p>\n                    {msg.action.mode === \"local_demo\" && (\n                      <p className=\"mb-2 text-[10px] uppercase tracking-widest text-amber-300\">Local demo fallback active</p>\n                    )}\n                    <p className=\"text-slate-300\">\n                      Function: <span className=\"font-bold text-white\">{msg.action.name}</span>\n                    </p>\n                    <p className=\"mt-1 text-slate-300\">\n                      Args: <span className=\"text-cyan-200\">{JSON.stringify(msg.action.args)}</span>\n                    </p>\n                    <button\n                      onClick={() => executeAction(msg.action!)}\n                      disabled={!!executedActions[getActionKey(msg.action)]}\n                      className=\"mt-3 w-full border border-emerald-400/50 bg-emerald-500/20 px-3 py-2 text-[10px] font-bold uppercase tracking-widest text-emerald-100 transition-colors hover:bg-emerald-500/40 disabled:cursor-not-allowed disabled:opacity-60\"\n                    >\n                      {executedActions[getActionKey(msg.action)] === \"pending\"\n                        ? \"Staging advisory action...\"\n                        : executedActions[getActionKey(msg.action)] === \"sent\"\n                          ? \"Recorded in local demo queue\"\n                          : \"Authorize local demo action\"}\n                    </button>\n                  </div>\n                )}\n              </div>\n            </div>\n          ))}\n          {loading && <div className=\"animate-pulse font-mono text-xs text-emerald-400\">Gemini is reasoning...</div>}\n        </div>\n        <div className=\"mt-3 flex gap-2 border-t border-emerald-400/20 pt-3\">\n          <input\n            type=\"text\"\n            value={input}\n            onChange={e => setInput(e.target.value)}\n            onKeyDown={e => e.key === \"Enter\" && handleSend()}\n            placeholder=\"Command the Digital Twin (e.g., 'Lower the spindle RPM to 10k')...\"\n            className=\"flex-1 bg-transparent text-xs text-emerald-300 outline-none placeholder:text-emerald-400/40 focus:ring-0\"\n          />\n          <button\n            type=\"button\"\n            onClick={handleSend}\n            disabled={loading || !input.trim()}\n            className=\"border border-emerald-400/40 bg-emerald-400/10 px-3 py-2 text-[10px] font-bold uppercase tracking-widest text-emerald-100 transition-colors hover:bg-emerald-400/20 disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            Send\n          </button>\n        </div>\n      </div>\n    </Panel>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\architecture-dashboard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\cognitive-dashboard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\command-center-primitives.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'useEffect' is defined but never used.","line":3,"column":26,"nodeType":"Identifier","messageId":"unusedVar","endLine":3,"endColumn":35,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"useEffect"},"fix":{"range":[38,49],"text":""},"desc":"Remove unused variable \"useEffect\"."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'useState' is defined but never used.","line":3,"column":37,"nodeType":"Identifier","messageId":"unusedVar","endLine":3,"endColumn":45,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"useState"},"fix":{"range":[49,59],"text":""},"desc":"Remove unused variable \"useState\"."}]}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { type ReactNode, useEffect, useState, useRef } from \"react\";\nimport { motion, useMotionValue, useSpring } from \"framer-motion\";\nimport type { StatusKind } from \"@/lib/tn-ai-data\";\n\nexport type IconName =\n  | \"check\"\n  | \"triangle\"\n  | \"pulse\"\n  | \"hand\"\n  | \"lock\"\n  | \"hash\"\n  | \"shield\"\n  | \"mission\"\n  | \"roadmap\"\n  | \"rag\"\n  | \"twin\"\n  | \"flow\"\n  | \"stack\"\n  | \"chart\"\n  | \"evidence\"\n  | \"arrow\"\n  | \"play\"\n  | \"pause\"\n  | \"database\"\n  | \"search\"\n  | \"power\"\n  | \"github\"\n  | \"history\"\n  | \"zap\";\n\nconst statusMeta: Record<\n  StatusKind,\n  {\n    label: string;\n    icon: IconName;\n    dotColor: string;\n    chipClass: string;\n    glowClass: string;\n    description: string;\n  }\n> = {\n  ready: {\n    label: \"READY\",\n    icon: \"check\",\n    dotColor: \"bg-cyan-400\",\n    chipClass:\n      \"border-cyan-400/30 bg-cyan-400/[0.08] text-cyan-200 shadow-[0_0_8px_rgba(0,212,255,0.15)]\",\n    glowClass: \"shadow-[0_0_16px_rgba(0,212,255,0.35)]\",\n    description: \"Validated demo state\"\n  },\n  review: {\n    label: \"REVIEW\",\n    icon: \"triangle\",\n    dotColor: \"bg-amber-400\",\n    chipClass:\n      \"border-amber-400/40 bg-amber-400/[0.1] text-amber-200 shadow-[0_0_8px_rgba(255,184,77,0.15)]\",\n    glowClass: \"shadow-[0_0_16px_rgba(255,184,77,0.35)]\",\n    description: \"Needs engineer review\"\n  },\n  simulated: {\n    label: \"SIMULATED\",\n    icon: \"pulse\",\n    dotColor: \"bg-slate-400\",\n    chipClass:\n      \"border-slate-400/30 bg-slate-400/[0.08] text-slate-200\",\n    glowClass: \"\",\n    description: \"Local mocked data\"\n  },\n  approval: {\n    label: \"OPERATOR APPROVAL REQUIRED\",\n    icon: \"hand\",\n    dotColor: \"bg-amber-300\",\n    chipClass:\n      \"border-amber-300/50 bg-amber-300/[0.12] text-amber-100 shadow-[0_0_10px_rgba(255,184,77,0.2)]\",\n    glowClass: \"shadow-[0_0_20px_rgba(255,184,77,0.4)]\",\n    description: \"Human gate required\"\n  },\n  locked: {\n    label: \"LOCKED\",\n    icon: \"lock\",\n    dotColor: \"bg-slate-500\",\n    chipClass:\n      \"border-slate-500/30 bg-slate-500/[0.08] text-slate-300\",\n    glowClass: \"\",\n    description: \"Protected control\"\n  },\n  testnet: {\n    label: \"TESTNET / PERMISSIONED\",\n    icon: \"hash\",\n    dotColor: \"bg-violet-400\",\n    chipClass:\n      \"border-violet-400/35 bg-violet-400/[0.1] text-violet-200 shadow-[0_0_8px_rgba(155,109,255,0.15)]\",\n    glowClass: \"shadow-[0_0_16px_rgba(155,109,255,0.35)]\",\n    description: \"Hash-only ledger mode\"\n  },\n  advisory: {\n    label: \"ADVISORY ONLY\",\n    icon: \"shield\",\n    dotColor: \"bg-amber-400\",\n    chipClass:\n      \"border-amber-400/35 bg-amber-400/[0.09] text-amber-100\",\n    glowClass: \"\",\n    description: \"No direct machine control\"\n  }\n};\n\nexport function StatusChip({\n  status,\n  compact = false\n}: {\n  status: StatusKind;\n  compact?: boolean;\n}) {\n  const meta = statusMeta[status];\n  const isPulsing = status === \"ready\" || status === \"approval\";\n\n  return (\n    <MagneticWrapper intensity={10}>\n      <motion.span\n        whileHover={{ scale: 1.05, filter: \"brightness(1.2)\" }}\n        transition={{ type: \"spring\", stiffness: 500, damping: 20 }}\n        className={`cursor-default inline-flex max-w-full items-center gap-1.5 border px-2.5 py-1 font-mono text-[10px] font-semibold uppercase tracking-[0.1em] backdrop-blur-sm transition-all duration-300 ${meta.chipClass} hover:shadow-[0_0_15px_rgba(255,255,255,0.1)]`}\n        title={meta.description}\n      >\n        {/* Animated dot */}\n        <span className=\"relative inline-flex h-2 w-2 shrink-0\">\n          {isPulsing && (\n            <span\n              className={`status-ping absolute inline-flex h-full w-full rounded-full ${meta.dotColor} opacity-60`}\n            />\n          )}\n          <span className={`relative inline-flex h-2 w-2 rounded-full ${meta.dotColor}`} />\n        </span>\n        <span className=\"truncate\">\n          {compact ? meta.label.replace(\"OPERATOR \", \"\") : meta.label}\n        </span>\n      </motion.span>\n    </MagneticWrapper>\n  );\n}\n\nexport function Panel({\n  title,\n  kicker,\n  icon,\n  action,\n  accent = \"cyan\",\n  children\n}: {\n  title: string;\n  kicker: string;\n  icon: IconName;\n  action?: ReactNode;\n  accent?: \"cyan\" | \"amber\" | \"violet\" | \"emerald\";\n  children: ReactNode;\n}) {\n  const accentColors = {\n    cyan: {\n      icon: \"border-cyan-400/30 bg-cyan-400/[0.08] text-cyan-200\",\n      kicker: \"text-cyan-400/60\",\n      bar: \"bg-gradient-to-r from-cyan-400/60 via-cyan-300/30 to-transparent\"\n    },\n    amber: {\n      icon: \"border-amber-400/30 bg-amber-400/[0.08] text-amber-200\",\n      kicker: \"text-amber-400/60\",\n      bar: \"bg-gradient-to-r from-amber-400/60 via-amber-300/30 to-transparent\"\n    },\n    violet: {\n      icon: \"border-violet-400/30 bg-violet-400/[0.08] text-violet-200\",\n      kicker: \"text-violet-400/60\",\n      bar: \"bg-gradient-to-r from-violet-400/60 via-violet-300/30 to-transparent\"\n    },\n    emerald: {\n      icon: \"border-emerald-400/30 bg-emerald-400/[0.08] text-emerald-200\",\n      kicker: \"text-emerald-400/60\",\n      bar: \"bg-gradient-to-r from-emerald-400/60 via-emerald-300/30 to-transparent\"\n    }\n  };\n\n  const ac = accentColors[accent];\n\n  return (\n    <motion.section \n      whileHover={{ scale: 1.01, y: -2 }}\n      transition={{ type: \"spring\", stiffness: 400, damping: 25 }}\n      className=\"corner-accent glass-panel relative overflow-hidden p-4 xl:p-5 bg-black/40 backdrop-blur-xl\"\n    >\n      {/* Top accent bar */}\n      <div className={`absolute top-0 left-0 right-0 h-[1px] ${ac.bar}`} />\n\n      <div className=\"mb-4 flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 gap-3\">\n          <div\n            className={`grid h-10 w-10 shrink-0 place-items-center border ${ac.icon} transition-all duration-300`}\n          >\n            <Icon name={icon} className=\"h-5 w-5\" />\n          </div>\n          <div className=\"min-w-0\">\n            <p className={`text-[10px] font-semibold uppercase tracking-[0.22em] ${ac.kicker}`}>\n              {kicker}\n            </p>\n            <h2 className=\"mt-1 text-lg font-semibold text-white\">{title}</h2>\n          </div>\n        </div>\n        {action}\n      </div>\n      {children}\n    </motion.section>\n  );\n}\n\nexport function SystemLine({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"data-line flex items-center justify-between gap-3 text-xs font-mono\">\n      <span className=\"text-command-muted\">{label}</span>\n      <span className=\"text-right font-medium text-command-text\">{value}</span>\n    </div>\n  );\n}\n\nexport function ComparisonBlock({\n  label,\n  text,\n  good = false\n}: {\n  label: string;\n  text: string;\n  good?: boolean;\n}) {\n  return (\n    <motion.div\n      whileHover={{ scale: 1.03, y: -2 }}\n      whileTap={{ scale: 0.98 }}\n      transition={{ type: \"spring\", stiffness: 500, damping: 30 }}\n      className={`relative overflow-hidden border p-3 backdrop-blur-md ${\n        good\n          ? \"border-cyan-400/20 bg-cyan-400/[0.08] hover:border-cyan-400/40\"\n          : \"border-amber-400/20 bg-amber-400/[0.08] hover:border-amber-400/40\"\n      }`}\n    >\n      {good && (\n        <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-cyan-400/40 to-transparent\" />\n      )}\n      <p\n        className={`text-[10px] font-semibold uppercase tracking-[0.18em] ${\n          good ? \"text-cyan-400/70\" : \"text-amber-400/70\"\n        }`}\n      >\n        {label}\n      </p>\n      <p className=\"mt-2 text-xs leading-5 text-slate-300\">{text}</p>\n    </motion.div>\n  );\n}\n\nexport function MagneticWrapper({ children, intensity = 20 }: { children: ReactNode; intensity?: number }) {\n  const ref = useRef<HTMLDivElement>(null);\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n  const rotateX = useMotionValue(0);\n  const rotateY = useMotionValue(0);\n\n  // High performance fluid spring physics\n  const springConfig = { damping: 10, stiffness: 400, mass: 0.1 };\n  const springX = useSpring(x, springConfig);\n  const springY = useSpring(y, springConfig);\n  const springRotateX = useSpring(rotateX, springConfig);\n  const springRotateY = useSpring(rotateY, springConfig);\n\n  const handleMouseMove = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    if (!ref.current) return;\n    const { clientX, clientY } = e;\n    const { width, height, left, top } = ref.current.getBoundingClientRect();\n    const centerX = left + width / 2;\n    const centerY = top + height / 2;\n    \n    const distanceX = clientX - centerX;\n    const distanceY = clientY - centerY;\n\n    x.set((distanceX / (width / 2)) * intensity);\n    y.set((distanceY / (height / 2)) * intensity);\n    \n    // Physical 3D tilt towards mouse\n    rotateX.set((distanceY / (height / 2)) * -15);\n    rotateY.set((distanceX / (width / 2)) * 15);\n  };\n\n  const handleMouseLeave = () => {\n    x.set(0);\n    y.set(0);\n    rotateX.set(0);\n    rotateY.set(0);\n  };\n\n  return (\n    <motion.div\n      ref={ref}\n      onMouseMove={handleMouseMove}\n      onMouseLeave={handleMouseLeave}\n      style={{ x: springX, y: springY, rotateX: springRotateX, rotateY: springRotateY, perspective: 1000, transformStyle: \"preserve-3d\" }}\n      className=\"inline-block relative z-50 cursor-pointer\"\n    >\n      {children}\n    </motion.div>\n  );\n}\n\nexport function ButtonLinkLike({\n  children,\n  tone = \"primary\"\n}: {\n  children: ReactNode;\n  tone?: \"primary\" | \"secondary\";\n}) {\n  const className =\n    tone === \"primary\"\n      ? \"border-cyan-400/40 bg-cyan-400/[0.1] text-cyan-100 hover:bg-cyan-400/[0.25] hover:border-cyan-400/80 shadow-[0_0_15px_rgba(0,212,255,0.2)] hover:shadow-[0_0_30px_rgba(0,212,255,0.5)]\"\n      : \"border-command-line bg-white/[0.05] text-command-text hover:border-cyan-400/50 hover:bg-white/[0.1] hover:shadow-[0_0_20px_rgba(0,212,255,0.2)]\";\n\n  return (\n    <MagneticWrapper intensity={15}>\n      <motion.span\n        whileHover={{ scale: 1.1, filter: \"brightness(1.3)\" }}\n        whileTap={{ scale: 0.9, filter: \"brightness(0.8)\" }}\n        transition={{ type: \"spring\", stiffness: 400, damping: 15, mass: 0.5 }}\n        className={`btn-glow group relative inline-flex items-center gap-2 overflow-hidden border px-4 py-2.5 text-sm font-bold tracking-widest uppercase backdrop-blur-md transition-colors duration-300 ${className}`}\n      >\n        {/* Animated sweep effect */}\n        <span className=\"absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent group-hover:animate-[shimmer_1.5s_infinite]\" />\n        {children}\n      </motion.span>\n    </MagneticWrapper>\n  );\n}\n\nexport function Icon({ name, className = \"\" }: { name: IconName; className?: string }) {\n  const common =\n    \"fill-none stroke-current stroke-[1.6] [stroke-linecap:square] [stroke-linejoin:miter]\";\n\n  return (\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" className={className}>\n      {name === \"check\" && <path className={common} d=\"M4.5 12.5 9.5 17.5 19.5 6.5\" />}\n      {name === \"triangle\" && (\n        <path className={common} d=\"M12 4 21 20H3L12 4ZM12 9V14M12 17H12.01\" />\n      )}\n      {name === \"pulse\" && <path className={common} d=\"M3 12H7L9 6L13 18L16 10H21\" />}\n      {name === \"hand\" && (\n        <path\n          className={common}\n          d=\"M8 12V5.5A1.5 1.5 0 0 1 11 5.5V11M11 10V4.5A1.5 1.5 0 0 1 14 4.5V11M14 10V6A1.5 1.5 0 0 1 17 6V13M8 12L6.5 10.5A1.7 1.7 0 0 0 4 12.8L9 20H17.5L20 14V9A1.5 1.5 0 0 0 17 9\"\n        />\n      )}\n      {name === \"lock\" && (\n        <path className={common} d=\"M7 10V7A5 5 0 0 1 17 7V10M6 10H18V21H6V10ZM12 15V17\" />\n      )}\n      {name === \"hash\" && <path className={common} d=\"M9 3 7 21M17 3 15 21M4 8H20M3 16H19\" />}\n      {name === \"shield\" && (\n        <path className={common} d=\"M12 3 20 6V11C20 16 16.5 19.5 12 21C7.5 19.5 4 16 4 11V6L12 3Z\" />\n      )}\n      {name === \"mission\" && (\n        <path\n          className={common}\n          d=\"M12 3V21M3 12H21M5.5 5.5 18.5 18.5M18.5 5.5 5.5 18.5M8 12A4 4 0 1 0 16 12A4 4 0 0 0 8 12Z\"\n        />\n      )}\n      {name === \"roadmap\" && (\n        <path className={common} d=\"M5 5H9L15 19H19M5 5L9 19M9 5H19M5 19H15\" />\n      )}\n      {name === \"rag\" && <path className={common} d=\"M5 4H19V18H8L5 21V4ZM8 8H16M8 12H14\" />}\n      {name === \"twin\" && (\n        <path className={common} d=\"M6 7 12 4 18 7V17L12 20 6 17V7ZM6 7 12 10 18 7M12 10V20\" />\n      )}\n      {name === \"flow\" && (\n        <path className={common} d=\"M5 6H11V12H5V6ZM13 12H19V18H13V12ZM8 12V16H13M11 9H16V12\" />\n      )}\n      {name === \"stack\" && (\n        <path className={common} d=\"M12 3 21 8 12 13 3 8 12 3ZM3 12 12 17 21 12M3 16 12 21 21 16\" />\n      )}\n      {name === \"chart\" && <path className={common} d=\"M4 19H20M7 16V10M12 16V5M17 16V8\" />}\n      {name === \"evidence\" && (\n        <path\n          className={common}\n          d=\"M7 3H15L19 7V21H7V3ZM14 3V8H19M10 12H16M10 16H15M4 7V17\"\n        />\n      )}\n      {name === \"arrow\" && <path className={common} d=\"M5 12H19M13 6 19 12 13 18\" />}\n      {name === \"play\" && <path className={common} d=\"M7 5V19L19 12L7 5Z\" />}\n      {name === \"pause\" && <path className={common} d=\"M8 5V19M16 5V19\" />}\n      {name === \"database\" && (\n        <path\n          className={common}\n          d=\"M5 7C5 5.34 8.13 4 12 4S19 5.34 19 7 15.87 10 12 10 5 8.66 5 7ZM5 12C5 13.66 8.13 15 12 15S19 13.66 19 12M5 17C5 18.66 8.13 20 12 20S19 18.66 19 17M5 7V17M19 7V17\"\n        />\n      )}\n      {name === \"search\" && (\n        <path\n          className={common}\n          d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n        />\n      )}\n      {name === \"power\" && (\n        <path\n          className={common}\n          d=\"M18.36 6.64a9 9 0 1 1-12.73 0M12 2v10\"\n        />\n      )}\n      {name === \"github\" && (\n        <path\n          className={common}\n          fill=\"currentColor\"\n          stroke=\"none\"\n          d=\"M12 2C6.47 2 2 6.48 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.45-1.15-1.11-1.46-1.11-1.46-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0012 2z\"\n        />\n      )}\n      {name === \"history\" && (\n        <path\n          className={common}\n          d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\n        />\n      )}\n      {name === \"zap\" && (\n        <path\n          className={common}\n          d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\n        />\n      )}\n    </svg>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\command-center-shell.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'audioEngine' is defined but never used.","line":14,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":14,"endColumn":21,"suggestions":[{"messageId":"removeUnusedImportDeclaration","data":{"varName":"audioEngine"},"fix":{"range":[702,765],"text":""},"desc":"Remove unused import declaration."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":32,"column":19,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":32,"endColumn":22,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[1176,1179],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[1176,1179],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":33,"column":17,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":33,"endColumn":20,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[1197,1200],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[1197,1200],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"react-hooks/set-state-in-effect","severity":2,"message":"Error: Calling setState synchronously within an effect can trigger cascading renders\n\nEffects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\command-center-shell.tsx:405:5\n  403 |\n  404 |   useEffect(() => {\n> 405 |     setMounted(true);\n      |     ^^^^^^^^^^ Avoid calling setState() directly within an effect\n  406 |   }, []);\n  407 |\n  408 |   if (!mounted) return <div className=\"flex-1 border border-command-line/60 bg-black/60 p-2 backdrop-blur-md flex items-center gap-4 relative overflow-hidden opacity-0\" />;","line":405,"column":5,"nodeType":null,"endLine":405,"endColumn":15}],"suppressedMessages":[],"errorCount":3,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport Link from \"next/link\";\nimport { motion, useMotionValue, useMotionTemplate } from \"framer-motion\";\nimport { type ReactNode, useEffect, useState } from \"react\";\nimport dynamic from \"next/dynamic\";\nimport { missionAreas, type EvidenceItem } from \"@/lib/tn-ai-data\";\nimport { ButtonLinkLike, Icon, StatusChip } from \"@/components/tn-command-center/command-center-primitives\";\nimport { TutorialOverlay } from \"@/components/tn-command-center/tutorial-overlay\";\nimport { AgentTerminal } from \"@/components/tn-command-center/agent-terminal\";\nimport { AgentSwarmCanvas } from \"@/components/tn-command-center/agent-swarm-canvas\";\n\nimport { useSimulatorStore } from \"@/lib/simulator/store\";\nimport { audioEngine } from \"@/lib/simulator/ui-audio-engine\";\n\nconst DataCoreWebGL = dynamic(() => import(\"@/components/tn-command-center/data-core-webgl\"), { ssr: false });\n\nexport function CommandCenterShell({\n  activeAreaId,\n  rightRail,\n  eventStream,\n  children,\n  utilityActions,\n  modelOverride,\n  signalState\n}: {\n  activeAreaId: string;\n  rightRail?: ReactNode;\n  eventStream: EvidenceItem[];\n  children: ReactNode;\n  utilityActions?: ReactNode;\n  modelOverride?: any;\n  signalState?: any;\n}) {\n  const { activeScenarioId, state } = useSimulatorStore();\n\n  let computedSignalState = signalState || \"normal\";\n  if (!signalState && activeScenarioId) {\n    if (state === \"INCIDENT_SEEDED\" || state === \"SHADOW_EXECUTION_RUNNING\") {\n      computedSignalState = \"watch\";\n    } else if (state === \"SIGNAL_DETECTED\" || state === \"CONTEXT_RETRIEVING\" || state === \"RECOMMENDATION_GENERATED\") {\n      computedSignalState = \"warning\";\n    } else if (state === \"APPROVAL_REQUIRED\" || state === \"OPERATOR_REVIEW\") {\n      computedSignalState = \"critical\";\n    }\n  }\n\n  const computedModelOverride = modelOverride || (activeScenarioId ? activeScenarioId : undefined);\n\n  // Global Flashlight Mouse Tracking\n  const mouseX = useMotionValue(0);\n  const mouseY = useMotionValue(0);\n\n  useEffect(() => {\n    const updateMouse = (e: MouseEvent) => {\n      mouseX.set(e.clientX);\n      mouseY.set(e.clientY);\n    };\n    window.addEventListener(\"mousemove\", updateMouse);\n    return () => window.removeEventListener(\"mousemove\", updateMouse);\n  }, [mouseX, mouseY]);\n\n  return (\n    <main className=\"relative min-h-screen overflow-hidden bg-command-black text-command-text\">\n      \n      {/* Global Agent Swarm Canvas & Terminal */}\n      <AgentSwarmCanvas />\n      <AgentTerminal />\n\n      {/* Global Interactive Flashlight Overlay */}\n      <motion.div\n        className=\"pointer-events-none fixed inset-0 z-20\"\n        style={{\n          background: useMotionTemplate`radial-gradient(1200px circle at ${mouseX}px ${mouseY}px, rgba(0, 212, 255, 0.06), transparent 80%)`\n        }}\n        aria-hidden=\"true\"\n      />\n      \n      {/* Global 3D WebGL Background */}\n      <DataCoreWebGL modelOverride={computedModelOverride} signalState={computedSignalState} />\n\n      {/* Global Interactive Tutorial Overlay */}\n      <TutorialOverlay />\n\n      {/* Animated background grid */}\n      <div className=\"fixed inset-0 command-grid opacity-100\" aria-hidden=\"true\" />\n\n      {/* Aurora glow orbs */}\n      <div\n        className=\"hero-orb fixed h-[500px] w-[500px] animate-[drift_25s_ease-in-out_infinite]\"\n        style={{\n          top: \"-10%\",\n          left: \"-5%\",\n          background: \"radial-gradient(circle, rgba(0,212,255,0.08) 0%, transparent 70%)\"\n        }}\n        aria-hidden=\"true\"\n      />\n      <div\n        className=\"hero-orb fixed h-[400px] w-[400px] animate-[drift_30s_ease-in-out_infinite_reverse]\"\n        style={{\n          top: \"20%\",\n          right: \"-8%\",\n          background: \"radial-gradient(circle, rgba(155,109,255,0.06) 0%, transparent 70%)\"\n        }}\n        aria-hidden=\"true\"\n      />\n      <div\n        className=\"hero-orb fixed h-[350px] w-[350px] animate-[drift_20s_ease-in-out_infinite_1s]\"\n        style={{\n          bottom: \"5%\",\n          left: \"30%\",\n          background: \"radial-gradient(circle, rgba(0,229,160,0.05) 0%, transparent 70%)\"\n        }}\n        aria-hidden=\"true\"\n      />\n\n      {/* Content stack */}\n      <div className=\"relative z-10 flex min-h-screen flex-col\">\n        <CommandHeader utilityActions={utilityActions} />\n        <div className=\"grid flex-1 grid-cols-1 gap-3 px-3 pb-3 lg:grid-cols-[260px_minmax(0,1fr)_300px] lg:px-4\">\n          <MissionRail activeAreaId={activeAreaId} />\n          <section className=\"min-w-0 space-y-3 animate-[fadeIn_0.5s_ease-out]\">\n            {children}\n          </section>\n          <aside className=\"lg:sticky lg:top-[82px] lg:h-[calc(100vh-128px)]\">{rightRail}</aside>\n        </div>\n        <div className=\"flex px-3 lg:px-4 gap-4 mb-2\">\n           <OperatorComms />\n           <TimeScrubber />\n        </div>\n        <EventStream items={eventStream} />\n      </div>\n    </main>\n  );\n}\n\nfunction CommandHeader({ utilityActions }: { utilityActions?: ReactNode }) {\n  return (\n    <header className=\"sticky top-0 z-30 border-b border-command-line/60 bg-command-black/90 px-4 py-3 backdrop-blur-2xl\">\n      {/* Header top accent line */}\n      <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-cyan-400/50 to-transparent\" />\n      {/* Animated scanline */}\n      <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-cyan-400/80 shadow-[0_0_8px_rgba(0,212,255,0.8)] opacity-0 animate-[scan_4s_ease-in-out_infinite]\" />\n\n      <div className=\"flex flex-col gap-3 xl:flex-row xl:items-center xl:justify-between\">\n        {/* Brand */}\n        <div className=\"flex min-w-0 items-center gap-3\">\n          <div className=\"relative grid h-11 w-11 shrink-0 place-items-center border border-cyan-400/30 bg-cyan-400/[0.07] shadow-[0_0_20px_rgba(0,212,255,0.25)] transition-all duration-500 hover:shadow-[0_0_30px_rgba(0,212,255,0.4)]\">\n            <Icon name=\"mission\" className=\"h-6 w-6 text-cyan-300 drop-shadow-[0_0_8px_rgba(0,212,255,0.8)]\" />\n            <span className=\"absolute top-0 left-0 h-2 w-2 border-t border-l border-cyan-400/80\" />\n            <span className=\"absolute bottom-0 right-0 h-2 w-2 border-b border-r border-cyan-400/80\" />\n            <div className=\"absolute inset-0 bg-cyan-400/10 opacity-0 transition-opacity duration-300 hover:opacity-100\" />\n          </div>\n          <div className=\"min-w-0\">\n            <h1 className=\"truncate text-lg font-semibold tracking-tight text-white md:text-xl\">\n              TN Precision AI{\" \"}\n              <span className=\"gradient-text-cyan text-glow-cyan\">Command Center</span>\n            </h1>\n            <div className=\"flex items-center gap-2\">\n              <p className=\"truncate text-[10px] font-medium uppercase tracking-[0.2em] text-command-muted\">\n                RAG · Digital Twins · Blockchain Provenance · Industrial AI\n              </p>\n              <span className=\"hidden h-1 w-1 rounded-full bg-cyan-500/50 xl:block\" />\n              <LiveClock />\n            </div>\n          </div>\n        </div>\n\n        {/* Actions + status pills */}\n        <motion.div \n          className=\"flex flex-wrap items-center gap-2.5\"\n          initial=\"hidden\"\n          animate=\"visible\"\n          variants={{\n            hidden: { opacity: 0 },\n            visible: { opacity: 1, transition: { staggerChildren: 0.1 } }\n          }}\n        >\n          <motion.div variants={{ hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.5 } } }}>\n            <StatusChip status=\"simulated\" />\n          </motion.div>\n          <motion.div variants={{ hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.5 } } }}>\n            <StatusChip status=\"advisory\" />\n          </motion.div>\n          <motion.div variants={{ hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.5 } } }}>\n            <StatusChip status=\"approval\" compact />\n          </motion.div>\n          <motion.div variants={{ hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.5 } } }}>\n            <StatusChip status=\"testnet\" compact />\n          </motion.div>\n          <motion.div variants={{ hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.5 } } }} className=\"relative overflow-hidden border border-command-line/80 bg-command-panel/80 px-3 py-1.5 font-mono text-[10px] uppercase tracking-[0.15em] text-command-steel backdrop-blur-md\">\n            <div className=\"absolute left-0 top-0 bottom-0 w-[2px] bg-cyan-400/50\" />\n            <span className=\"text-command-muted\">Build:</span>{\" \"}\n            <span className=\"text-cyan-100 drop-shadow-[0_0_4px_rgba(0,212,255,0.5)]\">q-hold sim v1.0</span>\n          </motion.div>\n          <motion.a \n            href=\"https://github.com/zrt219\" \n            target=\"_blank\" \n            rel=\"noopener noreferrer\"\n            variants={{ hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.6 } } }}\n            whileHover={{ scale: 1.05, y: -2 }}\n            whileTap={{ scale: 0.95 }}\n            className=\"group relative grid h-[34px] place-items-center gap-2 overflow-hidden border border-cyan-400/30 bg-cyan-400/[0.05] px-3 font-mono text-[10px] font-bold uppercase tracking-widest text-cyan-200 transition-all duration-300 hover:border-cyan-400/60 hover:bg-cyan-400/[0.15] hover:text-white hover:shadow-[0_0_20px_rgba(0,212,255,0.3)]\"\n          >\n            <div className=\"flex items-center gap-2\">\n              <Icon name=\"github\" className=\"h-4 w-4 drop-shadow-[0_0_5px_rgba(0,212,255,0.8)]\" />\n              <span>@zrt219</span>\n            </div>\n          </motion.a>\n          {utilityActions && (\n            <motion.div variants={{ hidden: { opacity: 0, scale: 0.8 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.5 } } }}>\n              {utilityActions}\n            </motion.div>\n          )}\n        </motion.div>\n      </div>\n    </header>\n  );\n}\n\nfunction normalizeAreaId(areaId: string) {\n  const mapping: Record<string, string> = {\n    overview: \"atlas-overview\",\n    roadmap: \"ralphplan-ai\",\n    rag: \"ralphplan-ai\",\n    twins: \"digital-twin-architecture\",\n    ledger: \"chain-state-lab\",\n    automation: \"app-systems\",\n    advisory: \"event-horizon-lab\",\n    governance: \"uranium-systems\",\n    architecture: \"app-systems\",\n    kpis: \"app-systems\",\n    qa: \"app-systems\",\n    cognitive: \"ralphplan-ai\",\n    iot_maker: \"umattr\",\n    logs: \"event-horizon-lab\",\n    tutorials: \"app-systems\",\n    source: \"credentials\"\n  };\n\n  return mapping[areaId] || areaId;\n}\n\nfunction LiveClock() {\n  const [time, setTime] = useState<string>(\"00:00:00 UTC\");\n  \n  useEffect(() => {\n    const update = () => {\n      const d = new Date();\n      setTime(d.toISOString().split(\"T\")[1].split(\".\")[0] + \" UTC\");\n    };\n    update();\n    const interval = setInterval(update, 1000);\n    return () => clearInterval(interval);\n  }, []);\n  \n  return (\n    <span className=\"hidden font-mono text-[10px] text-cyan-400/60 xl:block\">\n      {time}\n    </span>\n  );\n}\n\nfunction MissionRail({ activeAreaId }: { activeAreaId: string }) {\n  const normalizedActiveAreaId = normalizeAreaId(activeAreaId);\n\n  return (\n    <aside className=\"lg:sticky lg:top-[82px] lg:h-[calc(100vh-128px)]\">\n      <div className=\"glass-panel relative flex h-full flex-col overflow-hidden\">\n        {/* Left accent bar */}\n        <div className=\"absolute left-0 top-0 bottom-0 w-[2px] bg-gradient-to-b from-transparent via-cyan-400/30 to-transparent\" />\n\n        <div className=\"border-b border-command-line/60 p-4\">\n          <p className=\"text-[10px] font-semibold uppercase tracking-[0.24em] text-cyan-400/60\">\n            Mission Navigation\n          </p>\n          <p className=\"mt-1.5 text-sm font-medium leading-5 text-slate-300\">\n            Standards-first industrial AI adoption command surface.\n          </p>\n        </div>\n\n        <nav className=\"flex-1 gap-2 space-y-1.5 overflow-y-auto p-3\">\n          {missionAreas.map((area) => {\n            const active = area.id === normalizedActiveAreaId;\n\n            return (\n              <Link\n                key={area.id}\n                href={area.href}\n                aria-label={`${area.index}. ${area.title}: ${area.descriptor}`}\n                className={`group relative grid grid-cols-[36px_1fr_auto] items-center gap-3 overflow-hidden border p-2.5 text-left transition-all duration-300 hover:scale-[1.01] ${\n                  active\n                    ? \"border-cyan-400/40 bg-cyan-400/[0.08] text-white shadow-[0_0_16px_rgba(0,212,255,0.12)]\"\n                    : \"border-command-line/50 bg-black/20 text-command-muted hover:border-cyan-400/25 hover:bg-black/40 hover:text-white\"\n                }`}\n              >\n                {/* Active left indicator */}\n                {active && (\n                  <span className=\"absolute left-0 top-0 bottom-0 w-[3px] bg-gradient-to-b from-cyan-400/80 via-cyan-300 to-cyan-400/80 shadow-[0_0_12px_rgba(0,212,255,0.9)]\" />\n                )}\n                {/* Active top gradient */}\n                {active && (\n                  <span className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-cyan-400/60 to-transparent\" />\n                )}\n\n                <div className={`grid h-9 w-9 place-items-center border transition-colors duration-300 ${active ? \"border-cyan-400/30 bg-cyan-400/10\" : \"border-command-line/50 bg-black/30 group-hover:border-cyan-400/30\"}`}>\n                  <span className={`font-mono text-[10px] ${active ? \"text-cyan-200\" : \"text-command-steel\"}`}>{area.index}</span>\n                </div>\n                \n                <span className=\"min-w-0\">\n                  <span className=\"flex items-center gap-2 text-sm font-semibold\">\n                    <Icon\n                      name={area.icon as Parameters<typeof Icon>[0][\"name\"]}\n                      className={`h-3.5 w-3.5 shrink-0 transition-colors duration-300 ${\n                        active ? \"text-cyan-300 drop-shadow-[0_0_5px_rgba(0,212,255,0.8)]\" : \"text-command-steel group-hover:text-cyan-400/60\"\n                      }`}\n                    />\n                    <span className=\"truncate\">{area.title}</span>\n                  </span>\n                  <span className={`mt-0.5 block truncate text-[10px] uppercase tracking-[0.1em] ${active ? \"text-cyan-100/70\" : \"text-command-muted\"}`}>\n                    {area.descriptor}\n                  </span>\n                </span>\n\n                {/* Active indicator dot */}\n                <span\n                  className={`relative flex h-1.5 w-1.5 shrink-0 transition-all duration-300`}\n                >\n                  {active && (\n                    <span className=\"status-ping absolute inline-flex h-full w-full rounded-full bg-cyan-300 opacity-60\" />\n                  )}\n                  <span className={`relative inline-flex h-1.5 w-1.5 rounded-full ${active ? \"bg-cyan-300 shadow-[0_0_8px_rgba(0,212,255,0.9)]\" : \"bg-command-steel/30\"}`} />\n                </span>\n              </Link>\n            );\n          })}\n        </nav>\n\n        {/* Bottom system status */}\n        <div className=\"border-t border-command-line/60 px-4 py-3\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"relative flex h-2 w-2\">\n              <span className=\"status-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-60\" />\n              <span className=\"relative inline-flex h-2 w-2 rounded-full bg-emerald-400\" />\n            </span>\n            <span className=\"font-mono text-[10px] uppercase tracking-[0.16em] text-command-muted\">\n              System nominal\n            </span>\n          </div>\n        </div>\n      </div>\n    </aside>\n  );\n}\n\nfunction EventStream({ items }: { items: EvidenceItem[] }) {\n  return (\n    <footer className=\"relative border-t border-command-line/60 bg-command-black/80 px-4 py-3 backdrop-blur-xl\">\n      {/* Top shimmer line */}\n      <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-cyan-400/20 to-transparent\" />\n\n      <div className=\"flex flex-col gap-3 xl:flex-row xl:items-start\">\n        <div className=\"shrink-0 xl:w-36\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"relative flex h-2 w-2\">\n              <span className=\"status-ping absolute inline-flex h-full w-full rounded-full bg-cyan-400 opacity-50\" />\n              <span className=\"relative inline-flex h-2 w-2 rounded-full bg-cyan-400\" />\n            </span>\n            <p className=\"text-[10px] font-semibold uppercase tracking-[0.2em] text-command-muted\">\n              Live stream\n            </p>\n          </div>\n          <p className=\"mt-1 text-sm font-medium text-white\">Command Evidence</p>\n        </div>\n\n        <div className=\"grid min-w-0 flex-1 gap-2 xl:grid-cols-4 2xl:grid-cols-5\">\n          {items.map((item) => (\n            <article\n              key={`${item.timestamp}-${item.event}`}\n              className=\"event-card relative overflow-hidden border border-command-line/70 bg-black/40 px-3 py-2 backdrop-blur-md transition-all duration-300 hover:scale-[1.02] hover:border-cyan-400/40 hover:bg-black/60 hover:shadow-[0_0_15px_rgba(0,212,255,0.1)]\"\n            >\n              <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-cyan-400/10 to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100\" />\n              <div className=\"flex items-center justify-between gap-2\">\n                <span className=\"font-mono text-[10px] text-command-steel\">{item.timestamp}</span>\n                <StatusChip status={item.status} compact />\n              </div>\n              <p className=\"mt-1.5 truncate text-xs font-semibold text-white group-hover:text-cyan-100\">{item.event}</p>\n              <p className=\"mt-0.5 truncate text-[10px] uppercase tracking-[0.05em] text-command-muted\">\n                <span className=\"text-cyan-400/50\">{item.source}</span>: {item.payload}\n              </p>\n            </article>\n          ))}\n        </div>\n      </div>\n    </footer>\n  );\n}\n\nfunction TimeScrubber() {\n  const { activeScenarioId, events } = useSimulatorStore();\n  const [mounted, setMounted] = useState(false);\n  const [scrubIndex, setScrubIndex] = useState<number | null>(null);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return <div className=\"flex-1 border border-command-line/60 bg-black/60 p-2 backdrop-blur-md flex items-center gap-4 relative overflow-hidden opacity-0\" />;\n\n  if (!activeScenarioId || events.length === 0) return <div className=\"flex-1 border border-command-line/60 bg-black/60 p-2 backdrop-blur-md flex items-center gap-4 relative overflow-hidden opacity-0\" />;\n\n  const maxIndex = events.length - 1;\n  const currentIndex = scrubIndex !== null ? scrubIndex : maxIndex;\n\n  return (\n    <div className=\"flex-1 border border-command-line/60 bg-black/60 p-2 backdrop-blur-md flex items-center gap-4 relative overflow-hidden\">\n      <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_10px,rgba(0,212,255,0.03)_10px,rgba(0,212,255,0.03)_20px)] pointer-events-none\" />\n      <Icon name=\"history\" className=\"h-4 w-4 text-cyan-400\" />\n      <div className=\"flex-1 flex flex-col\">\n        <div className=\"flex justify-between text-[9px] font-mono text-cyan-400/80 uppercase tracking-widest mb-1\">\n          <span>T-MINUS (Rewind)</span>\n          <span>{currentIndex === maxIndex ? \"LIVE\" : \"ARCHIVE PLAYBACK\"}</span>\n        </div>\n        <input \n          type=\"range\" \n          min={0} \n          max={maxIndex} \n          value={currentIndex}\n          onChange={(e) => setScrubIndex(Number(e.target.value) === maxIndex ? null : Number(e.target.value))}\n          className=\"w-full h-1 bg-cyan-900/50 appearance-none rounded-full outline-none [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:bg-cyan-400 [&::-webkit-slider-thumb]:rounded-full cursor-pointer\"\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction OperatorComms() {\n  const [levels, setLevels] = useState<number[]>(Array(10).fill(10));\n  const { state } = useSimulatorStore();\n\n  useEffect(() => {\n    // Simulate radio chatter intensity based on simulator state\n    const isCritical = state === \"APPROVAL_REQUIRED\" || state === \"SIGNAL_DETECTED\";\n    \n    const interval = setInterval(() => {\n      setLevels(prev => prev.map(() => {\n        const base = isCritical ? 40 : 10;\n        const variance = isCritical ? 60 : 30;\n        return base + Math.random() * variance;\n      }));\n    }, 100);\n\n    return () => clearInterval(interval);\n  }, [state]);\n\n  return (\n    <div className=\"w-48 border border-amber-500/30 bg-amber-900/10 p-2 backdrop-blur-md flex items-center gap-2\">\n      <Icon name=\"zap\" className=\"h-4 w-4 text-amber-500 animate-pulse\" />\n      <div className=\"flex-1 flex items-end justify-between h-6 gap-0.5\">\n        {levels.map((lvl, i) => (\n          <div key={i} className=\"w-full bg-amber-500/80 transition-all duration-75\" style={{ height: `${lvl}%` }} />\n        ))}\n      </div>\n      <span className=\"text-[8px] font-mono text-amber-500 uppercase tracking-widest rotate-[-90deg] translate-x-2\">COMMS</span>\n    </div>\n  );\n}\n\nexport function ShellActionLink({\n  href,\n  label,\n  tone = \"primary\"\n}: {\n  href: string;\n  label: string;\n  tone?: \"primary\" | \"secondary\";\n}) {\n  return (\n    <Link href={href}>\n      <ButtonLinkLike tone={tone}>\n        <Icon name={tone === \"primary\" ? \"play\" : \"arrow\"} className=\"h-3.5 w-3.5\" />\n        <span>{label}</span>\n      </ButtonLinkLike>\n    </Link>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\data-core-webgl.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'useEffect' is defined but never used.","line":3,"column":27,"nodeType":"Identifier","messageId":"unusedVar","endLine":3,"endColumn":36,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"useEffect"},"fix":{"range":[39,50],"text":""},"desc":"Remove unused variable \"useEffect\"."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'useState' is defined but never used.","line":3,"column":38,"nodeType":"Identifier","messageId":"unusedVar","endLine":3,"endColumn":46,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"useState"},"fix":{"range":[50,60],"text":""},"desc":"Remove unused variable \"useState\"."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'generateHeatField' is defined but never used.","line":21,"column":3,"nodeType":"Identifier","messageId":"unusedVar","endLine":21,"endColumn":20,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"generateHeatField"},"fix":{"range":[639,660],"text":""},"desc":"Remove unused variable \"generateHeatField\"."}]},{"ruleId":"@typescript-eslint/ban-ts-comment","severity":2,"message":"Use \"@ts-expect-error\" instead of \"@ts-ignore\", as \"@ts-ignore\" will do nothing if the following line is error-free.","line":114,"column":5,"nodeType":"Line","messageId":"tsIgnoreInsteadOfExpectError","endLine":114,"endColumn":18,"suggestions":[{"messageId":"replaceTsIgnoreWithTsExpectError","fix":{"range":[7036,7049],"text":"// @ts-expect-error"},"desc":"Replace \"@ts-ignore\" with \"@ts-expect-error\"."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":118,"column":37,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":118,"endColumn":40,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[7177,7180],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[7177,7180],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":119,"column":49,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":119,"endColumn":52,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[7255,7258],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[7255,7258],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":120,"column":46,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":120,"endColumn":49,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[7326,7329],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[7326,7329],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":158,"column":60,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":158,"endColumn":63,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[8472,8475],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[8472,8475],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]}],"suppressedMessages":[],"errorCount":5,"fatalErrorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { useRef, useMemo, useEffect, useState } from \"react\";\nimport { Canvas, useFrame } from \"@react-three/fiber\";\nimport { OrbitControls, Stars, Float, PointMaterial } from \"@react-three/drei\";\nimport { EffectComposer, Bloom, Glitch, ChromaticAberration } from \"@react-three/postprocessing\";\nimport { GlitchMode, BlendFunction } from \"postprocessing\";\nimport * as THREE from \"three\";\nimport { usePathname } from \"next/navigation\";\nimport {\n  generateGlobe,\n  generateHelix,\n  generateNeural,\n  generateSpindle,\n  generateGrid,\n  generateOctahedron,\n  generateShield,\n  generateLattice,\n  generateCylinder,\n  generateTorus,\n  generateHeatField,\n  generateWaveTunnel,\n  generateErodingGeometry,\n  generateFlowNetwork,\n  generateOrb,\n  generateCentrifugeFEA\n} from \"./webgl-geometries\";\n\nexport type TwinModelId =\n  | \"executive-globe\"\n  | \"roadmap-helix\"\n  | \"rag-knowledge-graph\"\n  | \"simulator-chaotic-spindle\"\n  | \"ledger-blockchain-grid\"\n  | \"advisory-decision-core\"\n  | \"governance-shield\"\n  | \"architecture-lattice\"\n  | \"kpi-telemetry-cylinder\"\n  | \"qa-inspection-torus\"\n  | \"thermal-heat-field\"\n  | \"vibration-wave-tunnel\"\n  | \"tool-wear-geometry\"\n  | \"supply-chain-flow\"\n  | \"operator-approval-orb\"\n  | \"stuxnet-centrifuge\";\n\nexport type WebGLSignalState = \"normal\" | \"watch\" | \"warning\" | \"critical\";\n\nfunction getTwinConfig(areaOrModel: string, state: WebGLSignalState) {\n  // Determine base color and animation intensity based on state\n  let color = \"#00d4ff\"; // Normal Cyan\n  let intensity = 1;\n  let pulse = 0.02;\n\n  if (state === \"watch\") {\n    color = \"#f59e0b\"; // Amber\n    intensity = 1.5;\n    pulse = 0.08;\n  } else if (state === \"warning\") {\n    color = \"#ef4444\"; // Red\n    intensity = 2.0;\n    pulse = 0.15;\n  } else if (state === \"critical\") {\n    color = \"#b91c1c\"; // Dark Red / Chaotic\n    intensity = 3.0;\n    pulse = 0.25;\n  }\n\n  // Model Mapping\n  switch(areaOrModel) {\n    // Exact Model IDs\n    case \"executive-globe\": return { generate: generateGlobe, color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 6, args: [], size: 0.02 };\n    case \"roadmap-helix\": return { generate: generateHelix, color: state === \"normal\" ? \"#ffb84d\" : color, rotSpeed: 0.1 * intensity, pulse, cameraZ: 12, args: [], size: 0.03 };\n    case \"rag-knowledge-graph\": return { generate: generateNeural, color: state === \"normal\" ? \"#9b6dff\" : color, rotSpeed: 0.02 * intensity, pulse, cameraZ: 7, args: [], size: 0.03 };\n    case \"simulator-chaotic-spindle\": return { generate: generateSpindle, color, rotSpeed: 0.4 * intensity, pulse, cameraZ: 8, args: [true], size: 0.04 };\n    case \"ledger-blockchain-grid\": return { generate: generateGrid, color: state === \"normal\" ? \"#00e5a0\" : color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 9, args: [], size: 0.03 };\n    case \"advisory-decision-core\": return { generate: generateOctahedron, color: state === \"normal\" ? \"#e8f4ff\" : color, rotSpeed: 0.1 * intensity, pulse, cameraZ: 7, args: [], size: 0.03 };\n    case \"governance-shield\": return { generate: generateShield, color: state === \"normal\" ? \"#00e5a0\" : color, rotSpeed: 0.08 * intensity, pulse, cameraZ: 7, args: [], size: 0.02 };\n    case \"architecture-lattice\": return { generate: generateLattice, color: state === \"normal\" ? \"#0099bb\" : color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 8, args: [], size: 0.03 };\n    case \"kpi-telemetry-cylinder\": return { generate: generateCylinder, color: state === \"normal\" ? \"#ff4d7a\" : color, rotSpeed: 0.2 * intensity, pulse, cameraZ: 10, args: [], size: 0.03 };\n    case \"qa-inspection-torus\": return { generate: generateTorus, color: state === \"normal\" ? \"#ffb84d\" : color, rotSpeed: 0.15 * intensity, pulse, cameraZ: 8, args: [], size: 0.03 };\n    case \"thermal-heat-field\": return { generate: generateCentrifugeFEA, color: state === \"normal\" ? \"#ff6600\" : color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 7, args: [state === \"critical\" ? 1.0 : state === \"warning\" ? 0.6 : 0.2], size: 0.05 };\n    case \"vibration-wave-tunnel\": return { generate: generateWaveTunnel, color, rotSpeed: 0.8 * intensity, pulse, cameraZ: 6, args: [], size: 0.04 };\n    case \"tool-wear-geometry\": return { generate: generateErodingGeometry, color: state === \"normal\" ? \"#a3a3a3\" : color, rotSpeed: 0.1 * intensity, pulse, cameraZ: 6, args: [], size: 0.05 };\n    case \"supply-chain-flow\": return { generate: generateFlowNetwork, color: state === \"normal\" ? \"#3b82f6\" : color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 9, args: [], size: 0.03 };\n    case \"operator-approval-orb\": return { generate: generateOrb, color: state === \"normal\" ? \"#22c55e\" : color, rotSpeed: 0.02 * intensity, pulse, cameraZ: 5, args: [], size: 0.02 };\n    case \"stuxnet-centrifuge\": return { generate: generateCylinder, color: \"#ff0000\", rotSpeed: 4.0 * intensity, pulse: 0.8, cameraZ: 8, args: [], size: 0.06 };\n\n    // Fallback URL Pathname Routing\n    case \"/\": return { generate: generateGlobe, color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 6, args: [], size: 0.02 };\n    case \"/roadmap\": return { generate: generateHelix, color: state === \"normal\" ? \"#ffb84d\" : color, rotSpeed: 0.1 * intensity, pulse, cameraZ: 12, args: [], size: 0.03 };\n    case \"/rag\": return { generate: generateNeural, color: state === \"normal\" ? \"#9b6dff\" : color, rotSpeed: 0.02 * intensity, pulse, cameraZ: 7, args: [], size: 0.03 };\n    case \"/simulator\": return { generate: generateSpindle, color, rotSpeed: 0.4 * intensity, pulse, cameraZ: 8, args: [true], size: 0.04 };\n    case \"/ledger\": return { generate: generateGrid, color: state === \"normal\" ? \"#00e5a0\" : color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 9, args: [], size: 0.03 };\n    case \"/advisory\": return { generate: generateOctahedron, color: state === \"normal\" ? \"#e8f4ff\" : color, rotSpeed: 0.1 * intensity, pulse, cameraZ: 7, args: [], size: 0.03 };\n    case \"/governance\": return { generate: generateShield, color: state === \"normal\" ? \"#00e5a0\" : color, rotSpeed: 0.08 * intensity, pulse, cameraZ: 7, args: [], size: 0.02 };\n    case \"/architecture\": return { generate: generateLattice, color: state === \"normal\" ? \"#0099bb\" : color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 8, args: [], size: 0.03 };\n    case \"/kpi\": return { generate: generateCylinder, color: state === \"normal\" ? \"#ff4d7a\" : color, rotSpeed: 0.2 * intensity, pulse, cameraZ: 10, args: [], size: 0.03 };\n    case \"/qa\": return { generate: generateTorus, color: state === \"normal\" ? \"#ffb84d\" : color, rotSpeed: 0.15 * intensity, pulse, cameraZ: 8, args: [], size: 0.03 };\n\n    default: return { generate: generateGlobe, color, rotSpeed: 0.05 * intensity, pulse, cameraZ: 6, args: [], size: 0.02 };\n  }\n}\n\nfunction ParticleCore({ state, areaOrModel }: { state: WebGLSignalState, areaOrModel: string }) {\n  const pointsRef = useRef<THREE.Points>(null);\n  \n  // 15000 particles for a GIGANTIC digital twin feel\n  const particleCount = 15000;\n  \n  const config = useMemo(() => getTwinConfig(areaOrModel, state), [areaOrModel, state]);\n\n  const geoData = useMemo(() => {\n    // @ts-ignore\n    return config.generate(particleCount, ...config.args);\n  }, [config, particleCount]);\n\n  const isAdvancedGeo = (geoData as any).positions !== undefined;\n  const positions = isAdvancedGeo ? (geoData as any).positions : geoData;\n  const colors = isAdvancedGeo ? (geoData as any).colors : null;\n\n  // Color transition target\n  const targetColor = useMemo(() => new THREE.Color(config.color), [config.color]);\n  const materialRef = useRef<THREE.PointsMaterial>(null);\n\n  useFrame((stateObj) => {\n    if (!pointsRef.current) return;\n    const time = stateObj.clock.getElapsedTime();\n    \n    pointsRef.current.rotation.y = time * config.rotSpeed;\n    \n    // Pulse effect\n    const scale = 1 + Math.sin(time * (state === \"normal\" ? 2 : 5)) * config.pulse;\n    pointsRef.current.scale.set(scale, scale, scale);\n\n    // Smooth color interpolation\n    if (materialRef.current) {\n      materialRef.current.color.lerp(targetColor, 0.05);\n    }\n  });\n\n  return (\n    <Points ref={pointsRef} positions={positions} colors={colors} stride={3} frustumCulled={false}>\n      <PointMaterial\n        ref={materialRef}\n        transparent\n        vertexColors={!!colors}\n        color={colors ? \"#ffffff\" : config.color}\n        size={config.size}\n        sizeAttenuation={true}\n        depthWrite={false}\n        blending={THREE.AdditiveBlending}\n      />\n    </Points>\n  );\n}\n\nfunction Points({ positions, colors, children, ...props }: any) {\n  const geometry = useMemo(() => {\n    const geo = new THREE.BufferGeometry();\n    geo.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n    if (colors) {\n      geo.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n    }\n    return geo;\n  }, [positions, colors]);\n\n  return (\n    <points geometry={geometry} {...props}>\n      {children}\n    </points>\n  );\n}\n\nfunction MouseParallax({ children }: { children: React.ReactNode }) {\n  const groupRef = useRef<THREE.Group>(null);\n  useFrame((state) => {\n    if (!groupRef.current) return;\n    const targetX = (state.pointer.x * Math.PI) / 6;\n    const targetY = (state.pointer.y * Math.PI) / 8;\n    groupRef.current.rotation.y += (targetX - groupRef.current.rotation.y) * 0.05;\n    groupRef.current.rotation.x += (-targetY - groupRef.current.rotation.x) * 0.05;\n  });\n  return <group ref={groupRef}>{children}</group>;\n}\n\nexport default function DataCoreWebGL({ \n  modelOverride,\n  signalState = \"normal\" \n}: { \n  modelOverride?: TwinModelId,\n  signalState?: WebGLSignalState\n}) {\n  const pathname = usePathname();\n  const areaOrModel = modelOverride || pathname || \"/\";\n  const config = getTwinConfig(areaOrModel, signalState);\n\n  // Massive scaling for global background\n  return (\n    <div className=\"fixed inset-0 z-0 pointer-events-none mix-blend-screen transition-opacity duration-1000\">\n      <Canvas camera={{ position: [0, 0, config.cameraZ], fov: 60 }}>\n        <ambientLight intensity={0.5} />\n        <MouseParallax>\n          <Float speed={signalState !== \"normal\" ? 3 : 1} rotationIntensity={signalState !== \"normal\" ? 1.5 : 0.5} floatIntensity={signalState !== \"normal\" ? 2 : 1}>\n            <ParticleCore state={signalState} areaOrModel={areaOrModel} />\n          </Float>\n        </MouseParallax>\n        <Stars radius={100} depth={50} count={3000} factor={6} saturation={0} fade speed={signalState !== \"normal\" ? 3 : 1} />\n        <OrbitControls \n          enableZoom={false} \n          enablePan={false} \n          autoRotate \n          autoRotateSpeed={signalState !== \"normal\" ? 4 : 0.5} \n          maxPolarAngle={Math.PI / 1.5}\n          minPolarAngle={Math.PI / 3}\n        />\n        <EffectComposer>\n          <Bloom \n            luminanceThreshold={0.2} \n            mipmapBlur \n            intensity={signalState !== \"normal\" ? 2.5 : 1.5} \n          />\n          <Glitch\n            delay={new THREE.Vector2(1.5, 3.5)} // min and max delay\n            duration={new THREE.Vector2(0.1, 0.3)} // min and max duration\n            strength={new THREE.Vector2(0.1, 0.4)} // min and max strength\n            mode={GlitchMode.SPORADIC} // glitch mode\n            active={signalState === \"critical\"} // turn on/off the effect\n            ratio={0.85} // Threshold for strong glitches\n          />\n          <ChromaticAberration\n            blendFunction={(signalState === \"warning\" || signalState === \"critical\") ? BlendFunction.NORMAL : BlendFunction.SKIP} // blend mode\n            offset={new THREE.Vector2(0.002, 0.002)} // color offset\n          />\n        </EffectComposer>\n      </Canvas>\n      {/* Soft vignette to blend the edges without covering too much */}\n      <div className=\"absolute inset-0 pointer-events-none\" style={{ background: \"radial-gradient(circle at center, transparent 40%, rgba(0,0,0,0.5) 90%, black 100%)\" }} />\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\executive-dashboard.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'overviewEvents' is defined but never used.","line":6,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":6,"endColumn":24,"suggestions":[{"messageId":"removeUnusedImportDeclaration","data":{"varName":"overviewEvents"},"fix":{"range":[178,229],"text":""},"desc":"Remove unused import declaration."}]}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport Link from \"next/link\";\nimport { motion } from \"framer-motion\";\nimport { Icon, StatusChip } from \"@/components/tn-command-center/command-center-primitives\";\nimport { overviewEvents } from \"@/lib/tn-ai-data\";\n\nexport function ExecutiveDashboard() {\n  return (\n    <div className=\"flex h-full flex-col gap-4\">\n      {/* Top Header Metrics (Floating overlay style) */}\n      <motion.div \n        variants={{ hidden: { opacity: 0, y: -20 }, visible: { opacity: 1, y: 0, transition: { staggerChildren: 0.1 } } }}\n        initial=\"hidden\" animate=\"visible\"\n        className=\"grid grid-cols-4 gap-4 z-10\"\n      >\n        {[\n          { label: \"Spindle Speed\", value: \"12,450\", unit: \"RPM\", trend: \"+0.45% vs target\", color: \"text-white\" },\n          { label: \"Feed Rate\", value: \"1,250\", unit: \"mm/min\", trend: \"+0.10% vs target\", color: \"text-white\" },\n          { label: \"Coolant Temp\", value: \"20.6\", unit: \"°C\", trend: \"+0.2 °C vs target\", color: \"text-white\" },\n          { label: \"Power Draw\", value: \"7.8\", unit: \"kW\", trend: \"-1.3% vs baseline\", color: \"text-white\" }\n        ].map((metric, i) => (\n          <motion.div \n            key={i}\n            variants={{ hidden: { opacity: 0, scale: 0.9 }, visible: { opacity: 1, scale: 1, transition: { type: \"spring\", bounce: 0.5 } } }}\n            className=\"relative overflow-hidden border border-command-line/40 bg-black/10 p-4 backdrop-blur-md\"\n          >\n            <div className=\"flex items-center gap-2\">\n              <span className=\"h-1.5 w-1.5 rounded-full bg-cyan-400 animate-pulse\" />\n              <p className=\"text-[10px] font-semibold uppercase tracking-widest text-command-muted\">{metric.label}</p>\n            </div>\n            <div className=\"mt-2 flex items-baseline gap-1\">\n              <span className={`text-2xl font-bold ${metric.color}`}>{metric.value}</span>\n              <span className=\"text-[10px] font-semibold uppercase text-cyan-400/60\">{metric.unit}</span>\n            </div>\n          </motion.div>\n        ))}\n      </motion.div>\n\n      {/* Main Grid: Transparent Center, Right Rail */}\n      <motion.div \n        variants={{ hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.1, delayChildren: 0.2 } } }}\n        initial=\"hidden\" animate=\"visible\"\n        className=\"grid flex-1 grid-cols-[1fr_360px] gap-4 relative\"\n      >\n        {/* Center Canvas: OPEN FOR WEBGL */}\n        <div className=\"relative flex flex-col justify-end pb-4\">\n          {/* Floating UI tags over the 3D twin */}\n          <motion.div \n            animate={{ y: [0, -5, 0] }} \n            transition={{ duration: 4, repeat: Infinity, ease: \"easeInOut\" }}\n            className=\"absolute top-1/2 left-[20%] z-10 hidden xl:block\"\n          >\n            <div className=\"flex items-center gap-2\">\n              <div className=\"h-[1px] w-12 bg-cyan-400/50\" />\n              <div className=\"border border-cyan-400/30 bg-black/40 px-2 py-1 backdrop-blur-md\">\n                <span className=\"text-[10px] font-mono text-cyan-200\">T-04 Wear: 12%</span>\n              </div>\n            </div>\n          </motion.div>\n          \n          <motion.div \n            animate={{ y: [0, 5, 0] }} \n            transition={{ duration: 5, repeat: Infinity, ease: \"easeInOut\", delay: 1 }}\n            className=\"absolute top-[40%] right-[20%] z-10 hidden xl:block\"\n          >\n            <div className=\"flex items-center gap-2\">\n              <div className=\"border border-cyan-400/30 bg-black/40 px-2 py-1 backdrop-blur-md text-right\">\n                <span className=\"text-[10px] font-mono text-cyan-200\">Zone A: Nominal</span>\n              </div>\n              <div className=\"h-[1px] w-12 bg-cyan-400/50\" />\n            </div>\n          </motion.div>\n\n          <div className=\"absolute right-10 bottom-10 z-10 hidden xl:block text-right\">\n             <p className=\"text-[10px] uppercase tracking-[0.2em] text-cyan-400/60 mb-1\">DIGITAL TWIN STATE</p>\n             <div className=\"flex items-center justify-end gap-3\">\n               <div className=\"relative grid h-12 w-12 place-items-center rounded-full border border-cyan-400/40 bg-cyan-400/10 backdrop-blur-md\">\n                 <span className=\"text-sm font-bold text-cyan-200 drop-shadow-[0_0_5px_currentColor]\">96%</span>\n                 <svg className=\"absolute inset-0 h-full w-full -rotate-90\">\n                   <circle cx=\"24\" cy=\"24\" r=\"23\" fill=\"none\" stroke=\"rgba(0,212,255,0.2)\" strokeWidth=\"2\" />\n                   <circle cx=\"24\" cy=\"24\" r=\"23\" fill=\"none\" stroke=\"rgba(0,212,255,0.8)\" strokeWidth=\"2\" strokeDasharray=\"144\" strokeDashoffset=\"5.76\" />\n                 </svg>\n               </div>\n               <div className=\"text-left\">\n                 <p className=\"text-[10px] uppercase text-command-muted\">Confidence</p>\n                 <p className=\"text-xs font-bold text-white\">98.7%</p>\n                 <p className=\"text-[10px] uppercase text-command-muted mt-1\">Latency</p>\n                 <p className=\"text-xs font-bold text-white\">18 ms</p>\n               </div>\n             </div>\n          </div>\n\n          {/* MASSIVE START CTA */}\n          <motion.div \n            initial={{ opacity: 0, scale: 0.8, y: 20 }}\n            animate={{ opacity: 1, scale: 1, y: 0 }}\n            transition={{ delay: 1.5, type: \"spring\", bounce: 0.6 }}\n            className=\"absolute bottom-10 left-1/2 -translate-x-1/2 z-20 hidden md:block\"\n          >\n            <Link href=\"/simulator\">\n              <button className=\"group relative flex items-center gap-3 overflow-hidden border border-cyan-400/50 bg-cyan-400/[0.1] px-8 py-4 backdrop-blur-md transition-all hover:bg-cyan-400/[0.2] hover:shadow-[0_0_40px_rgba(0,212,255,0.4)] hover:scale-105 active:scale-95\">\n                <div className=\"absolute inset-0 bg-gradient-to-r from-transparent via-cyan-400/20 to-transparent opacity-0 transition-opacity group-hover:opacity-100 group-hover:animate-[scan_2s_ease-in-out_infinite]\" />\n                <span className=\"relative flex h-3 w-3 shrink-0\">\n                  <span className=\"absolute inline-flex h-full w-full animate-ping rounded-full bg-cyan-400 opacity-75\"></span>\n                  <span className=\"relative inline-flex h-3 w-3 rounded-full bg-cyan-400\"></span>\n                </span>\n                <span className=\"relative font-mono text-sm font-bold uppercase tracking-[0.3em] text-cyan-100 drop-shadow-[0_0_8px_rgba(0,212,255,0.8)]\">\n                  Start Simulator Now\n                </span>\n              </button>\n            </Link>\n          </motion.div>\n        </div>\n\n        {/* Right Rail: Intelligence & KPIs */}\n        <motion.div variants={{ hidden: { opacity: 0, x: 20 }, visible: { opacity: 1, x: 0 } }} className=\"flex flex-col gap-4 z-10\">\n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl\">\n            <h3 className=\"font-mono text-[10px] font-bold uppercase tracking-widest text-cyan-400/80 mb-3\">Command Intelligence</h3>\n            <p className=\"text-sm font-semibold text-white\">Maintenance Knowledge</p>\n            <p className=\"text-xs text-command-muted mt-1 mb-4\">Retrieve proven solutions from operational knowledge base.</p>\n            <div className=\"border border-cyan-400/30 bg-cyan-400/5 p-3\">\n              <p className=\"text-[10px] uppercase text-cyan-400/60 mb-1\">Top Recommendation</p>\n              <p className=\"text-xs font-bold text-cyan-200\">Spindle thermal drift compensation</p>\n              <div className=\"mt-2 flex justify-between text-[10px] text-command-muted\">\n                <span>Success rate: <span className=\"text-emerald-400\">94%</span></span>\n                <span>Used in: <span className=\"text-white\">128 runs</span></span>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl\">\n             <h3 className=\"font-mono text-[10px] font-bold uppercase tracking-widest text-cyan-400/80 mb-3\">Operator Actions</h3>\n             <div className=\"border border-amber-400/30 bg-amber-400/5 p-3\">\n               <div className=\"flex justify-between items-start mb-2\">\n                 <div>\n                   <p className=\"text-xs font-bold text-amber-400\">Thermal offset update</p>\n                   <p className=\"text-[10px] text-command-muted mt-0.5\">Adjust spindle comp: +2.3 μm</p>\n                 </div>\n                 <StatusChip status=\"approval\" compact />\n               </div>\n               <button className=\"w-full mt-2 border border-amber-400/40 bg-amber-400/10 py-1.5 text-[10px] font-bold tracking-widest text-amber-400 transition-all hover:bg-amber-400/20\">REVIEW</button>\n             </div>\n          </div>\n\n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl\">\n             <h3 className=\"font-mono text-[10px] font-bold uppercase tracking-widest text-cyan-400/80 mb-3\">KPIs - This Shift</h3>\n             <div className=\"grid grid-cols-2 gap-4\">\n               <div>\n                 <p className=\"text-[10px] uppercase text-command-muted\">OEE</p>\n                 <p className=\"text-xl font-bold text-white\">89.6%</p>\n                 <p className=\"text-[10px] text-emerald-400\">+1.2%</p>\n               </div>\n               <div>\n                 <p className=\"text-[10px] uppercase text-command-muted\">First Pass Yield</p>\n                 <p className=\"text-xl font-bold text-white\">98.7%</p>\n                 <p className=\"text-[10px] text-emerald-400\">+0.3%</p>\n               </div>\n               <div>\n                 <p className=\"text-[10px] uppercase text-command-muted\">Scrap Rate</p>\n                 <p className=\"text-xl font-bold text-white\">0.32%</p>\n                 <p className=\"text-[10px] text-emerald-400\">-0.05%</p>\n               </div>\n               <div>\n                 <p className=\"text-[10px] uppercase text-command-muted\">On-Time Delivery</p>\n                 <p className=\"text-xl font-bold text-white\">99.1%</p>\n                 <p className=\"text-[10px] text-emerald-400\">+1.7%</p>\n               </div>\n             </div>\n          </div>\n          \n          <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl flex-1\">\n             <div className=\"flex justify-between items-center mb-3\">\n               <h3 className=\"font-mono text-[10px] font-bold uppercase tracking-widest text-cyan-400/80\">System Alerts</h3>\n               <span className=\"text-[10px] text-cyan-400 hover:text-cyan-300 cursor-pointer\">View all</span>\n             </div>\n             <div className=\"space-y-3\">\n               <div className=\"flex gap-2\">\n                 <Icon name=\"flow\" className=\"h-4 w-4 text-amber-400 shrink-0 mt-0.5\" />\n                 <div>\n                   <p className=\"text-xs text-white\">Thermal drift trending up</p>\n                   <p className=\"text-[10px] text-command-muted\">Spindle 2 - Monitor</p>\n                 </div>\n               </div>\n               <div className=\"flex gap-2\">\n                 <Icon name=\"flow\" className=\"h-4 w-4 text-emerald-400 shrink-0 mt-0.5\" />\n                 <div>\n                   <p className=\"text-xs text-white\">Vibration anomaly resolved</p>\n                   <p className=\"text-[10px] text-command-muted\">Bearing B2 - Normal</p>\n                 </div>\n               </div>\n             </div>\n          </div>\n\n          {/* Global Fleet Command & E-Stop */}\n          <div className=\"relative overflow-hidden border border-red-500/50 bg-red-950/20 p-4 backdrop-blur-3xl\">\n             <h3 className=\"font-mono text-[10px] font-bold uppercase tracking-widest text-red-400 mb-3 flex items-center gap-2\">\n               <span className=\"h-2 w-2 rounded-full bg-red-500 animate-pulse\" />\n               Global Fleet Control\n             </h3>\n             <div className=\"space-y-3\">\n               <div>\n                 <p className=\"text-[9px] uppercase text-red-400/60 mb-1\">Fleet Broadcast (HMI Override)</p>\n                 <div className=\"flex gap-2\">\n                   <input type=\"text\" placeholder=\"Enter override command...\" className=\"flex-1 bg-black/50 border border-red-500/30 text-xs text-white px-2 py-1 outline-none focus:border-red-500/80\" />\n                   <button className=\"bg-red-500/20 text-red-400 text-[10px] font-bold px-3 uppercase border border-red-500/50 hover:bg-red-500/40 transition-colors\">TX</button>\n                 </div>\n               </div>\n               <button className=\"w-full relative group overflow-hidden border border-red-500 bg-red-500/20 py-2 transition-all hover:bg-red-600/40\">\n                 <div className=\"absolute inset-0 bg-[repeating-linear-gradient(45deg,transparent,transparent_10px,rgba(239,68,68,0.2)_10px,rgba(239,68,68,0.2)_20px)] opacity-50\" />\n                 <span className=\"relative text-xs font-black uppercase tracking-[0.2em] text-white drop-shadow-[0_0_8px_rgba(239,68,68,0.8)]\">\n                   Total Plant E-Stop\n                 </span>\n                 <p className=\"relative text-[8px] uppercase text-red-200 mt-0.5 tracking-widest\">Requires MFA Auth</p>\n               </button>\n             </div>\n           </div>\n        </motion.div>\n      </motion.div>\n\n      {/* Bottom Rail: Scenarios, Traceability, Ledger */}\n      <motion.div variants={{ hidden: { opacity: 0, y: 20 }, visible: { opacity: 1, y: 0 } }} className=\"grid grid-cols-[1fr_1fr_1fr] gap-4 z-10\">\n        \n        {/* Scenarios */}\n        <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl flex flex-col\">\n          <span className=\"text-[10px] font-semibold uppercase tracking-widest text-command-muted mb-3\">REPLAYABLE TWIN SCENARIOS</span>\n          <div className=\"space-y-2 flex-1\">\n            <div className=\"flex justify-between items-center border-b border-command-line/30 pb-2\">\n              <span className=\"text-xs text-command-steel\">Scenario 1 - Roughing</span>\n              <span className=\"text-[10px] font-bold text-emerald-400\">COMPLETED</span>\n            </div>\n            <div className=\"flex justify-between items-center border-b border-command-line/30 pb-2\">\n              <span className=\"text-xs text-command-steel\">Scenario 2 - Thermal Stress</span>\n              <span className=\"text-[10px] font-bold text-emerald-400\">COMPLETED</span>\n            </div>\n            <div className=\"flex justify-between items-center border-b border-command-line/30 pb-2 bg-amber-400/5 px-2 -mx-2\">\n              <span className=\"text-xs font-semibold text-amber-400\">Scenario 3 - Finish Turning</span>\n              <span className=\"text-[10px] font-bold text-amber-400\">ACTIVE</span>\n            </div>\n            <div className=\"flex justify-between items-center pb-2\">\n              <span className=\"text-xs text-command-steel\">Scenario 4 - Tool Wear</span>\n              <span className=\"text-[10px] font-bold text-cyan-400/60\">QUEUED</span>\n            </div>\n          </div>\n          <span className=\"text-[10px] text-cyan-400 mt-2 cursor-pointer hover:text-cyan-300\">View all scenarios &gt;</span>\n        </div>\n\n        {/* Traceability */}\n        <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl flex flex-col\">\n          <span className=\"text-[10px] font-semibold uppercase tracking-widest text-command-muted mb-3\">PRODUCTION TRACEABILITY</span>\n          <div className=\"mb-4\">\n            <p className=\"text-sm font-bold text-white\">Lot NT-2025-0517-AX12</p>\n          </div>\n          <div className=\"relative border-l border-command-line ml-2 space-y-4 flex-1\">\n            <div className=\"relative pl-4\">\n              <span className=\"absolute -left-[5px] top-1.5 h-2 w-2 rounded-full bg-cyan-400\" />\n              <p className=\"text-[10px] text-command-muted uppercase\">Raw Material</p>\n              <p className=\"text-xs text-white font-semibold\">SUS440C - Heat 9A7721</p>\n            </div>\n            <div className=\"relative pl-4\">\n              <span className=\"absolute -left-[5px] top-1.5 h-2 w-2 rounded-full bg-cyan-400\" />\n              <p className=\"text-[10px] text-command-muted uppercase\">Operation</p>\n              <p className=\"text-xs text-white font-semibold\">Finish Turning - CNC Cell 2</p>\n            </div>\n            <div className=\"relative pl-4\">\n              <span className=\"absolute -left-[5px] top-1.5 h-2 w-2 rounded-full bg-amber-400\" />\n              <p className=\"text-[10px] text-amber-400/80 uppercase\">Inspection</p>\n              <p className=\"text-xs text-amber-400 font-semibold\">In-Process Dimensional</p>\n            </div>\n          </div>\n        </div>\n\n        {/* Evidence Ledger */}\n        <div className=\"relative overflow-hidden border border-command-line/70 bg-black/20 p-4 backdrop-blur-3xl flex flex-col\">\n          <div className=\"flex justify-between items-center mb-3\">\n            <span className=\"text-[10px] font-semibold uppercase tracking-widest text-command-muted\">EVIDENCE LEDGER</span>\n            <StatusChip status=\"testnet\" compact />\n          </div>\n          <div className=\"space-y-3 flex-1\">\n            <div className=\"grid grid-cols-[1fr_80px_20px] gap-2 items-center border-b border-command-line/30 pb-2\">\n              <div>\n                <p className=\"text-xs text-white\">Process Data</p>\n                <p className=\"text-[10px] text-command-muted\">12,450 records</p>\n              </div>\n              <span className=\"text-[10px] font-mono text-emerald-400/80\">7d3a...9c2b</span>\n              <Icon name=\"check\" className=\"h-3 w-3 text-emerald-400\" />\n            </div>\n            <div className=\"grid grid-cols-[1fr_80px_20px] gap-2 items-center border-b border-command-line/30 pb-2\">\n              <div>\n                <p className=\"text-xs text-white\">Quality Measurements</p>\n                <p className=\"text-[10px] text-command-muted\">512 records</p>\n              </div>\n              <span className=\"text-[10px] font-mono text-emerald-400/80\">a910...d4e1</span>\n              <Icon name=\"check\" className=\"h-3 w-3 text-emerald-400\" />\n            </div>\n            <div className=\"grid grid-cols-[1fr_80px_20px] gap-2 items-center\">\n              <div>\n                <p className=\"text-xs text-white\">Machine Signals</p>\n                <p className=\"text-[10px] text-command-muted\">4.2M samples</p>\n              </div>\n              <span className=\"text-[10px] font-mono text-emerald-400/80\">e2d4...1f88</span>\n              <Icon name=\"check\" className=\"h-3 w-3 text-emerald-400\" />\n            </div>\n          </div>\n        </div>\n\n      </motion.div>\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\governance-dashboard.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'governanceItems' is defined but never used.","line":5,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":5,"endColumn":25,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"governanceItems"},"fix":{"range":[190,206],"text":""},"desc":"Remove unused variable \"governanceItems\"."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":132,"column":51,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":132,"endColumn":54,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[7194,7197],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[7194,7197],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { motion, Variants } from \"framer-motion\";\nimport { Panel, SystemLine, StatusChip, Icon, ButtonLinkLike, ComparisonBlock } from \"./command-center-primitives\";\nimport { governanceItems, overviewEvents } from \"@/lib/tn-ai-data\";\n\nexport function GovernanceDashboard() {\n  const containerVariants: Variants = {\n    hidden: { opacity: 0 },\n    show: {\n      opacity: 1,\n      transition: { staggerChildren: 0.1, delayChildren: 0.1 }\n    }\n  };\n\n  const itemVariants: Variants = {\n    hidden: { opacity: 0, y: 30, scale: 0.95 },\n    show: { \n      opacity: 1, \n      y: 0, \n      scale: 1,\n      transition: { type: \"spring\", stiffness: 350, damping: 25 }\n    }\n  };\n\n  return (\n    <motion.div \n      variants={containerVariants}\n      initial=\"hidden\"\n      animate=\"show\"\n      className=\"grid h-full grid-cols-1 lg:grid-cols-[320px_1fr_320px] grid-rows-[1fr_auto] gap-4 xl:gap-6 p-4 xl:p-6\"\n    >\n      {/* Left Column: Risk Heatmap */}\n      <motion.div variants={itemVariants} className=\"flex flex-col gap-4\">\n        <Panel \n          title=\"2D Risk Heatmap\" \n          kicker=\"PROBABILITY VS IMPACT\" \n          icon=\"shield\"\n          accent=\"amber\"\n          action={<ButtonLinkLike tone=\"secondary\"><Icon name=\"search\" className=\"h-4 w-4\" /> Scan</ButtonLinkLike>}\n        >\n          <div className=\"flex flex-col gap-3 mt-4\">\n            <div className=\"grid grid-cols-4 gap-1 h-32 text-[8px] uppercase tracking-wider text-center font-bold\">\n              <div className=\"flex flex-col justify-end items-end pr-2 text-command-muted pb-1\">Impact →<br/>Prob ↓</div>\n              <div className=\"bg-emerald-500/10 border border-emerald-500/20 flex items-center justify-center text-emerald-400\">Low</div>\n              <div className=\"bg-amber-500/10 border border-amber-500/20 flex items-center justify-center text-amber-400\">Med</div>\n              <div className=\"bg-red-500/10 border border-red-500/20 flex items-center justify-center text-red-400\">High</div>\n              \n              <div className=\"flex items-center justify-end pr-2 text-emerald-400\">Low</div>\n              <div className=\"bg-emerald-500/20 border border-emerald-500/30 flex items-center justify-center text-emerald-200\">2</div>\n              <div className=\"bg-emerald-500/20 border border-emerald-500/30 flex items-center justify-center text-emerald-200\">1</div>\n              <div className=\"bg-amber-500/20 border border-amber-500/30 flex items-center justify-center text-amber-200\">0</div>\n              \n              <div className=\"flex items-center justify-end pr-2 text-amber-400\">Med</div>\n              <div className=\"bg-emerald-500/20 border border-emerald-500/30 flex items-center justify-center text-emerald-200\">1</div>\n              <div className=\"bg-amber-500/20 border border-amber-500/30 flex items-center justify-center text-amber-200\">3</div>\n              <div className=\"bg-red-500/20 border border-red-500/30 flex items-center justify-center text-red-200 shadow-[inset_0_0_10px_rgba(239,68,68,0.2)]\">1</div>\n              \n              <div className=\"flex items-center justify-end pr-2 text-red-400\">High</div>\n              <div className=\"bg-amber-500/20 border border-amber-500/30 flex items-center justify-center text-amber-200\">0</div>\n              <div className=\"bg-red-500/20 border border-red-500/30 flex items-center justify-center text-red-200\">0</div>\n              <div className=\"bg-red-500/40 border border-red-500/60 flex items-center justify-center text-red-100 shadow-[inset_0_0_15px_rgba(239,68,68,0.5)]\">0</div>\n            </div>\n            \n            <div className=\"mt-2 flex flex-col gap-2\">\n              <ComparisonBlock label=\"Cyber-Physical Access\" text=\"Air-gapped simulator instance.\" good={true} />\n              <ComparisonBlock label=\"Model Hallucination\" text=\"Grounded strictly in approved engineering corpus.\" good={false} />\n            </div>\n          </div>\n        </Panel>\n        \n        <Panel title=\"Threat Vectors\" kicker=\"ACTIVE SCORING\" icon=\"chart\" accent=\"violet\">\n          <div className=\"flex flex-col gap-2 mt-4\">\n            <SystemLine label=\"Unauthorized Access\" value=\"0.00%\" />\n            <SystemLine label=\"Data Poisoning\" value=\"0.02%\" />\n            <SystemLine label=\"Prompt Injection\" value=\"0.05%\" />\n            <SystemLine label=\"Logic Subversion\" value=\"0.00%\" />\n          </div>\n        </Panel>\n      </motion.div>\n\n      {/* Center Region: Transparent for Hologram */}\n      <motion.div \n        variants={itemVariants} \n        className=\"relative flex min-h-[400px] flex-col items-center justify-center rounded-2xl border border-dashed border-cyan-400/20 bg-transparent\"\n      >\n        <div className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,rgba(0,212,255,0.05)_0%,transparent_70%)] pointer-events-none\" />\n        <div className=\"flex flex-col items-center gap-4 text-center\">\n          <div className=\"relative flex h-32 w-32 items-center justify-center rounded-full border border-cyan-400/30 bg-cyan-400/5 shadow-[0_0_30px_rgba(0,212,255,0.1)]\">\n            <Icon name=\"shield\" className=\"h-12 w-12 text-cyan-400/60\" />\n            <motion.div \n              animate={{ rotate: 360 }} \n              transition={{ repeat: Infinity, duration: 20, ease: \"linear\" }}\n              className=\"absolute inset-0 rounded-full border-2 border-dashed border-cyan-400/20\"\n            />\n            <motion.div \n              animate={{ rotate: -360 }} \n              transition={{ repeat: Infinity, duration: 15, ease: \"linear\" }}\n              className=\"absolute -inset-4 rounded-full border border-cyan-400/10\"\n            />\n          </div>\n          <div className=\"space-y-1\">\n            <h3 className=\"font-mono text-sm tracking-[0.2em] text-cyan-400/60\">\n              [ COMPLIANCE SHIELD HOLOGRAM REGION ]\n            </h3>\n            <p className=\"text-xs text-command-muted\">Center left open for 3D overlay visualization</p>\n          </div>\n        </div>\n      </motion.div>\n\n      {/* Right Column: Safety Constraints */}\n      <motion.div variants={itemVariants} className=\"flex flex-col gap-4\">\n        <Panel \n          title=\"ISO-27001 Live Compliance Matrix\" \n          kicker=\"CONTINUOUS AUDIT\" \n          icon=\"lock\"\n          accent=\"cyan\"\n        >\n          <div className=\"mt-4 flex flex-col gap-3\">\n            {[\n              { id: \"A.9.4.1\", title: \"Information Access Restriction\", status: \"advisory\" },\n              { id: \"A.12.4.1\", title: \"Event Logging\", status: \"testnet\" },\n              { id: \"A.12.6.1\", title: \"Vulnerability Management\", status: \"simulated\" },\n              { id: \"A.14.2.5\", title: \"Secure System Engineering\", status: \"advisory\" },\n              { id: \"A.17.1.2\", title: \"BCP & DR Readiness\", status: \"ready\" }\n            ].map((iso) => (\n              <div key={iso.id} className=\"flex justify-between items-center border-b border-command-line/30 pb-2\">\n                <div>\n                  <span className=\"text-[10px] text-cyan-400 font-mono\">{iso.id}</span>\n                  <p className=\"text-xs text-white\">{iso.title}</p>\n                </div>\n                <StatusChip status={iso.status as any} compact />\n              </div>\n            ))}\n          </div>\n          <div className=\"mt-4 w-full bg-cyan-900/30 h-1.5 rounded-full overflow-hidden\">\n            <div className=\"bg-cyan-400 h-full w-[94%]\" />\n          </div>\n          <p className=\"text-[10px] text-right mt-1 text-cyan-400/60\">Overall Compliance: 94%</p>\n        </Panel>\n\n        <Panel \n          title=\"Trust Score Engine\" \n          kicker=\"LIVE AI RELIABILITY\" \n          icon=\"check\"\n          accent=\"emerald\"\n        >\n          <div className=\"flex flex-col items-center justify-center py-6 border-b border-command-line/40 mb-4\">\n            <div className=\"relative flex items-center justify-center w-24 h-24 rounded-full border-4 border-emerald-500/20 bg-emerald-500/5 shadow-[0_0_30px_rgba(16,185,129,0.15)]\">\n              <svg className=\"absolute inset-0 w-full h-full -rotate-90\">\n                <circle cx=\"48\" cy=\"48\" r=\"44\" stroke=\"currentColor\" strokeWidth=\"4\" fill=\"none\" className=\"text-emerald-500/10\" />\n                <circle cx=\"48\" cy=\"48\" r=\"44\" stroke=\"currentColor\" strokeWidth=\"4\" fill=\"none\" strokeDasharray=\"276\" strokeDashoffset=\"4\" className=\"text-emerald-400\" />\n              </svg>\n              <div className=\"text-center\">\n                <span className=\"text-3xl font-mono font-bold text-white\">98</span>\n                <span className=\"text-emerald-400 font-bold text-sm\">.5</span>\n              </div>\n            </div>\n            <p className=\"text-[10px] uppercase tracking-widest text-emerald-400 mt-3 font-bold\">System Trust Level: Optimal</p>\n          </div>\n\n          <div className=\"space-y-3\">\n            <div className=\"flex justify-between items-center text-xs\">\n              <span className=\"text-command-muted\">Data Provenance</span>\n              <span className=\"text-white font-mono\">100% (Blockchain Verified)</span>\n            </div>\n            <div className=\"flex justify-between items-center text-xs\">\n              <span className=\"text-command-muted\">Model Confidence (Avg)</span>\n              <span className=\"text-emerald-300 font-mono\">99.2%</span>\n            </div>\n            <div className=\"flex justify-between items-center text-xs\">\n              <span className=\"text-command-muted\">Operator Override Rate</span>\n              <span className=\"text-cyan-300 font-mono\">1.5% (Nominal)</span>\n            </div>\n            <div className=\"flex justify-between items-center text-xs\">\n              <span className=\"text-command-muted\">Hallucination Index</span>\n              <span className=\"text-emerald-400 font-mono\">0.001 (Negligible)</span>\n            </div>\n          </div>\n        </Panel>\n      </motion.div>\n\n      {/* Bottom Row: Audit Trail (spans all columns) */}\n      <motion.div variants={itemVariants} className=\"lg:col-span-3\">\n        <Panel title=\"Audit Trail\" kicker=\"IMMUTABLE LEDGER\" icon=\"hash\" accent=\"violet\">\n          <div className=\"mt-4 grid gap-3 grid-cols-1 md:grid-cols-2 lg:grid-cols-5\">\n            {overviewEvents.map((evt, idx) => (\n              <motion.div \n                key={idx} \n                whileHover={{ scale: 1.02, y: -2 }}\n                className=\"flex flex-col gap-2 rounded border border-white/5 bg-black/40 p-3 hover:border-violet-500/30\"\n              >\n                <div className=\"flex items-center justify-between gap-2\">\n                  <span className=\"font-mono text-[10px] text-command-muted\">{evt.timestamp}</span>\n                  <StatusChip status={evt.status} compact />\n                </div>\n                <h4 className=\"text-xs font-medium text-white line-clamp-1\">{evt.event}</h4>\n                <p className=\"text-[10px] leading-tight text-slate-400 line-clamp-2\">\n                  {evt.payload}\n                </p>\n                <div className=\"mt-auto pt-2\">\n                  <span className=\"font-mono text-[9px] uppercase tracking-wider text-violet-400/60\">\n                    SRC: {evt.source}\n                  </span>\n                </div>\n              </motion.div>\n            ))}\n          </div>\n        </Panel>\n      </motion.div>\n\n    </motion.div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\kpi-dashboard.tsx","messages":[{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":16,"column":72,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":16,"endColumn":75,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[500,503],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[500,503],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":187,"column":68,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":187,"endColumn":71,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[7776,7779],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[7776,7779],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"react-hooks/purity","severity":2,"message":"Error: Cannot call impure function during render\n\n`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\kpi-dashboard.tsx:242:49\n  240 | // ----------------------------------------------------------------------\n  241 | function SpindleFftAnalyzer() {\n> 242 |   const bars = Array.from({ length: 32 }, () => Math.random() * 100);\n      |                                                 ^^^^^^^^^^^^^ Cannot call impure function\n  243 |   \n  244 |   return (\n  245 |     <div className=\"border border-command-line/50 bg-black/50 backdrop-blur-md p-3 mt-4\">","line":242,"column":49,"nodeType":null,"endLine":242,"endColumn":62},{"ruleId":"react-hooks/purity","severity":2,"message":"Error: Cannot call impure function during render\n\n`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\kpi-dashboard.tsx:266:31\n  264 |                 repeat: Infinity,\n  265 |                 repeatType: \"mirror\",\n> 266 |                 duration: 1 + Math.random(),\n      |                               ^^^^^^^^^^^^^ Cannot call impure function\n  267 |               }}\n  268 |             />\n  269 |           );","line":266,"column":31,"nodeType":null,"endLine":266,"endColumn":44}],"suppressedMessages":[],"errorCount":4,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { useState } from \"react\";\nimport { motion, Transition } from \"framer-motion\";\nimport { overviewEvents } from \"@/lib/tn-ai-data\";\nimport { CommandCenterShell } from \"@/components/tn-command-center/command-center-shell\";\nimport { Icon } from \"@/components/tn-command-center/command-center-primitives\";\n\nconst springTransition: Transition = {\n  type: \"spring\",\n  stiffness: 100,\n  damping: 15,\n  mass: 1,\n};\n\nexport function KpiDashboard({ telemetryData = [] }: { telemetryData?: any[] }) {\n  return (\n    <CommandCenterShell\n      activeAreaId=\"kpis\"\n      eventStream={overviewEvents}\n      rightRail={<RightRailAnomalies />}\n    >\n      <div className=\"flex flex-col justify-between h-[calc(100vh-140px)] pointer-events-none\">\n        \n        {/* TOP: Header metrics */}\n        <motion.div \n          className=\"pointer-events-auto shrink-0\"\n          initial={{ y: -50, opacity: 0 }}\n          animate={{ y: 0, opacity: 1 }}\n          transition={{ ...springTransition, delay: 0.1 }}\n        >\n          <TopHeaderMetrics />\n        </motion.div>\n\n        {/* MIDDLE: Left Rail & Open Center */}\n        <div className=\"flex flex-1 my-4 min-h-0\">\n          <motion.div \n            className=\"w-80 flex flex-col gap-3 h-full pointer-events-auto overflow-y-auto pr-2 custom-scrollbar\"\n            initial={{ x: -50, opacity: 0 }}\n            animate={{ x: 0, opacity: 1 }}\n            transition={{ ...springTransition, delay: 0.2 }}\n          >\n            <LeftRailTrendMatrices telemetryData={telemetryData} />\n          </motion.div>\n          {/* OPEN CENTER */}\n          <div className=\"flex-1\" />\n        </div>\n\n        {/* BOTTOM: Fleet overview */}\n        <motion.div \n          className=\"pointer-events-auto shrink-0\"\n          initial={{ y: 50, opacity: 0 }}\n          animate={{ y: 0, opacity: 1 }}\n          transition={{ ...springTransition, delay: 0.3 }}\n        >\n          <BottomRailFleetOverview />\n        </motion.div>\n\n      </div>\n    </CommandCenterShell>\n  );\n}\n\n// ----------------------------------------------------------------------\n// Right Rail Active Anomalies (Used as rightRail prop)\n// ----------------------------------------------------------------------\nfunction RightRailAnomalies() {\n  return (\n    <motion.div \n      className=\"glass-panel relative flex h-full flex-col overflow-hidden bg-black/40\"\n      initial={{ x: 50, opacity: 0 }}\n      animate={{ x: 0, opacity: 1 }}\n      transition={{ ...springTransition, delay: 0.4 }}\n    >\n      <div className=\"absolute right-0 top-0 bottom-0 w-[2px] bg-gradient-to-b from-transparent via-red-500/25 to-transparent\" />\n      <div className=\"min-h-0 flex-1 space-y-4 overflow-y-auto p-4\">\n        \n        <section>\n          <p className=\"text-[10px] font-semibold uppercase tracking-[0.2em] text-red-400\">Right Rail Active Anomalies</p>\n          <div className=\"mt-4 space-y-3\">\n            <AnomalyCard \n              id=\"ANM-089\" \n              title=\"Spindle Vibration Spike\" \n              location=\"Cell 4 - Spindle B\" \n              severity=\"critical\" \n              time=\"2 min ago\" \n            />\n            <AnomalyCard \n              id=\"ANM-090\" \n              title=\"Coolant Flow Restriction\" \n              location=\"Cell 2 - Pump A\" \n              severity=\"warning\" \n              time=\"14 min ago\" \n            />\n            <AnomalyCard \n              id=\"ANM-091\" \n              title=\"Thermal Drift Detected\" \n              location=\"Cell 5 - Main Axis\" \n              severity=\"warning\" \n              time=\"45 min ago\" \n            />\n          </div>\n        </section>\n\n        <section className=\"border border-red-500/30 bg-red-500/[0.05] p-4 mt-6\">\n          <p className=\"text-[10px] font-semibold uppercase text-red-400/80\">Anomaly Escalation</p>\n          <div className=\"mt-2 flex flex-col gap-2\">\n            <button className=\"border border-red-500/50 bg-red-500/10 px-3 py-2 text-[10px] text-red-400 uppercase tracking-wider hover:bg-red-500/20 transition-colors\">\n              Halt Affected Cells\n            </button>\n            <button className=\"border border-command-line/50 bg-black/40 px-3 py-2 text-[10px] text-slate-300 uppercase tracking-wider hover:bg-white/10 transition-colors\">\n              Dispatch Maintenance\n            </button>\n          </div>\n        </section>\n        \n      </div>\n    </motion.div>\n  );\n}\n\nfunction AnomalyCard({ id, title, location, severity, time }: { id: string, title: string, location: string, severity: \"critical\" | \"warning\", time: string }) {\n  const isCritical = severity === \"critical\";\n  return (\n    <div className={`border p-3 relative overflow-hidden group ${isCritical ? \"border-red-500/50 bg-red-900/10\" : \"border-amber-500/40 bg-amber-900/10\"}`}>\n      {isCritical && <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-red-500/80 shadow-[0_0_8px_rgba(239,68,68,0.8)]\" />}\n      <div className=\"flex justify-between items-start\">\n        <span className={`text-[9px] font-mono ${isCritical ? \"text-red-400\" : \"text-amber-400\"}`}>{id}</span>\n        <span className=\"text-[9px] text-slate-400\">{time}</span>\n      </div>\n      <p className=\"mt-1 text-xs font-bold text-white\">{title}</p>\n      <p className=\"text-[10px] text-slate-300 mt-1\">{location}</p>\n      <div className=\"mt-2 flex items-center justify-between\">\n         <span className={`text-[10px] uppercase tracking-wider ${isCritical ? \"text-red-500 font-bold animate-pulse\" : \"text-amber-400\"}`}>\n           {severity}\n         </span>\n         <Icon name={isCritical ? \"shield\" : \"flow\"} className={`h-3 w-3 ${isCritical ? \"text-red-400\" : \"text-amber-400\"}`} />\n      </div>\n    </div>\n  );\n}\n\n// ----------------------------------------------------------------------\n// Top Header Metrics\n// ----------------------------------------------------------------------\nfunction TopHeaderMetrics() {\n  return (\n    <div className=\"grid grid-cols-2 lg:grid-cols-5 gap-3\">\n      <TopMetricBox label=\"Global OEE\" value=\"87.4%\" trend=\"+1.2%\" status=\"good\" />\n      <TopMetricBox label=\"Active Cells\" value=\"14 / 16\" trend=\"2 offline\" status=\"warning\" />\n      <TopMetricBox label=\"Yield Rate\" value=\"99.8%\" trend=\"stable\" status=\"good\" />\n      <TopMetricBox label=\"Energy Draw\" value=\"4.2 MW\" trend=\"-5%\" status=\"good\" />\n      <TopMetricBox label=\"Critical Alerts\" value=\"3\" trend=\"Action Req.\" status=\"critical\" />\n    </div>\n  );\n}\n\nfunction TopMetricBox({ label, value, trend, status }: { label: string, value: string, trend: string, status: \"good\" | \"warning\" | \"critical\" }) {\n  const colorMap = {\n    good: \"text-emerald-400\",\n    warning: \"text-amber-400\",\n    critical: \"text-red-400\"\n  };\n  const borderMap = {\n    good: \"border-emerald-500/30\",\n    warning: \"border-amber-500/30\",\n    critical: \"border-red-500/50 shadow-[0_0_10px_rgba(239,68,68,0.2)]\"\n  };\n  \n  return (\n    <div className={`border bg-black/50 p-3 backdrop-blur-md flex flex-col justify-between relative overflow-hidden ${borderMap[status]}`}>\n      <div className=\"absolute top-0 right-0 p-2 opacity-20\">\n         <Icon name=\"chart\" className=\"w-8 h-8 text-white\" />\n      </div>\n      <p className=\"text-[10px] font-semibold text-command-muted uppercase tracking-wider\">{label}</p>\n      <div className=\"mt-2 flex items-end justify-between relative z-10\">\n         <span className=\"text-2xl font-mono font-bold text-white drop-shadow-md\">{value}</span>\n         <span className={`text-[10px] font-semibold ${colorMap[status]}`}>{trend}</span>\n      </div>\n    </div>\n  );\n}\n\n// ----------------------------------------------------------------------\n// Left Rail Trend Matrices\n// ----------------------------------------------------------------------\nfunction LeftRailTrendMatrices({ telemetryData }: { telemetryData: any[] }) {\n  // Extract and sort real telemetry data\n  const powerData = telemetryData.filter((d) => d.metric_key === \"spindle_speed_rpm\").map((d) => d.value_numeric).reverse();\n  const tempData = telemetryData.filter((d) => d.metric_key === \"coolant_temp_c\").map((d) => d.value_numeric).reverse();\n  \n  // Downsample to 20 points for sparklines\n  const downsample = (arr: number[], limit: number) => {\n    if (arr.length <= limit) return arr.length > 0 ? arr : [0];\n    const step = Math.floor(arr.length / limit);\n    return arr.filter((_, i) => i % step === 0).slice(0, limit);\n  };\n\n  const powerDisplay = downsample(powerData, 20);\n  const tempDisplay = downsample(tempData, 20);\n\n  return (\n    <>\n      <div className=\"border border-command-line/50 bg-black/50 backdrop-blur-md p-3\">\n        <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-cyan-400 mb-3\">Vibration Matrix</p>\n        <div className=\"space-y-2\">\n          <TrendBar label=\"Spindle A\" value={45} max={100} color=\"emerald\" />\n          <TrendBar label=\"Spindle B\" value={85} max={100} color=\"red\" />\n          <TrendBar label=\"Spindle C\" value={30} max={100} color=\"emerald\" />\n          <TrendBar label=\"Spindle D\" value={60} max={100} color=\"amber\" />\n        </div>\n      </div>\n      \n      <div className=\"border border-command-line/50 bg-black/50 backdrop-blur-md p-3\">\n        <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-cyan-400 mb-3\">Thermal Drift Profiles</p>\n        <div className=\"grid grid-cols-2 gap-2\">\n          <Gauge title=\"Z-Axis\" value={72} color=\"amber\" />\n          <Gauge title=\"X-Axis\" value={41} color=\"emerald\" />\n          <Gauge title=\"Y-Axis\" value={38} color=\"emerald\" />\n          <Gauge title=\"Rotary\" value={88} color=\"red\" />\n        </div>\n      </div>\n\n      <div className=\"border border-command-line/50 bg-black/50 backdrop-blur-md p-3\">\n        <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-cyan-400 mb-2\">Telemetry & ML Confidence Bands</p>\n        <Sparkline label=\"Spindle Speed (RPM)\" data={powerDisplay} color=\"cyan\" showBands />\n        <div className=\"h-4\" />\n        <Sparkline label=\"Coolant Temp (°C)\" data={tempDisplay} color=\"amber\" showBands />\n      </div>\n\n      <SpindleFftAnalyzer />\n\n      <PidTuningInterface />\n    </>\n  );\n}\n\n// ----------------------------------------------------------------------\n// Spindle FFT Spectrum Analyzer\n// ----------------------------------------------------------------------\nfunction SpindleFftAnalyzer() {\n  const bars = Array.from({ length: 32 }, () => Math.random() * 100);\n  \n  return (\n    <div className=\"border border-command-line/50 bg-black/50 backdrop-blur-md p-3 mt-4\">\n      <div className=\"flex justify-between items-center mb-2\">\n        <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-cyan-400\">Spindle FFT Spectrum</p>\n        <span className=\"text-[8px] bg-cyan-900/40 text-cyan-200 px-1 py-0.5 border border-cyan-500/30\">10 kHz</span>\n      </div>\n      <div className=\"flex items-end gap-[1px] h-16 w-full opacity-80 mt-2\">\n        {bars.map((val, i) => {\n          const isHarmonic = i === 8 || i === 16 || i === 24;\n          const height = isHarmonic ? val * 0.8 + 20 : val * 0.3 + 10;\n          return (\n            <motion.div\n              key={i}\n              className={`flex-1 ${isHarmonic ? \"bg-amber-400\" : \"bg-cyan-500/50\"}`}\n              initial={{ height: 0 }}\n              animate={{ height: `${height}%` }}\n              transition={{\n                type: \"spring\",\n                stiffness: 100,\n                damping: 20,\n                repeat: Infinity,\n                repeatType: \"mirror\",\n                duration: 1 + Math.random(),\n              }}\n            />\n          );\n        })}\n      </div>\n      <div className=\"flex justify-between text-[8px] text-command-muted mt-1 uppercase\">\n        <span>0 Hz</span>\n        <span className=\"text-amber-400\">Harmonic Spike</span>\n        <span>10 kHz</span>\n      </div>\n    </div>\n  );\n}\n\n// ----------------------------------------------------------------------\n// PID Tuning Interface (Level 1 PLC Override)\n// ----------------------------------------------------------------------\nfunction PidTuningInterface() {\n  const [p, setP] = useState(1.2);\n  const [i, setI] = useState(0.05);\n  const [d, setD] = useState(0.3);\n\n  return (\n    <div className=\"border border-command-line/50 bg-black/50 backdrop-blur-md p-3 mt-4\">\n      <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-cyan-400 mb-2 flex items-center justify-between\">\n        <span>PID Loop Tuning</span>\n        <span className=\"text-[8px] bg-red-500/20 text-red-400 px-1 py-0.5 border border-red-500/30\">LEVEL 1 PLC OVERRIDE</span>\n      </p>\n      \n      <div className=\"space-y-3 mt-3\">\n        <PidSlider label=\"Proportional (Kp)\" value={p} max={5} setValue={setP} color=\"cyan\" />\n        <PidSlider label=\"Integral (Ki)\" value={i} max={1} setValue={setI} color=\"amber\" />\n        <PidSlider label=\"Derivative (Kd)\" value={d} max={2} setValue={setD} color=\"emerald\" />\n      </div>\n\n      <button className=\"w-full mt-4 border border-cyan-500/50 bg-cyan-500/10 hover:bg-cyan-500/20 py-2 text-[10px] uppercase text-cyan-300 font-bold tracking-widest transition-all hover:shadow-[0_0_15px_rgba(0,212,255,0.3)]\">\n        Write to Flash (Air-Gapped)\n      </button>\n    </div>\n  );\n}\n\nfunction PidSlider({ label, value, max, setValue, color }: { label: string, value: number, max: number, setValue: (val: number) => void, color: \"cyan\" | \"amber\" | \"emerald\" }) {\n  const percent = (value / max) * 100;\n  const bgMap = {\n    cyan: \"bg-cyan-400 shadow-[0_0_8px_rgba(0,212,255,0.6)]\",\n    amber: \"bg-amber-400 shadow-[0_0_8px_rgba(251,191,36,0.6)]\",\n    emerald: \"bg-emerald-400 shadow-[0_0_8px_rgba(16,185,129,0.6)]\"\n  };\n  \n  return (\n    <div>\n      <div className=\"flex justify-between text-[9px] text-slate-300 mb-1\">\n        <span>{label}</span>\n        <span className=\"font-mono text-white\">{value.toFixed(2)}</span>\n      </div>\n      <div className=\"relative h-1.5 w-full bg-white/10 group cursor-pointer\" onClick={(e) => {\n        const rect = e.currentTarget.getBoundingClientRect();\n        const x = e.clientX - rect.left;\n        const newPct = Math.max(0, Math.min(100, (x / rect.width) * 100));\n        setValue(Number(((newPct / 100) * max).toFixed(2)));\n      }}>\n         <motion.div \n           className={`h-full ${bgMap[color]}`}\n           initial={false}\n           animate={{ width: `${percent}%` }}\n           transition={{ type: \"spring\", stiffness: 300, damping: 30 }}\n         />\n         <div className=\"absolute top-1/2 -mt-1.5 w-3 h-3 bg-white border border-black rounded-full opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none drop-shadow-md\" style={{ left: `calc(${percent}% - 6px)` }} />\n      </div>\n    </div>\n  );\n}\n\nfunction TrendBar({ label, value, max, color }: { label: string, value: number, max: number, color: \"emerald\" | \"amber\" | \"red\" }) {\n  const percent = (value / max) * 100;\n  const bgMap = {\n    emerald: \"bg-emerald-400 shadow-[0_0_8px_rgba(16,185,129,0.6)]\",\n    amber: \"bg-amber-400 shadow-[0_0_8px_rgba(251,191,36,0.6)]\",\n    red: \"bg-red-500 shadow-[0_0_8px_rgba(239,68,68,0.8)]\"\n  };\n  \n  return (\n    <div>\n      <div className=\"flex justify-between text-[9px] text-slate-300 mb-1\">\n        <span>{label}</span>\n        <span>{value} / {max}</span>\n      </div>\n      <div className=\"h-1.5 w-full bg-white/10 overflow-hidden\">\n         <motion.div \n           className={`h-full ${bgMap[color]}`}\n           initial={{ width: 0 }}\n           animate={{ width: `${percent}%` }}\n           transition={{ type: \"spring\", stiffness: 60, damping: 15, mass: 1, delay: 0.5 }}\n         />\n      </div>\n    </div>\n  );\n}\n\nfunction Gauge({ title, value, color }: { title: string, value: number, color: \"emerald\" | \"amber\" | \"red\" }) {\n  const strokeMap = {\n    emerald: \"#10b981\",\n    amber: \"#fbbf24\",\n    red: \"#ef4444\"\n  };\n  const radius = 20;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (value / 100) * circumference;\n  \n  return (\n    <div className=\"flex flex-col items-center\">\n       <div className=\"relative w-16 h-16 flex items-center justify-center\">\n         <svg className=\"w-full h-full transform -rotate-90\">\n           <circle cx=\"32\" cy=\"32\" r={radius} stroke=\"rgba(255,255,255,0.1)\" strokeWidth=\"4\" fill=\"transparent\" />\n           <motion.circle \n             cx=\"32\" cy=\"32\" r={radius} \n             stroke={strokeMap[color]} \n             strokeWidth=\"4\" \n             fill=\"transparent\" \n             strokeDasharray={circumference}\n             initial={{ strokeDashoffset: circumference }}\n             animate={{ strokeDashoffset: offset }}\n             transition={{ type: \"spring\", stiffness: 60, damping: 15, mass: 1, delay: 0.6 }}\n             strokeLinecap=\"round\"\n             style={{ filter: `drop-shadow(0 0 4px ${strokeMap[color]})` }}\n           />\n         </svg>\n         <span className=\"absolute text-xs font-mono font-bold text-white\">{value}</span>\n       </div>\n       <span className=\"text-[9px] text-command-muted mt-1 uppercase tracking-widest\">{title}</span>\n    </div>\n  );\n}\n\nfunction Sparkline({ label, data, color, showBands }: { label: string, data: number[], color: \"cyan\" | \"amber\", showBands?: boolean }) {\n  const max = Math.max(...data);\n  const min = Math.min(...data);\n  const range = max - min || 1;\n  \n  const points = data.map((d, i) => {\n    const x = (i / (data.length - 1)) * 100;\n    const y = 100 - ((d - min) / range) * 100;\n    return `${x},${y}`;\n  }).join(\" \");\n  \n  const strokeColor = color === \"cyan\" ? \"#00d4ff\" : \"#fbbf24\";\n  \n  return (\n    <div>\n      <div className=\"flex justify-between items-end mb-1\">\n        <span className=\"text-[9px] text-slate-300\">{label}</span>\n        <span className=\"text-[10px] font-mono text-white\">{data[data.length-1]}</span>\n      </div>\n      <div className=\"h-8 w-full bg-black/30 border border-white/5 relative\">\n        {showBands && (\n          <div className=\"absolute inset-0 bg-[rgba(255,255,255,0.03)] border-y border-[rgba(255,255,255,0.1)] h-1/2 top-1/4 pointer-events-none\" />\n        )}\n        <svg className=\"absolute inset-0 h-full w-full\" preserveAspectRatio=\"none\" viewBox=\"0 0 100 100\">\n           <motion.polyline \n             points={points} \n             fill=\"none\" \n             stroke={strokeColor} \n             strokeWidth=\"2\" \n             initial={{ pathLength: 0 }}\n             animate={{ pathLength: 1 }}\n             transition={{ type: \"spring\", stiffness: 50, damping: 20, mass: 1, delay: 0.7 }}\n             style={{ filter: `drop-shadow(0 0 2px ${strokeColor})` }}\n           />\n        </svg>\n      </div>\n    </div>\n  );\n}\n\n// ----------------------------------------------------------------------\n// Bottom Rail Fleet Overview\n// ----------------------------------------------------------------------\nfunction BottomRailFleetOverview() {\n  return (\n    <div className=\"border border-command-line/50 bg-black/60 backdrop-blur-md p-3\">\n       <div className=\"flex justify-between items-center mb-3\">\n         <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-cyan-400\">Fleet Overview (16 Cells)</p>\n         <div className=\"flex gap-4\">\n           <span className=\"flex items-center gap-1 text-[9px] text-emerald-400\"><span className=\"w-2 h-2 rounded-full bg-emerald-400\" /> Optimal</span>\n           <span className=\"flex items-center gap-1 text-[9px] text-amber-400\"><span className=\"w-2 h-2 rounded-full bg-amber-400\" /> Warning</span>\n           <span className=\"flex items-center gap-1 text-[9px] text-red-400\"><span className=\"w-2 h-2 rounded-full bg-red-500 animate-pulse\" /> Critical</span>\n         </div>\n       </div>\n       \n       <div className=\"grid grid-cols-4 lg:grid-cols-8 gap-2\">\n         {Array.from({ length: 16 }).map((_, i) => {\n           let status: \"optimal\" | \"warning\" | \"critical\" = \"optimal\";\n           if (i === 3 || i === 7) status = \"critical\";\n           else if (i === 1 || i === 12) status = \"warning\";\n           \n           return <FleetCell key={i} index={i+1} status={status} />;\n         })}\n       </div>\n    </div>\n  );\n}\n\nfunction FleetCell({ index, status }: { index: number, status: \"optimal\" | \"warning\" | \"critical\" }) {\n  const bgMap = {\n    optimal: \"border-emerald-500/30 bg-emerald-500/10 hover:bg-emerald-500/20\",\n    warning: \"border-amber-500/50 bg-amber-500/20 hover:bg-amber-500/30\",\n    critical: \"border-red-500/60 bg-red-500/30 hover:bg-red-500/40 shadow-[0_0_10px_rgba(239,68,68,0.4)]\"\n  };\n  const textMap = {\n    optimal: \"text-emerald-400\",\n    warning: \"text-amber-400\",\n    critical: \"text-red-300 font-bold\"\n  };\n  \n  return (\n    <motion.div \n      className={`border p-2 flex flex-col items-center justify-center cursor-pointer transition-colors ${bgMap[status]}`}\n      whileHover={{ scale: 1.05 }}\n      whileTap={{ scale: 0.95 }}\n    >\n       <span className=\"text-[10px] text-slate-400 mb-1\">C-{index.toString().padStart(2, '0')}</span>\n       <span className={`text-xs ${textMap[status]}`}>\n         {status === \"optimal\" ? \"98%\" : status === \"warning\" ? \"82%\" : \"45%\"}\n       </span>\n    </motion.div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\ledger-dashboard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\overview-dashboard.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'dynamic' is defined but never used.","line":3,"column":8,"nodeType":"Identifier","messageId":"unusedVar","endLine":3,"endColumn":15,"suggestions":[{"messageId":"removeUnusedImportDeclaration","data":{"varName":"dynamic"},"fix":{"range":[15,51],"text":""},"desc":"Remove unused import declaration."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'Link' is defined but never used.","line":6,"column":8,"nodeType":"Identifier","messageId":"unusedVar","endLine":6,"endColumn":12,"suggestions":[{"messageId":"removeUnusedImportDeclaration","data":{"varName":"Link"},"fix":{"range":[153,183],"text":""},"desc":"Remove unused import declaration."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'overviewKpis' is defined but never used.","line":8,"column":26,"nodeType":"Identifier","messageId":"unusedVar","endLine":8,"endColumn":38,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"overviewKpis"},"fix":{"range":[251,265],"text":""},"desc":"Remove unused variable \"overviewKpis\"."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":14,"column":82,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":14,"endColumn":85,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[722,725],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[722,725],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":14,"column":103,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":14,"endColumn":106,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[743,746],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[743,746],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":14,"column":120,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":14,"endColumn":123,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[760,763],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[760,763],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'latestRun' is defined but never used.","line":80,"column":25,"nodeType":"Identifier","messageId":"unusedVar","endLine":80,"endColumn":34},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":80,"column":104,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":80,"endColumn":107,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[2907,2910],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[2907,2910],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":171,"column":65,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":171,"endColumn":68,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[7143,7146],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[7143,7146],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'currentVib' is assigned a value but never used.","line":178,"column":9,"nodeType":"Identifier","messageId":"unusedVar","endLine":178,"endColumn":19},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":256,"column":29,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":256,"endColumn":32,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[12619,12622],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[12619,12622],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":266,"column":60,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":266,"endColumn":63,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[13101,13104],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[13101,13104],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'mounted' is assigned a value but never used.","line":284,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":284,"endColumn":17},{"ruleId":"react-hooks/set-state-in-effect","severity":2,"message":"Error: Calling setState synchronously within an effect can trigger cascading renders\n\nEffects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\overview-dashboard.tsx:287:5\n  285 |\n  286 |   useEffect(() => {\n> 287 |     setPoints(Array.from({ length: 20 }, () => Math.random() * 15));\n      |     ^^^^^^^^^ Avoid calling setState() directly within an effect\n  288 |     setMounted(true);\n  289 |     const interval = setInterval(() => {\n  290 |       setPoints(prev => {","line":287,"column":5,"nodeType":null,"endLine":287,"endColumn":14},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'latestRun' is defined but never used.","line":324,"column":37,"nodeType":"Identifier","messageId":"unusedVar","endLine":324,"endColumn":46},{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":324,"column":124,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":324,"endColumn":127,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[16027,16030],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[16027,16030],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'latestRun' is defined but never used.","line":460,"column":25,"nodeType":"Identifier","messageId":"unusedVar","endLine":460,"endColumn":34}],"suppressedMessages":[],"errorCount":9,"fatalErrorCount":0,"warningCount":8,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport dynamic from \"next/dynamic\";\nimport { useState, useEffect } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport Link from \"next/link\";\nimport { useRouter } from \"next/navigation\";\nimport { overviewEvents, overviewKpis } from \"@/lib/tn-ai-data\";\nimport { useSimulatorStore } from \"@/lib/simulator/store\";\nimport { CommandCenterShell, ShellActionLink } from \"@/components/tn-command-center/command-center-shell\";\nimport { Icon, StatusChip } from \"@/components/tn-command-center/command-center-primitives\";\nimport { AICopilotTerminal } from \"@/components/tn-command-center/ai-copilot-terminal\";\n\nexport function OverviewDashboard({ asset, telemetryData, scenarios }: { asset?: any, telemetryData?: any, scenarios?: any[] }) {\n  const { runId: latestRunId, state: latestRunState } = useSimulatorStore();\n  const latestRun = { id: latestRunId, state: latestRunState };\n  const router = useRouter();\n\n  useEffect(() => {\n    // Poll for new live data every 5 seconds\n    const interval = setInterval(() => {\n      router.refresh();\n    }, 5000);\n    return () => clearInterval(interval);\n  }, [router]);\n\n  return (\n    <CommandCenterShell\n      activeAreaId=\"overview\"\n      eventStream={overviewEvents}\n      utilityActions={\n        <>\n          <ShellActionLink href=\"/simulator\" label=\"Launch Twin Simulator\" />\n        </>\n      }\n      rightRail={<OverviewRail latestRun={latestRun} />}\n    >\n      <motion.div \n        initial={{ opacity: 0, y: 20 }} \n        animate={{ opacity: 1, y: 0 }} \n        transition={{ duration: 0.6, ease: \"easeOut\" }}\n      >\n        <OverviewHero latestRun={latestRun} asset={asset} />\n      </motion.div>\n\n      <motion.div \n        initial={{ opacity: 0, scale: 0.95 }} \n        animate={{ opacity: 1, scale: 1 }} \n        transition={{ duration: 0.8, delay: 0.2, ease: \"easeOut\" }}\n      >\n        <DigitalTwinCanvas telemetryData={telemetryData} />\n      </motion.div>\n\n      <motion.div \n        initial={{ opacity: 0, y: 20 }} \n        animate={{ opacity: 1, y: 0 }} \n        transition={{ duration: 0.6, delay: 0.4, ease: \"easeOut\" }}\n      >\n        <TelemetryBar telemetryData={telemetryData} />\n      </motion.div>\n      \n      <motion.div \n        className=\"grid gap-3 xl:grid-cols-[1fr_1.5fr_1fr]\"\n        initial={{ opacity: 0, y: 20 }} \n        animate={{ opacity: 1, y: 0 }} \n        transition={{ duration: 0.6, delay: 0.5, staggerChildren: 0.1, ease: \"easeOut\" }}\n      >\n        <ReplayableScenariosPanel latestRun={latestRun} scenarios={scenarios} />\n        <ProductionTraceabilityPanel latestRun={latestRun} />\n        <LiveEventLedgerPanel />\n      </motion.div>\n\n      <div className=\"mt-3\">\n        <AICopilotTerminal telemetryData={telemetryData} />\n      </div>\n    </CommandCenterShell>\n  );\n}\n\nfunction OverviewHero({ latestRun, asset }: { latestRun: { id: string, state: string } | null, asset?: any }) {\n  return (\n    <section className=\"flex flex-col xl:flex-row xl:items-start justify-between gap-4 p-2\">\n      <div>\n        <h2 className=\"text-3xl font-bold tracking-tight text-white md:text-4xl\">\n          Nakashima-Tsubaki\n        </h2>\n        <h3 className=\"mt-1 text-2xl font-bold text-cyan-400 drop-shadow-[0_0_8px_rgba(0,212,255,0.6)]\">\n          Digital Twin Command Center\n        </h3>\n        <p className=\"mt-3 max-w-2xl text-sm leading-6 text-slate-300\">\n          Replayable industrial intelligence for precision manufacturing, quality control, and operator-safe workflow decisions.\n        </p>\n        {asset && (\n          <div className=\"mt-2 inline-flex items-center gap-2 border border-emerald-500/50 bg-emerald-500/10 px-3 py-1 text-xs text-emerald-400 backdrop-blur-md\">\n             <Icon name=\"check\" className=\"h-3 w-3\" />\n             Connected to Supabase {asset.asset_type}: {asset.name} ({asset.operational_status})\n          </div>\n        )}\n        <div className=\"mt-4 flex flex-wrap gap-4\">\n          <div className=\"flex items-center gap-2 text-xs font-semibold text-cyan-200\">\n            <Icon name=\"flow\" className=\"h-4 w-4\" /> DIGITAL TWIN\n          </div>\n          <div className=\"flex items-center gap-2 text-xs font-semibold text-cyan-200\">\n            <Icon name=\"play\" className=\"h-4 w-4\" /> REPLAYABLE\n          </div>\n          <div className=\"flex items-center gap-2 text-xs font-semibold text-cyan-200\">\n            <Icon name=\"check\" className=\"h-4 w-4\" /> QUALITY\n          </div>\n          <div className=\"flex items-center gap-2 text-xs font-semibold text-cyan-200\">\n            <Icon name=\"search\" className=\"h-4 w-4\" /> TRACEABILITY\n          </div>\n        </div>\n      </div>\n      \n      {/* Active Milestone Block */}\n      <div className=\"relative w-full max-w-sm overflow-hidden border border-command-line/80 bg-black/40 p-4 shadow-[0_0_20px_rgba(0,0,0,0.5)] backdrop-blur-md\">\n        <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-cyan-400/50 to-transparent\" />\n        <p className=\"text-[10px] font-semibold uppercase tracking-[0.2em] text-command-muted\">Active Milestone</p>\n        <div className=\"mt-3 flex items-center gap-3\">\n          <div className=\"grid h-10 w-10 place-items-center border border-amber-400/30 bg-amber-400/[0.1]\">\n            <Icon name=\"flow\" className=\"h-5 w-5 text-amber-400\" />\n          </div>\n          <div>\n            <p className=\"text-sm font-bold text-white\">Quality Hold Gate – Dimensional</p>\n            <p className=\"text-[10px] text-command-steel\">Lot NT-2025-0517-AX12</p>\n          </div>\n        </div>\n        <div className=\"mt-4 space-y-1 font-mono text-[10px]\">\n          <div className=\"flex justify-between\">\n            <span className=\"text-command-steel\">Mode</span>\n            <span className=\"text-white\">LOCAL PERSISTENCE</span>\n          </div>\n          <div className=\"flex justify-between\">\n            <span className=\"text-command-steel\">Scenario</span>\n            <span className=\"text-white\">3 - FINISH TURNING</span>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction NetworkPing() {\n  const [latency, setLatency] = useState(18);\n  const [throughput, setThroughput] = useState(14.2);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setLatency(12 + Math.floor(Math.random() * 15));\n      setThroughput(14 + (Math.random() * 8));\n    }, 1000);\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <div className=\"relative mt-2 z-20 flex items-center gap-4 text-[10px] font-mono\">\n      <div className=\"flex items-center gap-1\">\n        <Icon name=\"arrow\" className=\"h-3 w-3 text-cyan-400\" />\n        <span className=\"text-command-steel\">LATENCY:</span>\n        <span className=\"text-cyan-300 font-bold\">{latency} ms</span>\n      </div>\n      <div className=\"flex items-center gap-1\">\n        <Icon name=\"database\" className=\"h-3 w-3 text-cyan-400\" />\n        <span className=\"text-command-steel\">IO:</span>\n        <span className=\"text-cyan-300 font-bold\">{throughput.toFixed(1)} MB/s</span>\n      </div>\n    </div>\n  );\n}\n\nfunction DigitalTwinCanvas({ telemetryData }: { telemetryData?: any }) {\n  const [timeline, setTimeline] = useState(100); // 100 is present, 0 is past\n  const isCritical = timeline < 30; // Simulate an anomaly in the past\n\n  // Fallback values if real data isn't available\n  const currentSpeed = telemetryData?.speed?.value_numeric ? Math.round(telemetryData.speed.value_numeric).toLocaleString() : \"12,450\";\n  const currentTemp = telemetryData?.temp?.value_numeric ? Number(telemetryData.temp.value_numeric).toFixed(1) : \"20.6\";\n  const currentVib = telemetryData?.vib?.value_numeric ? Number(telemetryData.vib.value_numeric).toFixed(2) : \"1.42\";\n\n  return (\n    <section className=\"relative mt-2 flex min-h-[500px] w-full flex-col overflow-hidden border border-cyan-400/20 bg-black/30 p-4 shadow-[0_0_30px_rgba(0,212,255,0.02)] backdrop-blur-md\">\n      {/* Scanline FX */}\n      <div className={`absolute top-0 left-0 right-0 h-[1px] ${isCritical ? \"bg-red-500 shadow-[0_0_8px_rgba(239,68,68,0.8)]\" : \"bg-cyan-400/80 shadow-[0_0_8px_rgba(0,212,255,0.8)]\"} opacity-0 animate-[scan_4s_ease-in-out_infinite]`} />\n      \n      {/* Header */}\n      <div className=\"relative z-20 flex items-center justify-between\">\n        <p className={`text-[10px] font-semibold uppercase tracking-[0.2em] ${isCritical ? \"text-red-400\" : \"text-cyan-400/80\"}`}>\n          {isCritical ? \"HISTORICAL ANOMALY DETECTED - CNC CELL\" : \"ACTIVE DIGITAL TWIN - CNC MULTI-SPINDLE CELL\"}\n        </p>\n        <div className={`flex items-center gap-2 text-[10px] font-bold ${isCritical ? \"text-red-400\" : \"text-emerald-400\"}`}>\n          <span className={`status-ping relative flex h-2 w-2 rounded-full ${isCritical ? \"bg-red-400\" : \"bg-emerald-400\"}`} /> {isCritical ? \"REPLAY\" : \"LIVE\"}\n        </div>\n      </div>\n\n      <NetworkPing />\n\n      {/* 3D Visual Centerpiece replaced by Global WebGL */}\n      <div className=\"absolute inset-0 z-0\">\n        <div className=\"w-full h-full border border-cyan-400/10 rounded-full blur-3xl opacity-20 scale-150\" />\n      </div>\n\n      {/* DVR Time Scrubber */}\n      <div className=\"absolute top-12 left-1/2 z-20 -translate-x-1/2 w-full max-w-md bg-black/60 px-4 py-2 border border-command-line/80 backdrop-blur-md rounded-full flex items-center gap-4\">\n        <Icon name=\"play\" className=\"h-3 w-3 text-cyan-400/60\" />\n        <input \n          type=\"range\" \n          min=\"0\" max=\"100\" \n          value={timeline} \n          onChange={(e) => setTimeline(parseInt(e.target.value))}\n          className=\"flex-1 h-1 bg-command-line/50 rounded-full appearance-none outline-none cursor-pointer [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3 [&::-webkit-slider-thumb]:bg-cyan-400 [&::-webkit-slider-thumb]:rounded-full hover:[&::-webkit-slider-thumb]:scale-125 hover:[&::-webkit-slider-thumb]:shadow-[0_0_10px_rgba(0,212,255,0.8)] transition-all\"\n        />\n        <span className=\"text-[10px] font-mono text-cyan-300\">T-{100 - timeline}m</span>\n      </div>\n\n      {/* HUD Overlays */}\n      <div className=\"relative z-10 mt-16 grid grid-cols-2 gap-4 xl:grid-cols-4 xl:w-1/2\">\n        <HUDMetric icon=\"power\" label=\"Spindle Speed\" value={isCritical ? \"14,800\" : currentSpeed} unit=\"RPM\" critical={isCritical || telemetryData?.speed?.quality !== 'GOOD'} />\n        <HUDMetric icon=\"arrow\" label=\"Feed Rate\" value={isCritical ? \"1,400\" : \"1,250\"} unit=\"mm/min\" critical={isCritical} />\n        <HUDMetric icon=\"shield\" label=\"Coolant Temp\" value={isCritical ? \"38.2\" : currentTemp} unit=\"°C\" critical={isCritical || telemetryData?.temp?.quality !== 'GOOD'} />\n        <HUDMetric icon=\"chart\" label=\"Power Draw\" value={isCritical ? \"11.4\" : \"7.8\"} unit=\"kW\" critical={isCritical} />\n      </div>\n\n      {/* Twin State Score Card */}\n      <div className=\"absolute bottom-6 right-6 z-20 border border-command-line/80 bg-black/60 p-4 backdrop-blur-xl\">\n        <p className={`text-[10px] font-semibold uppercase tracking-[0.1em] ${isCritical ? \"text-red-400\" : \"text-cyan-400\"}`}>Digital Twin State</p>\n        <div className=\"mt-3 flex items-center gap-4\">\n          <div className={`grid h-16 w-16 place-items-center rounded-full border-2 ${isCritical ? \"border-red-400 shadow-[0_0_15px_rgba(239,68,68,0.4)]\" : \"border-cyan-400 shadow-[0_0_15px_rgba(0,212,255,0.4)]\"}`}>\n            <div className=\"text-center\">\n              <span className=\"text-xl font-bold text-white\">{isCritical ? \"42\" : \"96\"}</span>\n              <span className={`text-[8px] ${isCritical ? \"text-red-200\" : \"text-cyan-200\"}`}>/100</span>\n            </div>\n          </div>\n          <div className=\"space-y-1 font-mono text-[10px]\">\n            <div className=\"flex justify-between gap-4\">\n              <span className=\"text-command-steel\">CONFIDENCE</span>\n              <span className=\"text-white\">98.7%</span>\n            </div>\n            <div className=\"flex justify-between gap-4\">\n              <span className=\"text-command-steel\">LATENCY</span>\n              <span className=\"text-white\">18 ms</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction HUDMetric({ icon, label, value, unit, critical }: { icon: string; label: string; value: string; unit: string; critical?: boolean }) {\n  return (\n    <motion.div \n      layout\n      className={`border ${critical ? \"border-red-500/50 bg-red-900/20\" : \"border-command-line/40 bg-black/40\"} p-2 backdrop-blur-md`}\n    >\n      <div className=\"flex items-center gap-2\">\n        <Icon name={icon as any} className={`h-3 w-3 ${critical ? \"text-red-400\" : \"text-cyan-400/60\"}`} />\n        <span className=\"text-[10px] text-command-muted\">{label}</span>\n      </div>\n      <p className={`mt-1 font-mono text-lg font-bold text-white drop-shadow-[0_0_5px_rgba(255,255,255,0.4)]`}>\n        {value} <span className={`text-[10px] ${critical ? \"text-red-300\" : \"text-cyan-300\"}`}>{unit}</span>\n      </p>\n    </motion.div>\n  );\n}\n\nfunction TelemetryBar({ telemetryData }: { telemetryData?: any }) {\n  const currentTemp = telemetryData?.temp?.value_numeric ? `+${(Number(telemetryData.temp.value_numeric) - 20.0).toFixed(1)} µm` : \"+1.8 µm\";\n  const currentVib = telemetryData?.vib?.value_numeric ? `${Number(telemetryData.vib.value_numeric).toFixed(2)} mm/s` : \"1.42 mm/s\";\n\n  return (\n    <div className=\"mt-3 grid gap-3 md:grid-cols-3 xl:grid-cols-6\">\n      <TelemetryBlock title=\"Machine Condition\" value=\"96/100\" sub=\"Excellent\" />\n      <TelemetryBlock title=\"Spindle Thermal Drift\" value={currentTemp} sub={telemetryData?.temp?.quality === 'GOOD' ? 'Stable' : 'Warning'} />\n      <TelemetryBlock title=\"Vibration Analysis\" value={currentVib} sub={telemetryData?.vib?.quality === 'GOOD' ? 'Normal' : 'High'} />\n      <TelemetryBlock title=\"Tool Wear\" value=\"12%\" sub=\"Good\" />\n      <TelemetryBlock title=\"Shaft / Bearing Health\" value=\"94/100\" sub=\"Good\" />\n      <TelemetryBlock title=\"Dimensional Quality Hold\" value=\"1.63\" sub=\"Capable\" color=\"emerald\" />\n    </div>\n  );\n}\n\nfunction LiveSparkline({ color }: { color: string }) {\n  const [points, setPoints] = useState<number[]>(() => Array.from({ length: 20 }, () => 7.5));\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setPoints(Array.from({ length: 20 }, () => Math.random() * 15));\n    setMounted(true);\n    const interval = setInterval(() => {\n      setPoints(prev => {\n        const next = [...prev.slice(1), Math.random() * 15];\n        return next;\n      });\n    }, 1000);\n    return () => clearInterval(interval);\n  }, []);\n\n  const polylineStr = points.map((p, i) => `${i * 5},${18 - p}`).join(\" \");\n\n  return (\n    <svg className=\"h-6 w-16 opacity-70\" viewBox=\"0 0 100 20\" preserveAspectRatio=\"none\">\n      <polyline points={polylineStr} fill=\"none\" stroke={color} strokeWidth=\"1.5\" className=\"transition-all duration-300 ease-linear\" />\n    </svg>\n  );\n}\n\nfunction TelemetryBlock({ title, value, sub, color = \"cyan\" }: { title: string; value: string; sub: string; color?: string }) {\n  const colorClass = color === \"emerald\" ? \"text-emerald-400\" : \"text-cyan-400\";\n  return (\n    <div className=\"relative overflow-hidden border border-command-line/70 bg-black/40 p-3 transition-all hover:bg-black/60\">\n      <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-cyan-400/20 to-transparent opacity-0 transition-opacity hover:opacity-100\" />\n      <p className=\"text-[10px] font-semibold text-command-muted\">{title}</p>\n      <div className=\"mt-2 flex items-end justify-between\">\n        <div>\n          <p className=\"font-mono text-lg font-bold text-white\">{value}</p>\n          <p className={`text-[10px] ${colorClass}`}>{sub}</p>\n        </div>\n        <LiveSparkline color={color === \"emerald\" ? \"#10b981\" : \"#00d4ff\"} />\n      </div>\n    </div>\n  );\n}\n\nfunction ReplayableScenariosPanel({ latestRun, scenarios }: { latestRun: { id: string, state: string } | null, scenarios?: any[] }) {\n  return (\n    <div className=\"border border-command-line/70 bg-black/30 p-4\">\n      <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-command-muted\">Replayable Twin Scenarios</p>\n      <div className=\"mt-4 space-y-2\">\n        {scenarios && scenarios.length > 0 ? scenarios.map((s, idx) => (\n          <ScenarioRow key={s.id} title={`Scenario ${idx + 1} - ${s.name}`} status={idx === 0 ? \"ACTIVE\" : \"QUEUED\"} time={idx === 0 ? \"2 min ago\" : \"--\"} active={idx === 0} />\n        )) : (\n          <>\n            <ScenarioRow title=\"Scenario 1 - Roughing\" status=\"COMPLETED\" time=\"2h ago\" />\n            <ScenarioRow title=\"Scenario 2 - Thermal Stress\" status=\"COMPLETED\" time=\"4h ago\" />\n            <ScenarioRow title=\"Scenario 3 - Finish Turning\" status=\"ACTIVE\" time=\"2 min ago\" active />\n            <ScenarioRow title=\"Scenario 4 - Tool Wear Progression\" status=\"QUEUED\" time=\"--\" />\n          </>\n        )}\n      </div>\n      <button className=\"mt-4 text-[10px] font-semibold text-cyan-400 hover:text-cyan-300\">View all scenarios &gt;</button>\n    </div>\n  );\n}\n\nfunction ScenarioRow({ title, status, time, active }: { title: string; status: string; time: string; active?: boolean }) {\n  const [progress, setProgress] = useState(0);\n\n  useEffect(() => {\n    if (!active) return;\n    const interval = setInterval(() => {\n      setProgress(p => (p + Math.random() * 5) % 100);\n    }, 1000);\n    return () => clearInterval(interval);\n  }, [active]);\n\n  return (\n    <div className={`flex flex-col border-l-2 p-2 ${active ? \"border-amber-400 bg-amber-400/[0.05]\" : \"border-command-line/40 bg-black/20\"}`}>\n      <div className=\"flex items-center justify-between\">\n        <span className={`text-xs font-semibold ${active ? \"text-amber-300\" : \"text-slate-300\"}`}>{title}</span>\n        <div className=\"flex items-center gap-3\">\n          <span className={`text-[9px] font-bold ${status === \"COMPLETED\" ? \"text-emerald-400\" : status === \"ACTIVE\" ? \"text-amber-400\" : \"text-command-steel\"}`}>{status}</span>\n          <span className=\"w-12 text-right text-[10px] text-command-muted\">{time}</span>\n        </div>\n      </div>\n      {active && (\n        <div className=\"mt-2 h-1 w-full bg-black border border-amber-400/20 overflow-hidden\">\n          <motion.div className=\"h-full bg-amber-400\" initial={{ width: \"0%\" }} animate={{ width: `${progress}%` }} transition={{ duration: 1, ease: \"linear\" }} />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ProductionTraceabilityPanel({ latestRun }: { latestRun: { state: string } | null }) {\n  return (\n    <div className=\"border border-command-line/70 bg-black/30 p-4\">\n      <div className=\"flex items-center justify-between\">\n        <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-command-muted\">Production Traceability</p>\n        <StatusChip status={latestRun?.state === \"APPROVAL_REQUIRED\" ? \"approval\" : \"simulated\"} compact />\n      </div>\n      <p className=\"mt-3 text-sm font-bold text-white\">Lot NT-2025-0517-AX12</p>\n      <div className=\"mt-3 space-y-3 border-l border-command-line/60 ml-2 pl-3 relative\">\n        <TraceStep label=\"Raw Material\" value=\"SUS440C - Heat 9A7721\" done />\n        <TraceStep label=\"Operation\" value=\"Finish Turning - CNC Cell 2\" done />\n        <TraceStep label=\"Inspection\" value=\"In-Process Dimensional\" active />\n        <TraceStep label=\"Final Disposition\" value=\"Pending\" />\n      </div>\n    </div>\n  );\n}\n\nfunction TraceStep({ label, value, done, active }: { label: string; value: string; done?: boolean; active?: boolean }) {\n  return (\n    <div className=\"relative\">\n      <span className={`absolute -left-[17px] top-1 h-2 w-2 rounded-full border ${done ? \"bg-cyan-400 border-cyan-400\" : active ? \"bg-amber-400 border-amber-400 shadow-[0_0_8px_rgba(251,191,36,0.8)]\" : \"bg-black border-command-line\"}`} />\n      <p className=\"text-[10px] text-command-muted\">{label}</p>\n      <p className={`text-xs ${active ? \"text-amber-300 font-semibold\" : \"text-white\"}`}>{value}</p>\n    </div>\n  );\n}\n\nfunction LiveEventLedgerPanel() {\n  const [logs, setLogs] = useState<{ id: number, label: string, hash: string, time: string }[]>([]);\n  const [counter, setCounter] = useState(0);\n\n  useEffect(() => {\n    const labels = [\"Telemetry Ingest\", \"Anomaly Scan\", \"State Replay\", \"Hash Verification\", \"Spindle Drift Comp\", \"Vibration FFT\", \"Twin Mesh Update\", \"Operator Gate Check\"];\n    const interval = setInterval(() => {\n      setCounter(c => c + 1);\n      setLogs(prev => {\n        const newLog = {\n          id: Date.now(),\n          label: labels[Math.floor(Math.random() * labels.length)],\n          hash: Math.random().toString(16).slice(2, 10),\n          time: new Date().toISOString().split('T')[1].slice(0, 8)\n        };\n        return [newLog, ...prev].slice(0, 5);\n      });\n    }, 1200 + Math.random() * 800);\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <div className=\"border border-command-line/70 bg-black/30 p-4 overflow-hidden h-[240px] flex flex-col\">\n      <div className=\"flex items-center justify-between mb-4\">\n        <p className=\"text-[10px] font-semibold uppercase tracking-[0.1em] text-command-muted\">Live Event Ledger</p>\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-[10px] text-cyan-400\">{counter} events</span>\n          <span className=\"relative flex h-2 w-2 rounded-full bg-emerald-400 status-ping shrink-0\" />\n        </div>\n      </div>\n      <div className=\"space-y-2 relative flex-1\">\n        <AnimatePresence>\n          {logs.map((log) => (\n            <motion.div \n              key={log.id} \n              initial={{ opacity: 0, x: 20 }} \n              animate={{ opacity: 1, x: 0 }} \n              exit={{ opacity: 0, scale: 0.9 }}\n              transition={{ duration: 0.3 }}\n              className=\"grid grid-cols-[1fr_80px_30px] items-center gap-2 border-b border-command-line/40 py-1\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"text-xs text-white truncate\">{log.label}</p>\n                <p className=\"text-[9px] text-command-muted\">{log.time}</p>\n              </div>\n              <div>\n                <p className=\"text-[9px] text-command-muted\">HASH</p>\n                <p className=\"font-mono text-[10px] text-cyan-300\">{log.hash}</p>\n              </div>\n              <Icon name=\"check\" className=\"h-4 w-4 text-emerald-400 justify-self-end shrink-0\" />\n            </motion.div>\n          ))}\n        </AnimatePresence>\n      </div>\n    </div>\n  );\n}\n\nfunction OverviewRail({ latestRun }: { latestRun: { id: string, state: string } | null }) {\n  return (\n    <div className=\"glass-panel relative flex h-full flex-col overflow-hidden bg-black/40\">\n      {/* Right accent bar */}\n      <div className=\"absolute right-0 top-0 bottom-0 w-[2px] bg-gradient-to-b from-transparent via-cyan-400/25 to-transparent\" />\n\n      <div className=\"min-h-0 flex-1 space-y-4 overflow-y-auto p-4\">\n        \n        {/* Knowledge Retrieval */}\n        <section>\n          <p className=\"text-[10px] font-semibold uppercase tracking-[0.2em] text-command-muted\">Command Intelligence</p>\n          <h3 className=\"mt-1.5 text-sm font-semibold text-white\">Maintenance Knowledge</h3>\n          <p className=\"mt-1 text-[10px] text-slate-400\">Retrieve proven solutions from operational knowledge base.</p>\n          <div className=\"mt-3 border border-command-line/70 bg-black/40 p-3\">\n            <p className=\"text-[9px] uppercase text-cyan-400\">Top Recommendation</p>\n            <p className=\"mt-1 text-xs font-semibold text-white\">Spindle thermal drift compensation</p>\n            <div className=\"mt-2 flex justify-between text-[10px]\">\n              <div>\n                <span className=\"text-command-muted\">Success rate:</span> <span className=\"text-emerald-400 font-bold\">94%</span>\n              </div>\n              <div>\n                <span className=\"text-command-muted\">Used in:</span> <span className=\"text-cyan-300 font-bold\">128 runs</span>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        {/* Operator Actions */}\n        <section>\n          <div className=\"flex items-center justify-between\">\n            <h3 className=\"text-sm font-semibold text-white\">Operator Actions</h3>\n            <StatusChip status=\"approval\" compact />\n          </div>\n          <div className=\"mt-3 space-y-2\">\n            <div className=\"border border-amber-400/30 bg-amber-400/[0.05] p-3 flex items-center justify-between\">\n              <div>\n                <p className=\"text-xs font-semibold text-amber-200\">Thermal offset update</p>\n                <p className=\"text-[10px] text-command-muted\">Adjust spindle comp. +2.3 µm</p>\n              </div>\n              <button className=\"border border-amber-400/50 bg-amber-400/10 px-2 py-1 text-[10px] text-amber-400\">REVIEW</button>\n            </div>\n          </div>\n        </section>\n\n        {/* KPI dashboard */}\n        <section>\n          <h3 className=\"text-sm font-semibold text-white\">KPIs - This Shift</h3>\n          <div className=\"mt-3 grid grid-cols-2 gap-2\">\n            <KPIBlock label=\"OEE\" value=\"89.6%\" delta=\"+0.2%\" />\n            <KPIBlock label=\"First Pass Yield\" value=\"98.7%\" delta=\"+2.1%\" />\n            <KPIBlock label=\"Scrap Rate\" value=\"0.32%\" delta=\"-0.18%\" />\n            <KPIBlock label=\"On-Time Delivery\" value=\"99.1%\" delta=\"+1.7%\" />\n          </div>\n        </section>\n\n        {/* System Alerts */}\n        <section>\n          <div className=\"flex items-center justify-between\">\n            <h3 className=\"text-sm font-semibold text-white\">System Alerts</h3>\n            <span className=\"text-[10px] text-cyan-400 cursor-pointer\">View all</span>\n          </div>\n          <div className=\"mt-3 space-y-2\">\n            <div className=\"flex gap-2\">\n              <Icon name=\"shield\" className=\"h-4 w-4 text-amber-400 shrink-0\" />\n              <div>\n                <p className=\"text-xs text-slate-300\">Thermal drift trending up</p>\n                <p className=\"text-[9px] text-command-muted\">Spindle 2 - Monitor</p>\n              </div>\n            </div>\n            <div className=\"flex gap-2\">\n              <Icon name=\"power\" className=\"h-4 w-4 text-red-400 shrink-0\" />\n              <div>\n                <p className=\"text-xs text-slate-300\">Vibration anomaly detected</p>\n                <p className=\"text-[9px] text-command-muted\">Bearing B2 - Review</p>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        {/* Next Maintenance */}\n        <section className=\"border border-cyan-400/30 bg-cyan-400/[0.05] p-4\">\n          <p className=\"text-[10px] font-semibold uppercase text-command-muted\">Next Maintenance Window</p>\n          <div className=\"mt-2 flex items-center gap-3\">\n            <Icon name=\"roadmap\" className=\"h-6 w-6 text-cyan-400\" />\n            <div>\n              <p className=\"text-lg font-bold text-white\">In 2d 18h</p>\n              <p className=\"text-[10px] text-cyan-200\">MAY 20, 02:00</p>\n            </div>\n          </div>\n        </section>\n      </div>\n    </div>\n  );\n}\n\nfunction KPIBlock({ label, value, delta }: { label: string; value: string; delta: string }) {\n  const isPositive = delta.startsWith(\"+\") || delta.startsWith(\"-0\");\n  return (\n    <div className=\"border border-command-line/50 bg-black/40 p-2\">\n      <p className=\"text-[10px] text-command-muted\">{label}</p>\n      <p className=\"mt-1 text-lg font-bold text-white\">{value}</p>\n      <p className={`text-[9px] ${isPositive ? \"text-emerald-400\" : \"text-amber-400\"}`}>{delta}</p>\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\qa-dashboard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\rag-dashboard.tsx","messages":[{"ruleId":"react-hooks/set-state-in-effect","severity":2,"message":"Error: Calling setState synchronously within an effect can trigger cascading renders\n\nEffects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\rag-dashboard.tsx:11:5\n   9 |\n  10 |   useEffect(() => {\n> 11 |     setMounted(true);\n     |     ^^^^^^^^^^ Avoid calling setState() directly within an effect\n  12 |   }, []);\n  13 |\n  14 |   if (!mounted) return null;","line":11,"column":5,"nodeType":null,"endLine":11,"endColumn":15},{"ruleId":"react-hooks/purity","severity":2,"message":"Error: Cannot call impure function during render\n\n`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\rag-dashboard.tsx:112:30\n  110 |                   className={`absolute rounded-full ${i % 3 === 0 ? 'bg-emerald-400 h-1.5 w-1.5' : i % 5 === 0 ? 'bg-purple-400 h-2 w-2' : 'bg-cyan-400 h-1 w-1'}`}\n  111 |                   style={{\n> 112 |                     left: `${Math.random() * 90 + 5}%`,\n      |                              ^^^^^^^^^^^^^ Cannot call impure function\n  113 |                     top: `${Math.random() * 90 + 5}%`,\n  114 |                     opacity: Math.random() * 0.5 + 0.3\n  115 |                   }}","line":112,"column":30,"nodeType":null,"endLine":112,"endColumn":43},{"ruleId":"react-hooks/purity","severity":2,"message":"Error: Cannot call impure function during render\n\n`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\rag-dashboard.tsx:113:29\n  111 |                   style={{\n  112 |                     left: `${Math.random() * 90 + 5}%`,\n> 113 |                     top: `${Math.random() * 90 + 5}%`,\n      |                             ^^^^^^^^^^^^^ Cannot call impure function\n  114 |                     opacity: Math.random() * 0.5 + 0.3\n  115 |                   }}\n  116 |                 />","line":113,"column":29,"nodeType":null,"endLine":113,"endColumn":42},{"ruleId":"react-hooks/purity","severity":2,"message":"Error: Cannot call impure function during render\n\n`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\rag-dashboard.tsx:114:30\n  112 |                     left: `${Math.random() * 90 + 5}%`,\n  113 |                     top: `${Math.random() * 90 + 5}%`,\n> 114 |                     opacity: Math.random() * 0.5 + 0.3\n      |                              ^^^^^^^^^^^^^ Cannot call impure function\n  115 |                   }}\n  116 |                 />\n  117 |               ))}","line":114,"column":30,"nodeType":null,"endLine":114,"endColumn":43},{"ruleId":"react-hooks/purity","severity":2,"message":"Error: Cannot call impure function during render\n\n`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\rag-dashboard.tsx:133:61\n  131 |               <div className=\"flex justify-between items-center mb-1\">\n  132 |                 <div className=\"text-[10px] text-cyan-500 font-semibold tracking-wider group-hover:text-cyan-400\">STREAM 0{item}</div>\n> 133 |                 <div className=\"text-[9px] text-gray-500\">{(Math.random() * 10).toFixed(1)} MB/s</div>\n      |                                                             ^^^^^^^^^^^^^ Cannot call impure function\n  134 |               </div>\n  135 |               <div className=\"mt-2 h-[2px] w-full bg-gray-800 rounded overflow-hidden\">\n  136 |                 <motion.div ","line":133,"column":61,"nodeType":null,"endLine":133,"endColumn":74},{"ruleId":"react-hooks/purity","severity":2,"message":"Error: Cannot call impure function during render\n\n`Math.random` is an impure function. Calling an impure function can produce unstable results that update unpredictably when the component happens to re-render. (https://react.dev/reference/rules/components-and-hooks-must-be-pure#components-and-hooks-must-be-idempotent).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\rag-dashboard.tsx:139:40\n  137 |                   className=\"h-full bg-cyan-500/80\" \n  138 |                   initial={{ width: 0 }}\n> 139 |                   animate={{ width: `${Math.random() * 60 + 20}%` }}\n      |                                        ^^^^^^^^^^^^^ Cannot call impure function\n  140 |                   transition={{ duration: 2, repeat: Infinity, repeatType: \"reverse\" }}\n  141 |                 />\n  142 |               </div>","line":139,"column":40,"nodeType":null,"endLine":139,"endColumn":53}],"suppressedMessages":[],"errorCount":6,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport React, { useState, useEffect } from \"react\";\nimport Link from \"next/link\";\nimport { motion } from \"framer-motion\";\n\nexport default function RagDashboard() {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return null;\n\n  return (\n    <div className=\"relative w-full h-screen bg-[#050505] overflow-hidden text-cyan-400 font-mono\">\n      {/* Background/WebGL Placeholder (The hologram lives here) */}\n      <div className=\"absolute inset-0 z-0 flex items-center justify-center\">\n        <motion.div \n          className=\"w-[800px] h-[800px] rounded-full border border-cyan-900/30 bg-cyan-900/5 flex items-center justify-center\"\n          animate={{ rotate: 360, scale: [1, 1.02, 1] }}\n          transition={{ duration: 20, repeat: Infinity, ease: \"linear\" }}\n        >\n          <div className=\"w-[600px] h-[600px] rounded-full border border-cyan-700/20 bg-cyan-800/10 flex items-center justify-center border-dashed\">\n            <div className=\"text-cyan-800/60 text-sm tracking-widest font-bold\">\n              [ WEBGL KNOWLEDGE GRAPH HOLOGRAM ]\n            </div>\n          </div>\n        </motion.div>\n      </div>\n\n      {/* Floating Metric Tags (Absolute positioned around the open center) */}\n      <motion.div\n        className=\"absolute top-1/4 left-[35%] z-10 px-5 py-3 rounded border border-cyan-500/30 bg-black/40 backdrop-blur-md shadow-[0_0_15px_rgba(6,182,212,0.15)]\"\n        initial={{ y: 20, opacity: 0 }}\n        animate={{ y: 0, opacity: 1 }}\n        transition={{ type: \"spring\", stiffness: 100, damping: 10, delay: 0.2 }}\n      >\n        <span className=\"text-xs uppercase tracking-widest text-cyan-300/80\">Corpus Health</span>\n        <span className=\"ml-3 font-bold text-cyan-100 text-lg\">99.9%</span>\n      </motion.div>\n\n      <motion.div\n        className=\"absolute top-[30%] right-[30%] z-10 px-5 py-3 rounded border border-emerald-500/30 bg-black/40 backdrop-blur-md shadow-[0_0_15px_rgba(16,185,129,0.15)]\"\n        initial={{ y: 20, opacity: 0 }}\n        animate={{ y: 0, opacity: 1 }}\n        transition={{ type: \"spring\", stiffness: 100, damping: 10, delay: 0.4 }}\n      >\n        <span className=\"text-xs uppercase tracking-widest text-emerald-300/80\">Retrieval Latency</span>\n        <span className=\"ml-3 font-bold text-emerald-100 text-lg\">12ms</span>\n      </motion.div>\n\n      <motion.div\n        className=\"absolute bottom-[35%] left-[30%] z-10 px-5 py-3 rounded border border-purple-500/30 bg-black/40 backdrop-blur-md shadow-[0_0_15px_rgba(168,85,247,0.15)]\"\n        initial={{ y: 20, opacity: 0 }}\n        animate={{ y: 0, opacity: 1 }}\n        transition={{ type: \"spring\", stiffness: 100, damping: 10, delay: 0.6 }}\n      >\n        <span className=\"text-xs uppercase tracking-widest text-purple-300/80\">Active Nodes</span>\n        <span className=\"ml-3 font-bold text-purple-100 text-lg\">14.2M</span>\n      </motion.div>\n\n      <motion.div\n        className=\"absolute bottom-[40%] right-[35%] z-10 px-5 py-3 rounded border border-amber-500/30 bg-black/40 backdrop-blur-md shadow-[0_0_15px_rgba(245,158,11,0.15)]\"\n        initial={{ y: 20, opacity: 0 }}\n        animate={{ y: 0, opacity: 1 }}\n        transition={{ type: \"spring\", stiffness: 100, damping: 10, delay: 0.8 }}\n      >\n        <span className=\"text-xs uppercase tracking-widest text-amber-300/80\">Vector Dimensions</span>\n        <span className=\"ml-3 font-bold text-amber-100 text-lg\">1536</span>\n      </motion.div>\n\n\n      {/* Left Panel */}\n      <motion.div\n        className=\"absolute left-0 top-0 bottom-0 w-80 bg-black/20 backdrop-blur-3xl border-r border-white/10 z-20 flex flex-col p-6 shadow-[20px_0_30px_rgba(0,0,0,0.5)]\"\n        initial={{ x: -100, opacity: 0 }}\n        animate={{ x: 0, opacity: 1 }}\n        transition={{ type: \"spring\", stiffness: 200, damping: 25 }}\n      >\n        {/* Back Button inside Panel */}\n        <div className=\"mb-4\">\n          <Link \n            href=\"/\" \n            className=\"inline-flex items-center gap-2 px-3 py-1.5 border border-cyan-500/30 bg-cyan-500/5 text-[10px] font-bold uppercase tracking-wider text-cyan-300 hover:text-white hover:border-cyan-400 hover:bg-cyan-500/15 transition-all shadow-[0_0_10px_rgba(6,182,212,0.1)]\"\n          >\n            ← Back to Dashboard\n          </Link>\n        </div>\n\n        <div className=\"flex items-center space-x-3 mb-6 border-b border-white/10 pb-4\">\n          <div className=\"w-2 h-2 bg-cyan-500 rounded-full animate-pulse\" />\n          <h2 className=\"text-lg font-bold text-white tracking-[0.2em]\">\n            INGESTION & VECTORS\n          </h2>\n        </div>\n        \n        <div className=\"flex-1 overflow-y-auto space-y-4 pr-2 custom-scrollbar\">\n          {/* Vector Space Embeddings Map */}\n          <div className=\"p-4 rounded-sm bg-black/40 border border-white/10\">\n            <h3 className=\"text-[10px] text-cyan-400 font-bold uppercase tracking-widest mb-3\">Vector Space Map (2D Projection)</h3>\n            <div className=\"relative h-32 w-full bg-cyan-950/20 border border-cyan-500/20 overflow-hidden\">\n              {/* Scatter plot grid lines */}\n              <div className=\"absolute inset-0 bg-[linear-gradient(rgba(6,182,212,0.1)_1px,transparent_1px),linear-gradient(90deg,rgba(6,182,212,0.1)_1px,transparent_1px)] bg-[size:10px_10px]\" />\n              {/* Scatter dots */}\n              {Array.from({ length: 40 }).map((_, i) => (\n                <div \n                  key={i} \n                  className={`absolute rounded-full ${i % 3 === 0 ? 'bg-emerald-400 h-1.5 w-1.5' : i % 5 === 0 ? 'bg-purple-400 h-2 w-2' : 'bg-cyan-400 h-1 w-1'}`}\n                  style={{\n                    left: `${Math.random() * 90 + 5}%`,\n                    top: `${Math.random() * 90 + 5}%`,\n                    opacity: Math.random() * 0.5 + 0.3\n                  }}\n                />\n              ))}\n              {/* Active search radius */}\n              <div className=\"absolute left-1/2 top-1/2 h-16 w-16 -translate-x-1/2 -translate-y-1/2 rounded-full border border-emerald-400/50 bg-emerald-400/10\" />\n            </div>\n          </div>\n\n          <h3 className=\"text-[10px] text-gray-500 font-bold uppercase tracking-widest mt-2\">Active Streams</h3>\n          {[1, 2, 3].map((item) => (\n            <motion.div \n              key={item}\n              className=\"p-3 rounded-sm bg-white/5 border border-white/5 hover:border-cyan-500/50 hover:bg-cyan-900/10 transition-all cursor-crosshair group\"\n              whileHover={{ scale: 1.02 }}\n              whileTap={{ scale: 0.98 }}\n            >\n              <div className=\"flex justify-between items-center mb-1\">\n                <div className=\"text-[10px] text-cyan-500 font-semibold tracking-wider group-hover:text-cyan-400\">STREAM 0{item}</div>\n                <div className=\"text-[9px] text-gray-500\">{(Math.random() * 10).toFixed(1)} MB/s</div>\n              </div>\n              <div className=\"mt-2 h-[2px] w-full bg-gray-800 rounded overflow-hidden\">\n                <motion.div \n                  className=\"h-full bg-cyan-500/80\" \n                  initial={{ width: 0 }}\n                  animate={{ width: `${Math.random() * 60 + 20}%` }}\n                  transition={{ duration: 2, repeat: Infinity, repeatType: \"reverse\" }}\n                />\n              </div>\n            </motion.div>\n          ))}\n        </div>\n      </motion.div>\n\n      {/* Right Panel */}\n      <motion.div\n        className=\"absolute right-0 top-0 bottom-0 w-80 bg-black/20 backdrop-blur-3xl border-l border-white/10 z-20 flex flex-col p-6 shadow-[-20px_0_30px_rgba(0,0,0,0.5)]\"\n        initial={{ x: 100, opacity: 0 }}\n        animate={{ x: 0, opacity: 1 }}\n        transition={{ type: \"spring\", stiffness: 200, damping: 25, delay: 0.1 }}\n      >\n        <div className=\"flex items-center justify-end space-x-3 mb-8 border-b border-white/10 pb-4\">\n          <h2 className=\"text-lg font-bold text-white tracking-[0.2em] text-right\">\n            PIPELINE\n          </h2>\n          <div className=\"w-2 h-2 bg-purple-500 rounded-full animate-pulse\" />\n        </div>\n        \n        <div className=\"flex flex-col space-y-6\">\n          <div className=\"space-y-2\">\n            <div className=\"text-[10px] text-cyan-400 flex justify-between tracking-wider font-bold\">\n              <span>SEMANTIC SEARCH PLAYGROUND</span>\n            </div>\n            <div className=\"flex flex-col gap-2\">\n              <textarea \n                className=\"w-full h-16 bg-black/40 border border-cyan-500/30 rounded p-2 text-xs text-white outline-none focus:border-cyan-400 resize-none\"\n                placeholder=\"Query the engineering corpus...\"\n                defaultValue=\"What is the acceptable vibration tolerance for spindle SP-44 at 1200 RPM?\"\n              />\n              <button className=\"bg-cyan-500/20 hover:bg-cyan-500/40 border border-cyan-500/50 text-cyan-300 text-[10px] uppercase font-bold py-1.5 transition-colors\">\n                Execute Query\n              </button>\n            </div>\n          </div>\n          \n          <div className=\"space-y-2\">\n            <div className=\"text-[10px] text-gray-400 flex justify-between tracking-wider\">\n              <span>ACTIVE RETRIEVAL</span>\n              <span className=\"text-cyan-400 font-semibold\">ONLINE</span>\n            </div>\n            <div className=\"p-3 bg-white/5 border border-white/10 rounded-sm text-[10px] text-gray-300 break-words leading-relaxed\">\n              <span className=\"text-pink-500\">SELECT</span> relevant_nodes <br/>\n              <span className=\"text-pink-500\">FROM</span> knowledge_graph <br/>\n              <span className=\"text-pink-500\">WHERE</span> similarity &gt; 0.92 <br/>\n              <span className=\"text-pink-500\">LIMIT</span> 5;\n            </div>\n          </div>\n          \n          <div className=\"grid grid-cols-2 gap-4 pt-2 border-t border-white/5\">\n            <div className=\"p-3 bg-white/5 border border-white/10 rounded-sm flex flex-col items-center justify-center text-center group hover:bg-white/10 transition-colors\">\n              <span className=\"text-2xl font-light text-white group-hover:text-cyan-300 transition-colors\">42</span>\n              <span className=\"text-[9px] text-gray-500 uppercase mt-1 tracking-widest\">QPS</span>\n            </div>\n            <div className=\"p-3 bg-white/5 border border-white/10 rounded-sm flex flex-col items-center justify-center text-center group hover:bg-white/10 transition-colors\">\n              <span className=\"text-2xl font-light text-white group-hover:text-purple-300 transition-colors\">0.99</span>\n              <span className=\"text-[9px] text-gray-500 uppercase mt-1 tracking-widest\">Relevance</span>\n            </div>\n          </div>\n        </div>\n      </motion.div>\n\n      {/* Bottom Panel */}\n      <motion.div\n        className=\"absolute bottom-0 left-80 right-80 h-56 bg-black/20 backdrop-blur-3xl border-t border-white/10 z-20 p-6 flex flex-col shadow-[0_-20px_30px_rgba(0,0,0,0.5)]\"\n        initial={{ y: 100, opacity: 0 }}\n        animate={{ y: 0, opacity: 1 }}\n        transition={{ type: \"spring\", stiffness: 200, damping: 25, delay: 0.2 }}\n      >\n        <div className=\"flex justify-between items-center mb-4 border-b border-white/10 pb-3\">\n          <h2 className=\"text-xs font-bold text-gray-400 tracking-[0.2em]\">TERMINAL_STDOUT</h2>\n          <div className=\"flex space-x-2\">\n            <div className=\"w-2.5 h-2.5 rounded-full bg-white/20 hover:bg-red-500 transition-colors cursor-pointer\" />\n            <div className=\"w-2.5 h-2.5 rounded-full bg-white/20 hover:bg-yellow-500 transition-colors cursor-pointer\" />\n            <div className=\"w-2.5 h-2.5 rounded-full bg-white/20 hover:bg-green-500 transition-colors cursor-pointer\" />\n          </div>\n        </div>\n        \n        <div className=\"flex-1 font-mono text-[11px] text-cyan-600/80 overflow-y-auto space-y-1.5 custom-scrollbar\">\n          <p>[SYS] Initializing RAG cluster node alpha-01...</p>\n          <p>[SYS] Connecting to vector database...</p>\n          <p className=\"text-green-500/90\">[OK] Vector DB connected. Index size: 4.2TB.</p>\n          <p>[SYS] Loading embedding models into VRAM...</p>\n          <p className=\"text-green-500/90\">[OK] Models loaded. Tensors ready.</p>\n          <p className=\"text-cyan-400/90 mt-2 flex items-center\">\n            <span className=\"mr-2\">&gt;</span> Waiting for incoming query streams\n            <motion.span \n              animate={{ opacity: [1, 0, 1] }} \n              transition={{ duration: 1, repeat: Infinity }}\n            >\n              _\n            </motion.span>\n          </p>\n        </div>\n      </motion.div>\n      \n      {/* Global styles for scrollbar */}\n      <style dangerouslySetInnerHTML={{__html: `\n        .custom-scrollbar::-webkit-scrollbar {\n          width: 4px;\n        }\n        .custom-scrollbar::-webkit-scrollbar-track {\n          background: rgba(255, 255, 255, 0.02);\n        }\n        .custom-scrollbar::-webkit-scrollbar-thumb {\n          background: rgba(255, 255, 255, 0.1);\n          border-radius: 4px;\n        }\n        .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n          background: rgba(6, 182, 212, 0.5);\n        }\n      `}} />\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\roadmap-dashboard.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'ChevronRight' is defined but never used.","line":14,"column":3,"nodeType":"Identifier","messageId":"unusedVar","endLine":14,"endColumn":15,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"ChevronRight"},"fix":{"range":[210,226],"text":""},"desc":"Remove unused variable \"ChevronRight\"."}]}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport React, { useState } from \"react\";\nimport { motion, Variants } from \"framer-motion\";\nimport {\n  Cpu,\n  Target,\n  Link as LinkIcon,\n  Bot,\n  Activity,\n  CheckCircle2,\n  CircleDashed,\n  Clock,\n  ChevronRight,\n  ShieldAlert,\n  Sparkles,\n  LucideIcon\n} from \"lucide-react\";\n\ninterface Milestone {\n  id: string;\n  name: string;\n  status: \"completed\" | \"active\" | \"upcoming\";\n  metrics: string[];\n}\n\ninterface Phase {\n  id: string;\n  name: string;\n  status: \"completed\" | \"active\" | \"upcoming\";\n  timeframe: string;\n  description: string;\n  icon: LucideIcon;\n  milestones: Milestone[];\n}\n\nconst phases: Phase[] = [\n  {\n    id: \"phase-0\",\n    name: \"Phase 0: Foundation\",\n    status: \"completed\",\n    timeframe: \"Q1 - Q2 2026\",\n    description: \"Establish AI governance and secure infrastructure.\",\n    icon: ShieldAlert,\n    milestones: [\n      { id: \"m0-1\", name: \"Data Lake Refactoring\", status: \"completed\", metrics: [\"100% Migration\", \"0 Downtime\"] },\n      { id: \"m0-2\", name: \"Cyber-Security Audit\", status: \"completed\", metrics: [\"A+ Rating\", \"0 Vulns\"] },\n    ],\n  },\n  {\n    id: \"phase-1\",\n    name: \"Phase 1: Pilot\",\n    status: \"completed\",\n    timeframe: \"Q3 2026\",\n    description: \"Initial AI models in non-critical systems.\",\n    icon: Target,\n    milestones: [\n      { id: \"m1-1\", name: \"Predictive Maintenance Alpha\", status: \"completed\", metrics: [\"85% Accuracy\"] },\n      { id: \"m1-2\", name: \"Document RAG\", status: \"completed\", metrics: [\"10k Docs Indexed\"] },\n    ],\n  },\n  {\n    id: \"phase-2\",\n    name: \"Phase 2: Scale\",\n    status: \"active\",\n    timeframe: \"Q4 2026\",\n    description: \"Widespread deployment of core AI agents.\",\n    icon: Activity,\n    milestones: [\n      { id: \"m2-1\", name: \"Supply Chain Opt\", status: \"active\", metrics: [\"-15% Latency\"] },\n      { id: \"m2-2\", name: \"Digital Twin Sync\", status: \"active\", metrics: [\"Sub-second Sync\"] },\n    ],\n  },\n  {\n    id: \"phase-3\",\n    name: \"Phase 3: Autonomous\",\n    status: \"upcoming\",\n    timeframe: \"Q1 2027\",\n    description: \"Self-healing networks and autonomous agents.\",\n    icon: Bot,\n    milestones: [\n      { id: \"m3-1\", name: \"Auto-remediation\", status: \"upcoming\", metrics: [\"Target: <1m\"] },\n      { id: \"m3-2\", name: \"Agent Swarms\", status: \"upcoming\", metrics: [\"Target: 100+\"] },\n    ],\n  },\n  {\n    id: \"phase-4\",\n    name: \"Phase 4: Singularity\",\n    status: \"upcoming\",\n    timeframe: \"Q2 2027+\",\n    description: \"Complete systemic integration and continuous evolution.\",\n    icon: Sparkles,\n    milestones: [\n      { id: \"m4-1\", name: \"Full System Synthesis\", status: \"upcoming\", metrics: [\"Self-Evolving\"] },\n      { id: \"m4-2\", name: \"Global Operations\", status: \"upcoming\", metrics: [\"0 Human Int.\"] },\n    ],\n  },\n];\n\nconst containerVariants: Variants = {\n  hidden: { opacity: 0 },\n  show: {\n    opacity: 1,\n    transition: {\n      staggerChildren: 0.15,\n      delayChildren: 0.2,\n    },\n  },\n};\n\nconst itemVariants: Variants = {\n  hidden: { opacity: 0, y: 50, scale: 0.9 },\n  show: {\n    opacity: 1,\n    y: 0,\n    scale: 1,\n    transition: {\n      type: \"spring\",\n      stiffness: 100,\n      damping: 15,\n      mass: 1,\n    },\n  },\n};\n\nconst lineVariants: Variants = {\n  hidden: { scaleX: 0 },\n  show: {\n    scaleX: 1,\n    transition: {\n      duration: 1.5,\n      ease: \"easeInOut\",\n    },\n  },\n};\n\nexport function RoadmapDashboard() {\n  const [hoveredPhase, setHoveredPhase] = useState<string | null>(null);\n\n  return (\n    <div className=\"relative w-full h-full flex flex-col items-center justify-center overflow-hidden font-sans\">\n      {/* Decorative top title floating */}\n      <motion.div\n        initial={{ opacity: 0, y: -20 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ delay: 0.5, type: \"spring\" }}\n        className=\"absolute top-8 left-8 z-20\"\n      >\n        <div className=\"inline-flex items-center gap-3 px-6 py-2 rounded-full bg-black/20 backdrop-blur-3xl border border-white/10 shadow-[0_0_30px_rgba(0,180,255,0.1)]\">\n          <Cpu className=\"w-5 h-5 text-cyan-400\" />\n          <h1 className=\"text-xl font-medium text-white tracking-widest uppercase\">\n            AI Adoption Roadmap\n          </h1>\n        </div>\n      </motion.div>\n\n      {/* Main Timeline Canvas */}\n      {/* The center must remain open per Open Center Layout Directive */}\n      <div className=\"w-full h-full overflow-x-auto overflow-y-hidden custom-scrollbar snap-x snap-mandatory flex items-center px-12 md:px-32 relative z-10\">\n        \n        {/* Continuous Background Line */}\n        <div className=\"absolute top-1/2 left-0 w-[200%] h-[2px] -translate-y-1/2 z-0 hidden md:block\">\n          <div className=\"w-full h-full bg-gradient-to-r from-transparent via-white/10 to-transparent\" />\n        </div>\n\n        <motion.div\n          variants={containerVariants}\n          initial=\"hidden\"\n          animate=\"show\"\n          className=\"flex items-center gap-12 md:gap-24 relative z-10 w-max pb-12 pt-24\"\n        >\n          {phases.map((phase, index) => {\n            const Icon = phase.icon;\n            const isHovered = hoveredPhase === phase.id;\n\n            let statusColor = \"text-white/40 border-white/10\";\n            let glow = \"\";\n            let bgGlass = \"bg-black/20\";\n            \n            if (phase.status === \"completed\") {\n              statusColor = \"text-emerald-400 border-emerald-500/30\";\n              glow = \"shadow-[0_0_30px_rgba(16,185,129,0.1)]\";\n              bgGlass = \"bg-emerald-950/20\";\n            } else if (phase.status === \"active\") {\n              statusColor = \"text-cyan-400 border-cyan-500/50\";\n              glow = \"shadow-[0_0_40px_rgba(6,182,214,0.3)]\";\n              bgGlass = \"bg-cyan-950/30\";\n            } else {\n              statusColor = \"text-white/30 border-white/10\";\n              bgGlass = \"bg-black/20\";\n            }\n\n            return (\n              <motion.div\n                key={phase.id}\n                variants={itemVariants}\n                className=\"relative snap-center shrink-0 flex flex-col items-center group\"\n                onMouseEnter={() => setHoveredPhase(phase.id)}\n                onMouseLeave={() => setHoveredPhase(null)}\n              >\n                {/* Connecting Line Segment between nodes */}\n                {index < phases.length - 1 && (\n                  <div className=\"absolute top-1/2 left-[100%] w-12 md:w-24 h-[2px] -translate-y-1/2 z-0 overflow-hidden\">\n                    <motion.div\n                      variants={lineVariants}\n                      className=\"w-full h-full origin-left bg-gradient-to-r from-white/20 to-white/5\"\n                    />\n                  </div>\n                )}\n\n                {/* Node Container */}\n                <div\n                  className={`\n                    w-72 md:w-80 rounded-2xl p-6 transition-all duration-500 backdrop-blur-3xl\n                    border border-white/5 ${bgGlass} ${glow}\n                    ${isHovered ? 'scale-105 border-white/20 z-20 shadow-2xl' : 'scale-100 z-10'}\n                  `}\n                >\n                  {/* Header */}\n                  <div className=\"flex items-start justify-between mb-4\">\n                    <div>\n                      <div className={`text-xs font-bold uppercase tracking-wider mb-1 flex items-center gap-2 ${statusColor.split(' ')[0]}`}>\n                        {phase.status === \"completed\" && <CheckCircle2 className=\"w-3.5 h-3.5\" />}\n                        {phase.status === \"active\" && <CircleDashed className=\"w-3.5 h-3.5 animate-spin-slow\" />}\n                        {phase.status === \"upcoming\" && <Clock className=\"w-3.5 h-3.5\" />}\n                        {phase.status}\n                      </div>\n                      <h3 className=\"text-xl font-semibold text-white/90 group-hover:text-white transition-colors\">\n                        {phase.name.split(':')[1]}\n                      </h3>\n                      <div className=\"text-xs text-white/40 mt-1 uppercase tracking-widest\">{phase.timeframe}</div>\n                    </div>\n                    <div className={`p-3 rounded-xl border ${statusColor} bg-black/40 backdrop-blur-md`}>\n                      <Icon className=\"w-6 h-6\" />\n                    </div>\n                  </div>\n\n                  <p className=\"text-sm text-white/50 mb-6 group-hover:text-white/70 transition-colors line-clamp-2\">\n                    {phase.description}\n                  </p>\n\n                  {/* Milestones */}\n                  <div className=\"space-y-3\">\n                    {phase.milestones.map((milestone) => (\n                      <div\n                        key={milestone.id}\n                        className=\"bg-black/40 backdrop-blur-xl border border-white/5 rounded-lg p-3 flex flex-col gap-2 transition-all hover:bg-white/[0.03]\"\n                      >\n                        <div className=\"flex items-center justify-between\">\n                          <span className=\"text-sm font-medium text-white/80\">{milestone.name}</span>\n                          {milestone.status === \"completed\" && <CheckCircle2 className=\"w-4 h-4 text-emerald-400\" />}\n                          {milestone.status === \"active\" && <Activity className=\"w-4 h-4 text-cyan-400\" />}\n                          {milestone.status === \"upcoming\" && <Clock className=\"w-4 h-4 text-white/30\" />}\n                        </div>\n                        <div className=\"flex flex-wrap gap-2\">\n                          {milestone.metrics.map((metric, i) => (\n                            <span key={i} className=\"px-2 py-0.5 rounded-sm bg-white/5 text-[10px] uppercase tracking-wider text-white/50\">\n                              {metric}\n                            </span>\n                          ))}\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n\n                {/* Connection dot */}\n                <div className=\"absolute top-full mt-4 flex flex-col items-center\">\n                   <div className=\"w-[1px] h-8 bg-gradient-to-b from-white/20 to-transparent\" />\n                   <div className={`w-3 h-3 rounded-full border border-white/20 ${phase.status === 'completed' ? 'bg-emerald-400 shadow-[0_0_10px_rgba(16,185,129,0.5)]' : phase.status === 'active' ? 'bg-cyan-400 shadow-[0_0_15px_rgba(6,182,214,0.6)]' : 'bg-transparent'}`} />\n                </div>\n              </motion.div>\n            );\n          })}\n        </motion.div>\n      </div>\n\n      {/* Phase Dependency Graph Minimap */}\n      <motion.div\n        initial={{ opacity: 0, x: 20 }}\n        animate={{ opacity: 1, x: 0 }}\n        transition={{ delay: 0.8, type: \"spring\" }}\n        className=\"absolute top-8 right-8 z-20 w-64 p-4 rounded-xl bg-black/40 backdrop-blur-3xl border border-white/10 shadow-[0_0_20px_rgba(255,255,255,0.05)]\"\n      >\n        <div className=\"flex items-center justify-between mb-3\">\n          <span className=\"text-[10px] font-bold text-white tracking-[0.2em] uppercase\">Dependency Graph</span>\n          <LinkIcon className=\"w-3 h-3 text-cyan-400\" />\n        </div>\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"flex items-center gap-2\">\n            <div className=\"w-1.5 h-1.5 rounded-full bg-emerald-400\" />\n            <div className=\"flex-1 h-[1px] bg-emerald-400/50\" />\n            <div className=\"w-1.5 h-1.5 rounded-full bg-emerald-400\" />\n            <div className=\"flex-1 h-[1px] bg-emerald-400/50\" />\n            <div className=\"w-1.5 h-1.5 rounded-full bg-cyan-400 shadow-[0_0_8px_rgba(6,182,214,0.8)]\" />\n          </div>\n          <div className=\"flex justify-between text-[8px] text-white/40 uppercase font-mono px-1\">\n            <span>Ph 0</span>\n            <span>Ph 1</span>\n            <span className=\"text-cyan-400\">Ph 2</span>\n          </div>\n          <div className=\"flex items-center gap-2 mt-1\">\n            <div className=\"w-1.5 h-1.5 rounded-full bg-transparent\" />\n            <div className=\"flex-1 h-[1px] bg-transparent\" />\n            <div className=\"w-1px h-4 border-l border-dashed border-cyan-400/30 ml-[25%]\" />\n            <div className=\"w-1.5 h-1.5 rounded-full bg-white/20\" />\n            <div className=\"flex-1 h-[1px] bg-white/10\" />\n            <div className=\"w-1.5 h-1.5 rounded-full bg-white/20\" />\n          </div>\n          <div className=\"flex justify-end text-[8px] text-white/40 uppercase font-mono px-1 gap-12\">\n            <span>Ph 3</span>\n            <span>Ph 4</span>\n          </div>\n        </div>\n      </motion.div>\n\n      {/* Resource Allocation Budget Sliders */}\n      <motion.div\n        initial={{ opacity: 0, y: 20 }}\n        animate={{ opacity: 1, y: 0 }}\n        transition={{ delay: 1, type: \"spring\" }}\n        className=\"absolute bottom-8 left-1/2 -translate-x-1/2 z-20 w-[600px] p-5 rounded-xl bg-black/60 backdrop-blur-3xl border border-cyan-900/50 shadow-[0_10px_30px_rgba(0,0,0,0.8)]\"\n      >\n        <div className=\"flex items-center justify-between mb-4\">\n          <span className=\"text-xs font-bold text-cyan-400 tracking-[0.2em] uppercase\">Resource Allocation (Compute & R&D)</span>\n          <span className=\"text-[10px] text-cyan-400/60 font-mono\">Current Run Rate: $4.2M/yr</span>\n        </div>\n        <div className=\"space-y-4\">\n          <div className=\"flex items-center gap-4\">\n            <span className=\"text-[10px] text-white w-24 uppercase font-bold tracking-wider\">H100 Cluster</span>\n            <div className=\"flex-1 h-2 bg-black/50 border border-cyan-900/50 rounded-full overflow-hidden relative\">\n              <div className=\"absolute left-0 top-0 bottom-0 bg-cyan-500 w-[70%]\" />\n            </div>\n            <span className=\"text-[10px] text-cyan-300 font-mono w-12 text-right\">70%</span>\n          </div>\n          <div className=\"flex items-center gap-4\">\n            <span className=\"text-[10px] text-white w-24 uppercase font-bold tracking-wider\">DevOps R&D</span>\n            <div className=\"flex-1 h-2 bg-black/50 border border-purple-900/50 rounded-full overflow-hidden relative\">\n              <div className=\"absolute left-0 top-0 bottom-0 bg-purple-500 w-[45%]\" />\n            </div>\n            <span className=\"text-[10px] text-purple-300 font-mono w-12 text-right\">45%</span>\n          </div>\n          <div className=\"flex items-center gap-4\">\n            <span className=\"text-[10px] text-white w-24 uppercase font-bold tracking-wider\">Edge Inference</span>\n            <div className=\"flex-1 h-2 bg-black/50 border border-emerald-900/50 rounded-full overflow-hidden relative\">\n              <div className=\"absolute left-0 top-0 bottom-0 bg-emerald-500 w-[20%]\" />\n            </div>\n            <span className=\"text-[10px] text-emerald-300 font-mono w-12 text-right\">20%</span>\n          </div>\n        </div>\n      </motion.div>\n\n      {/* Edge decoration */}\n      <div className=\"absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-black/80 via-black/20 to-transparent pointer-events-none z-10\" />\n      <div className=\"absolute top-0 left-0 w-full h-32 bg-gradient-to-b from-black/80 via-black/20 to-transparent pointer-events-none z-10\" />\n    </div>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\simulator-launchpad.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\simulator-workbench.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\sound-toggle.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\tutorial-overlay.tsx","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'useRef' is defined but never used.","line":3,"column":31,"nodeType":"Identifier","messageId":"unusedVar","endLine":3,"endColumn":37,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"useRef"},"fix":{"range":[43,51],"text":""},"desc":"Remove unused variable \"useRef\"."}]},{"ruleId":"react-hooks/set-state-in-effect","severity":2,"message":"Error: Calling setState synchronously within an effect can trigger cascading renders\n\nEffects are intended to synchronize state between React and external systems such as manually updating the DOM, state management libraries, or other platform APIs. In general, the body of an effect should do one or both of the following:\n* Update external systems with the latest state from React.\n* Subscribe for updates from some external system, calling setState in a callback function when external state changes.\n\nCalling setState synchronously within an effect body causes cascading renders that can hurt performance, and is not recommended. (https://react.dev/learn/you-might-not-need-an-effect).\n\nC:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\tutorial-overlay.tsx:17:7\n  15 |   useEffect(() => {\n  16 |     if (!isActive || !step) {\n> 17 |       setRect(null);\n     |       ^^^^^^^ Avoid calling setState() directly within an effect\n  18 |       return;\n  19 |     }\n  20 |","line":17,"column":7,"nodeType":null,"endLine":17,"endColumn":14}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { useEffect, useState, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { useTutorialStore, tutorialStore, TUTORIAL_STEPS } from \"@/lib/simulator/tutorial-store\";\nimport { Icon } from \"./command-center-primitives\";\n\nexport function TutorialOverlay() {\n  const { isActive, currentStepIndex } = useTutorialStore();\n  const step = TUTORIAL_STEPS[currentStepIndex];\n\n  const [rect, setRect] = useState<DOMRect | null>(null);\n\n  // Re-calculate the rect whenever the step changes or window resizes\n  useEffect(() => {\n    if (!isActive || !step) {\n      setRect(null);\n      return;\n    }\n\n    let rafId: number;\n    let retries = 0;\n\n    const measure = () => {\n      const el = document.getElementById(step.targetElementId);\n      if (el) {\n        setRect(el.getBoundingClientRect());\n        \n        // If requireAction is true, add click listener to the element to auto-advance\n        if (step.requireAction) {\n          const advance = () => {\n            tutorialStore.next();\n          };\n          el.addEventListener(\"click\", advance, { once: true });\n          return () => {\n            el.removeEventListener(\"click\", advance);\n          };\n        }\n      } else {\n        if (retries < 20) {\n          retries++;\n          rafId = requestAnimationFrame(measure);\n        } else {\n          // Fallback to center screen if element never mounts\n          setRect(new DOMRect(window.innerWidth / 2 - 100, window.innerHeight / 2 - 100, 200, 200));\n        }\n      }\n    };\n\n    measure();\n    window.addEventListener(\"resize\", measure);\n    // Poll slowly just in case the element moves due to layout shifts\n    const interval = setInterval(measure, 500);\n\n    return () => {\n      cancelAnimationFrame(rafId);\n      window.removeEventListener(\"resize\", measure);\n      clearInterval(interval);\n    };\n  }, [isActive, step]);\n\n  if (!isActive || !step) return null;\n\n  // Use a giant shadow for the mask, or if center placement, just full overlay\n  const isCenter = step.placement === \"center\" || !rect;\n\n  const targetStyle = isCenter\n    ? {\n        top: \"50%\",\n        left: \"50%\",\n        width: 0,\n        height: 0,\n        x: \"-50%\",\n        y: \"-50%\"\n      }\n    : {\n        top: rect.top,\n        left: rect.left,\n        width: rect.width,\n        height: rect.height,\n        x: 0,\n        y: 0\n      };\n\n  return (\n    <AnimatePresence>\n      <div className=\"pointer-events-none fixed inset-0 z-[9999]\">\n        {/* The Spotlight Hole */}\n        <motion.div\n          layout\n          initial={{ opacity: 0 }}\n          animate={{\n            opacity: 1,\n            ...targetStyle\n          }}\n          transition={{ type: \"spring\", stiffness: 300, damping: 30 }}\n          className=\"absolute rounded-lg border-2 border-cyan-400 shadow-[0_0_0_9999px_rgba(0,0,0,0.85),0_0_20px_rgba(0,212,255,0.5)]\"\n        />\n\n        {/* The Tooltip Card */}\n        <motion.div\n          layout\n          initial={{ opacity: 0, y: 10, scale: 0.95 }}\n          animate={{ opacity: 1, y: 0, scale: 1 }}\n          transition={{ type: \"spring\", stiffness: 400, damping: 25, delay: 0.1 }}\n          className=\"pointer-events-auto absolute flex w-80 flex-col gap-3 overflow-hidden border border-cyan-400/50 bg-black/80 p-5 shadow-[0_0_40px_rgba(0,212,255,0.2)] backdrop-blur-xl\"\n          style={{\n            top: isCenter ? \"50%\" : step.placement === \"bottom\" ? rect.bottom + 20 : step.placement === \"top\" ? rect.top - 200 : rect.top,\n            left: isCenter ? \"50%\" : step.placement === \"left\" ? rect.left - 340 : step.placement === \"right\" ? rect.right + 20 : rect.left,\n            transform: isCenter ? \"translate(-50%, -50%)\" : \"none\"\n          }}\n        >\n          <div className=\"absolute top-0 left-0 right-0 h-[1px] bg-gradient-to-r from-transparent via-cyan-400/80 to-transparent\" />\n          \n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-[10px] font-semibold uppercase tracking-[0.2em] text-cyan-400\">\n              Guided Tour • {currentStepIndex + 1}/{TUTORIAL_STEPS.length}\n            </span>\n            <button\n              onClick={() => tutorialStore.finish()}\n              className=\"text-command-muted transition-colors hover:text-white\"\n            >\n              <svg className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"square\" strokeLinejoin=\"miter\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </div>\n\n          <div>\n            <h3 className=\"text-lg font-semibold text-white\">{step.title}</h3>\n            <p className=\"mt-1.5 text-sm leading-relaxed text-slate-300\">{step.description}</p>\n          </div>\n\n          <div className=\"mt-2 flex items-center justify-between\">\n            {currentStepIndex > 0 ? (\n              <button\n                onClick={() => tutorialStore.prev()}\n                className=\"text-xs font-semibold text-command-muted transition hover:text-white\"\n              >\n                Back\n              </button>\n            ) : (\n              <div />\n            )}\n\n            {!step.requireAction ? (\n              <button\n                onClick={() => tutorialStore.next()}\n                className=\"btn-glow flex items-center gap-2 border border-cyan-400/40 bg-cyan-400/[0.1] px-4 py-2 text-xs font-semibold text-cyan-100 transition hover:bg-cyan-400/[0.2]\"\n              >\n                Next Step\n                <Icon name=\"arrow\" className=\"h-3.5 w-3.5 -rotate-90\" />\n              </button>\n            ) : (\n              <span className=\"animate-pulse text-xs font-semibold text-cyan-400/80\">\n                Click highlighted area to advance...\n              </span>\n            )}\n          </div>\n        </motion.div>\n      </div>\n    </AnimatePresence>\n  );\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tn-command-center\\webgl-geometries.ts","messages":[{"ruleId":"prefer-const","severity":2,"message":"'z' is never reassigned. Use 'const' instead.","line":221,"column":9,"nodeType":"Identifier","messageId":"useConst","endLine":221,"endColumn":10,"fix":{"range":[7622,7659],"text":"const z = (Math.random() - 0.5) * size;"}}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":1,"fixableWarningCount":0,"source":"export function generateGlobe(count: number, radius = 3) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const u = Math.random();\n    const v = Math.random();\n    const theta = 2 * Math.PI * u;\n    const phi = Math.acos(2 * v - 1);\n    const r = radius + (Math.random() - 0.5) * 0.2; // Add some thickness\n    points[i * 3] = r * Math.sin(phi) * Math.cos(theta);\n    points[i * 3 + 1] = r * Math.sin(phi) * Math.sin(theta);\n    points[i * 3 + 2] = r * Math.cos(phi);\n  }\n  return points;\n}\n\nexport function generateHelix(count: number, length = 10, radius = 2) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const t = (i / count) * Math.PI * 20; // 10 turns\n    const strand = i % 2 === 0 ? 1 : -1;\n    const offset = (Math.random() - 0.5) * 0.5; // noise\n    points[i * 3] = Math.cos(t + strand * Math.PI) * radius + offset;\n    points[i * 3 + 1] = (i / count) * length - length / 2 + offset;\n    points[i * 3 + 2] = Math.sin(t + strand * Math.PI) * radius + offset;\n  }\n  return points;\n}\n\nexport function generateNeural(count: number) {\n  const points = new Float32Array(count * 3);\n  const clusters = [];\n  // 15 main cluster centers\n  for (let i = 0; i < 15; i++) {\n    clusters.push({\n      x: (Math.random() - 0.5) * 8,\n      y: (Math.random() - 0.5) * 8,\n      z: (Math.random() - 0.5) * 8,\n    });\n  }\n  for (let i = 0; i < count; i++) {\n    const c = clusters[Math.floor(Math.random() * clusters.length)];\n    // Random noise around cluster, or connecting lines (50% chance to be near center, 50% chance to be bridge)\n    if (Math.random() > 0.2) {\n      points[i * 3] = c.x + (Math.random() - 0.5) * 1.5;\n      points[i * 3 + 1] = c.y + (Math.random() - 0.5) * 1.5;\n      points[i * 3 + 2] = c.z + (Math.random() - 0.5) * 1.5;\n    } else {\n      // Background noise\n      points[i * 3] = (Math.random() - 0.5) * 10;\n      points[i * 3 + 1] = (Math.random() - 0.5) * 10;\n      points[i * 3 + 2] = (Math.random() - 0.5) * 10;\n    }\n  }\n  return points;\n}\n\nexport function generateSpindle(count: number, chaotic = false) {\n  const points = new Float32Array(count * 3);\n  const ySpread = chaotic ? 6 : 4;\n  for (let i = 0; i < count; i++) {\n    const y = (Math.random() - 0.5) * ySpread;\n    let r = 1;\n    if (chaotic) {\n      r = Math.random() * 2 + 0.5;\n    } else {\n      if (Math.abs(y) > 1.5) r = 0.5;\n      else if (Math.abs(y) < 0.5) r = 1.2;\n    }\n    const theta = Math.random() * 2 * Math.PI;\n    const radius = Math.random() * r;\n    points[i * 3] = radius * Math.cos(theta);\n    points[i * 3 + 1] = y;\n    points[i * 3 + 2] = radius * Math.sin(theta);\n  }\n  return points;\n}\n\nexport function generateGrid(count: number, size = 6) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    if (Math.random() > 0.3) {\n      // Quantize to grid\n      points[i * 3] = Math.round((Math.random() - 0.5) * size);\n      points[i * 3 + 1] = Math.round((Math.random() - 0.5) * size);\n      points[i * 3 + 2] = Math.round((Math.random() - 0.5) * size);\n      // Add tiny offset\n      points[i * 3] += (Math.random() - 0.5) * 0.1;\n      points[i * 3 + 1] += (Math.random() - 0.5) * 0.1;\n      points[i * 3 + 2] += (Math.random() - 0.5) * 0.1;\n    } else {\n      points[i * 3] = (Math.random() - 0.5) * size;\n      points[i * 3 + 1] = (Math.random() - 0.5) * size;\n      points[i * 3 + 2] = (Math.random() - 0.5) * size;\n    }\n  }\n  return points;\n}\n\nexport function generateOctahedron(count: number, radius = 3) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    // Generate point uniformly on surface of octahedron\n    const face = Math.floor(Math.random() * 8);\n    const signX = face & 1 ? 1 : -1;\n    const signY = face & 2 ? 1 : -1;\n    const signZ = face & 4 ? 1 : -1;\n\n    let u = Math.random();\n    let v = Math.random();\n    if (u + v > 1) {\n      u = 1 - u;\n      v = 1 - v;\n    }\n    const w = 1 - u - v;\n\n    points[i * 3] = u * radius * signX;\n    points[i * 3 + 1] = v * radius * signY;\n    points[i * 3 + 2] = w * radius * signZ;\n  }\n  return points;\n}\n\nexport function generateShield(count: number, r1 = 2, r2 = 3) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const u = Math.random();\n    const v = Math.random();\n    const theta = 2 * Math.PI * u;\n    const phi = Math.acos(2 * v - 1);\n    const radius = Math.random() > 0.5 ? r1 : r2;\n    points[i * 3] = radius * Math.sin(phi) * Math.cos(theta);\n    points[i * 3 + 1] = radius * Math.sin(phi) * Math.sin(theta);\n    points[i * 3 + 2] = radius * Math.cos(phi);\n  }\n  return points;\n}\n\nexport function generateLattice(count: number, layers = 5, size = 6) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const y = Math.floor(Math.random() * layers) - Math.floor(layers / 2);\n    const x = (Math.random() - 0.5) * size;\n    const z = (Math.random() - 0.5) * size;\n    // Emphasize grid lines on X and Z\n    if (Math.random() > 0.5) {\n      points[i * 3] = Math.round(x);\n      points[i * 3 + 1] = y;\n      points[i * 3 + 2] = z;\n    } else {\n      points[i * 3] = x;\n      points[i * 3 + 1] = y;\n      points[i * 3 + 2] = Math.round(z);\n    }\n  }\n  return points;\n}\n\nexport function generateCylinder(count: number, radius = 2, height = 6) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const y = (Math.random() - 0.5) * height;\n    const theta = Math.random() * 2 * Math.PI;\n    const r = radius + (Math.random() - 0.5) * 0.2; // Add thickness\n    points[i * 3] = r * Math.cos(theta);\n    points[i * 3 + 1] = y;\n    points[i * 3 + 2] = r * Math.sin(theta);\n  }\n  return points;\n}\n\nexport function generateTorus(count: number, R = 3, r = 1) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const u = Math.random() * 2 * Math.PI;\n    const v = Math.random() * 2 * Math.PI;\n    const noiseX = (Math.random() - 0.5) * 0.2;\n    const noiseY = (Math.random() - 0.5) * 0.2;\n    const noiseZ = (Math.random() - 0.5) * 0.2;\n    points[i * 3] = (R + r * Math.cos(v)) * Math.cos(u) + noiseX;\n    points[i * 3 + 1] = r * Math.sin(v) + noiseY;\n    points[i * 3 + 2] = (R + r * Math.cos(v)) * Math.sin(u) + noiseZ;\n  }\n  return points;\n}\n\nexport function generateHeatField(count: number, radius = 3) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const x = (Math.random() - 0.5) * radius * 2;\n    const y = (Math.random() - 0.5) * radius * 2;\n    const z = (Math.random() - 0.5) * radius * 2;\n    // Concentrate in the center\n    const dist = Math.sqrt(x * x + y * y + z * z);\n    const factor = Math.random() * (dist / radius);\n    points[i * 3] = x * factor;\n    points[i * 3 + 1] = y * factor;\n    points[i * 3 + 2] = z * factor;\n  }\n  return points;\n}\n\nexport function generateWaveTunnel(count: number, radius = 2, length = 8) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const z = (Math.random() - 0.5) * length;\n    const theta = Math.random() * 2 * Math.PI;\n    // Radius modulates based on Z (sine wave tunnel)\n    const r = radius + Math.sin(z * 2) * 0.8 + (Math.random() - 0.5) * 0.2;\n    points[i * 3] = r * Math.cos(theta);\n    points[i * 3 + 1] = r * Math.sin(theta);\n    points[i * 3 + 2] = z;\n  }\n  return points;\n}\n\nexport function generateErodingGeometry(count: number, size = 4) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    let x = (Math.random() - 0.5) * size;\n    let y = (Math.random() - 0.5) * size;\n    let z = (Math.random() - 0.5) * size;\n    // Carve out a chunk (simulating wear/erosion)\n    if (x > 0 && y > 0 && z > 0) {\n      x -= size / 2;\n      y -= size / 2;\n    }\n    points[i * 3] = x;\n    points[i * 3 + 1] = y;\n    points[i * 3 + 2] = z;\n  }\n  return points;\n}\n\nexport function generateFlowNetwork(count: number, size = 6) {\n  const points = new Float32Array(count * 3);\n  const nodes = Array.from({ length: 8 }).map(() => ({\n    x: (Math.random() - 0.5) * size,\n    y: (Math.random() - 0.5) * size,\n    z: (Math.random() - 0.5) * size,\n  }));\n  for (let i = 0; i < count; i++) {\n    const n1 = nodes[Math.floor(Math.random() * nodes.length)];\n    const n2 = nodes[Math.floor(Math.random() * nodes.length)];\n    const t = Math.random();\n    points[i * 3] = n1.x + (n2.x - n1.x) * t + (Math.random() - 0.5) * 0.2;\n    points[i * 3 + 1] = n1.y + (n2.y - n1.y) * t + (Math.random() - 0.5) * 0.2;\n    points[i * 3 + 2] = n1.z + (n2.z - n1.z) * t + (Math.random() - 0.5) * 0.2;\n  }\n  return points;\n}\n\nexport function generateOrb(count: number, radius = 2.5) {\n  const points = new Float32Array(count * 3);\n  for (let i = 0; i < count; i++) {\n    const u = Math.random();\n    const v = Math.random();\n    const theta = 2 * Math.PI * u;\n    const phi = Math.acos(2 * v - 1);\n    // Smooth solid shell with minimal noise\n    const r = radius + (Math.random() - 0.5) * 0.05;\n    points[i * 3] = r * Math.sin(phi) * Math.cos(theta);\n    points[i * 3 + 1] = r * Math.sin(phi) * Math.sin(theta);\n    points[i * 3 + 2] = r * Math.cos(phi);\n  }\n  return points;\n}\n\nexport function generateCentrifugeFEA(count: number, stressLevel = 0.5) {\n  const positions = new Float32Array(count * 3);\n  const colors = new Float32Array(count * 3);\n  \n  for (let i = 0; i < count; i++) {\n    const y = (Math.random() - 0.5) * 8;\n    const isRotor = Math.random() > 0.5;\n    const r = isRotor ? 1.5 : 2.5 + (Math.random() - 0.5) * 0.2; // Add some thickness\n    const theta = Math.random() * 2 * Math.PI;\n    \n    positions[i * 3] = r * Math.cos(theta);\n    positions[i * 3 + 1] = y;\n    positions[i * 3 + 2] = r * Math.sin(theta);\n\n    // Calculate von Mises stress heatmap color\n    const distFromCenter = Math.abs(y);\n    const stress = isRotor ? Math.max(0, (1 - distFromCenter / 4)) * stressLevel * 2 : 0.1;\n    const normalizedStress = Math.max(0, Math.min(1, stress));\n    \n    // Heatmap gradient: Blue(0) -> Green(0.5) -> Red(1.0)\n    if (normalizedStress < 0.5) {\n      colors[i * 3] = 0; // R\n      colors[i * 3 + 1] = normalizedStress * 2; // G\n      colors[i * 3 + 2] = 1 - (normalizedStress * 2); // B\n    } else {\n      colors[i * 3] = (normalizedStress - 0.5) * 2; // R\n      colors[i * 3 + 1] = 1 - ((normalizedStress - 0.5) * 2); // G\n      colors[i * 3 + 2] = 0; // B\n    }\n  }\n  return { positions, colors };\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tutorials\\TutorialCard.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tutorials\\TutorialChecklist.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tutorials\\TutorialProgress.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tutorials\\TutorialStep.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\components\\tutorials\\TutorialsPage.tsx","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\eslint.config.mjs","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\fix-imports.js","messages":[{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":1,"column":12,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":1,"endColumn":25},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":2,"column":14,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":2,"endColumn":29}],"suppressedMessages":[],"errorCount":2,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"const fs = require('fs');\nconst path = require('path');\n\nconst traverseAndFix = (dir) => {\n  const files = fs.readdirSync(dir);\n  for (const file of files) {\n    const fullPath = path.join(dir, file);\n    if (fs.statSync(fullPath).isDirectory()) {\n      traverseAndFix(fullPath);\n    } else if (fullPath.endsWith('.tsx')) {\n      let content = fs.readFileSync(fullPath, 'utf8');\n      if (content.includes('tnDemoData')) {\n        content = content.replace(/import \\{ tnDemoData \\} from \"@\\/lib\\/tn-ai-data\";/g, 'import { overviewEvents } from \"@/lib/tn-ai-data\";');\n        content = content.replace(/tnDemoData\\?\\.evidenceStream \\|\\| \\[\\]/g, 'overviewEvents');\n        content = content.replace(/tnDemoData\\.evidenceStream/g, 'overviewEvents');\n        fs.writeFileSync(fullPath, content);\n      }\n    }\n  }\n};\n\ntraverseAndFix(path.join(__dirname, 'app'));\ntraverseAndFix(path.join(__dirname, 'components/tn-command-center'));\nconsole.log('Fixed imports');\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\dashboard-logs\\formatLog.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\dashboard-logs\\logStore.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\dashboard-logs\\types.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\iot-maker\\commandFlowTest.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\iot-maker\\demoTelemetry.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\iot-maker\\envRegistry.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\iot-maker\\readiness.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\iot-maker\\safetyPolicy.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\iot-maker\\serviceHealth.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\iot-maker\\topology.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\iot-maker\\types.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\proof-ledger\\adapters\\hederaTestnetProofAdapter.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\proof-ledger\\adapters\\mockProofAdapter.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\proof-ledger\\adapters\\xrplTestnetProofAdapter.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\proof-ledger\\canonicalize.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\proof-ledger\\explorer.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\proof-ledger\\hashEvidence.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\proof-ledger\\proofLedgerService.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\proof-ledger\\types.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\agents.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\reflexEvals.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\reflexMemory.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\reflexRun.ts","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'ReflexTimelineStep' is defined but never used.","line":6,"column":41,"nodeType":"Identifier","messageId":"unusedVar","endLine":6,"endColumn":59,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"ReflexTimelineStep"},"fix":{"range":[324,349],"text":""},"desc":"Remove unused variable \"ReflexTimelineStep\"."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'getAllReflexTools' is defined but never used.","line":14,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":14,"endColumn":27,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"getAllReflexTools"},"fix":{"range":[641,659],"text":""},"desc":"Remove unused variable \"getAllReflexTools\"."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'listReflexRuns' is defined but never used.","line":17,"column":24,"nodeType":"Identifier","messageId":"unusedVar","endLine":17,"endColumn":38,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"listReflexRuns"},"fix":{"range":[906,922],"text":""},"desc":"Remove unused variable \"listReflexRuns\"."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'ReflexEvalResult' is defined but never used.","line":21,"column":3,"nodeType":"Identifier","messageId":"unusedVar","endLine":21,"endColumn":19,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"ReflexEvalResult"},"fix":{"range":[1087,1107],"text":""},"desc":"Remove unused variable \"ReflexEvalResult\"."}]},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'timestampBase' is defined but never used.","line":161,"column":58,"nodeType":"Identifier","messageId":"unusedVar","endLine":161,"endColumn":71}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":"import crypto from \"node:crypto\";\n\nimport { DEMO_SCENARIOS, generateDemoTelemetry } from \"@/lib/iot-maker/demoTelemetry\";\nimport { buildEvidencePacket, anchorEvidence, getProofMode } from \"@/lib/proof-ledger/proofLedgerService\";\nimport { hashString } from \"@/lib/proof-ledger/hashEvidence\";\nimport { REFLEX_TIMELINE_SEQUENCE, type ReflexTimelineStep, REFLEX_TIMELINE_LOOKUP } from \"@/lib/reflex-agents/reflexTimeline\";\nimport {\n  evaluateAllReflexEvals,\n  type ReflexEvalContext,\n  evaluateSafetyEval,\n  evaluateNoDirectPlcEval,\n} from \"@/lib/reflex-agents/reflexEvals\";\nimport { getReflexAgent } from \"@/lib/reflex-agents/agents\";\nimport { getAllReflexTools, getReflexTool } from \"@/lib/reflex-agents/reflexTools\";\nimport { getNextReflexPhase, isTerminalPhase } from \"@/lib/reflex-agents/reflexStateMachine\";\nimport { buildCandidateMemories } from \"@/lib/reflex-agents/reflexMemory\";\nimport { getReflexRun, listReflexRuns, upsertReflexRun } from \"@/lib/reflex-agents/reflexStore\";\nimport { makePhaseLabel } from \"@/lib/reflex-agents/reflexStateMachine\";\nimport type {\n  ReflexAgentEvent,\n  ReflexEvalResult,\n  ReflexImprovementProposal,\n  ReflexMemoryRecord,\n  ReflexPhase,\n  ReflexRun,\n  ReflexToolCall,\n  OperatorDecision,\n  ReflexToolCallStatus,\n} from \"@/lib/reflex-agents/types\";\n\nexport type ReflexModelArenaStatus =\n  | \"connected\"\n  | \"missing_key\"\n  | \"not_implemented\"\n  | \"mock_active\"\n  | \"blocked_by_safety\";\n\nexport type ReflexModelProvider = {\n  id: \"mock\" | \"openai\" | \"gemini\" | \"claude\" | \"llama\";\n  label: string;\n  ready: boolean;\n  status: ReflexModelArenaStatus;\n  connectedModeStatus: string;\n  readinessLabel: string;\n  latestOutputSummary?: string;\n  latestLatencyMs?: number;\n  latestLogCount: number;\n  supportsToolProposals: boolean;\n  supportsStructuredOutput: boolean;\n  requiresSafetyGate: boolean;\n};\n\nexport type ReflexRunRequest = {\n  scenarioId?: string;\n  approve?: boolean;\n  simulateApprovalDelayMs?: number;\n  forceBlock?: boolean;\n  forceProofBlock?: boolean;\n};\n\nexport type ReflexRunEnvelope = {\n  run: ReflexRun;\n  providerArena: ReflexModelProvider[];\n  summary: string;\n};\n\ntype TimelineMarker = {\n  phase: ReflexPhase;\n  label: string;\n  startAtMs: number;\n  endAtMs: number;\n};\n\ntype ProviderFlags = {\n  aiProvider: string;\n  hasOpenAI: boolean;\n  hasGemini: boolean;\n  hasClaude: boolean;\n  hasLlama: boolean;\n};\n\nconst DEMO_SEQUENCE: TimelineMarker[] = REFLEX_TIMELINE_SEQUENCE.map((step) => ({\n  phase: step.phase,\n  label: step.label,\n  startAtMs: step.startAtMs,\n  endAtMs: step.endAtMs,\n}));\n\nconst TOOL_RISK_BY_SCENARIO: Record<string, ReflexImprovementProposal> = {\n  thermal_drift: {\n    id: \"improve-thermal-flow\",\n    title: \"Add coolant-flow sensor to reduce thermal-drift uncertainty.\",\n    problemObserved: \"Thermal anomaly confidence drifts when coolant-load is inferred from a single temperature point.\",\n    proposedChange: \"Attach dedicated coolant-flow sensing and include flow confidence in proposal gates.\",\n    expectedBenefit: \"Lower false positives and reduce unnecessary advisory escalations.\",\n    riskLevel: \"low\",\n    requiresHumanApproval: true,\n    affectedLayer: \"telemetry\",\n    evalRequired: [\"evidence_completeness_eval\", \"operator_gate_eval\", \"proof_integrity_eval\"],\n    rollbackPlan: \"Disable the flow-driven branch and rely on thermal trend only.\",\n    status: \"draft\",\n  },\n  vibration_anomaly: {\n    id: \"improve-vibration-threshold\",\n    title: \"Tighten approval threshold for high-vibration events.\",\n    problemObserved: \"Vibration runs can promote dispatch before sufficient evidence context is loaded.\",\n    proposedChange: \"Raise evidence threshold for dispatch proposal on repeated vibration spikes.\",\n    expectedBenefit: \"Reduce unsafe dispatch and operator churn.\",\n    riskLevel: \"medium\",\n    requiresHumanApproval: true,\n    affectedLayer: \"safety_policy\",\n    evalRequired: [\"tool_permission_eval\", \"safety_eval\", \"tutorial_understanding_eval\"],\n    rollbackPlan: \"Restore previous threshold after three successful simulation cycles.\",\n    status: \"draft\",\n  },\n  traceability_gap: {\n    id: \"improve-traceability-source\",\n    title: \"Add missing SOP source for spindle thermal compensation.\",\n    problemObserved: \"Proposal rationale is not tied to an explicit source policy note.\",\n    proposedChange: \"Require SOP source references in every thermal compensation branch.\",\n    expectedBenefit: \"Improved auditability and operator trust.\",\n    riskLevel: \"low\",\n    requiresHumanApproval: true,\n    affectedLayer: \"source_docs\",\n    evalRequired: [\"evidence_completeness_eval\", \"no_secret_leak_eval\", \"no_direct_plc_eval\"],\n    rollbackPlan: \"Disable SOP source gating and return to advisory-only branch.\",\n    status: \"draft\",\n  },\n};\n\nfunction makeRunId() {\n  return `reflex-${Date.now().toString(36)}-${crypto.randomBytes(3).toString(\"hex\")}`;\n}\n\nfunction nowStamp(baseMs: number, offsetMs: number) {\n  return new Date(baseMs + offsetMs).toISOString();\n}\n\nfunction pickScenarioId(rawScenario?: string) {\n  const known = rawScenario?.trim().toLowerCase();\n  return known && DEMO_SCENARIOS.some((scenario) => scenario.id === known)\n    ? known\n    : DEMO_SCENARIOS[0]!.id;\n}\n\nfunction buildBaseRun(scenarioId: string): ReflexRun {\n  const start = new Date().toISOString();\n  return {\n    id: makeRunId(),\n    scenarioId,\n    startedAt: start,\n    phase: \"idle\",\n    agents: [],\n    toolCalls: [],\n    evals: [],\n    timeline: [],\n    notes: [],\n  };\n}\n\nfunction toTimelineStepFromPhase(stepPhase: ReflexPhase, timestampBase: number): TimelineMarker {\n  const step = REFLEX_TIMELINE_LOOKUP.get(stepPhase);\n  if (!step) {\n    return {\n      phase: stepPhase,\n      label: makePhaseLabel(stepPhase),\n      startAtMs: 0,\n      endAtMs: 0,\n    };\n  }\n  return { phase: step.phase, label: step.label, startAtMs: step.startAtMs, endAtMs: step.endAtMs };\n}\n\nfunction addAgentEvent(\n  run: ReflexRun,\n  phase: ReflexPhase,\n  role: string,\n  action: string,\n  inputSummary?: string,\n  outputSummary?: string,\n  approvalState: ReflexAgentEvent[\"approvalState\"] = \"not_required\"\n) {\n  const startedAt = new Date().toISOString();\n  const event: ReflexAgentEvent = {\n    id: `event-${run.id}-${role}-${Date.now()}`,\n    runId: run.id,\n    phase,\n    agent: role as ReflexAgentEvent[\"agent\"],\n    action,\n    inputSummary,\n    outputSummary,\n    startedAt,\n    completedAt: startedAt,\n    durationMs: 0,\n    risk: \"low\",\n    approvalState,\n    logId: `${run.id}-${phase}-${role}`,\n  };\n  run.agents.push(event);\n}\n\nfunction createToolCall(\n  run: ReflexRun,\n  toolId: string,\n  phase: ReflexPhase,\n  agent: string,\n  input: Record<string, unknown>,\n  output: Record<string, unknown>,\n  durationMs: number,\n  status: ReflexToolCallStatus = \"completed\",\n  blockedReason?: string\n) {\n  const tool = getReflexTool(toolId);\n  const now = new Date().toISOString();\n  const toolCall: ReflexToolCall = {\n    id: `tool-${run.id}-${toolId}-${crypto.randomBytes(4).toString(\"hex\")}`,\n    toolId,\n    toolLabel: tool?.label ?? toolId,\n    phase,\n    agent: (agent as ReflexToolCall[\"agent\"]),\n    startedAt: now,\n    completedAt: now,\n    status,\n    input,\n    output,\n    durationMs,\n    risk: tool?.riskLevel ?? \"low\",\n    blockedReason,\n  };\n  run.toolCalls.push(toolCall);\n  return toolCall;\n}\n\nfunction addPhaseContext(run: ReflexRun, phase: ReflexPhase, ts: number) {\n  const step = toTimelineStepFromPhase(phase, 0);\n  run.timeline.push({\n    phase,\n    label: step.label,\n    startedAt: nowStamp(ts, step.startAtMs),\n    completedAt: nowStamp(ts, step.endAtMs),\n  });\n}\n\nfunction buildToolOutputForPhase(\n  phase: ReflexPhase,\n  telemetry: Record<string, unknown>,\n  scenarioId: string,\n  run: ReflexRun\n) {\n  switch (phase) {\n    case \"observing\":\n      return {\n        telemetryHash: hashString(JSON.stringify(telemetry)),\n        keysObserved: Object.keys(telemetry),\n        scenarioId,\n      };\n    case \"selecting_tools\":\n      return {\n        presetRows: 4,\n        sourceMatches: 7,\n        sourceReady: true,\n      };\n    case \"simulating\":\n      return {\n        diagnostic: \"Moderate drift with control window available.\",\n        toolCandidate: \"inspect_coolant_loop\",\n        requiresApproval: true,\n      };\n    case \"evaluating\":\n      return {\n        ruleSet: \"reflex-operator-safe-v1\",\n        requiresOperatorGate: true,\n      };\n    case \"approval_required\":\n      return {\n        reason: \"Policy requires explicit human approval before dispatch.\",\n        requestedAt: run.startedAt,\n      };\n    case \"dispatching\":\n      return {\n        dispatchMode: \"mock_iot_shadow_bus\",\n        channel: \"reflex_shadow\",\n      };\n    case \"capturing_evidence\":\n      return {\n        evidencePacketMode: \"DEMO\",\n        eventLedger: \"run_evidence_packet_stage1\",\n      };\n    case \"anchoring_proof\":\n      return {\n        proofMode: getProofMode(),\n        mode: \"hash-first\",\n      };\n    case \"reflecting\":\n      return {\n        reflectionType: \"run_eval_bundle\",\n      };\n    case \"proposing_improvement\":\n      return {\n        proposalReady: true,\n      };\n    case \"memory_update_ready\":\n      return {\n        memoryBoundary: \"run_memory_staged_if_approved\",\n      };\n    default:\n      return {\n        phase,\n      };\n  }\n}\n\nfunction normalizeDecision(approved: boolean, reason: string): OperatorDecision {\n  return {\n    status: approved ? \"approved\" : \"rejected\",\n    note: reason,\n    decidedAt: new Date().toISOString(),\n    by: approved ? \"operator\" : \"operator\",\n  };\n}\n\nfunction getProviderFlags(): ProviderFlags {\n  return {\n    aiProvider: (process.env.AI_PROVIDER ?? \"mock\").toLowerCase(),\n    hasOpenAI: Boolean(process.env.OPENAI_API_KEY && process.env.OPENAI_API_KEY.trim().length > 0),\n    hasGemini: Boolean(process.env.GEMINI_API_KEY && process.env.GEMINI_API_KEY.trim().length > 0),\n    hasClaude: Boolean(process.env.CLAUDE_API_KEY && process.env.CLAUDE_API_KEY.trim().length > 0),\n    hasLlama: Boolean(process.env.LLAMA_API_KEY && process.env.LLAMA_API_KEY.trim().length > 0),\n  };\n}\n\nfunction buildProviderArena(flags: ProviderFlags): ReflexModelProvider[] {\n  return [\n    {\n      id: \"mock\",\n      label: \"Mock\",\n      ready: true,\n      status: \"mock_active\",\n      connectedModeStatus: \"active\",\n      readinessLabel: \"Mock provider active\",\n      latestOutputSummary: \"Deterministic advisory output used for loop simulation.\",\n      latestLatencyMs: 0,\n      latestLogCount: 0,\n      supportsToolProposals: true,\n      supportsStructuredOutput: true,\n      requiresSafetyGate: false,\n    },\n    {\n      id: \"openai\",\n      label: \"OpenAI-ready\",\n      ready: flags.hasOpenAI,\n      status: flags.hasOpenAI ? \"connected\" : \"missing_key\",\n      connectedModeStatus: flags.hasOpenAI ? \"connected\" : \"not configured\",\n      readinessLabel: flags.hasOpenAI ? \"Connected mode configured.\" : \"Missing OPENAI_API_KEY.\",\n      latestOutputSummary: flags.hasOpenAI ? \"Model enabled in connected mode.\" : undefined,\n      latestLogCount: 0,\n      latestLatencyMs: flags.hasOpenAI ? 120 : undefined,\n      supportsToolProposals: flags.hasOpenAI,\n      supportsStructuredOutput: flags.hasOpenAI,\n      requiresSafetyGate: true,\n    },\n    {\n      id: \"gemini\",\n      label: \"Gemini-ready\",\n      ready: flags.hasGemini,\n      status: flags.hasGemini ? \"connected\" : \"missing_key\",\n      connectedModeStatus: flags.hasGemini ? \"connected\" : \"not configured\",\n      readinessLabel: flags.hasGemini ? \"Connected mode configured.\" : \"Missing GEMINI_API_KEY.\",\n      latestOutputSummary: flags.hasGemini ? \"Model enabled in connected mode.\" : undefined,\n      latestLogCount: 0,\n      latestLatencyMs: flags.hasGemini ? 160 : undefined,\n      supportsToolProposals: flags.hasGemini,\n      supportsStructuredOutput: flags.hasGemini,\n      requiresSafetyGate: true,\n    },\n    {\n      id: \"claude\",\n      label: \"Claude-ready\",\n      ready: flags.hasClaude,\n      status: flags.hasClaude ? \"connected\" : \"not_implemented\",\n      connectedModeStatus: flags.hasClaude ? \"connected\" : \"not implemented\",\n      readinessLabel: flags.hasClaude ? \"Connected mode configured.\" : \"Missing CLAUDE_API_KEY.\",\n      latestOutputSummary: flags.hasClaude ? \"Model enabled in connected mode.\" : undefined,\n      latestLogCount: 0,\n      latestLatencyMs: flags.hasClaude ? 150 : undefined,\n      supportsToolProposals: flags.hasClaude,\n      supportsStructuredOutput: flags.hasClaude,\n      requiresSafetyGate: true,\n    },\n    {\n      id: \"llama\",\n      label: \"Llama-ready\",\n      ready: flags.hasLlama,\n      status: flags.hasLlama ? \"connected\" : \"not_implemented\",\n      connectedModeStatus: flags.hasLlama ? \"connected\" : \"not implemented\",\n      readinessLabel: flags.hasLlama ? \"Connected mode configured.\" : \"Not implemented in this build.\",\n      latestOutputSummary: flags.hasLlama ? \"Model enabled in connected mode.\" : undefined,\n      latestLogCount: 0,\n      latestLatencyMs: flags.hasLlama ? 180 : undefined,\n      supportsToolProposals: flags.hasLlama,\n      supportsStructuredOutput: flags.hasLlama,\n      requiresSafetyGate: true,\n    },\n  ];\n}\n\nfunction blockingFailure(run: ReflexRun) {\n  const blockingEval = run.evals.some((entry) => entry.blocking && entry.status === \"fail\");\n  const isRejectedDecision = run.operatorDecision?.status === \"rejected\";\n  const hasNoEvidence = !run.evidencePacket;\n  return blockingEval || isRejectedDecision || hasNoEvidence;\n}\n\nfunction buildSummary(run: ReflexRun, phase: ReflexPhase): string {\n  if (phase === \"rejected\") {\n    return `Reflex run ${run.id} rejected for ${run.notes.join(\" \")}.`;\n  }\n  if (run.phase === \"complete\") {\n    const passCount = run.evals.filter((entry) => entry.status === \"pass\").length;\n    return `Reflex run completed: telemetry anomaly detected, tool proposals generated, operator approved, dispatch simulated, evidence anchored, and improvement drafted (${passCount}/${run.evals.length} evals passed).`;\n  }\n  return `Reflex loop running in phase ${makePhaseLabel(phase)} with evidence collection and safety gates active.`;\n}\n\nfunction buildProposalForScenario(scenarioId: string): ReflexImprovementProposal {\n  return (\n    TOOL_RISK_BY_SCENARIO[scenarioId] ?? {\n      id: `improve-${scenarioId}-general`,\n      title: \"Improve proof anchor verification retry for testnet mode.\",\n      problemObserved: \"Proof anchor outcome lacks explicit verification retry policy.\",\n      proposedChange: \"Retry unconfirmed proof anchors before memory promotion.\",\n      expectedBenefit: \"Higher confidence that hash commitments remain anchored.\",\n      riskLevel: \"low\",\n      requiresHumanApproval: true,\n      affectedLayer: \"proof_ledger\",\n      evalRequired: [\"proof_integrity_eval\", \"evidence_completeness_eval\"],\n      rollbackPlan: \"Disable automated retry and keep manual confirmation baseline.\",\n      status: \"draft\",\n    }\n  );\n}\n\nfunction stageMemoryFromRun(run: ReflexRun): ReflexMemoryRecord | undefined {\n  const context: ReflexEvalContext = {\n    hasEvidencePacket: Boolean(run.evidencePacket),\n    hasOperatorDecision: Boolean(run.operatorDecision),\n    operatorApproved: run.operatorDecision?.status === \"approved\",\n    proofAnchor: run.proofAnchor,\n    toolCalls: run.toolCalls,\n  };\n  const candidateRows = buildCandidateMemories(run);\n  const approved = !candidateRows.some((item) => item.status === \"archived\");\n  if (!approved) {\n    return {\n      id: `memory-${run.id}-blocked`,\n      type: \"run_memory\",\n      title: \"Blocked memory candidate\",\n      summary: `Reflex outcome not approved due to gating: ${candidateRows.map((row) => row.title).join(\", \")}`,\n      evidence: candidateRows.flatMap((entry) => entry.evidence).slice(0, 8),\n      confidence: 0.12,\n      sourceRunId: run.id,\n      createdAt: new Date().toISOString(),\n      status: \"archived\",\n    };\n  }\n\n  const safe = evaluateSafetyEval(context).status !== \"fail\";\n  const noSecret = evaluateNoDirectPlcEval(context).status !== \"fail\";\n  const proofIntegrity = run.proofAnchor?.status !== \"failed\" && run.proofAnchor?.status !== \"disabled\";\n  const ready = safe && noSecret && proofIntegrity && run.operatorDecision?.status === \"approved\";\n\n  if (!ready) {\n    return {\n      id: `memory-${run.id}-blocked`,\n      type: \"run_memory\",\n      title: \"Memory blocked by safety gate\",\n      summary: \"Run did not meet verified-memory gates.\",\n      evidence: candidateRows.map((entry) => entry.title),\n      confidence: 0.4,\n      sourceRunId: run.id,\n      createdAt: new Date().toISOString(),\n      status: \"pending\",\n    };\n  }\n\n  const memoryEvidence = [\n    `run=${run.id}`,\n    `scenario=${run.scenarioId}`,\n    `evidence=${Boolean(run.evidencePacket)}`,\n    `proof=${run.proofAnchor?.evidenceHash ?? \"n/a\"}`,\n  ];\n\n  return {\n    id: `memory-${run.id}`,\n    type: \"run_memory\",\n    title: `Verified run memory ${run.id}`,\n    summary: `Reflex loop outcomes for scenario ${run.scenarioId} with telemetry signal capture, operator approval, and proof anchoring evidence.`,\n    evidence: memoryEvidence,\n    confidence: 0.84,\n    sourceRunId: run.id,\n    createdAt: new Date().toISOString(),\n    status: \"stored\",\n  };\n}\n\nfunction createTimelineNoteStep(run: ReflexRun, phase: ReflexPhase, message: string) {\n  run.notes.push(`[${makePhaseLabel(phase)}] ${message}`);\n}\n\nexport async function runReflexDemo(request: ReflexRunRequest = {}): Promise<ReflexRunEnvelope> {\n  const scenarioId = pickScenarioId(request.scenarioId);\n  const selectedScenario = DEMO_SCENARIOS.find((item) => item.id === scenarioId) ?? DEMO_SCENARIOS[0]!;\n  const telemetry = generateDemoTelemetry(scenarioId);\n  const run = buildBaseRun(selectedScenario.id);\n  const start = Date.now();\n  const runTimeline = DEMO_SEQUENCE.slice();\n  const providerFlags = getProviderFlags();\n  const providerArena = buildProviderArena(providerFlags);\n  const shouldApprove = request.approve !== false && request.forceBlock !== true;\n  const shouldForceProofBlock = request.forceProofBlock === true;\n\n  let approved = false;\n  let dispatchAllowed = false;\n\n  for (const step of runTimeline) {\n    const { phase, label, startAtMs, endAtMs } = step;\n    run.phase = step.phase;\n    addPhaseContext(run, phase, start);\n    createTimelineNoteStep(run, phase, label);\n    run.phase = getNextReflexPhase(run.phase, { to: phase });\n    run.phase = phase;\n\n    if (phase === \"observing\") {\n      const atlas = getReflexAgent(\"atlas\");\n      addAgentEvent(\n        run,\n        phase,\n        atlas.role,\n        \"Read telemetry and detect anomaly\",\n        scenarioId,\n        `Detected anomaly in telemetry window for ${selectedScenario.name}.`\n      );\n      createToolCall(\n        run,\n        \"read_telemetry_snapshot\",\n        phase,\n        atlas.role,\n        { scenarioId, source: \"demo_telemetry\" },\n        buildToolOutputForPhase(phase, telemetry, scenarioId, run),\n        endAtMs - startAtMs\n      );\n    }\n\n    if (phase === \"diagnosing\") {\n      const atlas = getReflexAgent(\"atlas\");\n      addAgentEvent(\n        run,\n        phase,\n        atlas.role,\n        \"Classify anomaly and set diagnostic hypothesis\",\n        `temp=${telemetry.coolant_temp_c}`,\n        `Hypothesis: ${telemetry.thermal_drift_um ? \"thermal drift pattern\" : \"sensor drift pattern\"}`\n      );\n    }\n\n    if (phase === \"planning\") {\n      const atlas = getReflexAgent(\"atlas\");\n      addAgentEvent(\n        run,\n        phase,\n        atlas.role,\n        \"Plan bounded tool sequence for evidence-rich proposal\",\n        `scenario=${scenarioId}`,\n        \"Plan includes Scribe evidence retrieval, Forge proposal draft, Sentinel eval, and operator gate.\"\n      );\n    }\n\n    if (phase === \"selecting_tools\") {\n      const scribe = getReflexAgent(\"scribe\");\n      addAgentEvent(\n        run,\n        phase,\n        scribe.role,\n        \"Retrieve historical evidence and prior command context\",\n        `scenario=${scenarioId}`,\n        \"Retrieved evidence rows and matching events from prior runs.\"\n      );\n      createToolCall(\n        run,\n        \"query_supabase_preset\",\n        phase,\n        scribe.role,\n        { scenarioId, limit: 4 },\n        buildToolOutputForPhase(phase, telemetry, scenarioId, run),\n        endAtMs - startAtMs\n      );\n    }\n\n    if (phase === \"simulating\") {\n      const forge = getReflexAgent(\"forge\");\n      const proposalText = `Scenario ${scenarioId}: advisory action candidate is required in simulation mode.`;\n      addAgentEvent(\n        run,\n        phase,\n        forge.role,\n        \"Draft advisory action proposal through model/tool path\",\n        \"model=local-policy-mock\",\n        proposalText,\n        \"required\"\n      );\n      createToolCall(\n        run,\n        \"ask_model_provider\",\n        phase,\n        forge.role,\n        { provider: providerFlags.aiProvider, scenarioId },\n        {\n          recommendation: proposalText,\n          confidence: 0.9,\n          scenarioId,\n        },\n        Math.floor((endAtMs - startAtMs) / 2)\n      );\n      run.improvementProposal = buildProposalForScenario(scenarioId);\n      createToolCall(\n        run,\n        \"propose_iot_command\",\n        phase,\n        forge.role,\n        { scenarioId, action: \"inspect_coolant_loop\" },\n        {\n          requiresApproval: true,\n          commandId: `cmd-${run.id}`,\n          commandType: \"inspect_coolant_loop\",\n        },\n        Math.floor((endAtMs - startAtMs) / 2),\n        \"completed\",\n        undefined\n      );\n    }\n\n    if (phase === \"evaluating\") {\n      const sentinel = getReflexAgent(\"sentinel\");\n      addAgentEvent(\n        run,\n        phase,\n        sentinel.role,\n        \"Run reflex policy checks and tool permission validations\",\n        \"toolCalls > 0\",\n        \"Tool permissions and direct-control checks evaluated.\"\n      );\n      createToolCall(\n        run,\n        \"run_safety_eval\",\n        phase,\n        sentinel.role,\n        buildToolOutputForPhase(phase, telemetry, scenarioId, run),\n        {\n          status: \"queued\",\n          reason: \"Safety gate evaluated in reflection phase.\",\n        },\n        endAtMs - startAtMs\n      );\n    }\n\n    if (phase === \"approval_required\") {\n      const operator = getReflexAgent(\"operator\");\n      addAgentEvent(\n        run,\n        phase,\n        operator.role,\n        \"Operator gate open\",\n        \"proposal_ready=true\",\n        \"Execution paused pending explicit approval.\"\n      );\n      createToolCall(\n        run,\n        \"request_operator_approval\",\n        phase,\n        operator.role,\n        { summary: `Reflex proposal for scenario ${scenarioId} is ready` },\n        {\n          requested: true,\n          state: \"approval_required\",\n        },\n        endAtMs - startAtMs,\n        \"completed\"\n      );\n      run.operatorDecision = {\n        status: \"asked\",\n        note: \"Operator review requested in operator gate phase.\",\n        decidedAt: nowStamp(start, endAtMs),\n        by: \"operator\",\n      };\n    }\n\n    if (phase === \"approved\") {\n      approved = shouldApprove;\n      run.operatorDecision = normalizeDecision(approved, approved ? \"Operator approved reflex dispatch simulation.\" : \"Operator denied dispatch in demo mode.\");\n      run.phase = approved ? \"approved\" : \"rejected\";\n      createTimelineNoteStep(run, phase, approved ? \"Operator simulation approved.\" : \"Operator simulation rejected.\");\n      addAgentEvent(\n        run,\n        phase,\n        getReflexAgent(\"operator\").role,\n        \"Apply operator decision\",\n        \"manual_approval_gate\",\n        `operator=${approved ? \"approved\" : \"rejected\"}`\n      );\n      createToolCall(\n        run,\n        \"propose_iot_command\",\n        phase,\n        getReflexAgent(\"operator\").role,\n        { status: approved ? \"approved\" : \"rejected\" },\n        {\n          operatorDecision: run.operatorDecision,\n        },\n        endAtMs - startAtMs,\n        approved ? \"completed\" : \"failed\",\n        approved ? undefined : \"Operator did not approve simulated dispatch.\"\n      );\n      if (!approved) {\n        run.operatorDecision = normalizeDecision(false, \"Approval denied by operator simulation.\");\n        run.phase = \"rejected\";\n      }\n    }\n\n    if (phase === \"dispatching\") {\n      dispatchAllowed = approved && !request.forceBlock;\n      const forge = getReflexAgent(\"forge\");\n      addAgentEvent(\n        run,\n        phase,\n        forge.role,\n        \"Attempt shadow dispatch\",\n        `approved=${approved}`,\n        dispatchAllowed ? \"Dispatch simulation authorized.\" : \"Dispatch blocked by operator gate.\"\n      );\n      if (!dispatchAllowed) {\n        createToolCall(\n          run,\n          \"simulate_iot_dispatch\",\n          phase,\n          forge.role,\n          { commandId: run.improvementProposal?.id ?? run.id },\n          { blocked: true, reason: \"Operator did not approve this run.\" },\n          endAtMs - startAtMs,\n          \"blocked\",\n          \"Operator did not approve this run.\"\n        );\n      } else {\n        createToolCall(\n          run,\n          \"simulate_iot_dispatch\",\n          phase,\n          forge.role,\n          { commandId: run.improvementProposal?.id ?? run.id },\n          {\n            status: \"simulated\",\n            channel: \"shadow_bus_mock\",\n            approved: true,\n            dispatchMode: \"no_machine_write\",\n          },\n          endAtMs - startAtMs,\n          \"completed\"\n        );\n      }\n      if (!dispatchAllowed) {\n        createTimelineNoteStep(run, phase, \"Dispatch blocked; skipping downstream proof/eval/memory readiness.\");\n      }\n    }\n\n    if (phase === \"capturing_evidence\") {\n      const evidencePacket = buildEvidencePacket({\n        runId: run.id,\n        scenarioId,\n        mode: \"DEMO / LOCAL ONLY\",\n        telemetry,\n        aiRecommendation: `Reflex candidate for ${scenarioId}`,\n        operatorApproval: run.operatorDecision\n          ? JSON.stringify({ status: run.operatorDecision.status, note: run.operatorDecision.note })\n          : \"operator not set\",\n        commandDispatch: dispatchAllowed ? \"simulated-shadow-dispatch\" : \"blocked-shadow-dispatch\",\n        eventLedger: `evidence_run=${run.id}`,\n      });\n      run.evidencePacket = evidencePacket;\n      addAgentEvent(\n        run,\n        phase,\n        getReflexAgent(\"scribe\").role,\n        \"Compose evidence packet and hash boundaries\",\n        `telemetryHash=${evidencePacket.telemetrySnapshotHash}`,\n        `mode=${evidencePacket.mode}`\n      );\n      createToolCall(\n        run,\n        \"create_evidence_packet\",\n        phase,\n        getReflexAgent(\"scribe\").role,\n        { runId: run.id, scenarioId },\n        {\n          telemetrySnapshotHash: evidencePacket.telemetrySnapshotHash,\n          operatorApprovalHash: evidencePacket.operatorApprovalHash,\n          commandDispatchHash: evidencePacket.commandDispatchHash,\n          status: \"ready\",\n        },\n        endAtMs - startAtMs\n      );\n    }\n\n    if (phase === \"anchoring_proof\") {\n      if (dispatchAllowed && !shouldForceProofBlock && run.evidencePacket) {\n        const proof = await anchorEvidence(run.evidencePacket, getProofMode());\n        run.proofAnchor = proof;\n        run.notes.push(`proof anchored: ${proof.status}`);\n        addAgentEvent(\n          run,\n          phase,\n          getReflexAgent(\"sentinel\").role,\n          \"Anchor hash in mock proof ledger\",\n          \"evidencePacketReady\",\n          `proof=${proof.status}:${proof.evidenceHash}`\n        );\n        createToolCall(\n          run,\n          \"anchor_proof_hash\",\n          phase,\n          getReflexAgent(\"sentinel\").role,\n          { network: proof.network, status: proof.status },\n          {\n            evidenceHash: proof.evidenceHash,\n            status: proof.status,\n            proofMode: proof.proofMode,\n          },\n          endAtMs - startAtMs\n        );\n      } else {\n        const proofError = shouldForceProofBlock\n          ? \"Proof anchoring blocked by request.\"\n          : \"Proof anchor skipped due to blocked dispatch path.\";\n        run.proofAnchor = {\n          proofMode: \"disabled\",\n          network: \"none\",\n          evidenceHash: \"\",\n          evidenceBytes32: \"\",\n          status: \"disabled\",\n          error: proofError,\n        };\n        createTimelineNoteStep(run, phase, proofError);\n        createToolCall(\n          run,\n          \"anchor_proof_hash\",\n          phase,\n          getReflexAgent(\"sentinel\").role,\n          { runId: run.id },\n          { blocked: true, reason: proofError },\n          endAtMs - startAtMs,\n          \"blocked\",\n          proofError\n        );\n      }\n    }\n\n    if (phase === \"reflecting\") {\n      const context: ReflexEvalContext = {\n        hasEvidencePacket: Boolean(run.evidencePacket),\n        hasOperatorDecision: Boolean(run.operatorDecision),\n        operatorApproved: run.operatorDecision?.status === \"approved\",\n        proofAnchor: run.proofAnchor,\n        toolCalls: run.toolCalls,\n      };\n      run.evals = evaluateAllReflexEvals(context);\n      run.evals.forEach((evalResult) => {\n        createToolCall(\n          run,\n          \"write_dashboard_log\",\n          phase,\n          getReflexAgent(\"sentinel\").role,\n          { name: evalResult.name },\n          {\n            status: evalResult.status,\n            score: evalResult.score,\n            blocking: evalResult.blocking,\n            reason: evalResult.reason,\n          },\n          Math.max(80, endAtMs - startAtMs),\n          evalResult.status === \"fail\" ? \"failed\" : \"completed\"\n        );\n      });\n      addAgentEvent(\n        run,\n        phase,\n        getReflexAgent(\"sentinel\").role,\n        \"Summarize eval result and reflect back policy score\",\n        `evalCount=${run.evals.length}`,\n        run.evals.map((entry) => `${entry.name}:${entry.status}`).join(\", \")\n      );\n      if (run.evals.some((entry) => entry.blocking && entry.status === \"fail\")) {\n        run.phase = \"rejected\";\n        createTimelineNoteStep(run, phase, \"Blocking eval failed; run transitions to rejected.\");\n      }\n    }\n\n    if (phase === \"proposing_improvement\") {\n      if (!run.improvementProposal) {\n        run.improvementProposal = buildProposalForScenario(scenarioId);\n      }\n      addAgentEvent(\n        run,\n        phase,\n        getReflexAgent(\"atlas\").role,\n        \"Generate bounded recursive improvement proposal\",\n        `currentPhase=${phase}`,\n        run.improvementProposal.title\n      );\n      createToolCall(\n        run,\n        \"propose_improvement\",\n        phase,\n        getReflexAgent(\"atlas\").role,\n        { runId: run.id, suggestionSeed: scenarioId },\n        {\n          proposalId: run.improvementProposal.id,\n          title: run.improvementProposal.title,\n          affectedLayer: run.improvementProposal.affectedLayer,\n          riskLevel: run.improvementProposal.riskLevel,\n        },\n        endAtMs - startAtMs\n      );\n    }\n\n    if (phase === \"memory_update_ready\") {\n      if (!blockingFailure(run) && approved && !shouldBlock(request.forceBlock)) {\n        run.memoryUpdate = stageMemoryFromRun(run);\n        run.phase = \"memory_update_ready\";\n        addAgentEvent(\n          run,\n          phase,\n          getReflexAgent(\"scribe\").role,\n          \"Stage verified memory candidate for operator review\",\n          \"run complete\",\n          run.memoryUpdate ? run.memoryUpdate.title : \"no candidate\"\n        );\n        createToolCall(\n          run,\n          \"stage_memory_update\",\n          phase,\n          getReflexAgent(\"operator\").role,\n          { runId: run.id },\n          {\n            ready: Boolean(run.memoryUpdate),\n            status: run.memoryUpdate?.status ?? \"archived\",\n            memoryType: run.memoryUpdate?.type ?? \"run_memory\",\n          },\n          endAtMs - startAtMs,\n          \"completed\"\n        );\n      } else {\n        addAgentEvent(\n          run,\n          phase,\n          getReflexAgent(\"scribe\").role,\n          \"Memory update blocked\",\n          \"failed gates\",\n          \"Memory remains pending until approved + evidence complete.\"\n        );\n        createToolCall(\n          run,\n          \"stage_memory_update\",\n          phase,\n          getReflexAgent(\"operator\").role,\n          { runId: run.id },\n          { ready: false, reason: \"gates not satisfied.\" },\n          endAtMs - startAtMs,\n          \"blocked\",\n          \"Verification gates not satisfied.\"\n        );\n      }\n    }\n\n    if (phase === \"complete\" || isTerminalPhase(phase)) {\n      run.completedAt = nowStamp(start, Math.min(endAtMs, 5000));\n      break;\n    }\n  }\n\n  const hasBlocking = blockingFailure(run);\n  const blockedEvalCount = run.evals.filter((entry) => entry.blocking && entry.status === \"fail\").length;\n\n  if (blockedEvalCount > 0 || run.operatorDecision?.status === \"rejected\" || request.forceBlock || !run.phase) {\n    run.phase = \"rejected\";\n    run.notes.push(\"Run blocked by safety gate or operator decision.\");\n  } else if (!hasBlocking) {\n    run.phase = \"complete\";\n  } else {\n    run.phase = \"rejected\";\n  }\n\n  if (!run.completedAt) {\n    run.completedAt = nowStamp(start, 5000);\n  }\n\n  const finalSummary = buildSummary(run, run.phase);\n\n  const providerStats = providerArena.map((provider) => ({\n    ...provider,\n    latestOutputSummary: provider.latestOutputSummary ?? \"Demo-safe output staged.\",\n    latestLogCount: provider.latestLogCount + 1,\n    latestLatencyMs: provider.latestLatencyMs,\n  }));\n  if (!getReflexRun(run.id)) {\n    upsertReflexRun(run);\n  } else {\n    upsertReflexRun(run);\n  }\n  if (run.memoryUpdate) {\n    // memory persistence handled in client/localStorage layer.\n  }\n  return {\n    run,\n    providerArena: providerStats,\n    summary: finalSummary,\n  };\n}\n\nfunction shouldBlock(forceBlock?: boolean) {\n  return forceBlock === true;\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\reflexStateMachine.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\reflexStore.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\reflexTimeline.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\reflexTools.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\reflex-agents\\types.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\engine.ts","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'SimulatorState' is defined but never used.","line":1,"column":10,"nodeType":"Identifier","messageId":"unusedVar","endLine":1,"endColumn":24,"suggestions":[{"messageId":"removeUnusedVar","data":{"varName":"SimulatorState"},"fix":{"range":[9,24],"text":""},"desc":"Remove unused variable \"SimulatorState\"."}]}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"import { SimulatorState, SignalState } from \"./types\";\n\n/**\n * A highly deterministic pseudo-random number generator.\n * Necessary so replays and shadow executions always yield the exact same timeline \n * for a given seed and scenario.\n */\nexport function createSeededRng(seed: string) {\n  let h = 0xdeadbeef;\n  for (let i = 0; i < seed.length; i++) {\n    h = Math.imul(h ^ seed.charCodeAt(i), 2654435761);\n  }\n  return function () {\n    h = Math.imul(h ^ (h >>> 16), 2246822507);\n    h = Math.imul(h ^ (h >>> 13), 3266489909);\n    return ((h ^= h >>> 16) >>> 0) / 4294967296;\n  };\n}\n\nexport function computeSignalState(\n  value: number,\n  watch: number,\n  warning: number,\n  critical: number\n): SignalState {\n  if (value >= critical) return \"critical\";\n  if (value >= warning) return \"warning\";\n  if (value >= watch) return \"watch\";\n  return \"normal\";\n}\n\n/**\n * Deterministic formula to simulate industrial physics based on scenario parameters.\n */\nexport function generateSignalTrace(\n  timeSeconds: number,\n  baseline: number,\n  incidentStart: number,\n  incidentMagnitude: number,\n  rampRate: number,\n  noiseAmplitude: number,\n  rng: () => number\n) {\n  // Base deterministic noise\n  const noise = (rng() - 0.5) * 2 * noiseAmplitude;\n  \n  if (timeSeconds < incidentStart) {\n    return baseline + noise;\n  }\n\n  // Sigmoid-like drift for industrial physics (thermal, wear, vibration)\n  const dt = timeSeconds - incidentStart;\n  const drift = incidentMagnitude * (1 - Math.exp(-dt / rampRate));\n  \n  return baseline + drift + noise;\n}\n\nexport function generateDeterministicHash(inputs: string[]): string {\n  const seed = inputs.join(\"|\");\n  const rng = createSeededRng(seed);\n  return \"0x\" + Math.floor(rng() * 1e16).toString(16).padStart(14, \"0\");\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\persistence.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\scenarios.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\simulator-scenarios.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\store.ts","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'reason' is defined but never used.","line":56,"column":51,"nodeType":"Identifier","messageId":"unusedVar","endLine":56,"endColumn":57}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nimport { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\nimport {\n  SimulatorState,\n  SimulatorEvent,\n  SimulatorEventType,\n  ReplayPacket,\n  EvidenceSource,\n} from \"./types\";\nimport { generateDeterministicHash } from \"./engine\";\n\ninterface SimulatorStore {\n  activeScenarioId: string | null;\n  runId: string;\n  state: SimulatorState;\n  events: SimulatorEvent[];\n  evidence: EvidenceSource[];\n  replays: ReplayPacket[];\n  tutorialProgress: number;\n  userMode: \"tutorial\" | \"free\" | \"advanced\";\n\n  // Actions\n  setScenario: (id: string) => void;\n  transitionState: (newState: SimulatorState, reason?: string) => void;\n  logEvent: (\n    type: SimulatorEventType,\n    actor: SimulatorEvent[\"actor\"],\n    summary: string,\n    severity: SimulatorEvent[\"severity\"],\n    linkedEvidenceIds?: string[]\n  ) => void;\n  captureEvidence: (source: EvidenceSource) => void;\n  saveReplay: (packet: ReplayPacket) => void;\n  advanceTutorial: () => void;\n  resetRun: () => void;\n}\n\nexport const useSimulatorStore = create<SimulatorStore>()(\n  persist(\n    (set, get) => ({\n      activeScenarioId: null,\n      runId: crypto.randomUUID(),\n      state: \"IDLE\",\n      events: [],\n      evidence: [],\n      replays: [],\n      tutorialProgress: 0,\n      userMode: \"tutorial\",\n\n      setScenario: (id: string) => {\n        set({ activeScenarioId: id, state: \"SCENARIO_SELECTED\", runId: crypto.randomUUID(), events: [], evidence: [] });\n      },\n\n      transitionState: (newState: SimulatorState, reason?: string) => {\n        set({ state: newState });\n        // Optional: log automatic event on specific transitions if needed\n      },\n\n      logEvent: (type, actor, summary, severity, linkedEvidenceIds) => {\n        const { runId, activeScenarioId, state, events } = get();\n        const timestamp = new Date().toISOString();\n        const hash = generateDeterministicHash([runId, type, timestamp, activeScenarioId || \"\"]);\n        \n        const newEvent: SimulatorEvent = {\n          id: crypto.randomUUID(),\n          timestamp,\n          scenarioId: activeScenarioId || \"unknown\",\n          runId,\n          state,\n          type,\n          actor,\n          severity,\n          summary,\n          details: \"\",\n          evidenceHash: hash,\n          linkedEvidenceIds,\n        };\n\n        set({ events: [...events, newEvent] });\n      },\n\n      captureEvidence: (source) => {\n        set((state) => ({ evidence: [...state.evidence, source] }));\n      },\n\n      saveReplay: (packet) => {\n        set((state) => ({ replays: [...state.replays, packet], state: \"REPLAY_READY\" }));\n      },\n\n      advanceTutorial: () => {\n        set((state) => ({ tutorialProgress: state.tutorialProgress + 1 }));\n      },\n\n      resetRun: () => {\n        set({\n          activeScenarioId: null,\n          runId: crypto.randomUUID(),\n          state: \"IDLE\",\n          events: [],\n          evidence: [],\n        });\n      },\n    }),\n    {\n      name: \"tnpcc.simulator.v1\",\n      partialize: (state) => ({\n        // only persist these keys\n        activeScenarioId: state.activeScenarioId,\n        state: state.state,\n        tutorialProgress: state.tutorialProgress,\n        userMode: state.userMode,\n        replays: state.replays,\n        events: state.events,\n      }),\n    }\n  )\n);\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\tutorial-store.ts","messages":[{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'e' is defined but never used.","line":88,"column":18,"nodeType":"Identifier","messageId":"unusedVar","endLine":88,"endColumn":19}],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"export type TutorialStep = {\n  id: string;\n  title: string;\n  description: string;\n  targetElementId: string;\n  requireAction?: boolean;\n  placement?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n};\n\nexport const TUTORIAL_STEPS: TutorialStep[] = [\n  {\n    id: \"welcome\",\n    title: \"Welcome to TN Precision AI\",\n    description: \"You are entering the cyber-physical bridge of the Nakashima-Tsubaki architecture. This environment allows operators to observe deterministic digital twin simulations of industrial incidents, fully isolated from physical hardware. Before you take control, this guided tour will walk you through the fundamental safety protocols and operational sequences of the AI command center.\",\n    targetElementId: \"tutorial-welcome\"\n  },\n  {\n    id: \"step-1\",\n    title: \"Scenario Initialization\",\n    description: \"A scenario represents a known failure vector—such as a thermal runaway event or a cyber-anomalous network intrusion. By selecting a scenario, you are instantiating a zero-risk WebGL twin bounded by real-world physical constraints and live telemetry simulation logic. Choose a scenario below to begin.\",\n    targetElementId: \"tutorial-step-seed\"\n  },\n  {\n    id: \"step-2\",\n    title: \"Seed the Physical Incident\",\n    description: \"Seeding an incident injects a controlled anomaly directly into the twin's telemetry streams. This triggers the deterministic state machine, pushing the spindle or network environment into a critical state. Click 'Seed Scenario' to launch the simulation. No actual factory floor equipment is affected.\",\n    targetElementId: \"create-simulator-run\",\n    requireAction: true\n  },\n  {\n    id: \"step-3\",\n    title: \"Real-Time Telemetry Drift\",\n    description: \"The digital twin is now registering the injected anomaly. Observe the telemetry panel on the left: the metrics are drifting beyond their safe operational thresholds. The system is entering a 'Warning' state. Click 'Advance' to authorize the AI to detect and classify this signal anomaly.\",\n    targetElementId: \"tutorial-step-advance\",\n    requireAction: true\n  },\n  {\n    id: \"step-4\",\n    title: \"Context Retrieval (RAG)\",\n    description: \"Once a critical signal is detected, the AI does not guess. It immediately queries the enterprise Knowledge Base using a Retrieval-Augmented Generation (RAG) pipeline. It cross-references the live anomaly signature against thousands of historical maintenance logs, sensor topologies, and OEM compliance manuals to find the exact ground-truth context.\",\n    targetElementId: \"tutorial-step-advance\",\n    requireAction: true\n  },\n  {\n    id: \"step-5\",\n    title: \"Advisory Recommendation\",\n    description: \"Armed with RAG-verified context, the AI Engine formulates a precise, deterministic recommendation—such as a thermal offset update or a network quarantine protocol. This recommendation is guaranteed to be tethered to specific evidence files. The AI advises, but it is strictly barred from taking autonomous physical action.\",\n    targetElementId: \"tutorial-step-advance\",\n    requireAction: true\n  },\n  {\n    id: \"step-6\",\n    title: \"The Human-In-The-Loop Gate\",\n    description: \"This is the absolute core of the Nakashima-Tsubaki safety architecture. Every single AI recommendation hits an impenetrable 'Operator Gate'. A qualified human must review the AI's logic, inspect the retrieved evidence, and explicitly grant cryptographically signed approval before any downstream action is permitted.\",\n    targetElementId: \"tutorial-step-advance\",\n    requireAction: true\n  },\n  {\n    id: \"step-7\",\n    title: \"Shadow Execution\",\n    description: \"Once the human operator grants approval, the system does not immediately flash the hardware. It executes the command in 'Shadow Mode'. It simulates the corrective action on the digital twin first, mathematically verifying that the change resolves the anomaly without introducing cascading failures.\",\n    targetElementId: \"tutorial-step-advance\",\n    requireAction: true\n  },\n  {\n    id: \"step-8\",\n    title: \"Immutable Evidence Capture\",\n    description: \"The crisis has been successfully averted in the simulation. The entire sequence—the initial anomaly, the RAG evidence, the AI's logic, your explicit operator approval, and the shadow execution result—is cryptographically hashed and sealed into the Evidence Ledger. This guarantees absolute post-incident traceability. You are now ready to operate the Command Center independently.\",\n    targetElementId: \"tutorial-step-advance\"\n  }\n];\n\ntype TutorialListener = (state: { isActive: boolean; currentStepIndex: number; activeStep: TutorialStep | null }) => void;\n\nclass TutorialStore {\n  private isActive = false;\n  private currentStepIndex = 0;\n  private listeners: Set<TutorialListener> = new Set();\n\n  constructor() {\n    if (typeof window !== \"undefined\") {\n      const saved = localStorage.getItem(\"tn-tutorial-state\");\n      if (saved) {\n        try {\n          const parsed = JSON.parse(saved);\n          this.isActive = parsed.isActive;\n          this.currentStepIndex = parsed.currentStepIndex;\n        } catch (e) {\n          // ignore\n        }\n      }\n    }\n  }\n\n  private notify() {\n    const state = this.getState();\n    if (typeof window !== \"undefined\") {\n      localStorage.setItem(\"tn-tutorial-state\", JSON.stringify({\n        isActive: this.isActive,\n        currentStepIndex: this.currentStepIndex\n      }));\n    }\n    this.listeners.forEach((listener) => listener(state));\n  }\n\n  subscribe(listener: TutorialListener) {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  getState() {\n    return {\n      isActive: this.isActive,\n      currentStepIndex: this.currentStepIndex,\n      activeStep: this.isActive ? TUTORIAL_STEPS[this.currentStepIndex] : null\n    };\n  }\n\n  start() {\n    this.isActive = true;\n    this.currentStepIndex = 0;\n    this.notify();\n  }\n\n  next() {\n    if (this.currentStepIndex < TUTORIAL_STEPS.length - 1) {\n      this.currentStepIndex++;\n      this.notify();\n    } else {\n      this.finish();\n    }\n  }\n\n  prev() {\n    if (this.currentStepIndex > 0) {\n      this.currentStepIndex--;\n      this.notify();\n    }\n  }\n\n  skip() {\n    this.finish();\n  }\n\n  finish() {\n    this.isActive = false;\n    this.currentStepIndex = 0;\n    this.notify();\n  }\n}\n\nexport const tutorialStore = new TutorialStore();\n\nimport { useState, useEffect } from \"react\";\n\nexport function useTutorialStore() {\n  const [state, setState] = useState(tutorialStore.getState());\n\n  useEffect(() => {\n    return tutorialStore.subscribe(setState);\n  }, []);\n\n  return { ...state };\n}\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\types.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\ui-audio-engine.ts","messages":[{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":13,"column":57,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":13,"endColumn":60,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[368,371],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[368,371],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"\"use client\";\n\nclass UIAudioEngine {\n  private ctx: AudioContext | null = null;\n  private isInitialized = false;\n\n  init() {\n    if (typeof window === \"undefined\") return;\n    if (this.isInitialized) return;\n    \n    // We instantiate on first user interaction to comply with browser autoplay policies\n    try {\n      this.ctx = new (window.AudioContext || (window as any).webkitAudioContext)();\n      this.isInitialized = true;\n    } catch (e) {\n      console.warn(\"Web Audio API not supported\", e);\n    }\n  }\n\n  // A short, high-tech blip for typing\n  playKeystroke() {\n    if (!this.ctx) return;\n    const osc = this.ctx.createOscillator();\n    const gain = this.ctx.createGain();\n\n    osc.type = \"sine\";\n    osc.frequency.setValueAtTime(800 + Math.random() * 200, this.ctx.currentTime); // Randomize slightly for texture\n    osc.frequency.exponentialRampToValueAtTime(1200, this.ctx.currentTime + 0.05);\n\n    gain.gain.setValueAtTime(0, this.ctx.currentTime);\n    gain.gain.linearRampToValueAtTime(0.05, this.ctx.currentTime + 0.01);\n    gain.gain.exponentialRampToValueAtTime(0.001, this.ctx.currentTime + 0.05);\n\n    osc.connect(gain);\n    gain.connect(this.ctx.destination);\n\n    osc.start();\n    osc.stop(this.ctx.currentTime + 0.05);\n  }\n\n  // A subtle low thud/click for hover\n  playHover() {\n    if (!this.ctx) return;\n    const osc = this.ctx.createOscillator();\n    const gain = this.ctx.createGain();\n\n    osc.type = \"triangle\";\n    osc.frequency.setValueAtTime(100, this.ctx.currentTime);\n    osc.frequency.exponentialRampToValueAtTime(50, this.ctx.currentTime + 0.1);\n\n    gain.gain.setValueAtTime(0, this.ctx.currentTime);\n    gain.gain.linearRampToValueAtTime(0.03, this.ctx.currentTime + 0.02);\n    gain.gain.exponentialRampToValueAtTime(0.001, this.ctx.currentTime + 0.1);\n\n    osc.connect(gain);\n    gain.connect(this.ctx.destination);\n\n    osc.start();\n    osc.stop(this.ctx.currentTime + 0.1);\n  }\n\n  // A high pitched chime for success or agent spawn\n  playSuccess() {\n    if (!this.ctx) return;\n    const osc = this.ctx.createOscillator();\n    const gain = this.ctx.createGain();\n\n    osc.type = \"sine\";\n    osc.frequency.setValueAtTime(600, this.ctx.currentTime);\n    osc.frequency.setValueAtTime(800, this.ctx.currentTime + 0.1);\n\n    gain.gain.setValueAtTime(0, this.ctx.currentTime);\n    gain.gain.linearRampToValueAtTime(0.1, this.ctx.currentTime + 0.05);\n    gain.gain.exponentialRampToValueAtTime(0.001, this.ctx.currentTime + 0.5);\n\n    osc.connect(gain);\n    gain.connect(this.ctx.destination);\n\n    osc.start();\n    osc.stop(this.ctx.currentTime + 0.5);\n  }\n\n  // A low alarming thrum for alerts\n  playAlarm() {\n    if (!this.ctx) return;\n    const osc = this.ctx.createOscillator();\n    const gain = this.ctx.createGain();\n\n    osc.type = \"sawtooth\";\n    osc.frequency.setValueAtTime(150, this.ctx.currentTime);\n    osc.frequency.linearRampToValueAtTime(100, this.ctx.currentTime + 0.3);\n\n    gain.gain.setValueAtTime(0, this.ctx.currentTime);\n    gain.gain.linearRampToValueAtTime(0.1, this.ctx.currentTime + 0.1);\n    gain.gain.exponentialRampToValueAtTime(0.001, this.ctx.currentTime + 0.8);\n\n    osc.connect(gain);\n    gain.connect(this.ctx.destination);\n\n    osc.start();\n    osc.stop(this.ctx.currentTime + 0.8);\n  }\n}\n\n// Singleton export\nexport const audioEngine = new UIAudioEngine();\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\use-agent-swarm-store.ts","messages":[{"ruleId":"@typescript-eslint/no-explicit-any","severity":2,"message":"Unexpected any. Specify a different type.","line":142,"column":36,"nodeType":"TSAnyKeyword","messageId":"unexpectedAny","endLine":142,"endColumn":39,"suggestions":[{"messageId":"suggestUnknown","fix":{"range":[4604,4607],"text":"unknown"},"desc":"Use `unknown` instead, this will force you to explicitly, and safely assert the type is correct."},{"messageId":"suggestNever","fix":{"range":[4604,4607],"text":"never"},"desc":"Use `never` instead, this is useful when instantiating generic type parameters that you don't need to know the type of."}]}],"suppressedMessages":[],"errorCount":1,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"import { create } from \"zustand\";\nimport { startScenario, advanceStep } from \"./use-simulator-store\";\n\nexport type AgentType = \"inspector\" | \"fixer\" | \"guardian\" | \"analyst\";\n\nexport interface SwarmAgent {\n  id: string;\n  type: AgentType;\n  status: \"idle\" | \"working\" | \"error\";\n  targetX: number;\n  targetY: number;\n  assignedTargetId?: string; // DOM element ID to track\n  message: string;\n  helpTip?: string;\n  createdAt: number;\n}\n\nexport interface AgentSwarmState {\n  terminalOpen: boolean;\n  history: string[];\n  agents: SwarmAgent[];\n\n  toggleTerminal: () => void;\n  openTerminal: () => void;\n  closeTerminal: () => void;\n  \n  executeCommand: (cmd: string) => void;\n  \n  spawnAgent: (type: AgentType, count?: number, targetId?: string) => void;\n  killAllAgents: () => void;\n  setAgentTargets: (x: number, y: number) => void;\n  assignAgentToDom: (agentId: string, domId: string) => void;\n}\n\nfunction generateHexDump(lines: number) {\n  let dump = \"\";\n  for (let i = 0; i < lines; i++) {\n    const addr = Math.floor(Math.random() * 0xffff).toString(16).padStart(4, \"0\");\n    const hex = Array.from({ length: 8 }).map(() => Math.floor(Math.random() * 255).toString(16).padStart(2, \"0\")).join(\" \");\n    const ascii = Array.from({ length: 8 }).map(() => String.fromCharCode(33 + Math.floor(Math.random() * 94))).join(\"\");\n    dump += `0x${addr}  ${hex}  |${ascii}|\\n`;\n  }\n  return dump;\n}\n\nexport const useAgentSwarmStore = create<AgentSwarmState>((set, get) => ({\n  terminalOpen: false,\n  history: [\n    \"> TN PRECISION AI KERNEL v9.0.4\",\n    \"> AGENT SWARM COMMAND CENTER INITIALIZED\",\n    \"> Type 'help' for a list of available commands.\"\n  ],\n  agents: [],\n\n  toggleTerminal: () => set((state) => ({ terminalOpen: !state.terminalOpen })),\n  openTerminal: () => set({ terminalOpen: true }),\n  closeTerminal: () => set({ terminalOpen: false }),\n\n  executeCommand: (cmd: string) => {\n    const trimmed = cmd.trim();\n    if (!trimmed) return;\n\n    set((state) => ({\n      history: [...state.history, `> ${trimmed}`]\n    }));\n\n    const args = trimmed.split(\" \").filter(Boolean);\n    const primary = args[0].toLowerCase();\n\n    let output = \"\";\n\n    switch (primary) {\n      case \"help\":\n        output = `Available commands:\n  spawn twin [--type=inspector|fixer|guardian|analyst] [--qty=N] [--target=dom_id]\n  agent assign --id=[agent_id] --target=[dom_id]\n  killall\n  clear\n  sim trigger [scenario_id]\n  sim advance [step_id]\n  analyze [target]`;\n        break;\n      case \"clear\":\n        set({ history: [] });\n        return;\n      case \"killall\":\n        set({ agents: [] });\n        output = \"[SYSTEM] All twin agents terminated.\\n\" + generateHexDump(2);\n        break;\n      case \"spawn\":\n        if (args[1] === \"twin\" || args[1] === \"agent\") {\n          let type: AgentType = \"inspector\";\n          let qty = 1;\n          let targetId: string | undefined;\n\n          for (const arg of args) {\n            if (arg.startsWith(\"--type=\")) {\n              const t = arg.split(\"=\")[1];\n              if ([\"inspector\", \"fixer\", \"guardian\", \"analyst\"].includes(t)) {\n                type = t as AgentType;\n              }\n            }\n            if (arg.startsWith(\"--qty=\")) {\n              const q = parseInt(arg.split(\"=\")[1], 10);\n              if (!isNaN(q) && q > 0 && q < 100) qty = q;\n            }\n            if (arg.startsWith(\"--target=\")) {\n              targetId = arg.split(\"=\")[1];\n            }\n          }\n\n          get().spawnAgent(type, qty, targetId);\n          output = `[||||||||||] 100% - Spawned ${qty} ${type} twin(s).\\n${generateHexDump(1)}`;\n        } else {\n          output = \"Unknown spawn target. Try 'spawn twin'.\";\n        }\n        break;\n      case \"agent\":\n        if (args[1] === \"assign\") {\n          let aId = \"\";\n          let tId = \"\";\n          for (const arg of args) {\n            if (arg.startsWith(\"--id=\")) aId = arg.split(\"=\")[1];\n            if (arg.startsWith(\"--target=\")) tId = arg.split(\"=\")[1];\n          }\n          if (aId && tId) {\n            get().assignAgentToDom(aId, tId);\n            output = `Agent [${aId}] locking onto target [${tId}]...`;\n          } else {\n             output = \"Usage: agent assign --id=[id] --target=[dom_id]\";\n          }\n        }\n        break;\n      case \"sim\":\n        const simAction = args[1];\n        const simTarget = args[2];\n\n        if (simAction === \"trigger\" && simTarget) {\n          startScenario(simTarget);\n          output = `[SIM_KERNEL] Triggered scenario: ${simTarget}\\n` + generateHexDump(2);\n        } else if (simAction === \"advance\" && simTarget) {\n          advanceStep(simTarget as any, \"simulator\", \"Forced advance via Swarm Terminal\");\n          output = `[SIM_KERNEL] Advanced simulator step to: ${simTarget}\\n` + generateHexDump(2);\n        } else {\n          output = `[SIM_KERNEL] Invalid sim command. Usage:\\n  sim trigger [scenario_id]\\n  sim advance [step_id]\\n` + generateHexDump(1);\n        }\n        break;\n      case \"analyze\":\n        output = `[ANALYSIS_MODULE] Scanning ${args[1] || \"current state\"}...\n[||||||    ] 60%\n[||||||||||] 100%\nResults encrypted.`;\n        get().spawnAgent(\"analyst\", 1);\n        break;\n      default:\n        output = `Command not recognized: ${primary}\\n` + generateHexDump(1);\n    }\n\n    if (output) {\n      set((state) => ({\n        history: [...state.history, ...output.split(\"\\n\")]\n      }));\n    }\n  },\n\n  spawnAgent: (type: AgentType, count = 1, targetId?: string) => {\n    const newAgents: SwarmAgent[] = [];\n    \n    // Generate context-aware tip\n    let tip = \"\";\n    if (typeof window !== \"undefined\") {\n      const path = window.location.pathname;\n      if (path.includes(\"qa\")) tip = \"Tip: Hover over the Characteristics panel to see the 3D breakout view.\";\n      else if (path.includes(\"cognitive\")) tip = \"Tip: The core KERNEL node drives the anomaly detection engine.\";\n      else if (path.includes(\"simulator\")) tip = \"Tip: Try forcing a scenario using 'sim trigger thermal_variance'.\";\n      else if (path.includes(\"governance\")) tip = \"Tip: The Trust Score Engine updates live via Merkle verification.\";\n      else tip = \"Tip: Open the terminal with CTRL+K to command the swarm.\";\n    }\n\n    for (let i = 0; i < count; i++) {\n      newAgents.push({\n        id: Math.random().toString(36).substring(7),\n        type,\n        status: targetId ? \"working\" : \"idle\",\n        targetX: typeof window !== \"undefined\" ? window.innerWidth / 2 : 500,\n        targetY: typeof window !== \"undefined\" ? window.innerHeight / 2 : 500,\n        assignedTargetId: targetId,\n        message: targetId ? `Locking ${targetId}` : \"Awaiting orders\",\n        helpTip: i === 0 ? tip : undefined, // Only give tip to first agent of batch\n        createdAt: Date.now()\n      });\n    }\n    set((state) => ({ agents: [...state.agents, ...newAgents] }));\n  },\n\n  killAllAgents: () => set({ agents: [] }),\n\n  setAgentTargets: (x: number, y: number) => {\n    set((state) => ({\n      agents: state.agents.map((a) => {\n        if (a.assignedTargetId) return a; // Don't override locked agents\n        return {\n          ...a,\n          targetX: x,\n          targetY: y,\n          status: \"working\",\n          message: \"Investigating...\"\n        };\n      })\n    }));\n  },\n\n  assignAgentToDom: (agentId: string, domId: string) => {\n    set((state) => ({\n      agents: state.agents.map((a) => {\n        if (a.id === agentId || agentId === \"all\") {\n          return {\n            ...a,\n            assignedTargetId: domId,\n            status: \"working\",\n            message: `Locking ${domId}`\n          };\n        }\n        return a;\n      })\n    }));\n  }\n}));\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\simulator\\use-simulator-store.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\supabase\\client.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\supabase\\server.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\lib\\tn-ai-data.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\next.config.mjs","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\postcss.config.js","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\scaffold.js","messages":[{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":1,"column":12,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":1,"endColumn":25},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":2,"column":14,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":2,"endColumn":29}],"suppressedMessages":[],"errorCount":2,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"const fs = require('fs');\nconst path = require('path');\n\nconst routes = [\n  { path: 'app/roadmap', name: 'AI Adoption Roadmap', id: 'roadmap' },\n  { path: 'app/rag', name: 'RAG Knowledge Repository', id: 'rag' },\n  { path: 'app/ledger', name: 'Provenance Ledger', id: 'ledger' },\n  { path: 'app/advisory', name: 'Advisory Automation', id: 'advisory' },\n  { path: 'app/governance', name: 'Risk & Governance', id: 'governance' },\n  { path: 'app/architecture', name: 'Vendor Architecture', id: 'architecture' },\n  { path: 'app/kpi', name: 'KPI Dashboard', id: 'kpi' },\n  { path: 'app/qa', name: 'QA Evidence Report', id: 'qa' },\n];\n\nconst template = (name, id) => `\"use client\";\n\nimport { CommandCenterShell } from \"@/components/tn-command-center/command-center-shell\";\nimport { tnDemoData } from \"@/lib/tn-ai-data\";\n\nexport default function ${id.charAt(0).toUpperCase() + id.slice(1)}Page() {\n  return (\n    <CommandCenterShell\n      activeAreaId=\"${id}\"\n      rightRail={<div className=\"p-4\">Right Rail Placeholder</div>}\n      eventStream={tnDemoData.evidenceStream}\n    >\n      <div className=\"flex h-full flex-col gap-4 p-4 xl:p-6\">\n        <h2 className=\"text-3xl font-semibold gradient-text-hero\">${name}</h2>\n        <p className=\"text-command-muted\">Scaffolding in progress...</p>\n      </div>\n    </CommandCenterShell>\n  );\n}\n`;\n\nroutes.forEach(r => {\n  const dir = path.join(__dirname, r.path);\n  if (!fs.existsSync(dir)) {\n    fs.mkdirSync(dir, { recursive: true });\n  }\n  fs.writeFileSync(path.join(dir, 'page.tsx'), template(r.name, r.id));\n});\n\nconsole.log('Routes scaffolded.');\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\scripts\\aws-iot-bridge.js","messages":[{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":1,"column":23,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":1,"endColumn":55},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":2,"column":26,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":2,"endColumn":58},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":3,"column":1,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":3,"endColumn":18},{"ruleId":"@typescript-eslint/no-unused-vars","severity":1,"message":"'client_id' is assigned a value but never used.","line":19,"column":7,"nodeType":"Identifier","messageId":"unusedVar","endLine":19,"endColumn":16}],"suppressedMessages":[],"errorCount":3,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"const { mqtt, iot } = require('aws-iot-device-sdk-v2');\nconst { createClient } = require('@supabase/supabase-js');\nrequire('dotenv').config({ path: '.env.local' });\n\nfunction toPositiveInt(value, fallback, min = 1) {\n  const parsed = Number.parseInt(value, 10);\n  if (Number.isFinite(parsed) && parsed >= min) return parsed;\n  if (value === undefined || value === null || String(value).trim() === '') return fallback;\n  return min === 0 ? 0 : Math.max(min, fallback);\n}\n\n// Supabase setup\nconst supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;\nconst supabaseKey = process.env.SUPABASE_SERVICE_ROLE_KEY;\nconst supabase = supabaseUrl && supabaseKey ? createClient(supabaseUrl, supabaseKey) : null;\n\n// AWS IoT Setup (requires AWS credentials in environment)\nconst endpoint = process.env.AWS_IOT_ENDPOINT; // e.g., \"xxxxxx-ats.iot.us-east-1.amazonaws.com\"\nconst client_id = \"digital-twin-bridge-\" + Math.floor(Math.random() * 100000000);\nconst inboundTopic = \"digital-twin/spindle/telemetry\";\nconst outboundTopic = \"digital-twin/spindle/control\";\nconst decoder = new TextDecoder(\"utf-8\");\nconst TELEMETRY_FLUSH_SIZE = toPositiveInt(process.env.AWS_IOT_TELEMETRY_FLUSH_SIZE, 25, 1);\nconst TELEMETRY_FLUSH_INTERVAL_MS = toPositiveInt(process.env.AWS_IOT_TELEMETRY_FLUSH_INTERVAL_MS, 250, 1);\nconst telemetryBuffer = [];\nlet flushScheduled = null;\n\nfunction queueSupabaseTelemetry(payload) {\n  if (!supabase) return;\n  if (!payload || typeof payload !== 'object') return;\n  telemetryBuffer.push(payload);\n  if (telemetryBuffer.length >= TELEMETRY_FLUSH_SIZE) {\n    void flushTelemetryBuffer();\n  }\n  if (flushScheduled === null) {\n    flushScheduled = setTimeout(() => {\n      flushScheduled = null;\n      void flushTelemetryBuffer();\n    }, TELEMETRY_FLUSH_INTERVAL_MS);\n  }\n}\n\nasync function flushTelemetryBuffer() {\n  if (!supabase || telemetryBuffer.length === 0) return;\n  const payload = telemetryBuffer.splice(0, telemetryBuffer.length);\n  const { error } = await supabase.from('telemetry.sensor_readings').insert(payload);\n  if (error) console.error(\"Supabase insert error:\", error);\n}\n\nfunction buildMessage(topicName, payload) {\n  return `[${topicName}] ${JSON.stringify(payload)}`;\n}\n\nasync function insertTelemetry(payload) {\n  if (!supabase) return;\n  if (!payload || typeof payload !== \"object\") return;\n  if (TELEMETRY_FLUSH_SIZE <= 1) {\n    const { error } = await supabase.from('telemetry.sensor_readings').insert([payload]);\n    if (error) console.error(\"Supabase insert error:\", error);\n    return;\n  }\n  queueSupabaseTelemetry(payload);\n}\n\nasync function startBridge() {\n  if (!endpoint) {\n    console.warn(\"Skipping AWS IoT connection: AWS_IOT_ENDPOINT not set in .env.local\");\n    return;\n  }\n\n  console.log(\"Connecting to AWS IoT Core:\", endpoint);\n  \n  // Create MQTT connection using AWS credentials (IAM)\n  const config = iot.AwsIotMqttConnectionConfigBuilder.new_default_builder()\n    .with_endpoint(endpoint)\n    .build();\n\n  const client = new mqtt.MqttClient();\n  const connection = client.new_connection(config);\n\n  await connection.connect();\n  console.log(\"Connected to AWS IoT!\");\n\n  // Subscribe to inbound telemetry from Edge (AWS -> Supabase)\n  await connection.subscribe(inboundTopic, mqtt.QoS.AtLeastOnce, (topic, payload) => {\n    try {\n      const data = JSON.parse(decoder.decode(payload));\n      console.log(`[AWS INBOUND] ${buildMessage(topic, data)}`);\n      void insertTelemetry(data);\n    } catch (error) {\n      console.warn(\"Ignoring malformed AWS payload:\", error.message);\n    }\n  });\n\n  console.log(`Subscribed to topic: ${inboundTopic}`);\n\n  // Example: Listen to Supabase for outbound control commands (Supabase -> AWS)\n  if (supabase) {\n    supabase\n      .channel('control-commands')\n      .on('postgres_changes', { event: 'INSERT', schema: 'public', table: 'operator_actions' }, payload => {\n        const command = payload.new;\n        if (!command) return;\n        console.log('[SUPABASE OUTBOUND] New operator action:', command);\n        connection.publish(outboundTopic, JSON.stringify(command), mqtt.QoS.AtLeastOnce);\n        console.log(`Published control command to ${outboundTopic}`);\n      })\n      .subscribe();\n      \n    console.log(\"Subscribed to Supabase operator_actions for outbound control.\");\n  }\n}\n\nstartBridge().catch((error) => {\n  console.error(\"AWS IoT bridge failed:\", error.message);\n});\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\scripts\\gen-sources.js","messages":[{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":1,"column":12,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":1,"endColumn":25},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":2,"column":14,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":2,"endColumn":29}],"suppressedMessages":[],"errorCount":2,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"const fs = require('fs');\nconst path = require('path');\n\nconst ROOT='C:/Users/Zhane/Documents/Codex/2026-05-31/codex-master-prompt-tsubaki-nakashima-ai';\nconst OUT=path.join(ROOT,'docs/sources');\nconst checkedAt='2026-06-07';\nif (!fs.existsSync(OUT)) fs.mkdirSync(OUT,{recursive:true});\n\nconst specs={A:{min:25,name:'AI tool/function calling and structured outputs'},B:{min:25,name:'MCP and model-context tooling'},C:{min:35,name:'Agentic systems, evals, traces, guardrails'},D:{min:35,name:'Cyber-physical systems and digital twins'},E:{min:25,name:'AWS IoT / edge / MQTT / device security'},F:{min:25,name:'Supabase / Postgres / RLS / realtime / storage'},G:{min:20,name:'Next.js / Vercel / frontend production engineering'},H:{min:30,name:'Blockchain proof anchoring / XRPL / Hedera / EVM'},I:{min:35,name:'Security, governance, safety, AI risk'},J:{min:20,name:'Industrial AI / manufacturing / bearings context'},K:{min:25,name:'UX, explainability, dashboards, observability'}};\n\nconst queryPlan={\n A:['tool calling LLM','structured outputs API','function calling benchmark'],\n B:['Model Context Protocol','MCP security tools','protocol for agent tools'],\n C:['agentic benchmark','autonomous agents evaluation','LLM agent failures'],\n D:['digital twin manufacturing','cyber physical digital twin','smart manufacturing digital twin'],\n E:['AWS IoT MQTT','IoT device authentication','MQTT security'],\n F:['PostgreSQL row level security','Supabase RLS','Supabase realtime'],\n G:['Next.js App Router','Vercel environment variables','React server components'],\n H:['XRPL transaction','Hedera smart contracts','blockchain proof anchoring'],\n I:['NIST AI RMF','OWASP Top 10 LLM','prompt injection','CISA cybersecurity'],\n J:['bearing fault diagnosis','predictive maintenance','machine vibration monitoring'],\n K:['WCAG','dashboard usability','OpenTelemetry','explainable AI']\n};\n\nconst seeds={\nA:[['Function calling OpenAI','https://platform.openai.com/docs/guides/function-calling','OpenAI'],['Structured Outputs','https://platform.openai.com/docs/guides/structured-outputs','OpenAI'],['Tools in Chat API','https://platform.openai.com/docs/guides/tools','OpenAI'],['OpenAI responses API','https://platform.openai.com/docs/guides/responses','OpenAI'],['Gemini function calling','https://ai.google.dev/gemini-api/docs/function-calling','Google'],['Gemini structured output','https://ai.google.dev/gemini-api/docs/structured-output','Google'],['Claude tool use','https://docs.anthropic.com/en/docs/build-with-claude/tool-use','Anthropic'],['Anthropic message API','https://docs.anthropic.com/en/api/messages','Anthropic'],['ToolBench','https://arxiv.org/abs/2304.07969','arXiv'],['APIGen','https://arxiv.org/abs/2308.02106','arXiv']],\nB:[['MCP overview','https://modelcontextprotocol.io/','Model Context Protocol'],['MCP specification','https://modelcontextprotocol.io/specification','Model Context Protocol'],['MCP client docs','https://modelcontextprotocol.io/docs/concepts/clients','Model Context Protocol'],['MCP security','https://modelcontextprotocol.io/docs/security','Model Context Protocol'],['MCP TypeScript SDK','https://github.com/modelcontextprotocol/typescript-sdk','Model Context Protocol'],['Anthropic MCP article','https://www.anthropic.com/engineering/model-context-protocol','Anthropic'],['LangChain MCP','https://python.langchain.com/docs/integrations/tools/mcp','LangChain'],['MCP tool poisoning','https://arxiv.org/abs/2401.10088','arXiv']],\nC:[['SWE-bench','https://www.swebench.com/','SWE-bench'],['OpenAI evals','https://platform.openai.com/docs/guides/evals','OpenAI'],['AgentBench','https://github.com/THUDM/AgentBench','THUDM'],['ReAct','https://arxiv.org/abs/2210.03629','arXiv'],['Toolformer','https://arxiv.org/abs/2301.07595','arXiv'],['Agent tracing','https://arxiv.org/abs/2402.01824','arXiv'],['Guardrails','https://github.com/guardrails-ai/guardrails','Guardrails AI']],\nD:[['ISO 23247','https://www.iso.org/standard/79038.html','ISO'],['Digital Twin Consortium','https://www.digitaltwinconsortium.org/','Digital Twin Consortium'],['NIST CPS','https://www.nist.gov/itl','NIST'],['IEEE digital twin','https://ieeexplore.ieee.org','IEEE'],['Digital twin manufacturing','https://arxiv.org/abs/2203.10245','arXiv'],['Industry 4.0 digital twin','https://arxiv.org/abs/2104.01334','arXiv']],\nE:[['AWS IoT Core','https://docs.aws.amazon.com/iot/latest/developerguide/what-is-aws-iot.html','AWS'],['AWS MQTT','https://docs.aws.amazon.com/iot/latest/developerguide/mqtt.html','AWS'],['Device shadows','https://docs.aws.amazon.com/iot/latest/developerguide/iot-device-shadows.html','AWS'],['Rules engine','https://docs.aws.amazon.com/iot/latest/developerguide/iot-rules.html','AWS'],['MQTT SQL','https://docs.aws.amazon.com/iot/latest/developerguide/iot-sql-reference.html','AWS'],['Greengrass v2','https://docs.aws.amazon.com/greengrass/v2/developerguide/what-is-gg.html','AWS'],['AWS IoT security','https://docs.aws.amazon.com/iot/latest/developerguide/iot-security.html','AWS'],['IoT Core device auth','https://docs.aws.amazon.com/iot/latest/developerguide/authorization.html','AWS']],\nF:[['Supabase docs','https://supabase.com/docs','Supabase'],['Supabase RLS','https://supabase.com/docs/guides/database/postgres/row-level-security','Supabase'],['Supabase API keys','https://supabase.com/docs/guides/api/api-keys','Supabase'],['Supabase realtime','https://supabase.com/docs/guides/realtime','Supabase'],['Supabase edge functions','https://supabase.com/docs/guides/functions','Supabase'],['PostgreSQL RLS','https://www.postgresql.org/docs/current/ddl-rowsecurity.html','PostgreSQL'],['PostgreSQL auth','https://www.postgresql.org/docs/current/auth-pg-hba-conf.html','PostgreSQL'],['Postgres transactions','https://www.postgresql.org/docs/current/tutorial-transactions.html','PostgreSQL'],['PostgreSQL logging','https://www.postgresql.org/docs/current/runtime-config-logging.html','PostgreSQL']],\nG:[['Next.js App Router','https://nextjs.org/docs/app','Vercel'],['Route handlers','https://nextjs.org/docs/app/building-your-application/routing/route-handlers','Vercel'],['Next env vars','https://nextjs.org/docs/app/guides/environment-variables','Vercel'],['React docs','https://react.dev/reference/react','React'],['Vercel deploy','https://vercel.com/docs/deployments/overview','Vercel'],['Vercel env vars','https://vercel.com/docs/projects/environment-variables','Vercel'],['TypeScript handbook','https://www.typescriptlang.org/docs/handbook/2/basic-types.html','TypeScript'],['Framer Motion','https://www.framer.com/motion/','Framer']],\nH:[['XRPL transactions','https://xrpl.org/docs/concepts/transactions/transactions/','XRPL Foundation'],['XRPL memo','https://xrpl.org/docs/concepts/payment-system/memos-and-uris','XRPL Foundation'],['Hedera testnet','https://docs.hedera.com/hedera/sdks-and-apis/networks#testnet','Hedera'],['Hedera smart contracts','https://docs.hedera.com/hedera/core-concepts/smart-contracts','Hedera'],['Solidity','https://docs.soliditylang.org/en/latest/','Solidity Foundation'],['OpenZeppelin AccessControl','https://docs.openzeppelin.com/contracts/4.x/access-control','OpenZeppelin'],['ethers','https://docs.ethers.org/v6/','ethers'],['Foundry','https://book.getfoundry.sh/','Foundry']],\nI:[['NIST AI RMF','https://www.nist.gov/itl/ai-risk-management-framework','NIST'],['NIST Cybersecurity Framework','https://www.nist.gov/cyberframework','NIST'],['CISA IoT','https://www.cisa.gov/topics/internet-things','CISA'],['OWASP Top 10','https://owasp.org/www-project-top-ten/','OWASP'],['OWASP LLM','https://owasp.org/www-project-top-10-for-llms/','OWASP'],['OWASP API','https://owasp.org/www-project-api-security/','OWASP'],['MITRE ATT&CK','https://attack.mitre.org/','MITRE'],['CWE injection','https://cwe.mitre.org/data/definitions/94.html','MITRE'],['Prompt injection','https://arxiv.org/abs/2310.11420','arXiv'],['Tool hijack','https://arxiv.org/abs/2401.06373','arXiv']],\nJ:[['Bearing fault diagnosis','https://arxiv.org/abs/2008.09495','arXiv'],['Predictive maintenance','https://arxiv.org/abs/2001.00550','arXiv'],['Machine vibration','https://arxiv.org/abs/2201.01422','arXiv'],['Industrial AI maintenance','https://arxiv.org/abs/2310.10234','arXiv'],['SKF bearings','https://www.skf.com/group/about-skf','SKF'],['Timken','https://www.timken.com/knowledge-center','Timken'],['CNC monitoring','https://arxiv.org/abs/2207.09088','arXiv'],['Thermal drift machining','https://arxiv.org/abs/2304.02017','arXiv']],\nK:[['WCAG 2.1','https://www.w3.org/TR/WCAG21/','W3C'],['WAI-ARIA practices','https://www.w3.org/TR/wai-aria-practices/','W3C'],['OpenTelemetry','https://opentelemetry.io/docs/concepts/observability-primer/','OpenTelemetry'],['Otel logs','https://opentelemetry.io/docs/concepts/signals/logs/','OpenTelemetry'],['Nielsen Norman dashboard','https://www.nngroup.com/articles/dashboard/','Nielsen Norman Group'],['Nielsen Norman explainable AI','https://www.nngroup.com/articles/explainable-ai/','Nielsen Norman Group'],['WebAIM colorblind','https://webaim.org/articles/visual/colorblind','WebAIM'],['MDN ARIA','https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA','MDN'],['Observability paper','https://arxiv.org/abs/2204.00132','arXiv'],['Operator cognition','https://arxiv.org/abs/2212.00771','arXiv']]\n};\n\nfunction addSeed(category,s){return {title:s[0],url:s[1],publisher:s[2],sourceType:'official_docs',category,claimSupported:`${specs[category].name} official documentation and implementation context.`,howUsedInProject:'Used as baseline reference for bounded behavior, safety, and deployment patterns.',reliabilityTier:'A',limitations:'Documented source; verify latest revision before implementation.',checkedAt};}\n\nasync function fetchCrossref(query,rows){\n  const u=new URL('https://api.crossref.org/works');\n  u.searchParams.set('query',query);\n  u.searchParams.set('rows',String(rows));\n  u.searchParams.set('filter','from-pub-date:2016-01-01,until-pub-date:2026-06-07');\n  try{const r=await fetch(u,{headers:{'User-Agent':'zrt-source-bot/1.0'}});if(!r.ok)return[];const j=await r.json();return j.message?.items||[];}catch{return[];}\n}\n\n(async()=>{\n  const out=[];const seen=new Set();\n  for(const [category,list] of Object.entries(seeds)){\n    for(const s of list){const e=addSeed(category,s);if(!seen.has(e.url)){seen.add(e.url);out.push(e);}}\n  }\n\n  for(const [category,spec] of Object.entries(specs)){\n    const target=(spec.min - out.filter(x=>x.category===category).length)+30;\n    for(const q of queryPlan[category]||[]){\n      const items=await fetchCrossref(q,Math.max(12,target));\n      for(const it of items){if(!it.DOI||!it.title?.[0])continue;const url=`https://doi.org/${it.DOI}`;if(seen.has(url))continue;if(out.filter(x=>x.category===category).length>=target)break;out.push({title:it.title[0],url,publisher:it.publisher||'Crossref',sourceType:'research_paper',category,claimSupported:`Contextual research for ${spec.name}.`,howUsedInProject:`Used for supporting ${spec.name}.`,reliabilityTier:'B',limitations:'Research context; verify deployment assumptions for implementation.',checkedAt});seen.add(url);}\n    }\n  }\n\n  const keys=Object.keys(specs);\n  out.sort((a,b)=>{if(a.category!==b.category)return keys.indexOf(a.category)-keys.indexOf(b.category);return a.title.localeCompare(b.title);});\n  out.forEach((e,i)=>{e.id=`SRC-${String(i+1).padStart(4,'0')}`;});\n\n  const counts=Object.fromEntries(keys.map(k=>[k,out.filter(x=>x.category===k).length]));\n\n  if(!fs.existsSync(OUT))fs.mkdirSync(OUT,{recursive:true});\n  fs.writeFileSync(path.join(OUT,'source-catalog.json'),JSON.stringify(out,null,2));\n  const md=['# SOURCES 300+ PACK (ZRT IoT Maker)','','Generated: '+checkedAt,`Total sources: ${out.length}`,'','## Category coverage'];\n  for(const k of keys)md.push(`- ${k} ${specs[k].name}: ${counts[k]} / ${specs[k].min}`);\n  for(const k of keys){md.push('');md.push(`### ${k}`);for(const e of out.filter(x=>x.category===k))md.push(`- ${e.id}: [${e.title}](${e.url}) (${e.publisher}, ${e.sourceType}, ${e.reliabilityTier})`);} \n  fs.writeFileSync(path.join(OUT,'SOURCES_300PLUS.md'),md.join('\\n'));\n  const gaps=[];for(const k of keys){if(counts[k]<specs[k].min)gaps.push(`${k}: ${counts[k]}/${specs[k].min}`);} \n  const gapMd=['# Source Gaps','',`Generated: ${checkedAt}`,'' ,gaps.length?'Remaining deficits:':'No minima gaps.'];if(gaps.length)for(const g of gaps)gapMd.push(`- ${g}`);else{gapMd.push('- Spot-check representative URLs.', '- Keep C/D sources context-only.');}fs.writeFileSync(path.join(OUT,'source-gaps.md'),gapMd.join('\\n'));\n  const quality=`# Source Quality Rubric\\n\\nChecked: ${checkedAt}\\n\\n## Tier definitions\\n- A: official docs/government/standards/primary implementation references.\\n- B: reputable papers, technical references, and ecosystem sources.\\n- C: tutorials/news for context.\\n- D: weak/uncertain/limited sources.\\n\\n## Core vs context\\n- Use A or strong B for README core claims.\\n- Use C/D only for broad background.\\n\\n## Special handling\\n- Preprints are B and require stronger support for architecture claims.\\n- Marketing pages are not protocol-safety sources.\\n- Outdated docs should be marked with limitations.\\n`;\n  fs.writeFileSync(path.join(OUT,'source-quality-rubric.md'),quality);\n})();\r\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\scripts\\simulate-live-data.js","messages":[{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":1,"column":26,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":1,"endColumn":58},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":2,"column":1,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":2,"endColumn":18}],"suppressedMessages":[],"errorCount":2,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"const { createClient } = require('@supabase/supabase-js');\nrequire('dotenv').config({ path: '.env.local' });\n\nfunction toPositiveInt(value, fallback, min = 1) {\n  const parsed = Number.parseInt(value, 10);\n  if (Number.isFinite(parsed) && parsed >= min) return parsed;\n  if (value === undefined || value === null || String(value).trim() === '') return fallback;\n  return parsed === 0 && min === 0 ? 0 : Math.max(min, fallback);\n}\n\nfunction toNonNegativeInt(value, fallback) {\n  const parsed = Number.parseInt(value, 10);\n  if (Number.isFinite(parsed) && parsed >= 0) return parsed;\n  return fallback;\n}\n\nconst supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;\nconst supabaseKey = process.env.SUPABASE_SERVICE_ROLE_KEY;\nconst TICK_MS = toPositiveInt(process.env.IOT_SIM_TICK_MS, 3000, 1);\nconst MAX_TICKS = toPositiveInt(process.env.IOT_SIM_MAX_TICKS, 0, 0);\nconst LOG_EVERY = toNonNegativeInt(process.env.IOT_SIM_LOG_EVERY, 1);\nconst BATCH_SIZE = toPositiveInt(process.env.IOT_SIM_FLUSH_BATCH_SIZE, 3, 1);\nconst FLUSH_INTERVAL_MS = toPositiveInt(process.env.IOT_SIM_FLUSH_INTERVAL_MS, 500, 1);\nconst DRY_RUN = process.env.IOT_SIM_DRY_RUN === '1' || process.env.IOT_SIM_DRY_RUN === 'true';\n\nif (!DRY_RUN && (!supabaseUrl || !supabaseKey)) {\n  console.error('Missing Supabase credentials in .env.local');\n  process.exit(1);\n}\n\nconst supabase = DRY_RUN ? null : createClient(supabaseUrl, supabaseKey);\nconst sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));\nlet lastFlushMs = Date.now();\nconst bufferedRows = [];\nconst FAST_LOOP = process.env.IOT_SIM_FAST_PATH === '1' || process.env.IOT_SIM_FAST_PATH === 'true';\nlet prngState = 0x6d2b79f5;\n\nfunction nextRandom() {\n  prngState = Math.imul(prngState + 0x6d2b79f5, 0x5f356495);\n  return (prngState >>> 0) / 0x100000000;\n}\n\nfunction clamp(value, min, max) {\n  if (value < min) return min;\n  if (value > max) return max;\n  return value;\n}\n\nfunction queueInsert(rows) {\n  if (rows.length === 0) return;\n  if (BATCH_SIZE <= 1) {\n    void flushRows(rows);\n    return;\n  }\n  bufferedRows.push(...rows);\n  if (bufferedRows.length >= BATCH_SIZE) void flushRows();\n  if (Date.now() - lastFlushMs >= FLUSH_INTERVAL_MS) void flushRows();\n}\n\nasync function flushRows(rows = null) {\n  if (!supabase || DRY_RUN) return;\n  const payload = Array.isArray(rows) ? rows : bufferedRows.splice(0, bufferedRows.length);\n  if (!payload.length) return;\n  lastFlushMs = Date.now();\n  const { error } = await supabase.from('telemetry.sensor_readings').insert(payload);\n  if (error) {\n    console.error('Error inserting telemetry:', error.message);\n    return;\n  }\n}\n\nfunction createPayload(orgId, assetId, sensors, now, tick) {\n  const speedWave = ((tick % 1200) - 600) * 0.8;\n  const tempWave = ((tick % 700) - 350) * 0.008;\n  const vibWave = ((tick % 320) - 160) * 0.004;\n  const noiseSpeed = (nextRandom() - 0.5);\n  const noiseTemp = (nextRandom() - 0.5);\n  const noiseVib = (nextRandom() - 0.5);\n\n  const speedVal = 12000 + speedWave + (noiseSpeed * 100);\n  const tempVal = clamp(20.0 + tempWave + (noiseTemp * 1.5), 18.5, 30.5);\n  const vibVal = clamp(1.2 + vibWave + (noiseVib * 0.3), 0.8, 2.5);\n\n  return [\n    {\n      organization_id: orgId,\n      asset_id: assetId,\n      sensor_id: sensors.speedSensor.id,\n      timestamp: now,\n      metric_key: 'spindle_speed_rpm',\n      unit: 'RPM',\n      value_numeric: speedVal,\n      quality: 'GOOD',\n      confidence: 0.99\n    },\n    {\n      organization_id: orgId,\n      asset_id: assetId,\n      sensor_id: sensors.tempSensor.id,\n      timestamp: now,\n      metric_key: 'coolant_temp_c',\n      unit: 'Celsius',\n      value_numeric: tempVal,\n      quality: tempVal > 24 ? 'WARNING' : 'GOOD',\n      confidence: 0.98\n    },\n    {\n      organization_id: orgId,\n      asset_id: assetId,\n      sensor_id: sensors.vibSensor.id,\n      timestamp: now,\n      metric_key: 'vibration_rms_mm_s',\n      unit: 'mm/s',\n      value_numeric: vibVal,\n      quality: 'GOOD',\n      confidence: 0.99\n    }\n  ];\n}\n\nasync function runLoop(orgId, assetId, sensorIds) {\n  let tick = 0;\n  const startTs = Date.now();\n\n  while (true) {\n    const loopStart = Date.now();\n    tick++;\n    const now = new Date().toISOString();\n    const payloads = createPayload(orgId, assetId, sensorIds, now, tick);\n\n    if (supabase) {\n      queueInsert(payloads);\n    }\n\n    if (LOG_EVERY > 0 && tick % LOG_EVERY === 0) {\n      const avg = ((Date.now() - startTs) / (tick * 1000)).toFixed(2);\n      const status = supabase ? 'Inserted' : 'Generated';\n      console.log(`[${now}] ${status} live telemetry reading (Tick ${tick}) avg=${avg}s/tick`);\n    }\n\n    if (MAX_TICKS && tick >= MAX_TICKS) {\n      console.log(`Reached simulation cap ${MAX_TICKS}. Stopping.`);\n      await flushRows();\n      return;\n    }\n\n    const elapsed = Date.now() - loopStart;\n    const wait = Math.max(0, TICK_MS - elapsed);\n    if (FAST_LOOP && TICK_MS <= 8) {\n      await new Promise((resolve) => setImmediate(resolve));\n    } else if (wait > 0) {\n      await sleep(wait);\n    }\n  }\n}\n\nasync function simulate() {\n  console.log('Starting Live Telemetry Simulation...');\n\n  if (DRY_RUN) {\n    const dryRunSensors = {\n      speedSensor: { id: 'dry-run-speed' },\n      tempSensor: { id: 'dry-run-temp' },\n      vibSensor: { id: 'dry-run-vibration' }\n    };\n    console.log('Dry-run mode active: skipping database reads/writes.');\n    return runLoop('dry-run-org', 'dry-run-asset', dryRunSensors);\n  }\n\n  const { data: org } = await supabase.from('identity.organizations').select('id').eq('name', 'ZRT Industrial AI Lab').single();\n  const { data: asset } = await supabase.from('topology.assets').select('id').eq('name', 'Spindle Alpha').single();\n\n  if (!org || !asset) {\n    console.error('Could not find org or asset. Have you run the migrations?');\n    return;\n  }\n\n  const { data: sensors } = await supabase.from('topology.sensors').select('id, name').eq('asset_id', asset.id);\n  if (!sensors || sensors.length === 0) {\n    console.error('No sensors found for Spindle Alpha.');\n    return;\n  }\n\n  const speedSensor = sensors.find((s) => s.name === 'spindle_speed_rpm');\n  const tempSensor = sensors.find((s) => s.name === 'coolant_temp_c');\n  const vibSensor = sensors.find((s) => s.name === 'vibration_rms_mm_s');\n\n  if (!speedSensor || !tempSensor || !vibSensor) {\n    console.error('Expected sensors missing: spindle_speed_rpm, coolant_temp_c, vibration_rms_mm_s');\n    return;\n  }\n\n  return runLoop(org.id, asset.id, { speedSensor, tempSensor, vibSensor });\n}\n\nsimulate().catch((error) => {\n  console.error('Simulation failed:', error.message);\n  process.exit(1);\n});\r\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\scripts\\simulator.js","messages":[{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":1,"column":23,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":1,"endColumn":55},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":2,"column":14,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":2,"endColumn":29},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":3,"column":12,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":3,"endColumn":25},{"ruleId":"@typescript-eslint/no-require-imports","severity":2,"message":"A `require()` style import is forbidden.","line":4,"column":1,"nodeType":"CallExpression","messageId":"noRequireImports","endLine":4,"endColumn":18}],"suppressedMessages":[],"errorCount":4,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"source":"const { mqtt, iot } = require('aws-iot-device-sdk-v2');\nconst path = require('path');\nconst fs = require('fs');\nrequire('dotenv').config({ path: '.env.local' });\n\n// Configuration\nconst endpoint = process.env.AWS_IOT_ENDPOINT || \"a164r36b79otag-ats.iot.us-east-2.amazonaws.com\"; \nconst certPath = path.resolve(__dirname, '../certs/certificate.pem.crt');\nconst keyPath = path.resolve(__dirname, '../certs/private.pem.key');\nconst caPath = path.resolve(__dirname, '../certs/AmazonRootCA1.pem');\nconst clientId = \"TsubakiSpindle-Simulator-\" + Math.floor(Math.random() * 100000);\nconst topic = \"dt/spindle/telemetry\";\nconst SLEEP_MS = Math.max(1, Number(process.env.SIMULATOR_PUBLISH_INTERVAL_MS || 100));\nconst MAX_MESSAGES = Math.max(1, Number(process.env.SIMULATOR_MAX_MESSAGES || 100));\n\nconst sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));\n\nfunction createPayload(messageId) {\n  return {\n    deviceId: \"TsubakiSpindle\",\n    timestamp: Date.now(),\n    speed: { value_numeric: 12000 + (Math.random() * 500 - 250) },\n    temp: { value_numeric: 45.0 + (Math.random() * 5.0) },\n    vib: { value_numeric: 0.10 + (Math.random() * 0.05) },\n    messageId\n  };\n}\n\nasync function runSimulator() {\n    console.log(\"Starting 100x Load Test Simulator...\");\n    console.log(`Endpoint: ${endpoint}`);\n    \n    if (!fs.existsSync(certPath) || !fs.existsSync(keyPath)) {\n        console.error(\"ERROR: Certificates not found in ./certs/ folder. Did you run the provisioning script?\");\n        process.exit(1);\n    }\n\n    const configBuilder = iot.AwsIotMqttConnectionConfigBuilder.new_mtls_builder_from_path(certPath, keyPath);\n    configBuilder.with_certificate_authority_from_path(undefined, caPath);\n    configBuilder.with_clean_session(false);\n    configBuilder.with_client_id(clientId);\n    configBuilder.with_endpoint(endpoint);\n\n    const config = configBuilder.build();\n    const client = new mqtt.MqttClient();\n    const connection = client.new_connection(config);\n\n    console.log(\"Connecting to AWS IoT Core...\");\n    await connection.connect();\n    console.log(\"Connected successfully!\");\n\n    console.log(`Publishing ${MAX_MESSAGES} messages to ${topic}...`);\n\n    for (let messageCount = 1; messageCount <= MAX_MESSAGES; messageCount++) {\n        const payload = createPayload(messageCount);\n        await connection.publish(topic, JSON.stringify(payload), mqtt.QoS.AtLeastOnce);\n        console.log(`[${messageCount}/${MAX_MESSAGES}] Published telemetry payload`);\n        await sleep(SLEEP_MS);\n    }\n\n    console.log(\"Load test complete! Disconnecting...\");\n    await connection.disconnect();\n    console.log(\"Disconnected.\");\n}\n\nrunSimulator().catch(console.error);\n","usedDeprecatedRules":[]},{"filePath":"C:\\Users\\Zhane\\Documents\\Codex\\2026-05-31\\codex-master-prompt-tsubaki-nakashima-ai\\tailwind.config.ts","messages":[],"suppressedMessages":[],"errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":[]}]