Experience AI-native interactions where every button becomes an intelligent workflow. Click any button below to see how agents analyze context, present options, and execute with your approval.
0
Workflows Executed
0
Options Presented
0m 0s
Time Saved
Choose your interaction style: Direct action for power users, or AI assistance when you need help
User feedback: Some users want direct access to actions without AI overhead, while others benefit from AI guidance. Dual Action Buttons provide both options side-by-side.
Direct Action (Left)
Opens file picker, calendar, or performs action immediately
AI Assistance (Right)
Analyzes context, suggests options, validates before executing
Direct: Opens file picker → AI: Searches vault for 95% matches, suggests reuse
Direct: Marks done immediately → AI: Validates dependencies, checks Ringi approvals
Direct: Opens calendar picker → AI: Finds optimal times, sends invites automatically
Agent searches vault, checks templates, suggests reuse or generation
Traditional flow: User searches for document, creates from scratch, takes 5-10 minutes
Agentic flow: Agent finds similar document (95% match), suggests reuse → 10 seconds ⚡
Board Resolution (Climate Governance)
Scenario Analysis Report (1.5°C, 2°C, 4°C)
Agent checks compliance, detects issues, suggests improvements
Traditional flow: User opens document, manually checks compliance → errors found later
Agentic flow: Agent analyzes format, dates, compliance → proactive issue detection ⚡
Board_Resolution_2024Q3.pdf
2.3 MB • Uploaded Oct 15, 2024
Agent validates evidence, checks compliance, triggers Ringi approval
Traditional flow: User submits, discovers missing items → rejection → resubmission
Agentic flow: Agent pre-validates, shows blockers or initiates Ringi → 80% fewer errors ⚡
Task Status
✅ Evidence: 0/6 uploaded
✅ Format: Compliant with SSBJ standards
⏳ Approval: Ringi workflow required
Agent analyzes dependencies, calculates risk, drafts justification
Traditional flow: User manually writes justification, checks dependencies → 15-20 minutes
Agentic flow: Agent drafts justification with risk analysis → pre-filled request in 10 seconds ⚡
Current deadline: November 20, 2025 (7 days remaining)
Blocking tasks: 3 downstream tasks
Critical path slack: 8 days
Agent coordinates calendars, finds availability, prepares agenda
Traditional flow: User emails 5 people, checks calendars, books room → 30-45 minutes
Agentic flow: Agent finds mutual availability, prepares agenda → meeting scheduled in 30 seconds ⚡
Required attendees: 5 (Department Head, Finance, Executive, Legal, You)
Purpose: Approve SSBJ S1 Climate Disclosure completion
Recommended time: Nov 18, 2025 at 14:00 JST
Agent analyzes gaps → Shows remediation plan in side drawer (continuation pattern)
After selecting "Generate Remediation Plan", the panel stays open and shows a side drawer with actionable next steps. This creates a seamless multi-step workflow.
✓ keepPanelOpen: true → Side drawer slides in
✓ content.type: 'action-list' → Shows 5-step remediation plan
✓ Actions: Export Plan, Create Tasks buttons
Traditional flow: User manually identifies gaps, creates action plan → 45-60 minutes
Agentic flow: Agent analyzes controls, generates prioritized remediation plan → 15 seconds ⚡
Category: Mudarabah Profit Distribution (AAOIFI SS-13)
Status: 7 of 8 controls passing
Failing: CTRL-MUD-PROFIT-002 (Capital Maintenance Gate)
👆 Click to see continuation pattern in action!
50x
Faster document upload (5 min → 10 sec)
60%
Fewer clicks per task (8-10 → 3-4)
40%
Increase in document reuse
80%
Reduction in incomplete submissions
Use these agentic button components in your own prototypes to create intelligent, context-aware user experiences that reduce cognitive burden and improve task completion rates.