>({
+ openai: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ anthropic: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ google: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ openrouter: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ aigateway: { apiKey: "", baseURL: "", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ ollama: { apiKey: "", baseURL: "http://localhost:11434", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
+ "openai-compatible": { apiKey: "", baseURL: "http://localhost:1234/v1", model: "", knowledgeGraphModel: "", meetingNotesModel: "", trackBlockModel: "" },
})
const [testState, setTestState] = useState<{ status: "idle" | "testing" | "success" | "error"; error?: string }>({
status: "idle",
@@ -109,7 +109,7 @@ export function OnboardingModal({ open, onComplete }: OnboardingModalProps) {
const [googleCalendarConnecting, setGoogleCalendarConnecting] = useState(false)
const updateProviderConfig = useCallback(
- (provider: LlmProviderFlavor, updates: Partial<{ apiKey: string; baseURL: string; model: string; knowledgeGraphModel: string }>) => {
+ (provider: LlmProviderFlavor, updates: Partial<{ apiKey: string; baseURL: string; model: string; knowledgeGraphModel: string; meetingNotesModel: string; trackBlockModel: string }>) => {
setProviderConfigs(prev => ({
...prev,
[provider]: { ...prev[provider], ...updates },
@@ -458,6 +458,8 @@ export function OnboardingModal({ open, onComplete }: OnboardingModalProps) {
const baseURL = activeConfig.baseURL.trim() || undefined
const model = activeConfig.model.trim()
const knowledgeGraphModel = activeConfig.knowledgeGraphModel.trim() || undefined
+ const meetingNotesModel = activeConfig.meetingNotesModel.trim() || undefined
+ const trackBlockModel = activeConfig.trackBlockModel.trim() || undefined
const providerConfig = {
provider: {
flavor: llmProvider,
@@ -466,6 +468,8 @@ export function OnboardingModal({ open, onComplete }: OnboardingModalProps) {
},
model,
knowledgeGraphModel,
+ meetingNotesModel,
+ trackBlockModel,
}
const result = await window.ipc.invoke("models:test", providerConfig)
if (result.success) {
@@ -1157,6 +1161,72 @@ export function OnboardingModal({ open, onComplete }: OnboardingModalProps) {
)}
+
+
+
Meeting notes model
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateProviderConfig(llmProvider, { meetingNotesModel: e.target.value })}
+ placeholder={activeConfig.model || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
Track block model
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateProviderConfig(llmProvider, { trackBlockModel: e.target.value })}
+ placeholder={activeConfig.model || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateProviderConfig(llmProvider, { meetingNotesModel: e.target.value })}
+ placeholder={activeConfig.model || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateProviderConfig(llmProvider, { trackBlockModel: e.target.value })}
+ placeholder={activeConfig.model || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
Meeting notes model
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateConfig(provider, { meetingNotesModel: e.target.value })}
+ placeholder={primaryModel || "Enter model"}
+ />
+ ) : (
+
+ )}
+
+
Track block model
+ {modelsLoading ? (
+
+
+ Loading...
+
+ ) : showModelInput ? (
+
updateConfig(provider, { trackBlockModel: e.target.value })}
+ placeholder={primaryModel || "Enter model"}
+ />
+ ) : (
+
+ )}
+
@@ -1283,6 +1292,38 @@ function Tree({
{countFiles(item)}
+ {onToggleFolder && (item.children?.length ?? 0) > 0 && (
+ {
+ e.stopPropagation()
+ onToggleFolder(item.path)
+ }}
+ >
+
+
+ )}
+ {isExpanded && (
+
+ {(item.children ?? []).map((subItem, index) => (
+
+ ))}
+
+ )}
{contextMenuContent}
@@ -1347,6 +1388,7 @@ function Tree({
selectedPath={selectedPath}
expandedPaths={expandedPaths}
onSelect={onSelect}
+ onToggleFolder={onToggleFolder}
actions={actions}
/>
))}
diff --git a/apps/x/apps/renderer/src/components/track-modal.tsx b/apps/x/apps/renderer/src/components/track-modal.tsx
index 8e261977..a4c0b512 100644
--- a/apps/x/apps/renderer/src/components/track-modal.tsx
+++ b/apps/x/apps/renderer/src/components/track-modal.tsx
@@ -156,6 +156,8 @@ export function TrackModal() {
const lastRunAt = track?.lastRunAt ?? ''
const lastRunId = track?.lastRunId ?? ''
const lastRunSummary = track?.lastRunSummary ?? ''
+ const model = track?.model ?? ''
+ const provider = track?.provider ?? ''
const scheduleSummary = useMemo(() => summarizeSchedule(schedule), [schedule])
const triggerType: 'scheduled' | 'event' | 'manual' =
schedule ? 'scheduled' : eventMatchCriteria ? 'event' : 'manual'
@@ -393,6 +395,12 @@ export function TrackModal() {
Track ID{trackId}
File{detail.filePath}
Status{active ? 'Active' : 'Paused'}
+ {model && (<>
+ Model{model}
+ )}
+ {provider && (<>
+ Provider{provider}
+ )}
{lastRunAt && (<>
Last run{formatDateTime(lastRunAt)}
)}
diff --git a/apps/x/apps/renderer/src/extensions/iframe-block.tsx b/apps/x/apps/renderer/src/extensions/iframe-block.tsx
new file mode 100644
index 00000000..2ed5bd52
--- /dev/null
+++ b/apps/x/apps/renderer/src/extensions/iframe-block.tsx
@@ -0,0 +1,256 @@
+import { mergeAttributes, Node } from '@tiptap/react'
+import { ReactNodeViewRenderer, NodeViewWrapper } from '@tiptap/react'
+import { Globe, X } from 'lucide-react'
+import { blocks } from '@x/shared'
+import { useEffect, useRef, useState } from 'react'
+
+const IFRAME_HEIGHT_MESSAGE = 'rowboat:iframe-height'
+const IFRAME_HEIGHT_CACHE_PREFIX = 'rowboat:iframe-height:'
+const DEFAULT_IFRAME_HEIGHT = 560
+const MIN_IFRAME_HEIGHT = 240
+const HEIGHT_UPDATE_THRESHOLD = 4
+const AUTO_RESIZE_SETTLE_MS = 160
+const LOAD_FALLBACK_READY_MS = 180
+const DEFAULT_IFRAME_ALLOW = [
+ 'accelerometer',
+ 'autoplay',
+ 'camera',
+ 'clipboard-read',
+ 'clipboard-write',
+ 'display-capture',
+ 'encrypted-media',
+ 'fullscreen',
+ 'geolocation',
+ 'microphone',
+].join('; ')
+
+function getIframeHeightCacheKey(url: string): string {
+ return `${IFRAME_HEIGHT_CACHE_PREFIX}${url}`
+}
+
+function readCachedIframeHeight(url: string, fallbackHeight: number): number {
+ try {
+ const raw = window.localStorage.getItem(getIframeHeightCacheKey(url))
+ if (!raw) return fallbackHeight
+ const parsed = Number.parseInt(raw, 10)
+ if (!Number.isFinite(parsed)) return fallbackHeight
+ return Math.max(MIN_IFRAME_HEIGHT, parsed)
+ } catch {
+ return fallbackHeight
+ }
+}
+
+function writeCachedIframeHeight(url: string, height: number): void {
+ try {
+ window.localStorage.setItem(getIframeHeightCacheKey(url), String(height))
+ } catch {
+ // ignore storage failures
+ }
+}
+
+function parseIframeHeightMessage(event: MessageEvent): { height: number } | null {
+ const data = event.data
+ if (!data || typeof data !== 'object') return null
+
+ const candidate = data as { type?: unknown; height?: unknown }
+ if (candidate.type !== IFRAME_HEIGHT_MESSAGE) return null
+ if (typeof candidate.height !== 'number' || !Number.isFinite(candidate.height)) return null
+
+ return {
+ height: Math.max(MIN_IFRAME_HEIGHT, Math.ceil(candidate.height)),
+ }
+}
+
+function IframeBlockView({ node, deleteNode }: { node: { attrs: Record }; deleteNode: () => void }) {
+ const raw = node.attrs.data as string
+ let config: blocks.IframeBlock | null = null
+
+ try {
+ config = blocks.IframeBlockSchema.parse(JSON.parse(raw))
+ } catch {
+ // fallback below
+ }
+
+ if (!config) {
+ return (
+
+
+
+ Invalid iframe block
+
+
+ )
+ }
+
+ const visibleTitle = config.title?.trim() || ''
+ const title = visibleTitle || 'Embedded page'
+ const allow = config.allow || DEFAULT_IFRAME_ALLOW
+ const initialHeight = config.height ?? DEFAULT_IFRAME_HEIGHT
+ const [frameHeight, setFrameHeight] = useState(() => readCachedIframeHeight(config.url, initialHeight))
+ const [frameReady, setFrameReady] = useState(false)
+ const iframeRef = useRef(null)
+ const loadFallbackTimerRef = useRef(null)
+ const autoResizeReadyTimerRef = useRef(null)
+ const frameReadyRef = useRef(false)
+
+ useEffect(() => {
+ setFrameHeight(readCachedIframeHeight(config.url, initialHeight))
+ setFrameReady(false)
+ frameReadyRef.current = false
+ if (loadFallbackTimerRef.current !== null) {
+ window.clearTimeout(loadFallbackTimerRef.current)
+ loadFallbackTimerRef.current = null
+ }
+ if (autoResizeReadyTimerRef.current !== null) {
+ window.clearTimeout(autoResizeReadyTimerRef.current)
+ autoResizeReadyTimerRef.current = null
+ }
+ }, [config.url, initialHeight, raw])
+
+ useEffect(() => {
+ frameReadyRef.current = frameReady
+ }, [frameReady])
+
+ useEffect(() => {
+ const handleMessage = (event: MessageEvent) => {
+ const iframeWindow = iframeRef.current?.contentWindow
+ if (!iframeWindow || event.source !== iframeWindow) return
+
+ const message = parseIframeHeightMessage(event)
+ if (!message) return
+
+ if (loadFallbackTimerRef.current !== null) {
+ window.clearTimeout(loadFallbackTimerRef.current)
+ loadFallbackTimerRef.current = null
+ }
+ if (autoResizeReadyTimerRef.current !== null) {
+ window.clearTimeout(autoResizeReadyTimerRef.current)
+ }
+ writeCachedIframeHeight(config.url, message.height)
+ setFrameHeight((currentHeight) => (
+ Math.abs(currentHeight - message.height) < HEIGHT_UPDATE_THRESHOLD ? currentHeight : message.height
+ ))
+
+ if (!frameReadyRef.current) {
+ autoResizeReadyTimerRef.current = window.setTimeout(() => {
+ setFrameReady(true)
+ frameReadyRef.current = true
+ autoResizeReadyTimerRef.current = null
+ }, AUTO_RESIZE_SETTLE_MS)
+ }
+ }
+
+ window.addEventListener('message', handleMessage)
+ return () => window.removeEventListener('message', handleMessage)
+ }, [config.url])
+
+ useEffect(() => {
+ return () => {
+ if (loadFallbackTimerRef.current !== null) {
+ window.clearTimeout(loadFallbackTimerRef.current)
+ }
+ if (autoResizeReadyTimerRef.current !== null) {
+ window.clearTimeout(autoResizeReadyTimerRef.current)
+ }
+ }
+ }, [])
+
+ return (
+
+
+
+ {visibleTitle &&
{visibleTitle}
}
+
+ {!frameReady && (
+
+ )}
+