feat: AIUI chat mode integration with iframe, context broker, overnight loop

- Chat mode: AIUI loads in sandboxed iframe at /dashboard/chat with transparent bg
- Mode switcher: Easy + Pro tabs only, Chat is a launcher button
- Keyboard shortcuts: Cmd+1 (Easy), Cmd+2 (Pro), Cmd+3 (Chat), Cmd+M (cycle)
- Directional transitions: chat slides from/to left, dashboard from/to right
- Context broker: postMessage protocol for quarantined AIUI communication
- AI permissions store: user-controlled toggles for data access categories
- Settings UI: AI Data Access section with per-category toggles
- AIUI container manifest and nginx proxy config for /aiui/
- Deploy script builds AIUI with /aiui/ base path
- Overnight loop infrastructure (loop.sh, prepare.sh, plan.md, prompt.md)
- Security hooks for autonomous overnight runs

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-04 12:06:20 +00:00
parent 7b044d22ef
commit 584ce646e1
23 changed files with 1528 additions and 77 deletions

View File

@@ -1,5 +1,14 @@
<template>
<div class="mode-switcher">
<!-- Compact mode: small pill for chat fullscreen -->
<div v-if="compact" class="chat-mode-pill-inner" @click="handleCompactClick">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
<span class="text-xs font-medium">{{ currentLabel }}</span>
</div>
<!-- Full mode switcher -->
<div v-else class="mode-switcher">
<button
v-for="m in modes"
:key="m.id"
@@ -13,14 +22,30 @@
</template>
<script setup lang="ts">
import { computed } from 'vue'
import { useRouter } from 'vue-router'
import { useUIModeStore } from '@/stores/uiMode'
import type { UIMode } from '@/types/api'
const props = defineProps<{
compact?: boolean
}>()
const uiMode = useUIModeStore()
const router = useRouter()
const modes: { id: UIMode; label: string }[] = [
{ id: 'easy', label: 'Easy' },
{ id: 'gamer', label: 'Pro' },
{ id: 'chat', label: 'Chat' },
]
const currentLabel = computed(() => {
const found = modes.find(m => m.id === uiMode.mode)
return found ? found.label : 'Pro'
})
function handleCompactClick() {
const newMode = uiMode.cycleMode()
router.push(newMode === 'chat' ? '/dashboard/chat' : '/dashboard')
}
</script>