Initial hub

README.md

@@ -0,0 +1,16 @@
+---
+title: Practice Fields Hub
+emoji: 🌱
+colorFrom: green
+colorTo: blue
+sdk: streamlit
+sdk_version: 1.32.0
+app_file: app.py
+pinned: false
+license: mit
+short_description: "Curated therapeutic practice spaces"
+---
+
+# Practice Fields Hub
+
+A clinician-curated portal linking to therapeutic practice spaces.

app.py

@@ -0,0 +1,74 @@
+"""Practice Fields Hub — Curated Therapeutic Practice Spaces"""
+
+import streamlit as st
+
+st.set_page_config(page_title="Practice Fields", page_icon="🌱", layout="wide")
+
+st.markdown("""
+<style>
+    .stApp { background: linear-gradient(135deg, #f0f7ff 0%, #f5fff5 50%, #fffef5 100%); }
+    .hub-header { text-align: center; padding: 2rem 0; }
+    .hub-header h1 { color: #4a5a5a; font-size: 2.5rem; margin-bottom: 0.5rem; }
+    .hub-tagline { color: #6a7a7a; font-size: 1.1rem; font-style: italic; }
+    .clinician-badge { background: linear-gradient(135deg, #e8f4f8 0%, #e0f0e8 100%); border-radius: 12px; padding: 0.75rem 1.5rem; text-align: center; margin: 1rem auto; max-width: 500px; border: 1px solid rgba(180, 210, 200, 0.4); }
+    .field-card { background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(248,252,255,0.9) 100%); border-radius: 16px; padding: 1.5rem; margin: 0.75rem 0; border: 1px solid rgba(180, 210, 200, 0.4); transition: all 0.2s ease; text-decoration: none; display: block; color: inherit; }
+    .field-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(100, 140, 130, 0.15); border-color: rgba(140, 180, 170, 0.6); }
+    .field-icon { font-size: 2rem; margin-bottom: 0.5rem; }
+    .field-title { color: #3a5a5a; font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5rem; }
+    .field-desc { color: #5a7070; font-size: 0.95rem; line-height: 1.4; }
+    .section-header { color: #5a6a6a; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1em; margin: 2rem 0 1rem 0; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(180, 200, 190, 0.3); }
+    .footer-text { text-align: center; color: #7a8a8a; font-size: 0.85rem; padding: 2rem 0 1rem 0; border-top: 1px solid rgba(180, 200, 190, 0.2); margin-top: 2rem; }
+    .stTextInput input, .stTextArea textarea { background-color: white !important; border: 1px solid #d4e4d4 !important; border-radius: 8px !important; }
+    .stButton > button { background: linear-gradient(135deg, #d4e8d4 0%, #c4dcc4 100%); border: 1px solid #98b898; border-radius: 8px; color: #3a5a3a; }
+</style>
+""", unsafe_allow_html=True)
+
+if "clinician_name" not in st.session_state:
+    st.session_state.clinician_name = ""
+if "clinician_orientation" not in st.session_state:
+    st.session_state.clinician_orientation = ""
+if "onboarded" not in st.session_state:
+    st.session_state.onboarded = False
+
+SPACES = [
+    {"icon": "📖", "title": "ShadowBox Library", "desc": "A resonant library for hard thoughts. Psychoeducation without synthetic intimacy.", "url": "https://huggingface.co/spaces/jostlebot/shadowbox.library"},
+    {"icon": "💌", "title": "Tend & Send", "desc": "Craft messages with care. Practice tending to yourself before sending.", "url": "https://huggingface.co/spaces/jostlebot/TendSend.PrototypeBot"},
+    {"icon": "🤖", "title": "Build a Bot", "desc": "AI literacy — understand how LLMs work, spot synthetic intimacy.", "url": "https://huggingface.co/spaces/jostlebot/BuildABot.2"},
+    {"icon": "🩺", "title": "Diagnosis Explorer", "desc": "Understand diagnostic categories with nuance.", "url": "https://huggingface.co/spaces/jostlebot/DiagnosisExplorer"},
+    {"icon": "🪞", "title": "GSPT", "desc": "Generating Safer Passages of Text. Warm, boundaried reflections.", "url": "https://huggingface.co/spaces/jostlebot/GSPT"},
+    {"icon": "💚", "title": "Learn NVC", "desc": "Practice Nonviolent Communication. Transform judgments into needs.", "url": "https://huggingface.co/spaces/jostlebot/LearnNVC"},
+    {"icon": "💬", "title": "Practice Difficult Conversations", "desc": "Rehearse hard conversations before having them for real.", "url": "https://huggingface.co/spaces/jostlebot/PracticeDifficultConversations"},
+]
+
+if not st.session_state.onboarded:
+    st.markdown('<div class="hub-header"><h1>🌱 Practice Fields</h1><p class="hub-tagline">A curated collection of therapeutic practice spaces</p></div>', unsafe_allow_html=True)
+    st.markdown("### Welcome, Clinician")
+    st.markdown("Enter your information to personalize this hub for your clients.")
+    with st.form("onboarding"):
+        name = st.text_input("Your Name & Credentials", placeholder="e.g., Dr. Sarah Chen, LMHC")
+        orientation = st.text_area("Clinical Orientation (brief)", placeholder="e.g., Attachment-focused, DBT-informed, IFS...", height=80)
+        if st.form_submit_button("Enter Practice Fields", use_container_width=True):
+            if name:
+                st.session_state.clinician_name = name
+                st.session_state.clinician_orientation = orientation
+                st.session_state.onboarded = True
+                st.rerun()
+            else:
+                st.error("Please enter your name.")
+else:
+    st.markdown('<div class="hub-header"><h1>🌱 Practice Fields</h1><p class="hub-tagline">Structured practice for relational growth</p></div>', unsafe_allow_html=True)
+    st.markdown(f'<div class="clinician-badge"><strong>{st.session_state.clinician_name}</strong><br><span style="color:#6a7a7a;font-size:0.9rem;">{st.session_state.clinician_orientation or "Clinical Practice"}</span></div>', unsafe_allow_html=True)
+
+    c1, c2, c3 = st.columns([1,1,1])
+    with c2:
+        if st.button("Change Clinician Info", use_container_width=True):
+            st.session_state.onboarded = False
+            st.rerun()
+
+    st.markdown('<p class="section-header">Practice Spaces</p>', unsafe_allow_html=True)
+    col1, col2 = st.columns(2)
+    for i, s in enumerate(SPACES):
+        with col1 if i % 2 == 0 else col2:
+            st.markdown(f'<a href="{s["url"]}" target="_blank" class="field-card"><div class="field-icon">{s["icon"]}</div><div class="field-title">{s["title"]}</div><div class="field-desc">{s["desc"]}</div></a>', unsafe_allow_html=True)
+
+    st.markdown('<div class="footer-text">Not therapy. Practice spaces to complement work with your therapist.<br><strong>988</strong> · <strong>741741</strong> · <strong>911</strong></div>', unsafe_allow_html=True)

requirements.txt

@@ -0,0 +1 @@
+streamlit>=1.32.0