"use strict"; var __result; function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } __result = (function(React, useState, useEffect, useMemo, useCallback, useRef, useReducer, useContext, useLayoutEffect, Icons, data, setData, user, multiplayer) { // ========== DYNAMIC ICON SYSTEM ========== // Helper function to get an icon safely - returns the icon or a fallback component // Note: We can't use Proxy here because it's blocked by the sandbox const iconCache = {}; function getIcon(name) { // Return cached icon if already accessed if (iconCache[name]) { return iconCache[name]; } // Check if icon exists in the Icons library if (Icons[name]) { iconCache[name] = Icons[name]; return Icons[name]; } // Fallback: return a component that renders nothing but logs a warning console.warn('[MicroApp] Icon not found:', name, '- rendering empty. Use emojis instead of Lucide icons for mobile compatibility.'); const FallbackIcon = React && typeof React.forwardRef === 'function' ? React.forwardRef(function FallbackIcon(props, ref) { return null; // Render nothing instead of crashing }) : function FallbackIcon() { return null; }; FallbackIcon.displayName = 'MissingIcon_' + name; iconCache[name] = FallbackIcon; return FallbackIcon; } // Create an object that acts like IconProxy for destructuring: const { Star } = window.Lucide // The host passes a prefiltered icon wrapper, so this avoids per-app catalog copying. const IconsWrapper = Icons; // Expose IconsWrapper as window.Lucide for apps that use: const { X } = window.Lucide if (typeof window !== 'undefined') { window.Lucide = IconsWrapper; } // ========== LUCIDE ICONS USED BY THIS APP ========== // Direct icon bindings are generated only for referenced icons. // Aliases such as MapIcon/ImageIcon are included for built-in name conflicts. const MapIcon = getIcon('Map'); const ImageIcon = getIcon('Image'); const FileIcon = getIcon('FileText'); const TextIcon = getIcon('Type'); const TableIcon = getIcon('Table'); // Compatibility shim for generated code that imports next/image and uses : // - If a src-like prop exists, render a plain // - Otherwise treat it as the Lucide Image icon const NextImageShim = function NextImageShimComponent(props) { if (props && (props.src || props.srcSet || props.alt || props.loading || props.decoding)) { return React.createElement('img', props); } return React.createElement(ImageIcon, props); }; // Fragment support for JSX const Fragment = React.Fragment; // Multiplayer convenience destructuring (available when multiplayer is provided) const sharedData = multiplayer ? multiplayer.sharedData : null; const setSharedData = multiplayer ? multiplayer.setSharedData : () => {}; const patchSharedData = multiplayer ? multiplayer.patchSharedData : () => {}; const pushToSharedArray = multiplayer ? multiplayer.pushToSharedArray : undefined; const members = multiplayer ? multiplayer.members : []; const memberActivity = multiplayer ? multiplayer.memberActivity : {}; const isOwner = multiplayer ? multiplayer.isOwner : false; const instanceName = multiplayer ? multiplayer.instanceName : ''; const myPersonalData = multiplayer ? multiplayer.myPersonalData : null; const setMyPersonalData = multiplayer ? multiplayer.setMyPersonalData : () => {}; // Declared by the app (appConfig.supportsMultiplayer), not room presence // (rooms v2). mine/shared scopes are props only: new top-level names here // could collide with declarations in older generated code. const isMultiplayer = !!multiplayer && multiplayer.isMultiplayer !== false; // Private entries (privacy layer) const myEntries = multiplayer ? multiplayer.myEntries : null; const visibleEntries = multiplayer ? multiplayer.visibleEntries : null; const submitEntry = multiplayer ? multiplayer.submitEntry : async () => {}; const updateEntry = multiplayer ? multiplayer.updateEntry : async () => {}; const deleteEntry = multiplayer ? multiplayer.deleteEntry : async () => {}; const submitSwipe = multiplayer ? multiplayer.submitSwipe : async () => {}; const myMatches = multiplayer ? multiplayer.myMatches : null; const computedView = multiplayer ? multiplayer.computedView : null; const entryCount = multiplayer ? multiplayer.entryCount : async () => ({ count: 0 }); const requestConnection = multiplayer ? multiplayer.requestConnection : async () => {}; const connectionStatuses = multiplayer ? multiplayer.connectionStatuses : null; function App({ data, setData, user, isMultiplayer, sharedData, setSharedData, patchSharedData, members, openProfile, share, openAuth }) { const appData = isMultiplayer ? sharedData : data; const saveData = isMultiplayer ? setSharedData : setData; const memberList = isMultiplayer && _optionalChain([members, 'optionalAccess', _ => _.length]) > 0 ? members : [{ id: _optionalChain([user, 'optionalAccess', _2 => _2.id]), displayName: _optionalChain([user, 'optionalAccess', _3 => _3.displayName]) || _optionalChain([user, 'optionalAccess', _4 => _4.name]), handle: _optionalChain([user, 'optionalAccess', _5 => _5.handle]), avatarUrl: _optionalChain([user, 'optionalAccess', _6 => _6.avatarUrl]), role: 'owner' }]; const defaultState = { metrics: [ { sym: 'CHESS', name: 'CHESS RATING', val: 1847, prev: 1812, unit: 'ELO', weight: 25 }, { sym: 'GYMSTK', name: 'GYM STREAK', val: 23, prev: 22, unit: 'DAYS', weight: 20 }, { sym: 'LEETCD', name: 'LEETCODE', val: 247, prev: 241, unit: 'SOLVED', weight: 25 }, { sym: 'STUDY', name: 'STUDY HOURS', val: 142, prev: 138, unit: 'HRS/MO', weight: 30 } ], history: [620, 645, 638, 670, 685, 712, 728, 745, 762, 780, 795, 810, 824, 841], log: [ { t: '09:42', msg: 'CHESS +35 ELO // BLITZ TOURNAMENT W', dir: 'up' }, { t: '08:15', msg: 'GYM SESSION LOGGED // STREAK +1', dir: 'up' }, { t: '07:30', msg: 'LEETCODE HARD SOLVED // +6', dir: 'up' }, { t: '06:00', msg: 'MARKET OPEN // POSITION STRONG', dir: 'flat' } ] }; const [state, setState] = useState(_nullishCoalesce(appData, () => ( defaultState))); const [tick, setTick] = useState(0); const [selected, setSelected] = useState(null); const [flicker, setFlicker] = useState(false); useEffect(() => { if (!appData) saveData(defaultState); }, []); useEffect(() => { const i = setInterval(() => setTick(t => t + 1), 1200); return () => clearInterval(i); }, []); useEffect(() => { const f = setInterval(() => { setFlicker(true); setTimeout(() => setFlicker(false), 80); }, 4500); return () => clearInterval(f); }, []); const metrics = _nullishCoalesce(_optionalChain([state, 'optionalAccess', _7 => _7.metrics]), () => ( [])); const history = _nullishCoalesce(_optionalChain([state, 'optionalAccess', _8 => _8.history]), () => ( [])); const log = _nullishCoalesce(_optionalChain([state, 'optionalAccess', _9 => _9.log]), () => ( [])); const grindScore = useMemo(() => { const base = (metrics || []).reduce((acc, m) => acc + ((_nullishCoalesce(_optionalChain([m, 'optionalAccess', _10 => _10.val]), () => ( 0))) * (_nullishCoalesce(_optionalChain([m, 'optionalAccess', _11 => _11.weight]), () => ( 0))) / 100), 0); return Math.round(base + Math.sin(tick / 3) * 4); }, [metrics, tick]); const prevScore = _nullishCoalesce(_optionalChain([history, 'optionalAccess', _12 => _12[(history || []).length - 1]]), () => ( grindScore)); const delta = grindScore - prevScore; const deltaPct = prevScore > 0 ? ((delta / prevScore) * 100).toFixed(2) : '0.00'; const isUp = delta >= 0; const tickerItems = [ `GRIND ${grindScore}`, `${isUp ? '▲' : '▼'} ${Math.abs(delta)}`, ...(metrics || []).map(m => `${_optionalChain([m, 'optionalAccess', _13 => _13.sym])} ${_optionalChain([m, 'optionalAccess', _14 => _14.val])} ${(_nullishCoalesce(_optionalChain([m, 'optionalAccess', _15 => _15.val]), () => ( 0))) >= (_nullishCoalesce(_optionalChain([m, 'optionalAccess', _16 => _16.prev]), () => ( 0))) ? '▲' : '▼'}`), 'BULL MKT // GREED IS GOOD', 'UNSW DESK // M&A DIVISION', 'THE TAPE DOESN\'T LIE' ]; const logTrade = (sym) => { if (!_optionalChain([user, 'optionalAccess', _17 => _17.id])) { _optionalChain([openAuth, 'optionalCall', _18 => _18()]); return; } const entry = { t: new Date().toTimeString().slice(0,5), msg: `${sym} POSITION INCREASED // BUY`, dir: 'up', _user: { id: _optionalChain([user, 'optionalAccess', _19 => _19.id]), displayName: _optionalChain([user, 'optionalAccess', _20 => _20.displayName]) || _optionalChain([user, 'optionalAccess', _21 => _21.name]), handle: _optionalChain([user, 'optionalAccess', _22 => _22.handle]), profileImageUrl: _optionalChain([user, 'optionalAccess', _23 => _23.profileImageUrl]) || _optionalChain([user, 'optionalAccess', _24 => _24.avatarUrl]) }, _timestamp: Date.now() }; const next = { ...state, metrics: (metrics || []).map(m => m.sym === sym ? { ...m, prev: m.val, val: m.val + (sym === 'CHESS' ? 12 : sym === 'STUDY' ? 2 : 1) } : m), log: [entry, ...log].slice(0, 8), crew: { ...(_optionalChain([state, 'optionalAccess', _25 => _25.crew]) || {}), [_optionalChain([user, 'optionalAccess', _26 => _26.id]) || 'me']: { _user: entry._user, score: (_optionalChain([(_optionalChain([state, 'optionalAccess', _27 => _27.crew]) || {}), 'access', _28 => _28[_optionalChain([user, 'optionalAccess', _29 => _29.id]) || 'me'], 'optionalAccess', _30 => _30.score]) || 0) + (sym === 'CHESS' ? 12 : sym === 'STUDY' ? 2 : 1), updatedAt: Date.now() } } }; setState(next); if (isMultiplayer && patchSharedData) { patchSharedData({ log: next.log, metrics: next.metrics, crew: next.crew }); } else { saveData(next); } }; const handleShare = async () => { try { await _optionalChain([share, 'optionalCall', _31 => _31({ title: 'The Grind Index', text: `My Grind Score is ${grindScore}. Challenge me to a 30-day sprint.` })]); } catch (e) {} }; const crewEntries = Object.values(_optionalChain([state, 'optionalAccess', _32 => _32.crew]) || {}); const leaderboard = [...memberList].map(m => { const c = (_optionalChain([state, 'optionalAccess', _33 => _33.crew]) || {})[m.id]; return { ...m, score: _nullishCoalesce(_optionalChain([c, 'optionalAccess', _34 => _34.score]), () => ( 0)), updatedAt: _nullishCoalesce(_optionalChain([c, 'optionalAccess', _35 => _35.updatedAt]), () => ( 0)) }; }).sort((a,b) => (b.score||0) - (a.score||0)); const amber = '#FFB300'; const oxblood = '#8B1A1A'; const cream = '#F4E4BC'; const bg = '#0E0A06'; const mono = "'Courier New', 'IBM Plex Mono', monospace"; const serif = "'Playfair Display', 'Libre Baskerville', Georgia, serif"; const grain = `url("data:image/svg+xml;utf8,")`; const sparkPath = useMemo(() => { const pts = [...history, grindScore]; if ((pts || []).length < 2) return ''; const max = Math.max(...pts), min = Math.min(...pts); const range = max - min || 1; return (pts || []).map((p, i) => { const x = (i / ((pts || []).length - 1)) * 100; const y = 100 - ((p - min) / range) * 100; return `${i === 0 ? 'M' : 'L'}${x.toFixed(1)},${y.toFixed(1)}`; }).join(' '); }, [history, grindScore]); return ( React.createElement('div', { style: { minHeight: '100dvh', width: '100%', paddingTop: 'env(safe-area-inset-top, 12px)', paddingBottom: 'env(safe-area-inset-bottom, 12px)', background: `radial-gradient(ellipse at top, #1a0f05 0%, ${bg} 60%, #050300 100%)`, color: cream, fontFamily: mono, display: 'flex', flexDirection: 'column', boxSizing: 'border-box', overflow: 'hidden', position: 'relative', opacity: flicker ? 0.85 : 1, transition: 'opacity 0.05s' },} /* Grain + scanlines */ , React.createElement('div', { style: { position: 'absolute', inset: 0, backgroundImage: grain, opacity: 0.4, pointerEvents: 'none', mixBlendMode: 'overlay' },} ) , React.createElement('div', { style: { position: 'absolute', inset: 0, background: 'repeating-linear-gradient(0deg, rgba(255,179,0,0.04) 0px, rgba(255,179,0,0.04) 1px, transparent 1px, transparent 3px)', pointerEvents: 'none' },} ) /* TICKER */ , React.createElement('div', { style: { borderTop: `1px solid ${amber}`, borderBottom: `1px solid ${amber}`, background: '#000', overflow: 'hidden', whiteSpace: 'nowrap', padding: '6px 0', position: 'relative', zIndex: 2 },} , React.createElement('div', { style: { display: 'inline-block', animation: 'tkr 28s linear infinite', color: amber, fontFamily: mono, fontSize: 13, letterSpacing: 1, textShadow: `0 0 6px ${amber}` },} , [...tickerItems, ...tickerItems, ...tickerItems].map((it, i) => ( React.createElement('span', { key: i, style: { marginRight: 32 },}, it, " •" ) )) ) ) /* HEADER */ , React.createElement('div', { style: { padding: '12px 18px 4px', borderBottom: `1px solid ${amber}33`, position: 'relative', zIndex: 2 },} , React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'baseline' },} , React.createElement('div', { style: { fontFamily: serif, fontSize: 18, color: cream, fontStyle: 'italic', letterSpacing: 0.5 },}, "The Executive Ledger" ) , React.createElement('div', { style: { display: 'flex', gap: 6, alignItems: 'center' },} , React.createElement('button', { onClick: handleShare, style: { background: 'transparent', color: amber, border: `1px solid ${amber}`, fontFamily: mono, fontSize: 10, letterSpacing: 1, padding: '4px 8px', cursor: 'pointer' },}, "◆ SHARE" ) , React.createElement('div', { style: { fontSize: 10, color: amber, fontFamily: mono },}, "NYSE // " , new Date().toTimeString().slice(0,8)) ) ) , React.createElement('div', { style: { fontSize: 10, color: oxblood, fontFamily: mono, marginTop: 2, letterSpacing: 2 },}, "M&A DESK // " , (_optionalChain([user, 'optionalAccess', _36 => _36.name]) || 'TRADER').toUpperCase(), " // UNSW" ) ) /* HERO SCORE */ , React.createElement('div', { onClick: () => setSelected(selected === 'hero' ? null : 'hero'), style: { margin: '12px 14px', padding: '18px 16px', background: 'linear-gradient(180deg, #1a0f05 0%, #0a0603 100%)', border: `2px solid ${amber}`, boxShadow: `inset 0 0 40px ${amber}22, 0 0 20px ${amber}44`, cursor: 'pointer', position: 'relative', zIndex: 2, transition: 'transform 0.2s', transform: selected === 'hero' ? 'scale(0.99)' : 'scale(1)' },} , React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', fontSize: 10, color: amber, marginBottom: 6, letterSpacing: 2 },} , React.createElement('span', null, "◆ GRIND INDEX" ) , React.createElement('span', { style: { animation: 'blink 1s infinite' },}, "● LIVE" ) ) , React.createElement('div', { style: { fontFamily: serif, fontSize: 76, fontWeight: 900, lineHeight: 1, color: amber, textShadow: `0 0 20px ${amber}, 0 0 40px ${amber}88`, letterSpacing: -2, fontVariantNumeric: 'tabular-nums' },} , grindScore.toLocaleString() ) , React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: 8 },} , React.createElement('div', { style: { fontSize: 16, fontFamily: mono, fontWeight: 'bold', color: isUp ? '#5FFF8C' : '#FF5F5F', textShadow: `0 0 8px ${isUp ? '#5FFF8C' : '#FF5F5F'}` },} , isUp ? '▲' : '▼', " " , Math.abs(delta), " (" , deltaPct, "%)" ) , React.createElement('div', { style: { fontSize: 10, color: cream, opacity: 0.6, fontStyle: 'italic', fontFamily: serif },}, "\"Greed is good.\"" ) ) /* Sparkline */ , React.createElement('svg', { viewBox: "0 0 100 100" , preserveAspectRatio: "none", style: { width: '100%', height: 60, marginTop: 10, display: 'block' },} , React.createElement('defs', null , React.createElement('linearGradient', { id: "sg", x1: "0", y1: "0", x2: "0", y2: "1",} , React.createElement('stop', { offset: "0%", stopColor: amber, stopOpacity: "0.5",} ) , React.createElement('stop', { offset: "100%", stopColor: amber, stopOpacity: "0",} ) ) ) , React.createElement('path', { d: `${sparkPath} L100,100 L0,100 Z`, fill: "url(#sg)",} ) , React.createElement('path', { d: sparkPath, stroke: amber, strokeWidth: "1.5", fill: "none", style: { filter: `drop-shadow(0 0 3px ${amber})` },} ) ) ) /* MARKET DEPTH */ , React.createElement('div', { style: { flex: 1, padding: '0 14px', position: 'relative', zIndex: 2, overflowY: 'auto' },} , React.createElement('div', { style: { fontSize: 10, color: amber, letterSpacing: 2, marginBottom: 6, borderBottom: `1px solid ${amber}55`, paddingBottom: 4 },}, "▸ MARKET DEPTH // POSITIONS" ) , (metrics || []).map((m, i) => { const up = (_nullishCoalesce(_optionalChain([m, 'optionalAccess', _37 => _37.val]), () => ( 0))) >= (_nullishCoalesce(_optionalChain([m, 'optionalAccess', _38 => _38.prev]), () => ( 0))); const change = (_nullishCoalesce(_optionalChain([m, 'optionalAccess', _39 => _39.val]), () => ( 0))) - (_nullishCoalesce(_optionalChain([m, 'optionalAccess', _40 => _40.prev]), () => ( 0))); const isSel = selected === m.sym; return ( React.createElement('div', { key: m.sym, onClick: () => setSelected(isSel ? null : m.sym), style: { display: 'grid', gridTemplateColumns: '1fr 1fr 1fr auto', gap: 8, padding: '10px 8px', background: isSel ? `${amber}1A` : 'transparent', borderBottom: `1px dashed ${amber}33`, alignItems: 'center', cursor: 'pointer', transition: 'all 0.2s', boxShadow: isSel ? `inset 0 0 20px ${amber}33` : 'none' },} , React.createElement('div', null , React.createElement('div', { style: { fontSize: 13, fontWeight: 'bold', color: amber, fontFamily: mono, textShadow: `0 0 4px ${amber}88` },}, m.sym) , React.createElement('div', { style: { fontSize: 9, color: cream, opacity: 0.5 },}, m.name) ) , React.createElement('div', { style: { fontFamily: mono, fontSize: 16, color: cream, textAlign: 'right', fontVariantNumeric: 'tabular-nums' },} , (_nullishCoalesce(_optionalChain([m, 'optionalAccess', _41 => _41.val]), () => ( 0))).toLocaleString() ) , React.createElement('div', { style: { fontFamily: mono, fontSize: 12, textAlign: 'right', color: up ? '#5FFF8C' : '#FF5F5F', textShadow: `0 0 6px ${up ? '#5FFF8C' : '#FF5F5F'}` },} , up ? '▲' : '▼', Math.abs(change) ) , React.createElement('button', { onClick: (e) => { e.stopPropagation(); logTrade(m.sym); }, style: { background: oxblood, color: cream, border: `1px solid ${amber}`, fontFamily: mono, fontSize: 10, fontWeight: 'bold', letterSpacing: 1, padding: '8px 10px', cursor: 'pointer', minWidth: 48, minHeight: 36, boxShadow: `0 0 8px ${oxblood}aa`, transition: 'transform 0.1s' }, onMouseDown: e => e.currentTarget.style.transform = 'scale(0.92)', onMouseUp: e => e.currentTarget.style.transform = 'scale(1)',} , "BUY") ) ); }) /* AI ANALYST */ , React.createElement('div', { style: { marginTop: 14, border: `1px solid ${amber}66`, padding: 10, background: '#0a0603' },} , React.createElement('div', { style: { fontSize: 10, color: amber, letterSpacing: 2, marginBottom: 4 },}, "▸ ANALYST DESK // OPTIMAL PLAY" ) , React.createElement('div', { style: { fontFamily: serif, fontSize: 14, color: cream, fontStyle: 'italic', lineHeight: 1.4 },}, "\"Double down on LEETCD. Tape says hard problems print alpha. Close the deal.\"" ) , React.createElement('div', { style: { fontSize: 9, color: amber, marginTop: 6, opacity: 0.7 },}, "— SR. VP, M&A DIVISION" ) ) /* CREW LEADERBOARD */ , React.createElement('div', { style: { marginTop: 14, border: `1px solid ${amber}66`, padding: 10, background: '#0a0603' },} , React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 6 },} , React.createElement('div', { style: { fontSize: 10, color: amber, letterSpacing: 2 },}, "▸ CREW // 30-DAY SPRINT" ) , React.createElement('div', { style: { fontSize: 9, color: cream, opacity: 0.5 },}, (leaderboard || []).length, " TRADER" , (leaderboard || []).length === 1 ? '' : 'S') ) , (leaderboard || []).map((m, i) => ( React.createElement('div', { key: m.id || i, onClick: () => _optionalChain([m, 'optionalAccess', _42 => _42.handle]) && _optionalChain([openProfile, 'optionalCall', _43 => _43(m.handle)]), style: { display: 'grid', gridTemplateColumns: '20px 28px 1fr auto', gap: 8, alignItems: 'center', padding: '6px 4px', borderBottom: `1px dashed ${amber}22`, cursor: _optionalChain([m, 'optionalAccess', _44 => _44.handle]) ? 'pointer' : 'default' },} , React.createElement('div', { style: { fontFamily: mono, fontSize: 11, color: amber, fontWeight: 'bold' },}, "#", i+1) , m.avatarUrl ? ( React.createElement('img', { src: m.avatarUrl, alt: "", style: { width: 24, height: 24, borderRadius: 0, border: `1px solid ${amber}88`, objectFit: 'cover' },} ) ) : ( React.createElement('div', { style: { width: 24, height: 24, border: `1px solid ${amber}88`, background: '#1a0f05', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 10, color: amber },}, (m.displayName || '?').slice(0,1).toUpperCase()) ) , React.createElement('div', null , React.createElement('div', { style: { fontSize: 12, color: cream, fontFamily: mono },}, m.displayName || 'TRADER') , React.createElement('div', { style: { fontSize: 9, color: amber, opacity: 0.7 },}, m.handle ? `@${m.handle}` : m.role || 'MEMBER') ) , React.createElement('div', { style: { fontFamily: mono, fontSize: 12, color: amber, textShadow: `0 0 4px ${amber}88`, fontVariantNumeric: 'tabular-nums' },}, "+", m.score || 0) ) )) ) /* LOG / SHARED FEED */ , React.createElement('div', { style: { marginTop: 12, marginBottom: 12 },} , React.createElement('div', { style: { fontSize: 10, color: amber, letterSpacing: 2, marginBottom: 4 },}, "▸ " , isMultiplayer ? 'CREW TAPE' : 'TRADE LOG') , (log || []).map((l, i) => ( React.createElement('div', { key: i, style: { fontSize: 11, fontFamily: mono, color: cream, opacity: Math.max(0.4, 0.95 - i * 0.08), padding: '4px 0', borderBottom: `1px dotted ${amber}22`, display: 'flex', gap: 6, alignItems: 'center' },} , React.createElement('span', { style: { color: amber },}, "[", l.t, "]") , _optionalChain([l, 'access', _45 => _45._user, 'optionalAccess', _46 => _46.handle]) ? ( React.createElement('span', { onClick: (e) => { e.stopPropagation(); _optionalChain([openProfile, 'optionalCall', _47 => _47(l._user.handle)]); }, style: { color: amber, cursor: 'pointer', textDecoration: 'underline', textDecorationColor: `${amber}55` },} , "@", l._user.handle) ) : null , React.createElement('span', null, l.msg) ) )) ) ) , React.createElement('style', { 'data-micro-app-declarative-style': "",}, ` @keyframes tkr { 0% { transform: translateX(0); } 100% { transform: translateX(-33.33%); } } @keyframes blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0.3; } } `) ) ); } // Render-loop guard: detects infinite re-render cycles (e.g. setState inside // useEffect without a stable dependency array) and short-circuits with a // static fallback BEFORE React's own 50-update limit throws. function __renderGuard(Comp) { return function __SafeRender(props) { var __renderGuardRef = useRef({ count: 0, time: 0, tripped: false, }); var __renderGuardState = __renderGuardRef.current; var now = Date.now(); if (now - __renderGuardState.time > 100) { __renderGuardState.count = 0; __renderGuardState.time = now; __renderGuardState.tripped = false; } __renderGuardState.count++; if (__renderGuardState.count > 45 || __renderGuardState.tripped) { __renderGuardState.tripped = true; return React.createElement('div', { style: { padding: '24px', textAlign: 'center', color: '#999', fontSize: '14px' } }, 'This app has been paused (render loop detected).'); } return React.createElement(Comp, props); }; } // Return the App component (handles various export patterns) if (typeof App !== 'undefined') return __renderGuard(App); if (typeof CrimsonOracle !== 'undefined') return __renderGuard(CrimsonOracle); return function() { return React.createElement('div', null, 'No component found'); }; }) return __result;