Tanoshii Computing — Enterprise AI Agentic Solutions

// Track initialization state let initialized = false; let workflowInitialized = false; function initScrollReveal() { const sections = document.querySelectorAll('.bp-section:not([data-revealed])'); sections.forEach(s => { s.setAttribute('data-revealed', 'true'); s.style.opacity = '0'; s.style.transform = 'translateY(40px) scale(0.98)'; s.style.transition = 'opacity 1s cubic-bezier(0.22, 1, 0.36, 1), transform 1s cubic-bezier(0.22, 1, 0.36, 1)'; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0) scale(1)'; } }); }, { threshold: 0.15 }); observer.observe(s); }); } function initWorkflow() { const aiItems = document.querySelectorAll('.bp-ai-item'); const useCaseTitle = document.getElementById('use-case-title'); const useCaseFlow = document.getElementById('use-case-workflow'); if (aiItems.length > 0 && useCaseTitle && useCaseFlow && !workflowInitialized) { workflowInitialized = true; const domainLabels = { agriculture: 'Agriculture', healthcare: 'Healthcare', finance: 'Finance', ecommerce: 'E-commerce', manufacturing: 'Manufacturing', education: 'Education', transportation: 'Transportation' }; const workflows = { agriculture: `

AG.01

🐄

Goal

Collects herd size, milking routine, tank capacity, target yield, and compliance constraints.

RequirementsConstraints

AG.02

📈

Inputs

Ingests milk yield, SCC, temperature, activity, feed intake, and milking machine telemetry.

IoTQualityTelemetry

AG.03

🧠

Decision

Flags mastitis risk, heat stress, and milk quality anomalies with explainable contributing factors.

DetectionExplainability

AG.04

🥛

Output

Recommends feeding adjustments, milking schedule tuning, and routing to maximize yield and quality.

OptimizationProduction

AG.05

🧾

Loop

Creates audit-ready logs, triggers tasks, and notifies staff for interventions and quality holds.

AutomationAuditingCompliance

`, healthcare: `

📋

Responsibilities

Captures patient demographics, symptoms, and insurance information.

RegistrationInsurance Check

🔍

Responsibilities

Analyzes symptoms and determines urgency level.

Symptom AnalysisUrgency Level

⚡

Responsibilities

Evaluates severity and routes to care pathway.

Severity ScoringRouting

🚨

Responsibilities

Alerts ER staff for critical cases.

Critical AlertReal-time Notify

👨‍⚕️

Responsibilities

AI-assisted diagnosis recommendations.

Diagnosis AssistTreatment Plan

✓

Responsibilities

Generates treatment plan with prescriptions.

PrescriptionsFollow-up

`, finance: `

💳

Responsibilities

Captures and validates transaction data.

Transaction CaptureValidation

🔍

Responsibilities

Analyzes patterns for fraudulent activity.

Pattern AnalysisAnomaly Detection

⚡

Responsibilities

Calculates risk score and determines approval.

Risk ScoringDecision Routing

🚨

Responsibilities

Blocks high-risk transactions.

Transaction BlockSecurity Alert

📊

Responsibilities

Performs detailed financial analysis.

Financial AnalysisReporting

💰

Responsibilities

Validates compliance with regulations.

Regulatory CheckFinal Approval

`, ecommerce: `

🛒

Responsibilities

Tracks browsing behavior and preferences.

User TrackingPreference Capture

🧠

Responsibilities

Analyzes user intent and behavior.

Intent DetectionBehavior Analysis

📦

Responsibilities

Checks product availability.

Stock CheckAvailability

🎁

Responsibilities

Generates personalized recommendations.

RecommendationsPersonalization

💬

Responsibilities

Manages cart operations and promos.

Cart ManagementPromo Codes

✓

Responsibilities

Processes checkout and payment.

Payment ProcessOrder Confirm

`, manufacturing: `

📊

Responsibilities

Collects real-time sensor data.

Data CollectionIoT Integration

📈

Responsibilities

Monitors equipment health.

Health MonitoringPerformance

⚡

Responsibilities

Detects anomalies in processes.

Anomaly DetectionAlert Generation

🔧

Responsibilities

Predicts failures and schedules maintenance.

Failure PredictionMaintenance Sched

🏭

Responsibilities

Optimizes production schedules.

Production SchedResource Alloc

✓

Responsibilities

Performs quality inspection.

Quality InspectValidation

`, education: `

📝

Responsibilities

Authenticates and loads profile.

AuthenticationProfile Load

📋

Responsibilities

Evaluates student knowledge.

AssessmentKnowledge Check

🧠

Responsibilities

Builds personalized profile.

Profile BuildingPersonalization

🎯

Responsibilities

Adapts content to proficiency level.

Content AdaptDifficulty Adjust

📚

Responsibilities

Provides personalized tutoring.

TutoringConcept Explain

✓

Responsibilities

Tracks learning progress.

Progress TrackSkill Mastery

`, transportation: `

🗺️

Responsibilities

Processes route requests.

Route CaptureDestination

🚦

Responsibilities

Analyzes traffic conditions.

Traffic DataCongestion Analysis

🚗

Responsibilities

Manages fleet assignments.

Fleet MgmtVehicle Assign

⚡

Responsibilities

Optimizes routes for efficiency.

Route OptimEfficiency

⛽

Responsibilities

Plans fuel stops and refueling.

Fuel PlanningRefuel Sched

📍

Responsibilities

Manages final delivery execution.

Delivery ExecPOD Collection

` }; const selected = document.querySelector('.bp-ai-item--selected') || aiItems[0]; const initialDomain = selected && selected.dataset && selected.dataset.domain ? selected.dataset.domain : 'healthcare'; useCaseTitle.textContent = domainLabels[initialDomain] || initialDomain; useCaseFlow.innerHTML = workflows[initialDomain] || workflows['healthcare'] || ''; aiItems.forEach(item => { item.addEventListener('click', () => { aiItems.forEach(i => i.classList.remove('bp-ai-item--selected')); item.classList.add('bp-ai-item--selected'); const domain = item.dataset.domain; useCaseTitle.textContent = domainLabels[domain] || domain; useCaseFlow.innerHTML = workflows[domain] || workflows['healthcare'] || ''; // Re-init drag scroll after workflow change setTimeout(initWorkflowDragScroll, 0); }); }); // Initialize drag scroll for workflow initWorkflowDragScroll(); } } // Drag-to-scroll for workflow container function initWorkflowDragScroll() { const workflow = document.querySelector('.bp-use-case__workflow'); if (!workflow || workflow.dataset.dragInit) return; workflow.dataset.dragInit = 'true'; let isDown = false; let startX; let scrollLeft; workflow.addEventListener('mousedown', (e) => { isDown = true; workflow.classList.add('bp-dragging'); startX = e.pageX - workflow.offsetLeft; scrollLeft = workflow.scrollLeft; }, { passive: true }); workflow.addEventListener('mouseleave', () => { isDown = false; workflow.classList.remove('bp-dragging'); }, { passive: true }); workflow.addEventListener('mouseup', () => { isDown = false; workflow.classList.remove('bp-dragging'); }, { passive: true }); workflow.addEventListener('mousemove', (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - workflow.offsetLeft; const walk = (x - startX) * 1.5; // Scroll speed multiplier workflow.scrollLeft = scrollLeft - walk; }); // Touch support let touchStartX; let touchScrollLeft; workflow.addEventListener('touchstart', (e) => { touchStartX = e.touches[0].pageX - workflow.offsetLeft; touchScrollLeft = workflow.scrollLeft; }, { passive: true }); workflow.addEventListener('touchmove', (e) => { const x = e.touches[0].pageX - workflow.offsetLeft; const walk = (x - touchStartX) * 1.5; workflow.scrollLeft = touchScrollLeft - walk; }, { passive: true }); } function initToTop() { const toTop = document.getElementById('toTop'); if (toTop && !toTop.hasAttribute('data-listener')) { toTop.setAttribute('data-listener', 'true'); window.addEventListener('scroll', () => { if (window.scrollY > 300) { toTop.classList.add('bp-totop--visible'); } else { toTop.classList.remove('bp-totop--visible'); } }, { passive: true }); toTop.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); } } function initHeroShuffle() { const title = document.getElementById('hero-title'); if (!title || title.dataset.shuffled) return; title.dataset.shuffled = 'true'; title.style.opacity = '1'; const kanaChars = 'あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやりるれろわをん'; const kanjiChars = '楽したいいろはなまらせぬちと、きくけこさしす'; const alphaChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%&*'; const finalKanji = ['楽', 'し', 'い']; const finalText = 'Computing'; function runShuffle() { const kanaPart = title.querySelector('.bp-kanji'); const textPart = title.querySelector('.bp-title-text'); if (kanaPart) { const rb = kanaPart.querySelector('rb'); rb.innerHTML = ''; const spans = finalKanji.map(char => { const span = document.createElement('span'); span.className = 'shuffling'; span.dataset.final = char; span.textContent = kanaChars[Math.floor(Math.random() * kanaChars.length)]; rb.appendChild(span); return span; }); spans.forEach((span, i) => { setTimeout(() => { let shuffled = 0; const interval = setInterval(() => { span.textContent = kanaChars[Math.floor(Math.random() * kanaChars.length)]; shuffled++; if (shuffled >= 4) { clearInterval(interval); span.textContent = span.dataset.final; span.classList.remove('shuffling'); span.style.transition = 'transform 0.2s ease, opacity 0.2s ease'; span.style.transform = 'scale(1.1)'; span.style.opacity = '0.7'; setTimeout(() => { span.style.transform = 'scale(1)'; span.style.opacity = '1'; }, 150); } }, 60); }, i * 120); }); } if (textPart) { textPart.innerHTML = ''; const chars = finalText.split(''); const spans = chars.map(char => { const span = document.createElement('span'); span.className = 'shuffling'; span.dataset.final = char; span.textContent = char === ' ' ? ' ' : alphaChars[Math.floor(Math.random() * alphaChars.length)]; textPart.appendChild(span); return span; }); spans.forEach((span, i) => { setTimeout(() => { let shuffled = 0; const isSpace = span.dataset.final === ' '; const interval = setInterval(() => { span.textContent = isSpace ? ' ' : alphaChars[Math.floor(Math.random() * alphaChars.length)]; shuffled++; if (shuffled >= 4) { clearInterval(interval); span.textContent = span.dataset.final; span.classList.remove('shuffling'); span.style.transition = 'transform 0.2s ease, opacity 0.2s ease'; span.style.transform = 'scale(1.1)'; span.style.opacity = '0.7'; setTimeout(() => { span.style.transform = 'scale(1)'; span.style.opacity = '1'; }, 150); } }, 50); }, i * 100); }); } setTimeout(runShuffle, 25000); } runShuffle(); } function initAll() { initScrollReveal(); initWorkflow(); initToTop(); initHeroShuffle(); initHeroSlider(); } // Handle reduced motion preference function initReducedMotion() { const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; if (prefersReducedMotion) { document.documentElement.classList.add('reduced-motion'); } } // Hero Slider let heroSliderInterval; function initHeroSlider() { const dots = document.querySelectorAll('.bp-hero__dot'); const slides = document.querySelectorAll('.bp-hero__slide'); if (dots.length === 0 || slides.length === 0) return; let currentSlide = 0; function showSlide(index) { slides.forEach((slide, i) => { slide.classList.toggle('bp-hero__slide--active', i === index); }); dots.forEach((dot, i) => { dot.classList.toggle('bp-hero__dot--active', i === index); }); currentSlide = index; } dots.forEach((dot, index) => { dot.addEventListener('click', () => { showSlide(index); resetAutoPlay(); }); }); function nextSlide() { const next = (currentSlide + 1) % slides.length; showSlide(next); } function resetAutoPlay() { clearInterval(heroSliderInterval); heroSliderInterval = setInterval(nextSlide, 5000); } // Auto-play every 5 seconds resetAutoPlay(); } // Handle htmx loaded content - use event delegation document.body.addEventListener('htmx:afterSwap', (evt) => { // Only run if the swapped element is a section if (evt.target.tagName === 'SECTION') { initScrollReveal(); initWorkflow(); initHeroShuffle(); initHeroSlider(); } }); // Expose functions to window so app.js can access them window.initAll = initAll; window.initReducedMotion = initReducedMotion; window.initScrollReveal = initScrollReveal; window.initWorkflow = initWorkflow; window.initToTop = initToTop; window.initHeroShuffle = initHeroShuffle; window.initHeroSlider = initHeroSlider; window.initWorkflowDragScroll = initWorkflowDragScroll; console.log('[PAGE] Page initialization functions exposed to window')

Dairy Ops Intake Agent

Herd & Milk Data Agent

Health & Quality Risk Agent

Production Planner Agent

Compliance & Ops Agent

Patient Intake

Triage Agent

Severity Checker

ER Alert Agent

Doctor Agent

Treatment Plan

Transaction Agent

Fraud Detection

Risk Scorer

Block Transaction

Analysis Agent

Compliance Agent

User Browse Agent

Intent Analysis

Inventory Agent

Recommendation Agent

Cart Agent

Checkout Agent

Sensor Data Agent

Condition Monitor

Anomaly Detection

Predictive Maintenance

Schedule Agent

Quality Check Agent

Student Login

Assessment Agent

Learning Profile

Content Adapter

Tutor Agent

Progress Tracker

Route Request Agent

Traffic Analysis

Fleet Agent

Optimization Agent

Fuel Planner

Delivery Agent