{% extends "base.html" %} {% import 'components/ui_library.html' as ui %} {% block title %}Global Settings - Cuti{% endblock %} {% block head %} {% endblock %} {% block content %}

Global Settings

Configure your Cuti experience with advanced settings and preferences

{% call ui.card('Storage Usage', 'Monitor your storage consumption', '๐Ÿ’พ', 'card-elevated mb-3') %}
Total Storage
0 MB
Database Size
0 MB
File Count
0
{{ ui.progress_bar(0, 100, 'Storage Usage', 'primary', 'storage-progress') }} {% endcall %}
{% call ui.card('Privacy Settings', 'Control your privacy preferences', '๐Ÿ”’') %} {{ ui.toggle_switch('usage-tracking', 'Usage Tracking', 'Track and analyze your Claude usage patterns', false, 'usage-tracking') }} {{ ui.toggle_switch('privacy-mode', 'Privacy Mode', 'Enhanced privacy with local-only data storage', false) }} {{ ui.toggle_switch('favorite-prompts', 'Favorite Prompts', 'Save and reuse your favorite prompts', true) }} {{ ui.form_input('cleanup-days', 'Auto Cleanup (days)', 'number', '90', '', 'Automatically delete old data after specified days') }} {% endcall %} {% call ui.card('Subscription Settings', 'Manage your subscription', '๐Ÿ’ณ') %} {{ ui.form_select('claude-plan', 'Claude Plan', [ {'value': 'pro', 'label': 'Pro'}, {'value': 'max5', 'label': 'Max 5'}, {'value': 'max20', 'label': 'Max 20'} ], 'pro', 'Select your Claude subscription tier') }} {{ ui.form_input('max-storage', 'Max Storage (MB)', 'number', '500', '', 'Maximum storage limit for your data') }} {{ ui.toggle_switch('notifications', 'Notifications', 'Receive alerts for important updates', true) }} {{ ui.form_select('theme', 'Theme', [ {'value': 'auto', 'label': 'Auto'}, {'value': 'light', 'label': 'Light'}, {'value': 'dark', 'label': 'Dark'} ], 'auto', 'Choose your preferred interface theme') }} {% endcall %} {% call ui.card('Advanced Configuration', 'Fine-tune your setup', 'โš™๏ธ') %} {{ ui.form_textarea('custom-instructions', 'Custom Instructions', '', 'Enter any special instructions or context for Claude...', 'Add custom instructions for Claude to follow in all conversations', 4) }} {{ ui.form_input('api-endpoint', 'API Endpoint', 'text', '', 'https://api.anthropic.com', 'Custom API endpoint for Claude (leave blank for default)') }} {% endcall %} {% call ui.card('Integration Settings', 'Connect external services', '๐Ÿ”—') %} {{ ui.form_input('github-token', 'GitHub Token', 'password', '', 'ghp_xxxxxxxxxxxx', 'Personal access token for GitHub integration') }} {{ ui.form_input('webhook-url', 'Webhook URL', 'url', '', 'https://hooks.example.com/webhook', 'Webhook for external service notifications') }} {{ ui.form_select('export-format', 'Export Format', [ {'value': 'json', 'label': 'JSON'}, {'value': 'csv', 'label': 'CSV'}, {'value': 'markdown', 'label': 'Markdown'} ], 'json', 'Default format for data exports') }} {% endcall %}
{{ ui.stats_card('๐Ÿ“Š Usage Statistics', [ {'label': 'Today', 'value': '0', 'unit': 'tokens', 'id': 'today-tokens'}, {'label': 'This Month', 'value': '0', 'unit': 'tokens', 'id': 'month-tokens'}, {'label': 'Total Cost', 'value': '$0.00', 'unit': 'this month', 'id': 'total-cost'} ], [ {'text': 'Sync Usage Data', 'icon': '๐Ÿ”„', 'onclick': 'syncUsage()', 'variant': 'primary'}, {'text': 'View Details', 'icon': '๐Ÿ“ˆ', 'onclick': 'viewDetails()'} ]) }} {{ ui.stats_card('๐Ÿ”„ Sync Service', [ {'label': 'Status', 'value': '๐Ÿ”ด Stopped', 'id': 'sync-status'}, {'label': 'Last Sync', 'value': 'Never', 'id': 'last-sync'}, {'label': 'Sync Count', 'value': '0', 'id': 'sync-count'} ], [ {'text': 'Start Service', 'icon': 'โ–ถ๏ธ', 'onclick': 'startSync()', 'variant': 'success'}, {'text': 'Stop Service', 'icon': 'โน๏ธ', 'onclick': 'stopSync()', 'variant': 'danger'} ]) }}
{{ ui.button('Save Settings', 'primary', '๐Ÿ’พ', 'saveSettings()') }} {{ ui.button('Reset to Defaults', 'secondary', '๐Ÿ”„', 'resetSettings()') }} {{ ui.button('Cleanup Old Data', 'warning', '๐Ÿงน', 'cleanupData()') }} {{ ui.button('Create Backup', 'secondary', '๐Ÿ“ฆ', 'createBackup()') }} {{ ui.button('Export Data', 'success', '๐Ÿ“ค', 'exportData()') }}
{% endblock %} {% block scripts %} {% endblock %}