Wisdom

VOICE QUOTES · MASTER PLAY

\n\n {/* Module toggle + status */}\n

\n \n \n {session.playing && session.wisdomOn ? \"Playing…\" : \"Press play from toolbar\"}\n \n

\n\n {/* Voice + interval — compact */}\n

VOICE

\n {VOICES.map(v => (\n \n ))}\n

\n INTERVAL\n {session.wisdomIntervalMin}min\n

\n setSession((p: any) => ({ ...p, wisdomIntervalMin: Number(e.target.value) }))}\n className=\"slider-thumb\" style={{ position: \"relative\", width: \"100%\" }} />\n

\n\n \n\n {/* Quote library header */}\n

\n QUOTES {quotes.filter(q => q.enabled).length}/{quotes.length}\n \n

\n\n {adding && (\n

setNewQ(p => ({ ...p, text: e.target.value }))} style={{ resize: \"none\", fontSize: 10 }} />\n          <div style={{ display: \"flex\", gap: 4 }}>\n            <button onClick={addQuote} style={{ flex: 1, ...cardStyle, padding: 6, cursor: \"pointer\", color: \"var(--accent-amber)\", fontSize: 9, fontWeight: 700 }}>SAVE</button>\n            <button onClick={() => setAdding(false)} style={{ flex: 1, ...cardStyle, padding: 6, cursor: \"pointer\", color: \"var(--text-dim)\", fontSize: 9 }}>CANCEL</button>\n          </div>\n        </div>\n      )}\n\n      {/* Quote list — compact: just quote + enable toggle, no edit/delete */}\n      {loading ? (\n        <div style={{ fontSize: 8, color: \"var(--text-dim)\", textAlign: \"center\", padding: 8 }}>LOADING…</div>\n      ) : (\n        <div style={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\n          {quotes.map(q => (\n            <div key={q.id} style={{ ...cardStyle, padding: \"6px 8px\", opacity: q.enabled ? 1 : 0.45, display: \"flex\", alignItems: \"center\", gap: 6 }}>\n              <div style={{ flex: 1, fontSize: 9, color: \"var(--text)\", lineHeight: 1.4, fontStyle: \"italic\", minWidth: 0 }}>{q.text}</div>\n              <button onClick={() => toggleEnabled(q)}\n                style={{ background: \"none\", border: \"none\", fontFamily: \"inherit\", fontSize: 7, fontWeight: 700, cursor: \"pointer\", color: q.enabled ? \"var(--accent-green)\" : \"var(--text-dim)\", letterSpacing: \"0.06em\", flexShrink: 0 }}>\n                {q.enabled ? \"ON\" : \"OFF\"}\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n","deleted","label",[178,179,159],"frontend","components","permalink","https://www.val.town/x/all/brain/code/frontend/components/TTSWisdomTab.tsx","extension","actionData","errors"]
</article></body></html>