+
{file.wordCount.toLocaleString()}
{file.entryCount} entries
+
))}
@@ -166,6 +173,17 @@ function ActivityRail({ files, onSelect }) {
)
}
+function ThemeSwatches({ theme, tags, onPickTag, activeTag }) {
+ return (
+
+ theme drift
+ {theme?.name || 'Nord'} mode
+ The color temperature now leans with what lives in core memory, not just a fixed skin.
+
+
+ )
+}
+
export default function App() {
const [meta, setMeta] = useState(null)
const [selected, setSelected] = useState(null)
@@ -177,6 +195,8 @@ export default function App() {
const [reviewCount, setReviewCount] = useState(null)
const [quickLog, setQuickLog] = useState('')
const [logState, setLogState] = useState('idle')
+ const [activeTag, setActiveTag] = useState('')
+ const [pointer, setPointer] = useState({ x: 18, y: 12 })
const searchRef = useRef(null)
const refreshMeta = () => {
@@ -199,6 +219,14 @@ export default function App() {
refreshMeta()
}, [])
+ useEffect(() => {
+ const onMove = (e) => {
+ setPointer({ x: (e.clientX / window.innerWidth) * 100, y: (e.clientY / window.innerHeight) * 100 })
+ }
+ window.addEventListener('pointermove', onMove)
+ return () => window.removeEventListener('pointermove', onMove)
+ }, [])
+
useEffect(() => {
if (!meta?.dailyFiles?.length) return
const latest = meta.dailyFiles[0]
@@ -215,6 +243,13 @@ export default function App() {
})
}, [meta])
+ useEffect(() => {
+ if (activeTag) {
+ setQuery(activeTag)
+ searchRef.current?.focus()
+ }
+ }, [activeTag])
+
useEffect(() => {
if (!query.trim() || query.length < 2) {
setSearchResults([])
@@ -231,7 +266,7 @@ export default function App() {
setSearchResults([])
}
setSearching(false)
- }, 220)
+ }, 180)
return () => clearTimeout(t)
}, [query])
@@ -243,6 +278,28 @@ export default function App() {
return { latest, longest }
}, [meta])
+ const smartClusters = useMemo(() => {
+ const tags = new Map()
+ for (const file of meta?.dailyFiles || []) {
+ for (const tag of file.tags || []) {
+ tags.set(tag, (tags.get(tag) || 0) + 1)
+ }
+ }
+ return Array.from(tags.entries())
+ .sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]))
+ .slice(0, 8)
+ .map(([tag]) => tag)
+ }, [meta])
+
+ const themeStyle = useMemo(() => ({
+ '--accent': meta?.theme?.accent || '#8fbcbb',
+ '--accent-soft': meta?.theme?.accentSoft || 'rgba(143,188,187,0.18)',
+ '--accent-strong': meta?.theme?.accentStrong || '#a3d5d3',
+ '--accent-glow': meta?.theme?.glow || 'rgba(143,188,187,0.28)',
+ '--pointer-x': `${pointer.x}%`,
+ '--pointer-y': `${pointer.y}%`,
+ }), [meta, pointer])
+
const openFile = (file) => setSelected({ type: 'daily', filename: file.filename, title: file.dateLabel, tags: file.tags || [] })
const submitLog = async (e) => {
@@ -267,17 +324,18 @@ export default function App() {
}
if (selected) {
- return
setSelected(null)} />
+ return setSelected(null)} activeTag={activeTag} onPickTag={setActiveTag} />
}
return (
-