feat: Add debug tab with performance optimizations

- Implement environment-controlled debug data collection (ENABLE_DEBUG_TAB)
- Add frontend debug tab with sortable thematic pool analysis
- Optimize debug performance by removing expensive semantic neighbor computation
- Add comprehensive debug insights: generation params, word scoring, selection algorithm
- Update API response model to include optional debug field
- Create interactive UI for analyzing ML word selection process

Signed-off-by: Vimal Kumar <[email protected]>

crossword-app/backend-py/docs/debug_tab_feature.md

@@ -0,0 +1,214 @@
+# Debug Tab Feature Documentation
+
+## Overview
+
+The debug tab feature provides detailed insights into the thematic word generation process when enabled via environment variable. This feature is designed for developers to understand how the ML-based word selection algorithm works internally.
+
+## Environment Variable
+
+```bash
+ENABLE_DEBUG_TAB=true    # Enable debug data collection and return
+ENABLE_DEBUG_TAB=false   # Disable debug data (default)
+```
+
+## When Debug Data is Collected
+
+Debug data is collected during the thematic word generation process in `find_words_for_crossword()` when:
+
+1. `ENABLE_DEBUG_TAB=true` environment variable is set
+2. The thematic word service is properly initialized
+3. Any API endpoint that generates crossword puzzles is called
+
+## API Response Structure
+
+### Without Debug (Default)
+```json
+{
+  "grid": [...],
+  "clues": {...},
+  "metadata": {...}
+}
+```
+
+### With Debug Enabled
+```json
+{
+  "grid": [...],
+  "clues": {...}, 
+  "metadata": {...},
+  "debug": {
+    "enabled": true,
+    "generation_params": {
+      "topics": ["animals"],
+      "difficulty": "easy",
+      "requested_words": 10,
+      "custom_sentence": null,
+      "multi_theme": true,
+      "thematic_pool_size": 150,
+      "min_similarity": 0.25
+    },
+    "thematic_pool": [
+      {
+        "word": "CAT",
+        "similarity": 0.834,
+        "tier": "tier_5_common",
+        "percentile": 0.952,
+        "tier_description": "Common (Top 8%)"
+      }
+    ],
+    "candidate_words": [
+      {
+        "word": "CAT",
+        "similarity": 0.834,
+        "tier": "tier_5_common", 
+        "percentile": 0.952,
+        "clue": "Feline pet",
+        "semantic_neighbors": ["dog", "kitten", "feline", "pet", "animal"]
+      }
+    ],
+    "selection_method": "softmax",
+    "selection_params": {
+      "use_softmax_selection": true,
+      "similarity_temperature": 0.2,
+      "difficulty_weight": 0.5
+    },
+    "selected_words": [
+      {
+        "word": "CAT",
+        "similarity": 0.834,
+        "tier": "tier_5_common",
+        "percentile": 0.952,
+        "clue": "Feline pet"
+      }
+    ]
+  }
+}
+```
+
+## Debug Data Structure
+
+### `generation_params`
+- **topics**: Input topics provided by user
+- **difficulty**: Selected difficulty level
+- **requested_words**: Number of words requested
+- **custom_sentence**: Custom sentence input (if any)
+- **multi_theme**: Whether multi-theme processing was used
+- **thematic_pool_size**: Size of initial thematic pool generated
+- **min_similarity**: Minimum similarity threshold used
+
+### `thematic_pool` 
+Array of all words generated thematically (typically 150 words):
+- **word**: The word in uppercase
+- **similarity**: Cosine similarity score to theme (0.0-1.0)
+- **tier**: Frequency tier (tier_1_ultra_common to tier_10_very_rare)
+- **percentile**: Word frequency percentile (0.0-1.0, higher = more common)
+- **tier_description**: Human-readable tier description
+
+### `candidate_words`
+Array of words that passed filtering and got clues generated:
+- All fields from `thematic_pool` plus:
+- **clue**: Generated crossword clue
+- **semantic_neighbors**: List of semantically similar words from embeddings
+
+### `selection_method`
+- `"softmax"`: Uses ML-based probabilistic selection
+- `"random"`: Uses traditional random selection
+
+### `selection_params` 
+Current algorithm parameters:
+- **use_softmax_selection**: Whether softmax selection is enabled
+- **similarity_temperature**: Temperature for softmax (lower = more deterministic)
+- **difficulty_weight**: Balance between similarity and frequency (0.0-1.0)
+
+### `selected_words`
+Final words chosen for crossword generation with their scores and metadata.
+
+## Use Cases for Debug Data
+
+### 1. Algorithm Performance Analysis
+- Compare similarity scores across difficulty levels
+- Analyze frequency distribution in selections
+- Understand why certain words were selected/rejected
+
+### 2. Difficulty Tuning
+- Verify easy mode selects common words (high percentiles)
+- Verify hard mode selects rare words (low percentiles)
+- Check if composite scoring is working as expected
+
+### 3. Clue Quality Assessment
+- Review generated clues for accuracy
+- Analyze semantic neighbors for clue generation
+- Identify words that need manual clue overrides
+
+### 4. Theme Relevance Debugging
+- Check similarity scores for theme matching
+- Identify words that don't match intended theme
+- Analyze multi-theme vs single-theme behavior
+
+## Frontend Integration
+
+The debug data can be displayed in a separate "Debug" or "Peek-in" tab that shows:
+
+1. **Generation Overview**: Parameters and summary statistics
+2. **Thematic Pool**: Sortable table of all 150 generated words
+3. **Selection Process**: Visualization of softmax probabilities
+4. **Semantic Analysis**: Word neighbors and clue generation details
+5. **Performance Metrics**: Timing and efficiency data
+
+## Performance Impact
+
+- **Disabled** (default): No performance impact
+- **Enabled**: Minimal impact (~5-10ms additional processing)
+  - Semantic neighbor computation: ~1-2ms per word
+  - Debug data structure creation: ~3-5ms total
+  - JSON serialization: Negligible
+
+## Security Considerations
+
+- Debug data exposes internal ML model behavior
+- Should only be enabled in development/staging environments
+- No sensitive user data is exposed
+- All data is derived from public word frequencies and embeddings
+
+## Testing
+
+```bash
+# Test debug disabled
+python test_debug_feature.py
+
+# Test with full model loading (takes time)
+ENABLE_DEBUG_TAB=true python -c "import asyncio; from test_debug_feature import full_integration_test; asyncio.run(full_integration_test())"
+
+# Test API endpoint with debug enabled
+ENABLE_DEBUG_TAB=true uvicorn app:app --host 0.0.0.0 --port 7860
+curl -X POST http://localhost:7860/api/generate -H "Content-Type: application/json" -d '{"topics": ["animals"], "difficulty": "easy", "wordCount": 8}'
+```
+
+## Implementation Details
+
+### Files Modified
+- `src/services/thematic_word_service.py`: Debug data collection
+- `src/services/crossword_generator.py`: Debug data pass-through
+- `src/routes/api.py`: Debug data inclusion in responses
+
+### Key Functions
+- `ThematicWordService.find_words_for_crossword()`: Now returns `{"words": [...], "debug": {...}}`
+- `CrosswordGenerator._select_words()`: Now returns `(words, debug_data)` tuple
+- `CrosswordGenerator.generate_puzzle()`: Includes debug data in response
+
+### Environment Variable Parsing
+```python
+self.enable_debug_tab = os.getenv("ENABLE_DEBUG_TAB", "false").lower() == "true"
+```
+
+## Future Enhancements
+
+1. **Performance Metrics**: Add timing data for each processing stage
+2. **Grid Placement Debug**: Include grid placement algorithm details
+3. **Clue Generation Debug**: Detailed clue generation process insights
+4. **Statistical Analysis**: Word distribution charts and analytics
+5. **Export Functionality**: Export debug data as CSV/JSON for analysis
+
+---
+
+*This feature was implemented in August 2025 as part of the crossword generation optimization project.*

crossword-app/backend-py/public/assets/index-BjEV3Co3.js

@@ -0,0 +1,10 @@
+import{r as m,a as R,R as $}from"./vendor-nf7bT_Uh.js";(function(){const c=document.createElement("link").relList;if(c&&c.supports&&c.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))i(t);new MutationObserver(t=>{for(const r of t)if(r.type==="childList")for(const h of r.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&i(h)}).observe(document,{childList:!0,subtree:!0});function u(t){const r={};return t.integrity&&(r.integrity=t.integrity),t.referrerPolicy&&(r.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?r.credentials="include":t.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function i(t){if(t.ep)return;t.ep=!0;const r=u(t);fetch(t.href,r)}})();var C={exports:{}},_={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var O=m,L=Symbol.for("react.element"),F=Symbol.for("react.fragment"),G=Object.prototype.hasOwnProperty,M=O.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,U={key:!0,ref:!0,__self:!0,__source:!0};function T(s,c,u){var i,t={},r=null,h=null;u!==void 0&&(r=""+u),c.key!==void 0&&(r=""+c.key),c.ref!==void 0&&(h=c.ref);for(i in c)G.call(c,i)&&!U.hasOwnProperty(i)&&(t[i]=c[i]);if(s&&s.defaultProps)for(i in c=s.defaultProps,c)t[i]===void 0&&(t[i]=c[i]);return{$$typeof:L,type:s,key:r,ref:h,props:t,_owner:M.current}}_.Fragment=F;_.jsx=T;_.jsxs=T;C.exports=_;var e=C.exports,z={},S=R;z.createRoot=S.createRoot,z.hydrateRoot=S.hydrateRoot;const W=({onTopicsChange:s,availableTopics:c=[],selectedTopics:u=[],customSentence:i="",onSentenceChange:t,multiTheme:r=!0,onMultiThemeChange:h})=>{const g=o=>{const f=u.includes(o)?u.filter(j=>j!==o):[...u,o];s(f)};return e.jsxs("div",{className:"topic-selector",children:[e.jsx("h3",{children:"Select Topics"}),e.jsx("div",{className:"topic-buttons",children:c.map(o=>e.jsx("button",{className:`topic-btn ${u.includes(o.name)?"selected":""}`,onClick:()=>g(o.name),children:o.name},o.id))}),e.jsxs("div",{className:"sentence-input-container",children:[e.jsx("label",{htmlFor:"custom-sentence",className:"sentence-label",children:"Custom Sentence (optional)"}),e.jsx("textarea",{id:"custom-sentence",className:"sentence-input",value:i,onChange:o=>t&&t(o.target.value),placeholder:"Enter a sentence to influence word selection...",rows:"3",maxLength:"200"}),e.jsxs("div",{className:"sentence-info",children:[e.jsxs("span",{className:"char-count",children:[i.length,"/200 characters"]}),i&&e.jsx("button",{type:"button",className:"clear-sentence-btn",onClick:()=>t&&t(""),title:"Clear sentence",children:"Clear"})]})]}),e.jsxs("div",{className:"multi-theme-toggle-container",children:[e.jsxs("label",{className:"multi-theme-toggle",children:[e.jsx("input",{type:"checkbox",checked:r,onChange:o=>h&&h(o.target.checked),className:"multi-theme-checkbox"}),e.jsx("span",{className:"multi-theme-label",children:"🎯 Use Multi-Theme Processing"})]}),e.jsx("p",{className:"multi-theme-description",children:r?"AI will process each theme separately and balance results":"AI will blend all themes into a single concept"})]}),e.jsxs("p",{className:"selected-count",children:[u.length," topic",u.length!==1?"s":""," selected"]})]})},B=({grid:s,clues:c,showSolution:u,onCellChange:i})=>{const[t,r]=m.useState({});m.useEffect(()=>{r({})},[s]);const h=(l,n,a)=>{const p=`${l}-${n}`,x={...t,[p]:a.toUpperCase()};r(x),i&&i(l,n,a)},g=(l,n)=>{if(u&&!o(l,n))return s[l][n];const a=`${l}-${n}`;return t[a]||""},o=(l,n)=>s[l][n]===".",f=(l,n)=>{if(!c)return null;const a=c.find(p=>p.position.row===l&&p.position.col===n);return a?a.number:null};if(!s||s.length===0)return e.jsx("div",{className:"puzzle-grid",children:"No puzzle loaded"});const j=s.length,d=s[0]?s[0].length:0;return e.jsx("div",{className:"puzzle-container",children:e.jsx("div",{className:"puzzle-grid",style:{gridTemplateColumns:`repeat(${d}, 35px)`,gridTemplateRows:`repeat(${j}, 35px)`},children:s.map((l,n)=>l.map((a,p)=>{const x=f(n,p);return o(n,p)?e.jsx("div",{className:"grid-cell empty-cell",style:{visibility:"hidden"}},`${n}-${p}`):e.jsxs("div",{className:"grid-cell white-cell",children:[x&&e.jsx("span",{className:"cell-number",children:x}),e.jsx("input",{type:"text",maxLength:"1",value:g(n,p),onChange:v=>h(n,p,v.target.value),className:`cell-input ${u?"solution-text":""}`,disabled:u})]},`${n}-${p}`)}))})})},q=({clues:s=[]})=>{const c=s.filter(t=>t.direction==="across"),u=s.filter(t=>t.direction==="down"),i=({title:t,clueList:r})=>e.jsxs("div",{className:"clue-section",children:[e.jsx("h4",{children:t}),e.jsx("ol",{children:r.map(h=>e.jsxs("li",{className:"clue-item",children:[e.jsx("span",{className:"clue-number",children:h.number}),e.jsx("span",{className:"clue-text",children:h.text})]},`${h.number}-${h.direction}`))})]});return e.jsxs("div",{className:"clue-list",children:[e.jsx(i,{title:"Across",clueList:c}),e.jsx(i,{title:"Down",clueList:u})]})},Y=({debugData:s})=>{const[c,u]=m.useState("overview");if(!s||!s.enabled)return e.jsx("div",{className:"debug-tab",children:e.jsx("p",{children:"Debug data not available. Set ENABLE_DEBUG_TAB=true on the backend."})});const i=[{id:"overview",label:"Overview"},{id:"thematic-pool",label:"Thematic Pool"},{id:"candidates",label:"Candidates"},{id:"selection",label:"Selection"},{id:"selected",label:"Selected Words"}],t=()=>{var d,l,n;return e.jsxs("div",{className:"debug-section",children:[e.jsx("h3",{children:"Generation Parameters"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Topics:"})," ",s.generation_params.topics.join(", ")]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty:"})," ",s.generation_params.difficulty]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Requested Words:"})," ",s.generation_params.requested_words]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Thematic Pool Size:"})," ",s.generation_params.thematic_pool_size]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Min Similarity:"})," ",s.generation_params.min_similarity]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Multi-theme:"})," ",s.generation_params.multi_theme?"Yes":"No"]}),s.generation_params.custom_sentence&&e.jsxs("div",{children:[e.jsx("strong",{children:"Custom Sentence:"}),' "',s.generation_params.custom_sentence,'"']})]}),e.jsx("h3",{children:"Selection Algorithm"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Method:"})," ",s.selection_method]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Temperature:"})," ",s.selection_params.similarity_temperature]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty Weight:"})," ",s.selection_params.difficulty_weight]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Use Softmax:"})," ",s.selection_params.use_softmax_selection?"Yes":"No"]})]}),e.jsx("h3",{children:"Results Summary"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Thematic Pool:"})," ",((d=s.thematic_pool)==null?void 0:d.length)||0," words"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Candidates:"})," ",((l=s.candidate_words)==null?void 0:l.length)||0," words"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Selected:"})," ",((n=s.selected_words)==null?void 0:n.length)||0," words"]})]})]})},r=(d,l=!1,n=!1)=>e.jsx("div",{className:"word-table-container",children:e.jsxs("table",{className:"word-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Word"}),e.jsx("th",{children:"Similarity"}),e.jsx("th",{children:"Percentile"}),e.jsx("th",{children:"Tier"}),l&&e.jsx("th",{children:"Clue"}),n&&e.jsx("th",{children:"Semantic Neighbors"})]})}),e.jsx("tbody",{children:d.map((a,p)=>{var x;return e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("strong",{children:a.word})}),e.jsx("td",{children:a.similarity.toFixed(3)}),e.jsx("td",{children:a.percentile.toFixed(3)}),e.jsx("td",{title:a.tier_description||a.tier,children:a.tier.replace("tier_","").replace("_"," ")}),l&&e.jsx("td",{children:a.clue}),n&&e.jsx("td",{children:((x=a.semantic_neighbors)==null?void 0:x.slice(0,3).join(", "))||"N/A"})]},p)})})]})}),h=()=>{const d=[...s.thematic_pool||[]].sort((l,n)=>n.similarity-l.similarity);return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Thematic Pool (",d.length," words)"]}),e.jsx("p",{children:"All words generated thematically, sorted by similarity to theme."}),r(d)]})},g=()=>{const d=s.candidate_words||[];return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Candidate Words (",d.length," words)"]}),e.jsx("p",{children:"Words that passed filtering and got clues generated."}),r(d,!0,!0)]})},o=()=>e.jsxs("div",{className:"debug-section",children:[e.jsx("h3",{children:"Selection Process"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Algorithm:"})," ",s.selection_method]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Temperature:"})," ",s.selection_params.similarity_temperature," (lower = more deterministic)"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty Weight:"})," ",s.selection_params.difficulty_weight," (balance between similarity and frequency)"]})]}),e.jsx("h4",{children:"How it works:"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Composite Score"})," = (1 - difficulty_weight) × similarity + difficulty_weight × frequency_alignment"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Frequency Alignment"}),": Gaussian distribution favoring target percentiles by difficulty"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Softmax Selection"}),": Probabilistic selection based on composite scores with temperature control"]})]}),e.jsx("h4",{children:"Difficulty Targets:"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Easy:"})," 90th percentile (common words like CAT, DOG)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Medium:"})," 50th percentile (balanced selection)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Hard:"})," 20th percentile (rare words like QUETZAL, PLATYPUS)"]})]})]}),f=()=>{const d=s.selected_words||[];return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Selected Words (",d.length," words)"]}),e.jsx("p",{children:"Final words chosen for crossword generation."}),r(d,!0)]})},j=()=>{switch(c){case"overview":return t();case"thematic-pool":return h();case"candidates":return g();case"selection":return o();case"selected":return f();default:return t()}};return e.jsxs("div",{className:"debug-tab",children:[e.jsx("div",{className:"debug-nav",children:i.map(d=>e.jsx("button",{className:`debug-nav-btn ${c===d.id?"active":""}`,onClick:()=>u(d.id),children:d.label},d.id))}),e.jsx("div",{className:"debug-content",children:j()})]})},H=({message:s="Generating puzzle..."})=>e.jsxs("div",{className:"loading-spinner",children:[e.jsx("div",{className:"spinner"}),e.jsx("p",{className:"loading-message",children:s})]}),J=()=>{const[s,c]=m.useState(null),[u,i]=m.useState(!1),[t,r]=m.useState(null),[h,g]=m.useState([]),o="",f=m.useCallback(async()=>{try{i(!0);const n=await fetch(`${o}/api/topics`);if(!n.ok)throw new Error("Failed to fetch topics");const a=await n.json();g(a)}catch(n){r(n.message)}finally{i(!1)}},[o]),j=m.useCallback(async(n,a="medium",p=!1,x="",y=!0)=>{try{i(!0),r(null);const v=await fetch(`${o}/api/generate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({topics:n,difficulty:a,useAI:p,...x&&{customSentence:x},multiTheme:y})});if(!v.ok){const w=await v.json().catch(()=>({}));throw new Error(w.message||"Failed to generate puzzle")}const N=await v.json();return c(N),N}catch(v){return r(v.message),null}finally{i(!1)}},[o]),d=m.useCallback(async n=>{try{const a=await fetch(`${o}/api/validate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({puzzle:s,answers:n})});if(!a.ok)throw new Error("Failed to validate answers");return await a.json()}catch(a){return r(a.message),null}},[o,s]),l=m.useCallback(()=>{c(null),r(null)},[]);return{puzzle:s,loading:u,error:t,topics:h,fetchTopics:f,generatePuzzle:j,validateAnswers:d,resetPuzzle:l}};function K(){const[s,c]=m.useState([]),[u,i]=m.useState("medium"),[t,r]=m.useState(!1),[h,g]=m.useState(""),[o,f]=m.useState(!0),[j,d]=m.useState("puzzle"),{puzzle:l,loading:n,error:a,topics:p,fetchTopics:x,generatePuzzle:y,resetPuzzle:v}=J();m.useEffect(()=>{x()},[x]);const N=async()=>{if(s.length===0&&!h.trim()){alert("Please select at least one topic or provide a custom sentence");return}r(!1),await y(s,u,!1,h,o)},w=b=>{c(b)},P=b=>{g(b)},k=b=>{f(b)},E=()=>{v(),c([]),r(!1),i("medium"),g(""),f(!0),d("puzzle")},A=()=>{r(!0)};return e.jsxs("div",{className:"crossword-app",children:[e.jsxs("header",{className:"app-header",children:[e.jsx("h1",{className:"app-title",children:"Crossword Puzzle Generator"}),e.jsx("p",{children:"Select topics and generate your custom crossword puzzle!"})]}),e.jsx(W,{onTopicsChange:w,availableTopics:p,selectedTopics:s,customSentence:h,onSentenceChange:P,multiTheme:o,onMultiThemeChange:k}),e.jsxs("div",{className:"puzzle-controls",children:[e.jsxs("select",{value:u,onChange:b=>i(b.target.value),className:"control-btn",children:[e.jsx("option",{value:"easy",children:"Easy"}),e.jsx("option",{value:"medium",children:"Medium"}),e.jsx("option",{value:"hard",children:"Hard"})]}),e.jsx("button",{onClick:N,disabled:n||s.length===0&&!h.trim(),className:"control-btn generate-btn",children:n?"Generating...":"Generate Puzzle"}),e.jsx("button",{onClick:E,className:"control-btn reset-btn",children:"Reset"}),l&&!t&&e.jsx("button",{onClick:A,className:"control-btn reveal-btn",children:"Reveal Solution"})]}),a&&e.jsxs("div",{className:"error-message",children:["Error: ",a]}),n&&e.jsx(H,{}),l&&!n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tab-nav",children:[e.jsx("button",{className:`tab-btn ${j==="puzzle"?"active":""}`,onClick:()=>d("puzzle"),children:"Puzzle"}),l.debug&&e.jsx("button",{className:`tab-btn ${j==="debug"?"active":""}`,onClick:()=>d("debug"),children:"Debug"})]}),j==="puzzle"&&e.jsxs("div",{className:"puzzle-layout",children:[e.jsx(B,{grid:l.grid,clues:l.clues,showSolution:t}),e.jsx(q,{clues:l.clues})]}),j==="debug"&&l.debug&&e.jsx(Y,{debugData:l.debug})]}),!l&&!n&&!a&&e.jsx("div",{style:{textAlign:"center",padding:"40px",color:"#7f8c8d"},children:'Select topics and click "Generate Puzzle" to start!'})]})}z.createRoot(document.getElementById("root")).render(e.jsx($.StrictMode,{children:e.jsx(K,{})}));
+//# sourceMappingURL=index-BjEV3Co3.js.map

crossword-app/backend-py/public/assets/index-BjEV3Co3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BjEV3Co3.js","sources":["../../node_modules/react/cjs/react-jsx-runtime.production.min.js","../../node_modules/react/jsx-runtime.js","../../node_modules/react-dom/client.js","../../src/components/TopicSelector.jsx","../../src/components/PuzzleGrid.jsx","../../src/components/ClueList.jsx","../../src/components/DebugTab.jsx","../../src/components/LoadingSpinner.jsx","../../src/hooks/useCrossword.js","../../src/App.jsx","../../src/main.jsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","import React from 'react';\n\nconst TopicSelector = ({ \n  onTopicsChange, \n  availableTopics = [], \n  selectedTopics = [],\n  customSentence = '',\n  onSentenceChange,\n  multiTheme = true,\n  onMultiThemeChange\n}) => {\n  const handleTopicToggle = (topic) => {\n    const newSelectedTopics = selectedTopics.includes(topic)\n      ? selectedTopics.filter(t => t !== topic)\n      : [...selectedTopics, topic];\n    \n    onTopicsChange(newSelectedTopics);\n  };\n\n  return (\n    <div className=\"topic-selector\">\n      <h3>Select Topics</h3>\n      <div className=\"topic-buttons\">\n        {availableTopics.map(topic => (\n          <button\n            key={topic.id}\n            className={`topic-btn ${selectedTopics.includes(topic.name) ? 'selected' : ''}`}\n            onClick={() => handleTopicToggle(topic.name)}\n          >\n            {topic.name}\n          </button>\n        ))}\n      </div>\n      \n      <div className=\"sentence-input-container\">\n        <label htmlFor=\"custom-sentence\" className=\"sentence-label\">\n          Custom Sentence (optional)\n        </label>\n        <textarea\n          id=\"custom-sentence\"\n          className=\"sentence-input\"\n          value={customSentence}\n          onChange={(e) => onSentenceChange && onSentenceChange(e.target.value)}\n          placeholder=\"Enter a sentence to influence word selection...\"\n          rows=\"3\"\n          maxLength=\"200\"\n        />\n        <div className=\"sentence-info\">\n          <span className=\"char-count\">{customSentence.length}/200 characters</span>\n          {customSentence && (\n            <button \n              type=\"button\"\n              className=\"clear-sentence-btn\"\n              onClick={() => onSentenceChange && onSentenceChange('')}\n              title=\"Clear sentence\"\n            >\n              Clear\n            </button>\n          )}\n        </div>\n      </div>\n      \n      <div className=\"multi-theme-toggle-container\">\n        <label className=\"multi-theme-toggle\">\n          <input\n            type=\"checkbox\"\n            checked={multiTheme}\n            onChange={(e) => onMultiThemeChange && onMultiThemeChange(e.target.checked)}\n            className=\"multi-theme-checkbox\"\n          />\n          <span className=\"multi-theme-label\">\n            🎯 Use Multi-Theme Processing\n          </span>\n        </label>\n        <p className=\"multi-theme-description\">\n          {multiTheme \n            ? \"AI will process each theme separately and balance results\" \n            : \"AI will blend all themes into a single concept\"\n          }\n        </p>\n      </div>\n      \n      <p className=\"selected-count\">\n        {selectedTopics.length} topic{selectedTopics.length !== 1 ? 's' : ''} selected\n      </p>\n    </div>\n  );\n};\n\nexport default TopicSelector;","import React, { useState, useEffect } from 'react';\n\nconst PuzzleGrid = ({ grid, clues, showSolution, onCellChange }) => {\n  const [userAnswers, setUserAnswers] = useState({});\n\n  useEffect(() => {\n    setUserAnswers({});\n  }, [grid]);\n\n  const handleCellInput = (row, col, value) => {\n    const key = `${row}-${col}`;\n    const newAnswers = { ...userAnswers, [key]: value.toUpperCase() };\n    setUserAnswers(newAnswers);\n    onCellChange && onCellChange(row, col, value);\n  };\n\n  const getCellValue = (row, col) => {\n    if (showSolution && !isBlackCell(row, col)) {\n      return grid[row][col];\n    }\n    const key = `${row}-${col}`;\n    return userAnswers[key] || '';\n  };\n\n  const isBlackCell = (row, col) => {\n    return grid[row][col] === '.';\n  };\n\n  const getCellNumber = (row, col) => {\n    if (!clues) return null;\n    const clue = clues.find(c => c.position.row === row && c.position.col === col);\n    return clue ? clue.number : null;\n  };\n\n  if (!grid || grid.length === 0) {\n    return <div className=\"puzzle-grid\">No puzzle loaded</div>;\n  }\n\n  const gridRows = grid.length;\n  const gridCols = grid[0] ? grid[0].length : 0;\n\n  return (\n    <div className=\"puzzle-container\">\n      <div \n        className=\"puzzle-grid\"\n        style={{\n          gridTemplateColumns: `repeat(${gridCols}, 35px)`,\n          gridTemplateRows: `repeat(${gridRows}, 35px)`\n        }}\n      >\n        {grid.map((row, rowIndex) =>\n          row.map((cell, colIndex) => {\n            const cellNumber = getCellNumber(rowIndex, colIndex);\n            const isBlack = isBlackCell(rowIndex, colIndex);\n            \n            // Only render cells that contain letters (not black/unused cells)\n            if (isBlack) {\n              return (\n                <div\n                  key={`${rowIndex}-${colIndex}`}\n                  className=\"grid-cell empty-cell\"\n                  style={{ visibility: 'hidden' }}\n                >\n                </div>\n              );\n            }\n            \n            return (\n              <div\n                key={`${rowIndex}-${colIndex}`}\n                className=\"grid-cell white-cell\"\n              >\n                {cellNumber && <span className=\"cell-number\">{cellNumber}</span>}\n                <input\n                  type=\"text\"\n                  maxLength=\"1\"\n                  value={getCellValue(rowIndex, colIndex)}\n                  onChange={(e) => handleCellInput(rowIndex, colIndex, e.target.value)}\n                  className={`cell-input ${showSolution ? 'solution-text' : ''}`}\n                  disabled={showSolution}\n                />\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default PuzzleGrid;","import React from 'react';\n\nconst ClueList = ({ clues = [] }) => {\n  const acrossClues = clues.filter(clue => clue.direction === 'across');\n  const downClues = clues.filter(clue => clue.direction === 'down');\n\n  const ClueSection = ({ title, clueList }) => (\n    <div className=\"clue-section\">\n      <h4>{title}</h4>\n      <ol>\n        {clueList.map(clue => (\n          <li key={`${clue.number}-${clue.direction}`} className=\"clue-item\">\n            <span className=\"clue-number\">{clue.number}</span>\n            <span className=\"clue-text\">{clue.text}</span>\n          </li>\n        ))}\n      </ol>\n    </div>\n  );\n\n  return (\n    <div className=\"clue-list\">\n      <ClueSection title=\"Across\" clueList={acrossClues} />\n      <ClueSection title=\"Down\" clueList={downClues} />\n    </div>\n  );\n};\n\nexport default ClueList;","import React, { useState } from 'react';\n\nconst DebugTab = ({ debugData }) => {\n  const [activeSection, setActiveSection] = useState('overview');\n\n  if (!debugData || !debugData.enabled) {\n    return (\n      <div className=\"debug-tab\">\n        <p>Debug data not available. Set ENABLE_DEBUG_TAB=true on the backend.</p>\n      </div>\n    );\n  }\n\n  const sections = [\n    { id: 'overview', label: 'Overview' },\n    { id: 'thematic-pool', label: 'Thematic Pool' },\n    { id: 'candidates', label: 'Candidates' },\n    { id: 'selection', label: 'Selection' },\n    { id: 'selected', label: 'Selected Words' }\n  ];\n\n  const renderOverview = () => (\n    <div className=\"debug-section\">\n      <h3>Generation Parameters</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Topics:</strong> {debugData.generation_params.topics.join(', ')}</div>\n        <div><strong>Difficulty:</strong> {debugData.generation_params.difficulty}</div>\n        <div><strong>Requested Words:</strong> {debugData.generation_params.requested_words}</div>\n        <div><strong>Thematic Pool Size:</strong> {debugData.generation_params.thematic_pool_size}</div>\n        <div><strong>Min Similarity:</strong> {debugData.generation_params.min_similarity}</div>\n        <div><strong>Multi-theme:</strong> {debugData.generation_params.multi_theme ? 'Yes' : 'No'}</div>\n        {debugData.generation_params.custom_sentence && (\n          <div><strong>Custom Sentence:</strong> \"{debugData.generation_params.custom_sentence}\"</div>\n        )}\n      </div>\n\n      <h3>Selection Algorithm</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Method:</strong> {debugData.selection_method}</div>\n        <div><strong>Temperature:</strong> {debugData.selection_params.similarity_temperature}</div>\n        <div><strong>Difficulty Weight:</strong> {debugData.selection_params.difficulty_weight}</div>\n        <div><strong>Use Softmax:</strong> {debugData.selection_params.use_softmax_selection ? 'Yes' : 'No'}</div>\n      </div>\n\n      <h3>Results Summary</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Thematic Pool:</strong> {debugData.thematic_pool?.length || 0} words</div>\n        <div><strong>Candidates:</strong> {debugData.candidate_words?.length || 0} words</div>\n        <div><strong>Selected:</strong> {debugData.selected_words?.length || 0} words</div>\n      </div>\n    </div>\n  );\n\n  const renderWordTable = (words, showClue = false, showNeighbors = false) => (\n    <div className=\"word-table-container\">\n      <table className=\"word-table\">\n        <thead>\n          <tr>\n            <th>Word</th>\n            <th>Similarity</th>\n            <th>Percentile</th>\n            <th>Tier</th>\n            {showClue && <th>Clue</th>}\n            {showNeighbors && <th>Semantic Neighbors</th>}\n          </tr>\n        </thead>\n        <tbody>\n          {words.map((word, idx) => (\n            <tr key={idx}>\n              <td><strong>{word.word}</strong></td>\n              <td>{word.similarity.toFixed(3)}</td>\n              <td>{word.percentile.toFixed(3)}</td>\n              <td title={word.tier_description || word.tier}>{word.tier.replace('tier_', '').replace('_', ' ')}</td>\n              {showClue && <td>{word.clue}</td>}\n              {showNeighbors && <td>{word.semantic_neighbors?.slice(0, 3).join(', ') || 'N/A'}</td>}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n\n  const renderThematicPool = () => {\n    const sortedPool = [...(debugData.thematic_pool || [])].sort((a, b) => b.similarity - a.similarity);\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Thematic Pool ({sortedPool.length} words)</h3>\n        <p>All words generated thematically, sorted by similarity to theme.</p>\n        {renderWordTable(sortedPool)}\n      </div>\n    );\n  };\n\n  const renderCandidates = () => {\n    const candidates = debugData.candidate_words || [];\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Candidate Words ({candidates.length} words)</h3>\n        <p>Words that passed filtering and got clues generated.</p>\n        {renderWordTable(candidates, true, true)}\n      </div>\n    );\n  };\n\n  const renderSelection = () => (\n    <div className=\"debug-section\">\n      <h3>Selection Process</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Algorithm:</strong> {debugData.selection_method}</div>\n        <div><strong>Temperature:</strong> {debugData.selection_params.similarity_temperature} (lower = more deterministic)</div>\n        <div><strong>Difficulty Weight:</strong> {debugData.selection_params.difficulty_weight} (balance between similarity and frequency)</div>\n      </div>\n      \n      <h4>How it works:</h4>\n      <ul>\n        <li><strong>Composite Score</strong> = (1 - difficulty_weight) × similarity + difficulty_weight × frequency_alignment</li>\n        <li><strong>Frequency Alignment</strong>: Gaussian distribution favoring target percentiles by difficulty</li>\n        <li><strong>Softmax Selection</strong>: Probabilistic selection based on composite scores with temperature control</li>\n      </ul>\n\n      <h4>Difficulty Targets:</h4>\n      <ul>\n        <li><strong>Easy:</strong> 90th percentile (common words like CAT, DOG)</li>\n        <li><strong>Medium:</strong> 50th percentile (balanced selection)</li>\n        <li><strong>Hard:</strong> 20th percentile (rare words like QUETZAL, PLATYPUS)</li>\n      </ul>\n    </div>\n  );\n\n  const renderSelected = () => {\n    const selected = debugData.selected_words || [];\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Selected Words ({selected.length} words)</h3>\n        <p>Final words chosen for crossword generation.</p>\n        {renderWordTable(selected, true)}\n      </div>\n    );\n  };\n\n  const renderSection = () => {\n    switch (activeSection) {\n      case 'overview': return renderOverview();\n      case 'thematic-pool': return renderThematicPool();\n      case 'candidates': return renderCandidates();\n      case 'selection': return renderSelection();\n      case 'selected': return renderSelected();\n      default: return renderOverview();\n    }\n  };\n\n  return (\n    <div className=\"debug-tab\">\n      <div className=\"debug-nav\">\n        {sections.map(section => (\n          <button\n            key={section.id}\n            className={`debug-nav-btn ${activeSection === section.id ? 'active' : ''}`}\n            onClick={() => setActiveSection(section.id)}\n          >\n            {section.label}\n          </button>\n        ))}\n      </div>\n      \n      <div className=\"debug-content\">\n        {renderSection()}\n      </div>\n    </div>\n  );\n};\n\nexport default DebugTab;","import React from 'react';\n\nconst LoadingSpinner = ({ message = \"Generating puzzle...\" }) => {\n  return (\n    <div className=\"loading-spinner\">\n      <div className=\"spinner\"></div>\n      <p className=\"loading-message\">{message}</p>\n    </div>\n  );\n};\n\nexport default LoadingSpinner;","import { useState, useCallback } from 'react';\n\nconst useCrossword = () => {\n  const [puzzle, setPuzzle] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(null);\n  const [topics, setTopics] = useState([]);\n\n  const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || (import.meta.env.PROD ? '' : 'http://localhost:3000');\n\n  const fetchTopics = useCallback(async () => {\n    try {\n      setLoading(true);\n      const response = await fetch(`${API_BASE_URL}/api/topics`);\n      if (!response.ok) throw new Error('Failed to fetch topics');\n      const data = await response.json();\n      setTopics(data);\n    } catch (err) {\n      setError(err.message);\n    } finally {\n      setLoading(false);\n    }\n  }, [API_BASE_URL]);\n\n  const generatePuzzle = useCallback(async (selectedTopics, difficulty = 'medium', useAI = false, customSentence = '', multiTheme = true) => {\n    try {\n      setLoading(true);\n      setError(null);\n      \n      const response = await fetch(`${API_BASE_URL}/api/generate`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          topics: selectedTopics,\n          difficulty,\n          useAI,\n          ...(customSentence && { customSentence }),\n          multiTheme\n        })\n      });\n\n      if (!response.ok) {\n        const errorData = await response.json().catch(() => ({}));\n        throw new Error(errorData.message || 'Failed to generate puzzle');\n      }\n      \n      const puzzleData = await response.json();\n      setPuzzle(puzzleData);\n      return puzzleData;\n    } catch (err) {\n      setError(err.message);\n      return null;\n    } finally {\n      setLoading(false);\n    }\n  }, [API_BASE_URL]);\n\n  const validateAnswers = useCallback(async (userAnswers) => {\n    try {\n      const response = await fetch(`${API_BASE_URL}/api/validate`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          puzzle: puzzle,\n          answers: userAnswers\n        })\n      });\n\n      if (!response.ok) throw new Error('Failed to validate answers');\n      \n      return await response.json();\n    } catch (err) {\n      setError(err.message);\n      return null;\n    }\n  }, [API_BASE_URL, puzzle]);\n\n  const resetPuzzle = useCallback(() => {\n    setPuzzle(null);\n    setError(null);\n  }, []);\n\n  return {\n    puzzle,\n    loading,\n    error,\n    topics,\n    fetchTopics,\n    generatePuzzle,\n    validateAnswers,\n    resetPuzzle\n  };\n};\n\nexport default useCrossword;","import React, { useState, useEffect } from 'react';\nimport TopicSelector from './components/TopicSelector';\nimport PuzzleGrid from './components/PuzzleGrid';\nimport ClueList from './components/ClueList';\nimport DebugTab from './components/DebugTab';\nimport LoadingSpinner from './components/LoadingSpinner';\nimport useCrossword from './hooks/useCrossword';\nimport './styles/puzzle.css';\n\nfunction App() {\n  const [selectedTopics, setSelectedTopics] = useState([]);\n  const [difficulty, setDifficulty] = useState('medium');\n  const [showSolution, setShowSolution] = useState(false);\n  const [customSentence, setCustomSentence] = useState('');\n  const [multiTheme, setMultiTheme] = useState(true);\n  const [activeTab, setActiveTab] = useState('puzzle');\n  \n  const {\n    puzzle,\n    loading,\n    error,\n    topics,\n    fetchTopics,\n    generatePuzzle,\n    resetPuzzle\n  } = useCrossword();\n\n  useEffect(() => {\n    fetchTopics();\n  }, [fetchTopics]);\n\n  const handleGeneratePuzzle = async () => {\n    if (selectedTopics.length === 0 && !customSentence.trim()) {\n      alert('Please select at least one topic or provide a custom sentence');\n      return;\n    }\n    \n    setShowSolution(false);\n    await generatePuzzle(selectedTopics, difficulty, false, customSentence, multiTheme);\n  };\n\n  const handleTopicsChange = (topics) => {\n    setSelectedTopics(topics);\n  };\n\n  const handleSentenceChange = (sentence) => {\n    setCustomSentence(sentence);\n  };\n\n  const handleMultiThemeChange = (enabled) => {\n    setMultiTheme(enabled);\n  };\n\n\n  const handleReset = () => {\n    resetPuzzle();\n    setSelectedTopics([]);\n    setShowSolution(false);\n    setDifficulty('medium');\n    setCustomSentence('');\n    setMultiTheme(true);\n    setActiveTab('puzzle');\n  };\n\n  const handleRevealSolution = () => {\n    setShowSolution(true);\n  };\n\n  return (\n    <div className=\"crossword-app\">\n      <header className=\"app-header\">\n        <h1 className=\"app-title\">Crossword Puzzle Generator</h1>\n        <p>Select topics and generate your custom crossword puzzle!</p>\n      </header>\n\n      <TopicSelector \n        onTopicsChange={handleTopicsChange}\n        availableTopics={topics}\n        selectedTopics={selectedTopics}\n        customSentence={customSentence}\n        onSentenceChange={handleSentenceChange}\n        multiTheme={multiTheme}\n        onMultiThemeChange={handleMultiThemeChange}\n      />\n\n      <div className=\"puzzle-controls\">\n        <select \n          value={difficulty} \n          onChange={(e) => setDifficulty(e.target.value)}\n          className=\"control-btn\"\n        >\n          <option value=\"easy\">Easy</option>\n          <option value=\"medium\">Medium</option>\n          <option value=\"hard\">Hard</option>\n        </select>\n        \n        <button\n          onClick={handleGeneratePuzzle}\n          disabled={loading || (selectedTopics.length === 0 && !customSentence.trim())}\n          className=\"control-btn generate-btn\"\n        >\n          {loading ? 'Generating...' : 'Generate Puzzle'}\n        </button>\n        \n        <button\n          onClick={handleReset}\n          className=\"control-btn reset-btn\"\n        >\n          Reset\n        </button>\n        \n        {puzzle && !showSolution && (\n          <button\n            onClick={handleRevealSolution}\n            className=\"control-btn reveal-btn\"\n          >\n            Reveal Solution\n          </button>\n        )}\n      </div>\n\n      {error && (\n        <div className=\"error-message\">\n          Error: {error}\n        </div>\n      )}\n\n      {loading && <LoadingSpinner />}\n\n      {puzzle && !loading && (\n        <>\n          {/* Tab Navigation */}\n          <div className=\"tab-nav\">\n            <button\n              className={`tab-btn ${activeTab === 'puzzle' ? 'active' : ''}`}\n              onClick={() => setActiveTab('puzzle')}\n            >\n              Puzzle\n            </button>\n            {puzzle.debug && (\n              <button\n                className={`tab-btn ${activeTab === 'debug' ? 'active' : ''}`}\n                onClick={() => setActiveTab('debug')}\n              >\n                Debug\n              </button>\n            )}\n          </div>\n\n          {/* Tab Content */}\n          {activeTab === 'puzzle' && (\n            <div className=\"puzzle-layout\">\n              <PuzzleGrid \n                grid={puzzle.grid} \n                clues={puzzle.clues}\n                showSolution={showSolution}\n              />\n              <ClueList clues={puzzle.clues} />\n            </div>\n          )}\n\n          {activeTab === 'debug' && puzzle.debug && (\n            <DebugTab debugData={puzzle.debug} />\n          )}\n        </>\n      )}\n\n      {!puzzle && !loading && !error && (\n        <div style={{ textAlign: 'center', padding: '40px', color: '#7f8c8d' }}>\n          Select topics and click \"Generate Puzzle\" to start!\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default App;","import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport App from './App.jsx'\n\nReactDOM.createRoot(document.getElementById('root')).render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n)"],"names":["f","require$$0","k","l","m","n","p","q","c","a","g","b","d","e","reactJsxRuntime_production_min","jsxRuntimeModule","client","TopicSelector","onTopicsChange","availableTopics","selectedTopics","customSentence","onSentenceChange","multiTheme","onMultiThemeChange","handleTopicToggle","topic","newSelectedTopics","t","jsxs","jsx","PuzzleGrid","grid","clues","showSolution","onCellChange","userAnswers","setUserAnswers","useState","useEffect","handleCellInput","row","col","value","key","newAnswers","getCellValue","isBlackCell","getCellNumber","clue","gridRows","gridCols","rowIndex","cell","colIndex","cellNumber","ClueList","acrossClues","downClues","ClueSection","title","clueList","DebugTab","debugData","activeSection","setActiveSection","sections","renderOverview","_a","_b","_c","renderWordTable","words","showClue","showNeighbors","word","idx","renderThematicPool","sortedPool","renderCandidates","candidates","renderSelection","renderSelected","selected","renderSection","section","LoadingSpinner","message","useCrossword","puzzle","setPuzzle","loading","setLoading","error","setError","topics","setTopics","API_BASE_URL","fetchTopics","useCallback","response","data","err","generatePuzzle","difficulty","useAI","errorData","puzzleData","validateAnswers","resetPuzzle","App","setSelectedTopics","setDifficulty","setShowSolution","setCustomSentence","setMultiTheme","activeTab","setActiveTab","handleGeneratePuzzle","handleTopicsChange","handleSentenceChange","sentence","handleMultiThemeChange","enabled","handleReset","handleRevealSolution","Fragment","ReactDOM","React"],"mappings":"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","x_google_ignoreList":[0,1,2]}

crossword-app/backend-py/public/assets/index-C8ibg3Hv.css

@@ -0,0 +1 @@
+.crossword-app{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-header{text-align:center;margin-bottom:30px}.app-title{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.topic-selector{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.topic-selector h3{margin-top:0;color:#2c3e50}.topic-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.topic-btn{padding:8px 16px;border:2px solid #3498db;background:#fff;color:#3498db;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500}.topic-btn:hover,.topic-btn.selected{background:#3498db;color:#fff}.selected-count{color:#7f8c8d;font-size:.9rem;margin:0}.sentence-input-container{margin-top:20px;margin-bottom:15px}.sentence-label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:.95rem}.sentence-input{width:100%;padding:12px;border:2px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:.9rem;line-height:1.4;resize:vertical;min-height:80px;background:#fff;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.sentence-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.sentence-input::placeholder{color:#95a5a6;font-style:italic}.sentence-info{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:.8rem}.char-count{color:#7f8c8d}.clear-sentence-btn{background:#e74c3c;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background-color .2s ease}.clear-sentence-btn:hover{background:#c0392b}.clear-sentence-btn:active{background:#a93226}.multi-theme-toggle-container{margin-top:20px;margin-bottom:15px;padding:15px;background:#f0f4f8;border:1px solid #e1e8ed;border-radius:8px}.multi-theme-toggle{display:flex;align-items:center;cursor:pointer;margin-bottom:8px}.multi-theme-checkbox{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#3498db}.multi-theme-label{font-weight:500;color:#2c3e50;font-size:.95rem;-webkit-user-select:none;user-select:none}.multi-theme-description{margin:0;font-size:.85rem;color:#5a6c7d;line-height:1.4;font-style:italic;padding-left:28px}.ai-toggle-container{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.ai-toggle-container:has(.ai-checkbox:checked){background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#3498db}.ai-toggle{display:flex;align-items:center;cursor:pointer;font-weight:500;margin-bottom:8px}.ai-checkbox{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#3498db}.ai-label{font-size:1rem;color:#2c3e50;-webkit-user-select:none;user-select:none}.ai-status{color:#27ae60;font-weight:600;font-size:.9rem}.ai-description{margin:0;font-size:.85rem;color:#6c757d;line-height:1.4;padding-left:32px}.puzzle-controls{display:flex;gap:15px;margin-bottom:20px;justify-content:center}.control-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.control-btn:disabled{background:#bdc3c7!important;color:#7f8c8d!important;cursor:not-allowed;opacity:.7}.generate-btn{background:#27ae60;color:#fff}.generate-btn:hover{background:#229954}.generate-btn:disabled{background:#bdc3c7;cursor:not-allowed}.reset-btn{background:#e74c3c;color:#fff}.reset-btn:hover{background:#c0392b}.reveal-btn{background:#f39c12;color:#fff}.reveal-btn:hover{background:#e67e22}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#7f8c8d;font-size:1.1rem}.puzzle-info{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;padding:10px 15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #3498db}.puzzle-stats{font-size:.9rem;color:#6c757d;font-weight:500}.ai-generated-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 4px #0000001a}.puzzle-layout{display:grid;grid-template-columns:1fr 300px;gap:30px;margin-top:20px}@media (max-width: 768px){.puzzle-layout{grid-template-columns:1fr;gap:20px}.puzzle-info{flex-direction:column;gap:8px;text-align:center}.ai-toggle-container{padding:12px}.ai-description{padding-left:0;text-align:center}}.puzzle-container{display:flex;justify-content:center}.puzzle-grid{display:grid;gap:0;margin:0 auto;width:fit-content;height:fit-content}.grid-cell{width:35px;height:35px;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff}.grid-cell:before{content:"";position:absolute;top:0;left:0;right:-1px;bottom:-1px;border:1px solid #2c3e50;pointer-events:none;z-index:10}.black-cell{background:#f0f0f0}.black-cell:before{background:#f0f0f0;border:1px solid #2c3e50}.white-cell{background:#fff}.empty-cell{background:transparent;border:none;visibility:hidden}.empty-cell:before{display:none}.cell-input{width:100%;height:100%;border:none!important;text-align:center;font-size:16px;font-weight:700;background:transparent;outline:none;text-transform:uppercase;position:relative;z-index:5}.cell-input:focus{background:#e8f4fd;box-shadow:inset 0 0 0 2px #3498db}.cell-number{position:absolute;top:1px;left:2px;font-size:10px;font-weight:700;color:#2c3e50;line-height:1;z-index:15;pointer-events:none}.solution-text{color:#2c3e50!important;font-weight:700!important;background:#fff!important}.solution-text:disabled{opacity:1!important;cursor:default}.grid-cell .solution-text{border:none!important;background:#fff!important}.clue-list{background:#f8f9fa;padding:20px;border-radius:8px;max-height:600px;overflow-y:auto}.clue-section{margin-bottom:25px}.clue-section h4{color:#2c3e50;margin-bottom:15px;font-size:1.2rem;border-bottom:2px solid #3498db;padding-bottom:5px}.clue-section ol{padding-left:0;list-style:none}.clue-item{display:flex;margin-bottom:8px;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.clue-item:hover{background:#e9ecef}.clue-number{font-weight:700;color:#3498db;margin-right:10px;min-width:25px}.clue-text{flex:1;color:#2c3e50}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:5px;margin:20px 0;border:1px solid #f5c6cb}.success-message{background:#d4edda;color:#155724;padding:15px;border-radius:5px;margin:20px 0;border:1px solid #c3e6cb;text-align:center;font-weight:600}.tab-nav{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:20px;gap:2px}.tab-btn{padding:12px 20px;border:none;background:#f8f9fa;color:#6c757d;cursor:pointer;border-radius:8px 8px 0 0;font-weight:500;transition:all .3s ease}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{background:#3498db;color:#fff}.debug-tab{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px}.debug-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;border-bottom:2px solid #e9ecef;padding-bottom:15px}.debug-nav-btn{padding:8px 16px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.debug-nav-btn:hover{background:#e9ecef;border-color:#adb5bd}.debug-nav-btn.active{background:#3498db;color:#fff;border-color:#3498db}.debug-content{min-height:300px}.debug-section h3{color:#2c3e50;margin-bottom:15px;border-bottom:1px solid #dee2e6;padding-bottom:8px}.debug-section h4{color:#495057;margin-top:20px;margin-bottom:10px}.debug-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-bottom:20px}.debug-grid>div{padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #e9ecef;font-size:.9rem}.debug-grid strong{color:#2c3e50}.word-table-container{max-height:400px;overflow-y:auto;border:1px solid #dee2e6;border-radius:6px;background:#fff}.word-table{width:100%;border-collapse:collapse;font-size:.85rem}.word-table th{background:#f8f9fa;padding:8px 12px;text-align:left;border-bottom:2px solid #dee2e6;font-weight:600;color:#495057;position:sticky;top:0;z-index:1}.word-table th.sorted-column{background:#e3f2fd;color:#1976d2;font-weight:700}.word-table th[style*="cursor: pointer"]:hover{background:#e9ecef}.word-table td{padding:6px 12px;border-bottom:1px solid #f1f3f4}.word-table tr:hover{background-color:#f8f9fa}.word-table td:first-child{font-weight:600;color:#2c3e50}.debug-section ul{margin:10px 0;padding-left:20px}.debug-section li{margin:5px 0;font-size:.9rem;line-height:1.4}@media (max-width: 768px){.debug-nav{justify-content:center}.debug-nav-btn{font-size:.8rem;padding:6px 12px}.debug-grid{grid-template-columns:1fr}.word-table{font-size:.75rem}.word-table th,.word-table td{padding:4px 8px}}

crossword-app/backend-py/public/assets/index-DW3Gfxju.js

@@ -0,0 +1,10 @@
+import{r as m,a as R,R as $}from"./vendor-nf7bT_Uh.js";(function(){const c=document.createElement("link").relList;if(c&&c.supports&&c.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))i(t);new MutationObserver(t=>{for(const r of t)if(r.type==="childList")for(const h of r.addedNodes)h.tagName==="LINK"&&h.rel==="modulepreload"&&i(h)}).observe(document,{childList:!0,subtree:!0});function u(t){const r={};return t.integrity&&(r.integrity=t.integrity),t.referrerPolicy&&(r.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?r.credentials="include":t.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function i(t){if(t.ep)return;t.ep=!0;const r=u(t);fetch(t.href,r)}})();var C={exports:{}},_={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var O=m,L=Symbol.for("react.element"),F=Symbol.for("react.fragment"),G=Object.prototype.hasOwnProperty,M=O.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,U={key:!0,ref:!0,__self:!0,__source:!0};function T(s,c,u){var i,t={},r=null,h=null;u!==void 0&&(r=""+u),c.key!==void 0&&(r=""+c.key),c.ref!==void 0&&(h=c.ref);for(i in c)G.call(c,i)&&!U.hasOwnProperty(i)&&(t[i]=c[i]);if(s&&s.defaultProps)for(i in c=s.defaultProps,c)t[i]===void 0&&(t[i]=c[i]);return{$$typeof:L,type:s,key:r,ref:h,props:t,_owner:M.current}}_.Fragment=F;_.jsx=T;_.jsxs=T;C.exports=_;var e=C.exports,z={},S=R;z.createRoot=S.createRoot,z.hydrateRoot=S.hydrateRoot;const W=({onTopicsChange:s,availableTopics:c=[],selectedTopics:u=[],customSentence:i="",onSentenceChange:t,multiTheme:r=!0,onMultiThemeChange:h})=>{const g=o=>{const f=u.includes(o)?u.filter(j=>j!==o):[...u,o];s(f)};return e.jsxs("div",{className:"topic-selector",children:[e.jsx("h3",{children:"Select Topics"}),e.jsx("div",{className:"topic-buttons",children:c.map(o=>e.jsx("button",{className:`topic-btn ${u.includes(o.name)?"selected":""}`,onClick:()=>g(o.name),children:o.name},o.id))}),e.jsxs("div",{className:"sentence-input-container",children:[e.jsx("label",{htmlFor:"custom-sentence",className:"sentence-label",children:"Custom Sentence (optional)"}),e.jsx("textarea",{id:"custom-sentence",className:"sentence-input",value:i,onChange:o=>t&&t(o.target.value),placeholder:"Enter a sentence to influence word selection...",rows:"3",maxLength:"200"}),e.jsxs("div",{className:"sentence-info",children:[e.jsxs("span",{className:"char-count",children:[i.length,"/200 characters"]}),i&&e.jsx("button",{type:"button",className:"clear-sentence-btn",onClick:()=>t&&t(""),title:"Clear sentence",children:"Clear"})]})]}),e.jsxs("div",{className:"multi-theme-toggle-container",children:[e.jsxs("label",{className:"multi-theme-toggle",children:[e.jsx("input",{type:"checkbox",checked:r,onChange:o=>h&&h(o.target.checked),className:"multi-theme-checkbox"}),e.jsx("span",{className:"multi-theme-label",children:"🎯 Use Multi-Theme Processing"})]}),e.jsx("p",{className:"multi-theme-description",children:r?"AI will process each theme separately and balance results":"AI will blend all themes into a single concept"})]}),e.jsxs("p",{className:"selected-count",children:[u.length," topic",u.length!==1?"s":""," selected"]})]})},B=({grid:s,clues:c,showSolution:u,onCellChange:i})=>{const[t,r]=m.useState({});m.useEffect(()=>{r({})},[s]);const h=(l,n,a)=>{const p=`${l}-${n}`,x={...t,[p]:a.toUpperCase()};r(x),i&&i(l,n,a)},g=(l,n)=>{if(u&&!o(l,n))return s[l][n];const a=`${l}-${n}`;return t[a]||""},o=(l,n)=>s[l][n]===".",f=(l,n)=>{if(!c)return null;const a=c.find(p=>p.position.row===l&&p.position.col===n);return a?a.number:null};if(!s||s.length===0)return e.jsx("div",{className:"puzzle-grid",children:"No puzzle loaded"});const j=s.length,d=s[0]?s[0].length:0;return e.jsx("div",{className:"puzzle-container",children:e.jsx("div",{className:"puzzle-grid",style:{gridTemplateColumns:`repeat(${d}, 35px)`,gridTemplateRows:`repeat(${j}, 35px)`},children:s.map((l,n)=>l.map((a,p)=>{const x=f(n,p);return o(n,p)?e.jsx("div",{className:"grid-cell empty-cell",style:{visibility:"hidden"}},`${n}-${p}`):e.jsxs("div",{className:"grid-cell white-cell",children:[x&&e.jsx("span",{className:"cell-number",children:x}),e.jsx("input",{type:"text",maxLength:"1",value:g(n,p),onChange:v=>h(n,p,v.target.value),className:`cell-input ${u?"solution-text":""}`,disabled:u})]},`${n}-${p}`)}))})})},q=({clues:s=[]})=>{const c=s.filter(t=>t.direction==="across"),u=s.filter(t=>t.direction==="down"),i=({title:t,clueList:r})=>e.jsxs("div",{className:"clue-section",children:[e.jsx("h4",{children:t}),e.jsx("ol",{children:r.map(h=>e.jsxs("li",{className:"clue-item",children:[e.jsx("span",{className:"clue-number",children:h.number}),e.jsx("span",{className:"clue-text",children:h.text})]},`${h.number}-${h.direction}`))})]});return e.jsxs("div",{className:"clue-list",children:[e.jsx(i,{title:"Across",clueList:c}),e.jsx(i,{title:"Down",clueList:u})]})},Y=({debugData:s})=>{const[c,u]=m.useState("overview");if(!s||!s.enabled)return e.jsx("div",{className:"debug-tab",children:e.jsx("p",{children:"Debug data not available. Set ENABLE_DEBUG_TAB=true on the backend."})});const i=[{id:"overview",label:"Overview"},{id:"thematic-pool",label:"Thematic Pool"},{id:"candidates",label:"Candidates"},{id:"selection",label:"Selection"},{id:"selected",label:"Selected Words"}],t=()=>{var d,l,n;return e.jsxs("div",{className:"debug-section",children:[e.jsx("h3",{children:"Generation Parameters"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Topics:"})," ",s.generation_params.topics.join(", ")]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty:"})," ",s.generation_params.difficulty]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Requested Words:"})," ",s.generation_params.requested_words]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Thematic Pool Size:"})," ",s.generation_params.thematic_pool_size]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Min Similarity:"})," ",s.generation_params.min_similarity]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Multi-theme:"})," ",s.generation_params.multi_theme?"Yes":"No"]}),s.generation_params.custom_sentence&&e.jsxs("div",{children:[e.jsx("strong",{children:"Custom Sentence:"}),' "',s.generation_params.custom_sentence,'"']})]}),e.jsx("h3",{children:"Selection Algorithm"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Method:"})," ",s.selection_method]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Temperature:"})," ",s.selection_params.similarity_temperature]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty Weight:"})," ",s.selection_params.difficulty_weight]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Use Softmax:"})," ",s.selection_params.use_softmax_selection?"Yes":"No"]})]}),e.jsx("h3",{children:"Results Summary"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Thematic Pool:"})," ",((d=s.thematic_pool)==null?void 0:d.length)||0," words"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Candidates:"})," ",((l=s.candidate_words)==null?void 0:l.length)||0," words"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Selected:"})," ",((n=s.selected_words)==null?void 0:n.length)||0," words"]})]})]})},r=(d,l=!1,n=!1)=>e.jsx("div",{className:"word-table-container",children:e.jsxs("table",{className:"word-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Word"}),e.jsx("th",{children:"Similarity"}),e.jsx("th",{children:"Percentile"}),e.jsx("th",{children:"Tier"}),l&&e.jsx("th",{children:"Clue"}),n&&e.jsx("th",{children:"Semantic Neighbors"})]})}),e.jsx("tbody",{children:d.map((a,p)=>{var x;return e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("strong",{children:a.word})}),e.jsx("td",{children:a.similarity.toFixed(3)}),e.jsx("td",{children:a.percentile.toFixed(3)}),e.jsx("td",{title:a.tier_description||a.tier,children:a.tier.replace("tier_","").replace("_"," ")}),l&&e.jsx("td",{children:a.clue}),n&&e.jsx("td",{children:((x=a.semantic_neighbors)==null?void 0:x.slice(0,3).join(", "))||"N/A"})]},p)})})]})}),h=()=>{const d=[...s.thematic_pool||[]].sort((l,n)=>n.similarity-l.similarity);return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Thematic Pool (",d.length," words)"]}),e.jsx("p",{children:"All words generated thematically, sorted by similarity to theme."}),r(d)]})},g=()=>{const d=s.candidate_words||[];return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Candidate Words (",d.length," words)"]}),e.jsx("p",{children:"Words that passed filtering and got clues generated."}),r(d,!0,!1)]})},o=()=>e.jsxs("div",{className:"debug-section",children:[e.jsx("h3",{children:"Selection Process"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Algorithm:"})," ",s.selection_method]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Temperature:"})," ",s.selection_params.similarity_temperature," (lower = more deterministic)"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty Weight:"})," ",s.selection_params.difficulty_weight," (balance between similarity and frequency)"]})]}),e.jsx("h4",{children:"How it works:"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Composite Score"})," = (1 - difficulty_weight) × similarity + difficulty_weight × frequency_alignment"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Frequency Alignment"}),": Gaussian distribution favoring target percentiles by difficulty"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Softmax Selection"}),": Probabilistic selection based on composite scores with temperature control"]})]}),e.jsx("h4",{children:"Difficulty Targets:"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Easy:"})," 90th percentile (common words like CAT, DOG)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Medium:"})," 50th percentile (balanced selection)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Hard:"})," 20th percentile (rare words like QUETZAL, PLATYPUS)"]})]})]}),f=()=>{const d=s.selected_words||[];return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Selected Words (",d.length," words)"]}),e.jsx("p",{children:"Final words chosen for crossword generation."}),r(d,!0)]})},j=()=>{switch(c){case"overview":return t();case"thematic-pool":return h();case"candidates":return g();case"selection":return o();case"selected":return f();default:return t()}};return e.jsxs("div",{className:"debug-tab",children:[e.jsx("div",{className:"debug-nav",children:i.map(d=>e.jsx("button",{className:`debug-nav-btn ${c===d.id?"active":""}`,onClick:()=>u(d.id),children:d.label},d.id))}),e.jsx("div",{className:"debug-content",children:j()})]})},H=({message:s="Generating puzzle..."})=>e.jsxs("div",{className:"loading-spinner",children:[e.jsx("div",{className:"spinner"}),e.jsx("p",{className:"loading-message",children:s})]}),J=()=>{const[s,c]=m.useState(null),[u,i]=m.useState(!1),[t,r]=m.useState(null),[h,g]=m.useState([]),o="",f=m.useCallback(async()=>{try{i(!0);const n=await fetch(`${o}/api/topics`);if(!n.ok)throw new Error("Failed to fetch topics");const a=await n.json();g(a)}catch(n){r(n.message)}finally{i(!1)}},[o]),j=m.useCallback(async(n,a="medium",p=!1,x="",y=!0)=>{try{i(!0),r(null);const v=await fetch(`${o}/api/generate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({topics:n,difficulty:a,useAI:p,...x&&{customSentence:x},multiTheme:y})});if(!v.ok){const w=await v.json().catch(()=>({}));throw new Error(w.message||"Failed to generate puzzle")}const N=await v.json();return c(N),N}catch(v){return r(v.message),null}finally{i(!1)}},[o]),d=m.useCallback(async n=>{try{const a=await fetch(`${o}/api/validate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({puzzle:s,answers:n})});if(!a.ok)throw new Error("Failed to validate answers");return await a.json()}catch(a){return r(a.message),null}},[o,s]),l=m.useCallback(()=>{c(null),r(null)},[]);return{puzzle:s,loading:u,error:t,topics:h,fetchTopics:f,generatePuzzle:j,validateAnswers:d,resetPuzzle:l}};function K(){const[s,c]=m.useState([]),[u,i]=m.useState("medium"),[t,r]=m.useState(!1),[h,g]=m.useState(""),[o,f]=m.useState(!0),[j,d]=m.useState("puzzle"),{puzzle:l,loading:n,error:a,topics:p,fetchTopics:x,generatePuzzle:y,resetPuzzle:v}=J();m.useEffect(()=>{x()},[x]);const N=async()=>{if(s.length===0&&!h.trim()){alert("Please select at least one topic or provide a custom sentence");return}r(!1),await y(s,u,!1,h,o)},w=b=>{c(b)},P=b=>{g(b)},k=b=>{f(b)},E=()=>{v(),c([]),r(!1),i("medium"),g(""),f(!0),d("puzzle")},A=()=>{r(!0)};return e.jsxs("div",{className:"crossword-app",children:[e.jsxs("header",{className:"app-header",children:[e.jsx("h1",{className:"app-title",children:"Crossword Puzzle Generator"}),e.jsx("p",{children:"Select topics and generate your custom crossword puzzle!"})]}),e.jsx(W,{onTopicsChange:w,availableTopics:p,selectedTopics:s,customSentence:h,onSentenceChange:P,multiTheme:o,onMultiThemeChange:k}),e.jsxs("div",{className:"puzzle-controls",children:[e.jsxs("select",{value:u,onChange:b=>i(b.target.value),className:"control-btn",children:[e.jsx("option",{value:"easy",children:"Easy"}),e.jsx("option",{value:"medium",children:"Medium"}),e.jsx("option",{value:"hard",children:"Hard"})]}),e.jsx("button",{onClick:N,disabled:n||s.length===0&&!h.trim(),className:"control-btn generate-btn",children:n?"Generating...":"Generate Puzzle"}),e.jsx("button",{onClick:E,className:"control-btn reset-btn",children:"Reset"}),l&&!t&&e.jsx("button",{onClick:A,className:"control-btn reveal-btn",children:"Reveal Solution"})]}),a&&e.jsxs("div",{className:"error-message",children:["Error: ",a]}),n&&e.jsx(H,{}),l&&!n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tab-nav",children:[e.jsx("button",{className:`tab-btn ${j==="puzzle"?"active":""}`,onClick:()=>d("puzzle"),children:"Puzzle"}),l.debug&&e.jsx("button",{className:`tab-btn ${j==="debug"?"active":""}`,onClick:()=>d("debug"),children:"Debug"})]}),j==="puzzle"&&e.jsxs("div",{className:"puzzle-layout",children:[e.jsx(B,{grid:l.grid,clues:l.clues,showSolution:t}),e.jsx(q,{clues:l.clues})]}),j==="debug"&&l.debug&&e.jsx(Y,{debugData:l.debug})]}),!l&&!n&&!a&&e.jsx("div",{style:{textAlign:"center",padding:"40px",color:"#7f8c8d"},children:'Select topics and click "Generate Puzzle" to start!'})]})}z.createRoot(document.getElementById("root")).render(e.jsx($.StrictMode,{children:e.jsx(K,{})}));
+//# sourceMappingURL=index-DW3Gfxju.js.map

crossword-app/backend-py/public/assets/index-DW3Gfxju.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DW3Gfxju.js","sources":["../../node_modules/react/cjs/react-jsx-runtime.production.min.js","../../node_modules/react/jsx-runtime.js","../../node_modules/react-dom/client.js","../../src/components/TopicSelector.jsx","../../src/components/PuzzleGrid.jsx","../../src/components/ClueList.jsx","../../src/components/DebugTab.jsx","../../src/components/LoadingSpinner.jsx","../../src/hooks/useCrossword.js","../../src/App.jsx","../../src/main.jsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","import React from 'react';\n\nconst TopicSelector = ({ \n  onTopicsChange, \n  availableTopics = [], \n  selectedTopics = [],\n  customSentence = '',\n  onSentenceChange,\n  multiTheme = true,\n  onMultiThemeChange\n}) => {\n  const handleTopicToggle = (topic) => {\n    const newSelectedTopics = selectedTopics.includes(topic)\n      ? selectedTopics.filter(t => t !== topic)\n      : [...selectedTopics, topic];\n    \n    onTopicsChange(newSelectedTopics);\n  };\n\n  return (\n    <div className=\"topic-selector\">\n      <h3>Select Topics</h3>\n      <div className=\"topic-buttons\">\n        {availableTopics.map(topic => (\n          <button\n            key={topic.id}\n            className={`topic-btn ${selectedTopics.includes(topic.name) ? 'selected' : ''}`}\n            onClick={() => handleTopicToggle(topic.name)}\n          >\n            {topic.name}\n          </button>\n        ))}\n      </div>\n      \n      <div className=\"sentence-input-container\">\n        <label htmlFor=\"custom-sentence\" className=\"sentence-label\">\n          Custom Sentence (optional)\n        </label>\n        <textarea\n          id=\"custom-sentence\"\n          className=\"sentence-input\"\n          value={customSentence}\n          onChange={(e) => onSentenceChange && onSentenceChange(e.target.value)}\n          placeholder=\"Enter a sentence to influence word selection...\"\n          rows=\"3\"\n          maxLength=\"200\"\n        />\n        <div className=\"sentence-info\">\n          <span className=\"char-count\">{customSentence.length}/200 characters</span>\n          {customSentence && (\n            <button \n              type=\"button\"\n              className=\"clear-sentence-btn\"\n              onClick={() => onSentenceChange && onSentenceChange('')}\n              title=\"Clear sentence\"\n            >\n              Clear\n            </button>\n          )}\n        </div>\n      </div>\n      \n      <div className=\"multi-theme-toggle-container\">\n        <label className=\"multi-theme-toggle\">\n          <input\n            type=\"checkbox\"\n            checked={multiTheme}\n            onChange={(e) => onMultiThemeChange && onMultiThemeChange(e.target.checked)}\n            className=\"multi-theme-checkbox\"\n          />\n          <span className=\"multi-theme-label\">\n            🎯 Use Multi-Theme Processing\n          </span>\n        </label>\n        <p className=\"multi-theme-description\">\n          {multiTheme \n            ? \"AI will process each theme separately and balance results\" \n            : \"AI will blend all themes into a single concept\"\n          }\n        </p>\n      </div>\n      \n      <p className=\"selected-count\">\n        {selectedTopics.length} topic{selectedTopics.length !== 1 ? 's' : ''} selected\n      </p>\n    </div>\n  );\n};\n\nexport default TopicSelector;","import React, { useState, useEffect } from 'react';\n\nconst PuzzleGrid = ({ grid, clues, showSolution, onCellChange }) => {\n  const [userAnswers, setUserAnswers] = useState({});\n\n  useEffect(() => {\n    setUserAnswers({});\n  }, [grid]);\n\n  const handleCellInput = (row, col, value) => {\n    const key = `${row}-${col}`;\n    const newAnswers = { ...userAnswers, [key]: value.toUpperCase() };\n    setUserAnswers(newAnswers);\n    onCellChange && onCellChange(row, col, value);\n  };\n\n  const getCellValue = (row, col) => {\n    if (showSolution && !isBlackCell(row, col)) {\n      return grid[row][col];\n    }\n    const key = `${row}-${col}`;\n    return userAnswers[key] || '';\n  };\n\n  const isBlackCell = (row, col) => {\n    return grid[row][col] === '.';\n  };\n\n  const getCellNumber = (row, col) => {\n    if (!clues) return null;\n    const clue = clues.find(c => c.position.row === row && c.position.col === col);\n    return clue ? clue.number : null;\n  };\n\n  if (!grid || grid.length === 0) {\n    return <div className=\"puzzle-grid\">No puzzle loaded</div>;\n  }\n\n  const gridRows = grid.length;\n  const gridCols = grid[0] ? grid[0].length : 0;\n\n  return (\n    <div className=\"puzzle-container\">\n      <div \n        className=\"puzzle-grid\"\n        style={{\n          gridTemplateColumns: `repeat(${gridCols}, 35px)`,\n          gridTemplateRows: `repeat(${gridRows}, 35px)`\n        }}\n      >\n        {grid.map((row, rowIndex) =>\n          row.map((cell, colIndex) => {\n            const cellNumber = getCellNumber(rowIndex, colIndex);\n            const isBlack = isBlackCell(rowIndex, colIndex);\n            \n            // Only render cells that contain letters (not black/unused cells)\n            if (isBlack) {\n              return (\n                <div\n                  key={`${rowIndex}-${colIndex}`}\n                  className=\"grid-cell empty-cell\"\n                  style={{ visibility: 'hidden' }}\n                >\n                </div>\n              );\n            }\n            \n            return (\n              <div\n                key={`${rowIndex}-${colIndex}`}\n                className=\"grid-cell white-cell\"\n              >\n                {cellNumber && <span className=\"cell-number\">{cellNumber}</span>}\n                <input\n                  type=\"text\"\n                  maxLength=\"1\"\n                  value={getCellValue(rowIndex, colIndex)}\n                  onChange={(e) => handleCellInput(rowIndex, colIndex, e.target.value)}\n                  className={`cell-input ${showSolution ? 'solution-text' : ''}`}\n                  disabled={showSolution}\n                />\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default PuzzleGrid;","import React from 'react';\n\nconst ClueList = ({ clues = [] }) => {\n  const acrossClues = clues.filter(clue => clue.direction === 'across');\n  const downClues = clues.filter(clue => clue.direction === 'down');\n\n  const ClueSection = ({ title, clueList }) => (\n    <div className=\"clue-section\">\n      <h4>{title}</h4>\n      <ol>\n        {clueList.map(clue => (\n          <li key={`${clue.number}-${clue.direction}`} className=\"clue-item\">\n            <span className=\"clue-number\">{clue.number}</span>\n            <span className=\"clue-text\">{clue.text}</span>\n          </li>\n        ))}\n      </ol>\n    </div>\n  );\n\n  return (\n    <div className=\"clue-list\">\n      <ClueSection title=\"Across\" clueList={acrossClues} />\n      <ClueSection title=\"Down\" clueList={downClues} />\n    </div>\n  );\n};\n\nexport default ClueList;","import React, { useState } from 'react';\n\nconst DebugTab = ({ debugData }) => {\n  const [activeSection, setActiveSection] = useState('overview');\n\n  if (!debugData || !debugData.enabled) {\n    return (\n      <div className=\"debug-tab\">\n        <p>Debug data not available. Set ENABLE_DEBUG_TAB=true on the backend.</p>\n      </div>\n    );\n  }\n\n  const sections = [\n    { id: 'overview', label: 'Overview' },\n    { id: 'thematic-pool', label: 'Thematic Pool' },\n    { id: 'candidates', label: 'Candidates' },\n    { id: 'selection', label: 'Selection' },\n    { id: 'selected', label: 'Selected Words' }\n  ];\n\n  const renderOverview = () => (\n    <div className=\"debug-section\">\n      <h3>Generation Parameters</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Topics:</strong> {debugData.generation_params.topics.join(', ')}</div>\n        <div><strong>Difficulty:</strong> {debugData.generation_params.difficulty}</div>\n        <div><strong>Requested Words:</strong> {debugData.generation_params.requested_words}</div>\n        <div><strong>Thematic Pool Size:</strong> {debugData.generation_params.thematic_pool_size}</div>\n        <div><strong>Min Similarity:</strong> {debugData.generation_params.min_similarity}</div>\n        <div><strong>Multi-theme:</strong> {debugData.generation_params.multi_theme ? 'Yes' : 'No'}</div>\n        {debugData.generation_params.custom_sentence && (\n          <div><strong>Custom Sentence:</strong> \"{debugData.generation_params.custom_sentence}\"</div>\n        )}\n      </div>\n\n      <h3>Selection Algorithm</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Method:</strong> {debugData.selection_method}</div>\n        <div><strong>Temperature:</strong> {debugData.selection_params.similarity_temperature}</div>\n        <div><strong>Difficulty Weight:</strong> {debugData.selection_params.difficulty_weight}</div>\n        <div><strong>Use Softmax:</strong> {debugData.selection_params.use_softmax_selection ? 'Yes' : 'No'}</div>\n      </div>\n\n      <h3>Results Summary</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Thematic Pool:</strong> {debugData.thematic_pool?.length || 0} words</div>\n        <div><strong>Candidates:</strong> {debugData.candidate_words?.length || 0} words</div>\n        <div><strong>Selected:</strong> {debugData.selected_words?.length || 0} words</div>\n      </div>\n    </div>\n  );\n\n  const renderWordTable = (words, showClue = false, showNeighbors = false) => (\n    <div className=\"word-table-container\">\n      <table className=\"word-table\">\n        <thead>\n          <tr>\n            <th>Word</th>\n            <th>Similarity</th>\n            <th>Percentile</th>\n            <th>Tier</th>\n            {showClue && <th>Clue</th>}\n            {showNeighbors && <th>Semantic Neighbors</th>}\n          </tr>\n        </thead>\n        <tbody>\n          {words.map((word, idx) => (\n            <tr key={idx}>\n              <td><strong>{word.word}</strong></td>\n              <td>{word.similarity.toFixed(3)}</td>\n              <td>{word.percentile.toFixed(3)}</td>\n              <td title={word.tier_description || word.tier}>{word.tier.replace('tier_', '').replace('_', ' ')}</td>\n              {showClue && <td>{word.clue}</td>}\n              {showNeighbors && <td>{word.semantic_neighbors?.slice(0, 3).join(', ') || 'N/A'}</td>}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n\n  const renderThematicPool = () => {\n    const sortedPool = [...(debugData.thematic_pool || [])].sort((a, b) => b.similarity - a.similarity);\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Thematic Pool ({sortedPool.length} words)</h3>\n        <p>All words generated thematically, sorted by similarity to theme.</p>\n        {renderWordTable(sortedPool)}\n      </div>\n    );\n  };\n\n  const renderCandidates = () => {\n    const candidates = debugData.candidate_words || [];\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Candidate Words ({candidates.length} words)</h3>\n        <p>Words that passed filtering and got clues generated.</p>\n        {renderWordTable(candidates, true, false)}\n      </div>\n    );\n  };\n\n  const renderSelection = () => (\n    <div className=\"debug-section\">\n      <h3>Selection Process</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Algorithm:</strong> {debugData.selection_method}</div>\n        <div><strong>Temperature:</strong> {debugData.selection_params.similarity_temperature} (lower = more deterministic)</div>\n        <div><strong>Difficulty Weight:</strong> {debugData.selection_params.difficulty_weight} (balance between similarity and frequency)</div>\n      </div>\n      \n      <h4>How it works:</h4>\n      <ul>\n        <li><strong>Composite Score</strong> = (1 - difficulty_weight) × similarity + difficulty_weight × frequency_alignment</li>\n        <li><strong>Frequency Alignment</strong>: Gaussian distribution favoring target percentiles by difficulty</li>\n        <li><strong>Softmax Selection</strong>: Probabilistic selection based on composite scores with temperature control</li>\n      </ul>\n\n      <h4>Difficulty Targets:</h4>\n      <ul>\n        <li><strong>Easy:</strong> 90th percentile (common words like CAT, DOG)</li>\n        <li><strong>Medium:</strong> 50th percentile (balanced selection)</li>\n        <li><strong>Hard:</strong> 20th percentile (rare words like QUETZAL, PLATYPUS)</li>\n      </ul>\n    </div>\n  );\n\n  const renderSelected = () => {\n    const selected = debugData.selected_words || [];\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Selected Words ({selected.length} words)</h3>\n        <p>Final words chosen for crossword generation.</p>\n        {renderWordTable(selected, true)}\n      </div>\n    );\n  };\n\n  const renderSection = () => {\n    switch (activeSection) {\n      case 'overview': return renderOverview();\n      case 'thematic-pool': return renderThematicPool();\n      case 'candidates': return renderCandidates();\n      case 'selection': return renderSelection();\n      case 'selected': return renderSelected();\n      default: return renderOverview();\n    }\n  };\n\n  return (\n    <div className=\"debug-tab\">\n      <div className=\"debug-nav\">\n        {sections.map(section => (\n          <button\n            key={section.id}\n            className={`debug-nav-btn ${activeSection === section.id ? 'active' : ''}`}\n            onClick={() => setActiveSection(section.id)}\n          >\n            {section.label}\n          </button>\n        ))}\n      </div>\n      \n      <div className=\"debug-content\">\n        {renderSection()}\n      </div>\n    </div>\n  );\n};\n\nexport default DebugTab;","import React from 'react';\n\nconst LoadingSpinner = ({ message = \"Generating puzzle...\" }) => {\n  return (\n    <div className=\"loading-spinner\">\n      <div className=\"spinner\"></div>\n      <p className=\"loading-message\">{message}</p>\n    </div>\n  );\n};\n\nexport default LoadingSpinner;","import { useState, useCallback } from 'react';\n\nconst useCrossword = () => {\n  const [puzzle, setPuzzle] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(null);\n  const [topics, setTopics] = useState([]);\n\n  const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || (import.meta.env.PROD ? '' : 'http://localhost:3000');\n\n  const fetchTopics = useCallback(async () => {\n    try {\n      setLoading(true);\n      const response = await fetch(`${API_BASE_URL}/api/topics`);\n      if (!response.ok) throw new Error('Failed to fetch topics');\n      const data = await response.json();\n      setTopics(data);\n    } catch (err) {\n      setError(err.message);\n    } finally {\n      setLoading(false);\n    }\n  }, [API_BASE_URL]);\n\n  const generatePuzzle = useCallback(async (selectedTopics, difficulty = 'medium', useAI = false, customSentence = '', multiTheme = true) => {\n    try {\n      setLoading(true);\n      setError(null);\n      \n      const response = await fetch(`${API_BASE_URL}/api/generate`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          topics: selectedTopics,\n          difficulty,\n          useAI,\n          ...(customSentence && { customSentence }),\n          multiTheme\n        })\n      });\n\n      if (!response.ok) {\n        const errorData = await response.json().catch(() => ({}));\n        throw new Error(errorData.message || 'Failed to generate puzzle');\n      }\n      \n      const puzzleData = await response.json();\n      setPuzzle(puzzleData);\n      return puzzleData;\n    } catch (err) {\n      setError(err.message);\n      return null;\n    } finally {\n      setLoading(false);\n    }\n  }, [API_BASE_URL]);\n\n  const validateAnswers = useCallback(async (userAnswers) => {\n    try {\n      const response = await fetch(`${API_BASE_URL}/api/validate`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          puzzle: puzzle,\n          answers: userAnswers\n        })\n      });\n\n      if (!response.ok) throw new Error('Failed to validate answers');\n      \n      return await response.json();\n    } catch (err) {\n      setError(err.message);\n      return null;\n    }\n  }, [API_BASE_URL, puzzle]);\n\n  const resetPuzzle = useCallback(() => {\n    setPuzzle(null);\n    setError(null);\n  }, []);\n\n  return {\n    puzzle,\n    loading,\n    error,\n    topics,\n    fetchTopics,\n    generatePuzzle,\n    validateAnswers,\n    resetPuzzle\n  };\n};\n\nexport default useCrossword;","import React, { useState, useEffect } from 'react';\nimport TopicSelector from './components/TopicSelector';\nimport PuzzleGrid from './components/PuzzleGrid';\nimport ClueList from './components/ClueList';\nimport DebugTab from './components/DebugTab';\nimport LoadingSpinner from './components/LoadingSpinner';\nimport useCrossword from './hooks/useCrossword';\nimport './styles/puzzle.css';\n\nfunction App() {\n  const [selectedTopics, setSelectedTopics] = useState([]);\n  const [difficulty, setDifficulty] = useState('medium');\n  const [showSolution, setShowSolution] = useState(false);\n  const [customSentence, setCustomSentence] = useState('');\n  const [multiTheme, setMultiTheme] = useState(true);\n  const [activeTab, setActiveTab] = useState('puzzle');\n  \n  const {\n    puzzle,\n    loading,\n    error,\n    topics,\n    fetchTopics,\n    generatePuzzle,\n    resetPuzzle\n  } = useCrossword();\n\n  useEffect(() => {\n    fetchTopics();\n  }, [fetchTopics]);\n\n  const handleGeneratePuzzle = async () => {\n    if (selectedTopics.length === 0 && !customSentence.trim()) {\n      alert('Please select at least one topic or provide a custom sentence');\n      return;\n    }\n    \n    setShowSolution(false);\n    await generatePuzzle(selectedTopics, difficulty, false, customSentence, multiTheme);\n  };\n\n  const handleTopicsChange = (topics) => {\n    setSelectedTopics(topics);\n  };\n\n  const handleSentenceChange = (sentence) => {\n    setCustomSentence(sentence);\n  };\n\n  const handleMultiThemeChange = (enabled) => {\n    setMultiTheme(enabled);\n  };\n\n\n  const handleReset = () => {\n    resetPuzzle();\n    setSelectedTopics([]);\n    setShowSolution(false);\n    setDifficulty('medium');\n    setCustomSentence('');\n    setMultiTheme(true);\n    setActiveTab('puzzle');\n  };\n\n  const handleRevealSolution = () => {\n    setShowSolution(true);\n  };\n\n  return (\n    <div className=\"crossword-app\">\n      <header className=\"app-header\">\n        <h1 className=\"app-title\">Crossword Puzzle Generator</h1>\n        <p>Select topics and generate your custom crossword puzzle!</p>\n      </header>\n\n      <TopicSelector \n        onTopicsChange={handleTopicsChange}\n        availableTopics={topics}\n        selectedTopics={selectedTopics}\n        customSentence={customSentence}\n        onSentenceChange={handleSentenceChange}\n        multiTheme={multiTheme}\n        onMultiThemeChange={handleMultiThemeChange}\n      />\n\n      <div className=\"puzzle-controls\">\n        <select \n          value={difficulty} \n          onChange={(e) => setDifficulty(e.target.value)}\n          className=\"control-btn\"\n        >\n          <option value=\"easy\">Easy</option>\n          <option value=\"medium\">Medium</option>\n          <option value=\"hard\">Hard</option>\n        </select>\n        \n        <button\n          onClick={handleGeneratePuzzle}\n          disabled={loading || (selectedTopics.length === 0 && !customSentence.trim())}\n          className=\"control-btn generate-btn\"\n        >\n          {loading ? 'Generating...' : 'Generate Puzzle'}\n        </button>\n        \n        <button\n          onClick={handleReset}\n          className=\"control-btn reset-btn\"\n        >\n          Reset\n        </button>\n        \n        {puzzle && !showSolution && (\n          <button\n            onClick={handleRevealSolution}\n            className=\"control-btn reveal-btn\"\n          >\n            Reveal Solution\n          </button>\n        )}\n      </div>\n\n      {error && (\n        <div className=\"error-message\">\n          Error: {error}\n        </div>\n      )}\n\n      {loading && <LoadingSpinner />}\n\n      {puzzle && !loading && (\n        <>\n          {/* Tab Navigation */}\n          <div className=\"tab-nav\">\n            <button\n              className={`tab-btn ${activeTab === 'puzzle' ? 'active' : ''}`}\n              onClick={() => setActiveTab('puzzle')}\n            >\n              Puzzle\n            </button>\n            {puzzle.debug && (\n              <button\n                className={`tab-btn ${activeTab === 'debug' ? 'active' : ''}`}\n                onClick={() => setActiveTab('debug')}\n              >\n                Debug\n              </button>\n            )}\n          </div>\n\n          {/* Tab Content */}\n          {activeTab === 'puzzle' && (\n            <div className=\"puzzle-layout\">\n              <PuzzleGrid \n                grid={puzzle.grid} \n                clues={puzzle.clues}\n                showSolution={showSolution}\n              />\n              <ClueList clues={puzzle.clues} />\n            </div>\n          )}\n\n          {activeTab === 'debug' && puzzle.debug && (\n            <DebugTab debugData={puzzle.debug} />\n          )}\n        </>\n      )}\n\n      {!puzzle && !loading && !error && (\n        <div style={{ textAlign: 'center', padding: '40px', color: '#7f8c8d' }}>\n          Select topics and click \"Generate Puzzle\" to start!\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default App;","import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport App from './App.jsx'\n\nReactDOM.createRoot(document.getElementById('root')).render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n)"],"names":["f","require$$0","k","l","m","n","p","q","c","a","g","b","d","e","reactJsxRuntime_production_min","jsxRuntimeModule","client","TopicSelector","onTopicsChange","availableTopics","selectedTopics","customSentence","onSentenceChange","multiTheme","onMultiThemeChange","handleTopicToggle","topic","newSelectedTopics","t","jsxs","jsx","PuzzleGrid","grid","clues","showSolution","onCellChange","userAnswers","setUserAnswers","useState","useEffect","handleCellInput","row","col","value","key","newAnswers","getCellValue","isBlackCell","getCellNumber","clue","gridRows","gridCols","rowIndex","cell","colIndex","cellNumber","ClueList","acrossClues","downClues","ClueSection","title","clueList","DebugTab","debugData","activeSection","setActiveSection","sections","renderOverview","_a","_b","_c","renderWordTable","words","showClue","showNeighbors","word","idx","renderThematicPool","sortedPool","renderCandidates","candidates","renderSelection","renderSelected","selected","renderSection","section","LoadingSpinner","message","useCrossword","puzzle","setPuzzle","loading","setLoading","error","setError","topics","setTopics","API_BASE_URL","fetchTopics","useCallback","response","data","err","generatePuzzle","difficulty","useAI","errorData","puzzleData","validateAnswers","resetPuzzle","App","setSelectedTopics","setDifficulty","setShowSolution","setCustomSentence","setMultiTheme","activeTab","setActiveTab","handleGeneratePuzzle","handleTopicsChange","handleSentenceChange","sentence","handleMultiThemeChange","enabled","handleReset","handleRevealSolution","Fragment","ReactDOM","React"],"mappings":"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","x_google_ignoreList":[0,1,2]}

crossword-app/backend-py/public/assets/index-Dqo17R2W.js

@@ -0,0 +1,10 @@
+import{r as p,a as R,R as $}from"./vendor-nf7bT_Uh.js";(function(){const c=document.createElement("link").relList;if(c&&c.supports&&c.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))r(t);new MutationObserver(t=>{for(const n of t)if(n.type==="childList")for(const o of n.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function u(t){const n={};return t.integrity&&(n.integrity=t.integrity),t.referrerPolicy&&(n.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?n.credentials="include":t.crossOrigin==="anonymous"?n.credentials="omit":n.credentials="same-origin",n}function r(t){if(t.ep)return;t.ep=!0;const n=u(t);fetch(t.href,n)}})();var k={exports:{}},C={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var L=p,O=Symbol.for("react.element"),F=Symbol.for("react.fragment"),B=Object.prototype.hasOwnProperty,G=L.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,W={key:!0,ref:!0,__self:!0,__source:!0};function E(s,c,u){var r,t={},n=null,o=null;u!==void 0&&(n=""+u),c.key!==void 0&&(n=""+c.key),c.ref!==void 0&&(o=c.ref);for(r in c)B.call(c,r)&&!W.hasOwnProperty(r)&&(t[r]=c[r]);if(s&&s.defaultProps)for(r in c=s.defaultProps,c)t[r]===void 0&&(t[r]=c[r]);return{$$typeof:O,type:s,key:n,ref:o,props:t,_owner:G.current}}C.Fragment=F;C.jsx=E;C.jsxs=E;k.exports=C;var e=k.exports,T={},P=R;T.createRoot=P.createRoot,T.hydrateRoot=P.hydrateRoot;const M=({onTopicsChange:s,availableTopics:c=[],selectedTopics:u=[],customSentence:r="",onSentenceChange:t,multiTheme:n=!0,onMultiThemeChange:o})=>{const b=a=>{const v=u.includes(a)?u.filter(j=>j!==a):[...u,a];s(v)};return e.jsxs("div",{className:"topic-selector",children:[e.jsx("h3",{children:"Select Topics"}),e.jsx("div",{className:"topic-buttons",children:c.map(a=>e.jsx("button",{className:`topic-btn ${u.includes(a.name)?"selected":""}`,onClick:()=>b(a.name),children:a.name},a.id))}),e.jsxs("div",{className:"sentence-input-container",children:[e.jsx("label",{htmlFor:"custom-sentence",className:"sentence-label",children:"Custom Sentence (optional)"}),e.jsx("textarea",{id:"custom-sentence",className:"sentence-input",value:r,onChange:a=>t&&t(a.target.value),placeholder:"Enter a sentence to influence word selection...",rows:"3",maxLength:"200"}),e.jsxs("div",{className:"sentence-info",children:[e.jsxs("span",{className:"char-count",children:[r.length,"/200 characters"]}),r&&e.jsx("button",{type:"button",className:"clear-sentence-btn",onClick:()=>t&&t(""),title:"Clear sentence",children:"Clear"})]})]}),e.jsxs("div",{className:"multi-theme-toggle-container",children:[e.jsxs("label",{className:"multi-theme-toggle",children:[e.jsx("input",{type:"checkbox",checked:n,onChange:a=>o&&o(a.target.checked),className:"multi-theme-checkbox"}),e.jsx("span",{className:"multi-theme-label",children:"🎯 Use Multi-Theme Processing"})]}),e.jsx("p",{className:"multi-theme-description",children:n?"AI will process each theme separately and balance results":"AI will blend all themes into a single concept"})]}),e.jsxs("p",{className:"selected-count",children:[u.length," topic",u.length!==1?"s":""," selected"]})]})},U=({grid:s,clues:c,showSolution:u,onCellChange:r})=>{const[t,n]=p.useState({});p.useEffect(()=>{n({})},[s]);const o=(d,i,m)=>{const x=`${d}-${i}`,g={...t,[x]:m.toUpperCase()};n(g),r&&r(d,i,m)},b=(d,i)=>{if(u&&!a(d,i))return s[d][i];const m=`${d}-${i}`;return t[m]||""},a=(d,i)=>s[d][i]===".",v=(d,i)=>{if(!c)return null;const m=c.find(x=>x.position.row===d&&x.position.col===i);return m?m.number:null};if(!s||s.length===0)return e.jsx("div",{className:"puzzle-grid",children:"No puzzle loaded"});const j=s.length,y=s[0]?s[0].length:0;return e.jsx("div",{className:"puzzle-container",children:e.jsx("div",{className:"puzzle-grid",style:{gridTemplateColumns:`repeat(${y}, 35px)`,gridTemplateRows:`repeat(${j}, 35px)`},children:s.map((d,i)=>d.map((m,x)=>{const g=v(i,x);return a(i,x)?e.jsx("div",{className:"grid-cell empty-cell",style:{visibility:"hidden"}},`${i}-${x}`):e.jsxs("div",{className:"grid-cell white-cell",children:[g&&e.jsx("span",{className:"cell-number",children:g}),e.jsx("input",{type:"text",maxLength:"1",value:b(i,x),onChange:l=>o(i,x,l.target.value),className:`cell-input ${u?"solution-text":""}`,disabled:u})]},`${i}-${x}`)}))})})},q=({clues:s=[]})=>{const c=s.filter(t=>t.direction==="across"),u=s.filter(t=>t.direction==="down"),r=({title:t,clueList:n})=>e.jsxs("div",{className:"clue-section",children:[e.jsx("h4",{children:t}),e.jsx("ol",{children:n.map(o=>e.jsxs("li",{className:"clue-item",children:[e.jsx("span",{className:"clue-number",children:o.number}),e.jsx("span",{className:"clue-text",children:o.text})]},`${o.number}-${o.direction}`))})]});return e.jsxs("div",{className:"clue-list",children:[e.jsx(r,{title:"Across",clueList:c}),e.jsx(r,{title:"Down",clueList:u})]})},Y=({debugData:s})=>{const[c,u]=p.useState("overview"),[r,t]=p.useState("similarity"),[n,o]=p.useState("desc");if(!s||!s.enabled)return e.jsx("div",{className:"debug-tab",children:e.jsx("p",{children:"Debug data not available. Set ENABLE_DEBUG_TAB=true on the backend."})});const b=[{id:"overview",label:"Overview"},{id:"thematic-pool",label:"Thematic Pool"},{id:"candidates",label:"Candidates"},{id:"selection",label:"Selection"},{id:"selected",label:"Selected Words"}],a=()=>{var l,f,h;return e.jsxs("div",{className:"debug-section",children:[e.jsx("h3",{children:"Generation Parameters"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Topics:"})," ",s.generation_params.topics.join(", ")]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty:"})," ",s.generation_params.difficulty]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Requested Words:"})," ",s.generation_params.requested_words]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Thematic Pool Size:"})," ",s.generation_params.thematic_pool_size]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Min Similarity:"})," ",s.generation_params.min_similarity]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Multi-theme:"})," ",s.generation_params.multi_theme?"Yes":"No"]}),s.generation_params.custom_sentence&&e.jsxs("div",{children:[e.jsx("strong",{children:"Custom Sentence:"}),' "',s.generation_params.custom_sentence,'"']})]}),e.jsx("h3",{children:"Selection Algorithm"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Method:"})," ",s.selection_method]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Temperature:"})," ",s.selection_params.similarity_temperature]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty Weight:"})," ",s.selection_params.difficulty_weight]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Use Softmax:"})," ",s.selection_params.use_softmax_selection?"Yes":"No"]})]}),e.jsx("h3",{children:"Results Summary"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Thematic Pool:"})," ",((l=s.thematic_pool)==null?void 0:l.length)||0," words"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Candidates:"})," ",((f=s.candidate_words)==null?void 0:f.length)||0," words"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Selected:"})," ",((h=s.selected_words)==null?void 0:h.length)||0," words"]})]})]})},v=(l,f=!1)=>e.jsx("div",{className:"word-table-container",children:e.jsxs("table",{className:"word-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Word"}),e.jsx("th",{children:"Similarity"}),e.jsx("th",{children:"Percentile"}),e.jsx("th",{children:"Tier"}),f&&e.jsx("th",{children:"Clue"})]})}),e.jsx("tbody",{children:l.map((h,N)=>e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("strong",{children:h.word})}),e.jsx("td",{children:h.similarity.toFixed(3)}),e.jsx("td",{children:h.percentile.toFixed(3)}),e.jsx("td",{title:h.tier_description||h.tier,children:h.tier.replace("tier_","").replace("_"," ")}),f&&e.jsx("td",{children:h.clue})]},N))})]})}),j=l=>{r===l?o(n==="asc"?"desc":"asc"):(t(l),o(l==="word"?"asc":"desc"))},y=l=>r!==l?" ↕️":n==="asc"?" ▲":" ▼",d=()=>{const f=[...s.thematic_pool||[]].sort((h,N)=>{let w,S;switch(r){case"word":w=h.word.toLowerCase(),S=N.word.toLowerCase();break;case"similarity":w=h.similarity,S=N.similarity;break;case"percentile":w=h.percentile,S=N.percentile;break;default:w=h.similarity,S=N.similarity}return n==="asc"?w<S?-1:w>S?1:0:w>S?-1:w<S?1:0});return e.jsx("div",{className:"word-table-container",children:e.jsxs("table",{className:"word-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsxs("th",{onClick:()=>j("word"),style:{cursor:"pointer",userSelect:"none"},className:r==="word"?"sorted-column":"",children:["Word",y("word")]}),e.jsxs("th",{onClick:()=>j("similarity"),style:{cursor:"pointer",userSelect:"none"},className:r==="similarity"?"sorted-column":"",children:["Similarity",y("similarity")]}),e.jsxs("th",{onClick:()=>j("percentile"),style:{cursor:"pointer",userSelect:"none"},className:r==="percentile"?"sorted-column":"",children:["Percentile",y("percentile")]}),e.jsx("th",{children:"Tier"})]})}),e.jsx("tbody",{children:f.map((h,N)=>e.jsxs("tr",{children:[e.jsx("td",{children:e.jsx("strong",{children:h.word})}),e.jsx("td",{children:h.similarity.toFixed(3)}),e.jsx("td",{children:h.percentile.toFixed(3)}),e.jsx("td",{title:h.tier_description||h.tier,children:h.tier.replace("tier_","").replace("_"," ")})]},N))})]})})},i=()=>{const l=s.thematic_pool||[];return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Thematic Pool (",l.length," words)"]}),e.jsx("p",{children:"All words generated thematically. Click column headers to sort."}),d()]})},m=()=>{const l=s.candidate_words||[];return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Candidate Words (",l.length," words)"]}),e.jsx("p",{children:"Words that passed filtering and got clues generated."}),v(l,!0)]})},x=()=>e.jsxs("div",{className:"debug-section",children:[e.jsx("h3",{children:"Selection Process"}),e.jsxs("div",{className:"debug-grid",children:[e.jsxs("div",{children:[e.jsx("strong",{children:"Algorithm:"})," ",s.selection_method]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Temperature:"})," ",s.selection_params.similarity_temperature," (lower = more deterministic)"]}),e.jsxs("div",{children:[e.jsx("strong",{children:"Difficulty Weight:"})," ",s.selection_params.difficulty_weight," (balance between similarity and frequency)"]})]}),e.jsx("h4",{children:"How it works:"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Composite Score"})," = (1 - difficulty_weight) × similarity + difficulty_weight × frequency_alignment"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Frequency Alignment"}),": Gaussian distribution favoring target percentiles by difficulty"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Softmax Selection"}),": Probabilistic selection based on composite scores with temperature control"]})]}),e.jsx("h4",{children:"Difficulty Targets:"}),e.jsxs("ul",{children:[e.jsxs("li",{children:[e.jsx("strong",{children:"Easy:"})," 90th percentile (common words like CAT, DOG)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Medium:"})," 50th percentile (balanced selection)"]}),e.jsxs("li",{children:[e.jsx("strong",{children:"Hard:"})," 20th percentile (rare words like QUETZAL, PLATYPUS)"]})]})]}),g=()=>{const l=s.selected_words||[];return e.jsxs("div",{className:"debug-section",children:[e.jsxs("h3",{children:["Selected Words (",l.length," words)"]}),e.jsx("p",{children:"Final words chosen for crossword generation."}),v(l,!0)]})},z=()=>{switch(c){case"overview":return a();case"thematic-pool":return i();case"candidates":return m();case"selection":return x();case"selected":return g();default:return a()}};return e.jsxs("div",{className:"debug-tab",children:[e.jsx("div",{className:"debug-nav",children:b.map(l=>e.jsx("button",{className:`debug-nav-btn ${c===l.id?"active":""}`,onClick:()=>u(l.id),children:l.label},l.id))}),e.jsx("div",{className:"debug-content",children:z()})]})},H=({message:s="Generating puzzle..."})=>e.jsxs("div",{className:"loading-spinner",children:[e.jsx("div",{className:"spinner"}),e.jsx("p",{className:"loading-message",children:s})]}),J=()=>{const[s,c]=p.useState(null),[u,r]=p.useState(!1),[t,n]=p.useState(null),[o,b]=p.useState([]),a="",v=p.useCallback(async()=>{try{r(!0);const i=await fetch(`${a}/api/topics`);if(!i.ok)throw new Error("Failed to fetch topics");const m=await i.json();b(m)}catch(i){n(i.message)}finally{r(!1)}},[a]),j=p.useCallback(async(i,m="medium",x=!1,g="",z=!0)=>{try{r(!0),n(null);const l=await fetch(`${a}/api/generate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({topics:i,difficulty:m,useAI:x,...g&&{customSentence:g},multiTheme:z})});if(!l.ok){const h=await l.json().catch(()=>({}));throw new Error(h.message||"Failed to generate puzzle")}const f=await l.json();return c(f),f}catch(l){return n(l.message),null}finally{r(!1)}},[a]),y=p.useCallback(async i=>{try{const m=await fetch(`${a}/api/validate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({puzzle:s,answers:i})});if(!m.ok)throw new Error("Failed to validate answers");return await m.json()}catch(m){return n(m.message),null}},[a,s]),d=p.useCallback(()=>{c(null),n(null)},[]);return{puzzle:s,loading:u,error:t,topics:o,fetchTopics:v,generatePuzzle:j,validateAnswers:y,resetPuzzle:d}};function V(){const[s,c]=p.useState([]),[u,r]=p.useState("medium"),[t,n]=p.useState(!1),[o,b]=p.useState(""),[a,v]=p.useState(!0),[j,y]=p.useState("puzzle"),{puzzle:d,loading:i,error:m,topics:x,fetchTopics:g,generatePuzzle:z,resetPuzzle:l}=J();p.useEffect(()=>{g()},[g]);const f=async()=>{if(s.length===0&&!o.trim()){alert("Please select at least one topic or provide a custom sentence");return}n(!1),await z(s,u,!1,o,a)},h=_=>{c(_)},N=_=>{b(_)},w=_=>{v(_)},S=()=>{l(),c([]),n(!1),r("medium"),b(""),v(!0),y("puzzle")},A=()=>{n(!0)};return e.jsxs("div",{className:"crossword-app",children:[e.jsxs("header",{className:"app-header",children:[e.jsx("h1",{className:"app-title",children:"Crossword Puzzle Generator"}),e.jsx("p",{children:"Select topics and generate your custom crossword puzzle!"})]}),e.jsx(M,{onTopicsChange:h,availableTopics:x,selectedTopics:s,customSentence:o,onSentenceChange:N,multiTheme:a,onMultiThemeChange:w}),e.jsxs("div",{className:"puzzle-controls",children:[e.jsxs("select",{value:u,onChange:_=>r(_.target.value),className:"control-btn",children:[e.jsx("option",{value:"easy",children:"Easy"}),e.jsx("option",{value:"medium",children:"Medium"}),e.jsx("option",{value:"hard",children:"Hard"})]}),e.jsx("button",{onClick:f,disabled:i||s.length===0&&!o.trim(),className:"control-btn generate-btn",children:i?"Generating...":"Generate Puzzle"}),e.jsx("button",{onClick:S,className:"control-btn reset-btn",children:"Reset"}),d&&!t&&e.jsx("button",{onClick:A,className:"control-btn reveal-btn",children:"Reveal Solution"})]}),m&&e.jsxs("div",{className:"error-message",children:["Error: ",m]}),i&&e.jsx(H,{}),d&&!i&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tab-nav",children:[e.jsx("button",{className:`tab-btn ${j==="puzzle"?"active":""}`,onClick:()=>y("puzzle"),children:"Puzzle"}),d.debug&&e.jsx("button",{className:`tab-btn ${j==="debug"?"active":""}`,onClick:()=>y("debug"),children:"Debug"})]}),j==="puzzle"&&e.jsxs("div",{className:"puzzle-layout",children:[e.jsx(U,{grid:d.grid,clues:d.clues,showSolution:t}),e.jsx(q,{clues:d.clues})]}),j==="debug"&&d.debug&&e.jsx(Y,{debugData:d.debug})]}),!d&&!i&&!m&&e.jsx("div",{style:{textAlign:"center",padding:"40px",color:"#7f8c8d"},children:'Select topics and click "Generate Puzzle" to start!'})]})}T.createRoot(document.getElementById("root")).render(e.jsx($.StrictMode,{children:e.jsx(V,{})}));
+//# sourceMappingURL=index-Dqo17R2W.js.map

crossword-app/backend-py/public/assets/index-Dqo17R2W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Dqo17R2W.js","sources":["../../node_modules/react/cjs/react-jsx-runtime.production.min.js","../../node_modules/react/jsx-runtime.js","../../node_modules/react-dom/client.js","../../src/components/TopicSelector.jsx","../../src/components/PuzzleGrid.jsx","../../src/components/ClueList.jsx","../../src/components/DebugTab.jsx","../../src/components/LoadingSpinner.jsx","../../src/hooks/useCrossword.js","../../src/App.jsx","../../src/main.jsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n","import React from 'react';\n\nconst TopicSelector = ({ \n  onTopicsChange, \n  availableTopics = [], \n  selectedTopics = [],\n  customSentence = '',\n  onSentenceChange,\n  multiTheme = true,\n  onMultiThemeChange\n}) => {\n  const handleTopicToggle = (topic) => {\n    const newSelectedTopics = selectedTopics.includes(topic)\n      ? selectedTopics.filter(t => t !== topic)\n      : [...selectedTopics, topic];\n    \n    onTopicsChange(newSelectedTopics);\n  };\n\n  return (\n    <div className=\"topic-selector\">\n      <h3>Select Topics</h3>\n      <div className=\"topic-buttons\">\n        {availableTopics.map(topic => (\n          <button\n            key={topic.id}\n            className={`topic-btn ${selectedTopics.includes(topic.name) ? 'selected' : ''}`}\n            onClick={() => handleTopicToggle(topic.name)}\n          >\n            {topic.name}\n          </button>\n        ))}\n      </div>\n      \n      <div className=\"sentence-input-container\">\n        <label htmlFor=\"custom-sentence\" className=\"sentence-label\">\n          Custom Sentence (optional)\n        </label>\n        <textarea\n          id=\"custom-sentence\"\n          className=\"sentence-input\"\n          value={customSentence}\n          onChange={(e) => onSentenceChange && onSentenceChange(e.target.value)}\n          placeholder=\"Enter a sentence to influence word selection...\"\n          rows=\"3\"\n          maxLength=\"200\"\n        />\n        <div className=\"sentence-info\">\n          <span className=\"char-count\">{customSentence.length}/200 characters</span>\n          {customSentence && (\n            <button \n              type=\"button\"\n              className=\"clear-sentence-btn\"\n              onClick={() => onSentenceChange && onSentenceChange('')}\n              title=\"Clear sentence\"\n            >\n              Clear\n            </button>\n          )}\n        </div>\n      </div>\n      \n      <div className=\"multi-theme-toggle-container\">\n        <label className=\"multi-theme-toggle\">\n          <input\n            type=\"checkbox\"\n            checked={multiTheme}\n            onChange={(e) => onMultiThemeChange && onMultiThemeChange(e.target.checked)}\n            className=\"multi-theme-checkbox\"\n          />\n          <span className=\"multi-theme-label\">\n            🎯 Use Multi-Theme Processing\n          </span>\n        </label>\n        <p className=\"multi-theme-description\">\n          {multiTheme \n            ? \"AI will process each theme separately and balance results\" \n            : \"AI will blend all themes into a single concept\"\n          }\n        </p>\n      </div>\n      \n      <p className=\"selected-count\">\n        {selectedTopics.length} topic{selectedTopics.length !== 1 ? 's' : ''} selected\n      </p>\n    </div>\n  );\n};\n\nexport default TopicSelector;","import React, { useState, useEffect } from 'react';\n\nconst PuzzleGrid = ({ grid, clues, showSolution, onCellChange }) => {\n  const [userAnswers, setUserAnswers] = useState({});\n\n  useEffect(() => {\n    setUserAnswers({});\n  }, [grid]);\n\n  const handleCellInput = (row, col, value) => {\n    const key = `${row}-${col}`;\n    const newAnswers = { ...userAnswers, [key]: value.toUpperCase() };\n    setUserAnswers(newAnswers);\n    onCellChange && onCellChange(row, col, value);\n  };\n\n  const getCellValue = (row, col) => {\n    if (showSolution && !isBlackCell(row, col)) {\n      return grid[row][col];\n    }\n    const key = `${row}-${col}`;\n    return userAnswers[key] || '';\n  };\n\n  const isBlackCell = (row, col) => {\n    return grid[row][col] === '.';\n  };\n\n  const getCellNumber = (row, col) => {\n    if (!clues) return null;\n    const clue = clues.find(c => c.position.row === row && c.position.col === col);\n    return clue ? clue.number : null;\n  };\n\n  if (!grid || grid.length === 0) {\n    return <div className=\"puzzle-grid\">No puzzle loaded</div>;\n  }\n\n  const gridRows = grid.length;\n  const gridCols = grid[0] ? grid[0].length : 0;\n\n  return (\n    <div className=\"puzzle-container\">\n      <div \n        className=\"puzzle-grid\"\n        style={{\n          gridTemplateColumns: `repeat(${gridCols}, 35px)`,\n          gridTemplateRows: `repeat(${gridRows}, 35px)`\n        }}\n      >\n        {grid.map((row, rowIndex) =>\n          row.map((cell, colIndex) => {\n            const cellNumber = getCellNumber(rowIndex, colIndex);\n            const isBlack = isBlackCell(rowIndex, colIndex);\n            \n            // Only render cells that contain letters (not black/unused cells)\n            if (isBlack) {\n              return (\n                <div\n                  key={`${rowIndex}-${colIndex}`}\n                  className=\"grid-cell empty-cell\"\n                  style={{ visibility: 'hidden' }}\n                >\n                </div>\n              );\n            }\n            \n            return (\n              <div\n                key={`${rowIndex}-${colIndex}`}\n                className=\"grid-cell white-cell\"\n              >\n                {cellNumber && <span className=\"cell-number\">{cellNumber}</span>}\n                <input\n                  type=\"text\"\n                  maxLength=\"1\"\n                  value={getCellValue(rowIndex, colIndex)}\n                  onChange={(e) => handleCellInput(rowIndex, colIndex, e.target.value)}\n                  className={`cell-input ${showSolution ? 'solution-text' : ''}`}\n                  disabled={showSolution}\n                />\n              </div>\n            );\n          })\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default PuzzleGrid;","import React from 'react';\n\nconst ClueList = ({ clues = [] }) => {\n  const acrossClues = clues.filter(clue => clue.direction === 'across');\n  const downClues = clues.filter(clue => clue.direction === 'down');\n\n  const ClueSection = ({ title, clueList }) => (\n    <div className=\"clue-section\">\n      <h4>{title}</h4>\n      <ol>\n        {clueList.map(clue => (\n          <li key={`${clue.number}-${clue.direction}`} className=\"clue-item\">\n            <span className=\"clue-number\">{clue.number}</span>\n            <span className=\"clue-text\">{clue.text}</span>\n          </li>\n        ))}\n      </ol>\n    </div>\n  );\n\n  return (\n    <div className=\"clue-list\">\n      <ClueSection title=\"Across\" clueList={acrossClues} />\n      <ClueSection title=\"Down\" clueList={downClues} />\n    </div>\n  );\n};\n\nexport default ClueList;","import React, { useState } from 'react';\n\nconst DebugTab = ({ debugData }) => {\n  const [activeSection, setActiveSection] = useState('overview');\n  const [sortBy, setSortBy] = useState('similarity');\n  const [sortDirection, setSortDirection] = useState('desc');\n\n  if (!debugData || !debugData.enabled) {\n    return (\n      <div className=\"debug-tab\">\n        <p>Debug data not available. Set ENABLE_DEBUG_TAB=true on the backend.</p>\n      </div>\n    );\n  }\n\n  const sections = [\n    { id: 'overview', label: 'Overview' },\n    { id: 'thematic-pool', label: 'Thematic Pool' },\n    { id: 'candidates', label: 'Candidates' },\n    { id: 'selection', label: 'Selection' },\n    { id: 'selected', label: 'Selected Words' }\n  ];\n\n  const renderOverview = () => (\n    <div className=\"debug-section\">\n      <h3>Generation Parameters</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Topics:</strong> {debugData.generation_params.topics.join(', ')}</div>\n        <div><strong>Difficulty:</strong> {debugData.generation_params.difficulty}</div>\n        <div><strong>Requested Words:</strong> {debugData.generation_params.requested_words}</div>\n        <div><strong>Thematic Pool Size:</strong> {debugData.generation_params.thematic_pool_size}</div>\n        <div><strong>Min Similarity:</strong> {debugData.generation_params.min_similarity}</div>\n        <div><strong>Multi-theme:</strong> {debugData.generation_params.multi_theme ? 'Yes' : 'No'}</div>\n        {debugData.generation_params.custom_sentence && (\n          <div><strong>Custom Sentence:</strong> \"{debugData.generation_params.custom_sentence}\"</div>\n        )}\n      </div>\n\n      <h3>Selection Algorithm</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Method:</strong> {debugData.selection_method}</div>\n        <div><strong>Temperature:</strong> {debugData.selection_params.similarity_temperature}</div>\n        <div><strong>Difficulty Weight:</strong> {debugData.selection_params.difficulty_weight}</div>\n        <div><strong>Use Softmax:</strong> {debugData.selection_params.use_softmax_selection ? 'Yes' : 'No'}</div>\n      </div>\n\n      <h3>Results Summary</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Thematic Pool:</strong> {debugData.thematic_pool?.length || 0} words</div>\n        <div><strong>Candidates:</strong> {debugData.candidate_words?.length || 0} words</div>\n        <div><strong>Selected:</strong> {debugData.selected_words?.length || 0} words</div>\n      </div>\n    </div>\n  );\n\n  const renderWordTable = (words, showClue = false) => (\n    <div className=\"word-table-container\">\n      <table className=\"word-table\">\n        <thead>\n          <tr>\n            <th>Word</th>\n            <th>Similarity</th>\n            <th>Percentile</th>\n            <th>Tier</th>\n            {showClue && <th>Clue</th>}\n          </tr>\n        </thead>\n        <tbody>\n          {words.map((word, idx) => (\n            <tr key={idx}>\n              <td><strong>{word.word}</strong></td>\n              <td>{word.similarity.toFixed(3)}</td>\n              <td>{word.percentile.toFixed(3)}</td>\n              <td title={word.tier_description || word.tier}>{word.tier.replace('tier_', '').replace('_', ' ')}</td>\n              {showClue && <td>{word.clue}</td>}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n\n  const handleSort = (column) => {\n    if (sortBy === column) {\n      setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');\n    } else {\n      setSortBy(column);\n      setSortDirection(column === 'word' ? 'asc' : 'desc');\n    }\n  };\n\n  const getSortIcon = (column) => {\n    if (sortBy !== column) return ' ↕️';\n    return sortDirection === 'asc' ? ' ▲' : ' ▼';\n  };\n\n  const renderSortableThematicPool = () => {\n    const pool = debugData.thematic_pool || [];\n    \n    const sortedPool = [...pool].sort((a, b) => {\n      let aVal, bVal;\n      \n      switch (sortBy) {\n        case 'word':\n          aVal = a.word.toLowerCase();\n          bVal = b.word.toLowerCase();\n          break;\n        case 'similarity':\n          aVal = a.similarity;\n          bVal = b.similarity;\n          break;\n        case 'percentile':\n          aVal = a.percentile;\n          bVal = b.percentile;\n          break;\n        default:\n          aVal = a.similarity;\n          bVal = b.similarity;\n      }\n      \n      if (sortDirection === 'asc') {\n        return aVal < bVal ? -1 : aVal > bVal ? 1 : 0;\n      } else {\n        return aVal > bVal ? -1 : aVal < bVal ? 1 : 0;\n      }\n    });\n    \n    return (\n      <div className=\"word-table-container\">\n        <table className=\"word-table\">\n          <thead>\n            <tr>\n              <th \n                onClick={() => handleSort('word')} \n                style={{ cursor: 'pointer', userSelect: 'none' }}\n                className={sortBy === 'word' ? 'sorted-column' : ''}\n              >\n                Word{getSortIcon('word')}\n              </th>\n              <th \n                onClick={() => handleSort('similarity')} \n                style={{ cursor: 'pointer', userSelect: 'none' }}\n                className={sortBy === 'similarity' ? 'sorted-column' : ''}\n              >\n                Similarity{getSortIcon('similarity')}\n              </th>\n              <th \n                onClick={() => handleSort('percentile')} \n                style={{ cursor: 'pointer', userSelect: 'none' }}\n                className={sortBy === 'percentile' ? 'sorted-column' : ''}\n              >\n                Percentile{getSortIcon('percentile')}\n              </th>\n              <th>Tier</th>\n            </tr>\n          </thead>\n          <tbody>\n            {sortedPool.map((word, idx) => (\n              <tr key={idx}>\n                <td><strong>{word.word}</strong></td>\n                <td>{word.similarity.toFixed(3)}</td>\n                <td>{word.percentile.toFixed(3)}</td>\n                <td title={word.tier_description || word.tier}>{word.tier.replace('tier_', '').replace('_', ' ')}</td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n    );\n  };\n\n  const renderThematicPool = () => {\n    const pool = debugData.thematic_pool || [];\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Thematic Pool ({pool.length} words)</h3>\n        <p>All words generated thematically. Click column headers to sort.</p>\n        {renderSortableThematicPool()}\n      </div>\n    );\n  };\n\n  const renderCandidates = () => {\n    const candidates = debugData.candidate_words || [];\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Candidate Words ({candidates.length} words)</h3>\n        <p>Words that passed filtering and got clues generated.</p>\n        {renderWordTable(candidates, true)}\n      </div>\n    );\n  };\n\n  const renderSelection = () => (\n    <div className=\"debug-section\">\n      <h3>Selection Process</h3>\n      <div className=\"debug-grid\">\n        <div><strong>Algorithm:</strong> {debugData.selection_method}</div>\n        <div><strong>Temperature:</strong> {debugData.selection_params.similarity_temperature} (lower = more deterministic)</div>\n        <div><strong>Difficulty Weight:</strong> {debugData.selection_params.difficulty_weight} (balance between similarity and frequency)</div>\n      </div>\n      \n      <h4>How it works:</h4>\n      <ul>\n        <li><strong>Composite Score</strong> = (1 - difficulty_weight) × similarity + difficulty_weight × frequency_alignment</li>\n        <li><strong>Frequency Alignment</strong>: Gaussian distribution favoring target percentiles by difficulty</li>\n        <li><strong>Softmax Selection</strong>: Probabilistic selection based on composite scores with temperature control</li>\n      </ul>\n\n      <h4>Difficulty Targets:</h4>\n      <ul>\n        <li><strong>Easy:</strong> 90th percentile (common words like CAT, DOG)</li>\n        <li><strong>Medium:</strong> 50th percentile (balanced selection)</li>\n        <li><strong>Hard:</strong> 20th percentile (rare words like QUETZAL, PLATYPUS)</li>\n      </ul>\n    </div>\n  );\n\n  const renderSelected = () => {\n    const selected = debugData.selected_words || [];\n    \n    return (\n      <div className=\"debug-section\">\n        <h3>Selected Words ({selected.length} words)</h3>\n        <p>Final words chosen for crossword generation.</p>\n        {renderWordTable(selected, true)}\n      </div>\n    );\n  };\n\n  const renderSection = () => {\n    switch (activeSection) {\n      case 'overview': return renderOverview();\n      case 'thematic-pool': return renderThematicPool();\n      case 'candidates': return renderCandidates();\n      case 'selection': return renderSelection();\n      case 'selected': return renderSelected();\n      default: return renderOverview();\n    }\n  };\n\n  return (\n    <div className=\"debug-tab\">\n      <div className=\"debug-nav\">\n        {sections.map(section => (\n          <button\n            key={section.id}\n            className={`debug-nav-btn ${activeSection === section.id ? 'active' : ''}`}\n            onClick={() => setActiveSection(section.id)}\n          >\n            {section.label}\n          </button>\n        ))}\n      </div>\n      \n      <div className=\"debug-content\">\n        {renderSection()}\n      </div>\n    </div>\n  );\n};\n\nexport default DebugTab;","import React from 'react';\n\nconst LoadingSpinner = ({ message = \"Generating puzzle...\" }) => {\n  return (\n    <div className=\"loading-spinner\">\n      <div className=\"spinner\"></div>\n      <p className=\"loading-message\">{message}</p>\n    </div>\n  );\n};\n\nexport default LoadingSpinner;","import { useState, useCallback } from 'react';\n\nconst useCrossword = () => {\n  const [puzzle, setPuzzle] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState(null);\n  const [topics, setTopics] = useState([]);\n\n  const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || (import.meta.env.PROD ? '' : 'http://localhost:3000');\n\n  const fetchTopics = useCallback(async () => {\n    try {\n      setLoading(true);\n      const response = await fetch(`${API_BASE_URL}/api/topics`);\n      if (!response.ok) throw new Error('Failed to fetch topics');\n      const data = await response.json();\n      setTopics(data);\n    } catch (err) {\n      setError(err.message);\n    } finally {\n      setLoading(false);\n    }\n  }, [API_BASE_URL]);\n\n  const generatePuzzle = useCallback(async (selectedTopics, difficulty = 'medium', useAI = false, customSentence = '', multiTheme = true) => {\n    try {\n      setLoading(true);\n      setError(null);\n      \n      const response = await fetch(`${API_BASE_URL}/api/generate`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          topics: selectedTopics,\n          difficulty,\n          useAI,\n          ...(customSentence && { customSentence }),\n          multiTheme\n        })\n      });\n\n      if (!response.ok) {\n        const errorData = await response.json().catch(() => ({}));\n        throw new Error(errorData.message || 'Failed to generate puzzle');\n      }\n      \n      const puzzleData = await response.json();\n      setPuzzle(puzzleData);\n      return puzzleData;\n    } catch (err) {\n      setError(err.message);\n      return null;\n    } finally {\n      setLoading(false);\n    }\n  }, [API_BASE_URL]);\n\n  const validateAnswers = useCallback(async (userAnswers) => {\n    try {\n      const response = await fetch(`${API_BASE_URL}/api/validate`, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        body: JSON.stringify({\n          puzzle: puzzle,\n          answers: userAnswers\n        })\n      });\n\n      if (!response.ok) throw new Error('Failed to validate answers');\n      \n      return await response.json();\n    } catch (err) {\n      setError(err.message);\n      return null;\n    }\n  }, [API_BASE_URL, puzzle]);\n\n  const resetPuzzle = useCallback(() => {\n    setPuzzle(null);\n    setError(null);\n  }, []);\n\n  return {\n    puzzle,\n    loading,\n    error,\n    topics,\n    fetchTopics,\n    generatePuzzle,\n    validateAnswers,\n    resetPuzzle\n  };\n};\n\nexport default useCrossword;","import React, { useState, useEffect } from 'react';\nimport TopicSelector from './components/TopicSelector';\nimport PuzzleGrid from './components/PuzzleGrid';\nimport ClueList from './components/ClueList';\nimport DebugTab from './components/DebugTab';\nimport LoadingSpinner from './components/LoadingSpinner';\nimport useCrossword from './hooks/useCrossword';\nimport './styles/puzzle.css';\n\nfunction App() {\n  const [selectedTopics, setSelectedTopics] = useState([]);\n  const [difficulty, setDifficulty] = useState('medium');\n  const [showSolution, setShowSolution] = useState(false);\n  const [customSentence, setCustomSentence] = useState('');\n  const [multiTheme, setMultiTheme] = useState(true);\n  const [activeTab, setActiveTab] = useState('puzzle');\n  \n  const {\n    puzzle,\n    loading,\n    error,\n    topics,\n    fetchTopics,\n    generatePuzzle,\n    resetPuzzle\n  } = useCrossword();\n\n  useEffect(() => {\n    fetchTopics();\n  }, [fetchTopics]);\n\n  const handleGeneratePuzzle = async () => {\n    if (selectedTopics.length === 0 && !customSentence.trim()) {\n      alert('Please select at least one topic or provide a custom sentence');\n      return;\n    }\n    \n    setShowSolution(false);\n    await generatePuzzle(selectedTopics, difficulty, false, customSentence, multiTheme);\n  };\n\n  const handleTopicsChange = (topics) => {\n    setSelectedTopics(topics);\n  };\n\n  const handleSentenceChange = (sentence) => {\n    setCustomSentence(sentence);\n  };\n\n  const handleMultiThemeChange = (enabled) => {\n    setMultiTheme(enabled);\n  };\n\n\n  const handleReset = () => {\n    resetPuzzle();\n    setSelectedTopics([]);\n    setShowSolution(false);\n    setDifficulty('medium');\n    setCustomSentence('');\n    setMultiTheme(true);\n    setActiveTab('puzzle');\n  };\n\n  const handleRevealSolution = () => {\n    setShowSolution(true);\n  };\n\n  return (\n    <div className=\"crossword-app\">\n      <header className=\"app-header\">\n        <h1 className=\"app-title\">Crossword Puzzle Generator</h1>\n        <p>Select topics and generate your custom crossword puzzle!</p>\n      </header>\n\n      <TopicSelector \n        onTopicsChange={handleTopicsChange}\n        availableTopics={topics}\n        selectedTopics={selectedTopics}\n        customSentence={customSentence}\n        onSentenceChange={handleSentenceChange}\n        multiTheme={multiTheme}\n        onMultiThemeChange={handleMultiThemeChange}\n      />\n\n      <div className=\"puzzle-controls\">\n        <select \n          value={difficulty} \n          onChange={(e) => setDifficulty(e.target.value)}\n          className=\"control-btn\"\n        >\n          <option value=\"easy\">Easy</option>\n          <option value=\"medium\">Medium</option>\n          <option value=\"hard\">Hard</option>\n        </select>\n        \n        <button\n          onClick={handleGeneratePuzzle}\n          disabled={loading || (selectedTopics.length === 0 && !customSentence.trim())}\n          className=\"control-btn generate-btn\"\n        >\n          {loading ? 'Generating...' : 'Generate Puzzle'}\n        </button>\n        \n        <button\n          onClick={handleReset}\n          className=\"control-btn reset-btn\"\n        >\n          Reset\n        </button>\n        \n        {puzzle && !showSolution && (\n          <button\n            onClick={handleRevealSolution}\n            className=\"control-btn reveal-btn\"\n          >\n            Reveal Solution\n          </button>\n        )}\n      </div>\n\n      {error && (\n        <div className=\"error-message\">\n          Error: {error}\n        </div>\n      )}\n\n      {loading && <LoadingSpinner />}\n\n      {puzzle && !loading && (\n        <>\n          {/* Tab Navigation */}\n          <div className=\"tab-nav\">\n            <button\n              className={`tab-btn ${activeTab === 'puzzle' ? 'active' : ''}`}\n              onClick={() => setActiveTab('puzzle')}\n            >\n              Puzzle\n            </button>\n            {puzzle.debug && (\n              <button\n                className={`tab-btn ${activeTab === 'debug' ? 'active' : ''}`}\n                onClick={() => setActiveTab('debug')}\n              >\n                Debug\n              </button>\n            )}\n          </div>\n\n          {/* Tab Content */}\n          {activeTab === 'puzzle' && (\n            <div className=\"puzzle-layout\">\n              <PuzzleGrid \n                grid={puzzle.grid} \n                clues={puzzle.clues}\n                showSolution={showSolution}\n              />\n              <ClueList clues={puzzle.clues} />\n            </div>\n          )}\n\n          {activeTab === 'debug' && puzzle.debug && (\n            <DebugTab debugData={puzzle.debug} />\n          )}\n        </>\n      )}\n\n      {!puzzle && !loading && !error && (\n        <div style={{ textAlign: 'center', padding: '40px', color: '#7f8c8d' }}>\n          Select topics and click \"Generate Puzzle\" to start!\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default App;","import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport App from './App.jsx'\n\nReactDOM.createRoot(document.getElementById('root')).render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n)"],"names":["f","require$$0","k","l","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min","jsxRuntimeModule","client","TopicSelector","onTopicsChange","availableTopics","selectedTopics","customSentence","onSentenceChange","multiTheme","onMultiThemeChange","handleTopicToggle","topic","newSelectedTopics","t","jsxs","jsx","PuzzleGrid","grid","clues","showSolution","onCellChange","userAnswers","setUserAnswers","useState","useEffect","handleCellInput","row","col","value","key","newAnswers","getCellValue","isBlackCell","getCellNumber","clue","gridRows","gridCols","rowIndex","cell","colIndex","cellNumber","ClueList","acrossClues","downClues","ClueSection","title","clueList","DebugTab","debugData","activeSection","setActiveSection","sortBy","setSortBy","sortDirection","setSortDirection","sections","renderOverview","_a","_b","_c","renderWordTable","words","showClue","word","idx","handleSort","column","getSortIcon","renderSortableThematicPool","sortedPool","aVal","bVal","renderThematicPool","pool","renderCandidates","candidates","renderSelection","renderSelected","selected","renderSection","section","LoadingSpinner","message","useCrossword","puzzle","setPuzzle","loading","setLoading","error","setError","topics","setTopics","API_BASE_URL","fetchTopics","useCallback","response","data","err","generatePuzzle","difficulty","useAI","errorData","puzzleData","validateAnswers","resetPuzzle","App","setSelectedTopics","setDifficulty","setShowSolution","setCustomSentence","setMultiTheme","activeTab","setActiveTab","handleGeneratePuzzle","handleTopicsChange","handleSentenceChange","sentence","handleMultiThemeChange","enabled","handleReset","handleRevealSolution","Fragment","ReactDOM","React"],"mappings":"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","x_google_ignoreList":[0,1,2]}

crossword-app/backend-py/public/assets/index-Du5pYm00.css

@@ -0,0 +1 @@
+.crossword-app{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-header{text-align:center;margin-bottom:30px}.app-title{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.topic-selector{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.topic-selector h3{margin-top:0;color:#2c3e50}.topic-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.topic-btn{padding:8px 16px;border:2px solid #3498db;background:#fff;color:#3498db;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500}.topic-btn:hover,.topic-btn.selected{background:#3498db;color:#fff}.selected-count{color:#7f8c8d;font-size:.9rem;margin:0}.sentence-input-container{margin-top:20px;margin-bottom:15px}.sentence-label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500;font-size:.95rem}.sentence-input{width:100%;padding:12px;border:2px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:.9rem;line-height:1.4;resize:vertical;min-height:80px;background:#fff;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}.sentence-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.sentence-input::placeholder{color:#95a5a6;font-style:italic}.sentence-info{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:.8rem}.char-count{color:#7f8c8d}.clear-sentence-btn{background:#e74c3c;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:background-color .2s ease}.clear-sentence-btn:hover{background:#c0392b}.clear-sentence-btn:active{background:#a93226}.multi-theme-toggle-container{margin-top:20px;margin-bottom:15px;padding:15px;background:#f0f4f8;border:1px solid #e1e8ed;border-radius:8px}.multi-theme-toggle{display:flex;align-items:center;cursor:pointer;margin-bottom:8px}.multi-theme-checkbox{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#3498db}.multi-theme-label{font-weight:500;color:#2c3e50;font-size:.95rem;-webkit-user-select:none;user-select:none}.multi-theme-description{margin:0;font-size:.85rem;color:#5a6c7d;line-height:1.4;font-style:italic;padding-left:28px}.ai-toggle-container{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.ai-toggle-container:has(.ai-checkbox:checked){background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#3498db}.ai-toggle{display:flex;align-items:center;cursor:pointer;font-weight:500;margin-bottom:8px}.ai-checkbox{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#3498db}.ai-label{font-size:1rem;color:#2c3e50;-webkit-user-select:none;user-select:none}.ai-status{color:#27ae60;font-weight:600;font-size:.9rem}.ai-description{margin:0;font-size:.85rem;color:#6c757d;line-height:1.4;padding-left:32px}.puzzle-controls{display:flex;gap:15px;margin-bottom:20px;justify-content:center}.control-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.control-btn:disabled{background:#bdc3c7!important;color:#7f8c8d!important;cursor:not-allowed;opacity:.7}.generate-btn{background:#27ae60;color:#fff}.generate-btn:hover{background:#229954}.generate-btn:disabled{background:#bdc3c7;cursor:not-allowed}.reset-btn{background:#e74c3c;color:#fff}.reset-btn:hover{background:#c0392b}.reveal-btn{background:#f39c12;color:#fff}.reveal-btn:hover{background:#e67e22}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#7f8c8d;font-size:1.1rem}.puzzle-info{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;padding:10px 15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #3498db}.puzzle-stats{font-size:.9rem;color:#6c757d;font-weight:500}.ai-generated-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 4px #0000001a}.puzzle-layout{display:grid;grid-template-columns:1fr 300px;gap:30px;margin-top:20px}@media (max-width: 768px){.puzzle-layout{grid-template-columns:1fr;gap:20px}.puzzle-info{flex-direction:column;gap:8px;text-align:center}.ai-toggle-container{padding:12px}.ai-description{padding-left:0;text-align:center}}.puzzle-container{display:flex;justify-content:center}.puzzle-grid{display:grid;gap:0;margin:0 auto;width:fit-content;height:fit-content}.grid-cell{width:35px;height:35px;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff}.grid-cell:before{content:"";position:absolute;top:0;left:0;right:-1px;bottom:-1px;border:1px solid #2c3e50;pointer-events:none;z-index:10}.black-cell{background:#f0f0f0}.black-cell:before{background:#f0f0f0;border:1px solid #2c3e50}.white-cell{background:#fff}.empty-cell{background:transparent;border:none;visibility:hidden}.empty-cell:before{display:none}.cell-input{width:100%;height:100%;border:none!important;text-align:center;font-size:16px;font-weight:700;background:transparent;outline:none;text-transform:uppercase;position:relative;z-index:5}.cell-input:focus{background:#e8f4fd;box-shadow:inset 0 0 0 2px #3498db}.cell-number{position:absolute;top:1px;left:2px;font-size:10px;font-weight:700;color:#2c3e50;line-height:1;z-index:15;pointer-events:none}.solution-text{color:#2c3e50!important;font-weight:700!important;background:#fff!important}.solution-text:disabled{opacity:1!important;cursor:default}.grid-cell .solution-text{border:none!important;background:#fff!important}.clue-list{background:#f8f9fa;padding:20px;border-radius:8px;max-height:600px;overflow-y:auto}.clue-section{margin-bottom:25px}.clue-section h4{color:#2c3e50;margin-bottom:15px;font-size:1.2rem;border-bottom:2px solid #3498db;padding-bottom:5px}.clue-section ol{padding-left:0;list-style:none}.clue-item{display:flex;margin-bottom:8px;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.clue-item:hover{background:#e9ecef}.clue-number{font-weight:700;color:#3498db;margin-right:10px;min-width:25px}.clue-text{flex:1;color:#2c3e50}.error-message{background:#f8d7da;color:#721c24;padding:15px;border-radius:5px;margin:20px 0;border:1px solid #f5c6cb}.success-message{background:#d4edda;color:#155724;padding:15px;border-radius:5px;margin:20px 0;border:1px solid #c3e6cb;text-align:center;font-weight:600}.tab-nav{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:20px;gap:2px}.tab-btn{padding:12px 20px;border:none;background:#f8f9fa;color:#6c757d;cursor:pointer;border-radius:8px 8px 0 0;font-weight:500;transition:all .3s ease}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{background:#3498db;color:#fff}.debug-tab{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px}.debug-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;border-bottom:2px solid #e9ecef;padding-bottom:15px}.debug-nav-btn{padding:8px 16px;border:1px solid #dee2e6;background:#fff;color:#495057;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.debug-nav-btn:hover{background:#e9ecef;border-color:#adb5bd}.debug-nav-btn.active{background:#3498db;color:#fff;border-color:#3498db}.debug-content{min-height:300px}.debug-section h3{color:#2c3e50;margin-bottom:15px;border-bottom:1px solid #dee2e6;padding-bottom:8px}.debug-section h4{color:#495057;margin-top:20px;margin-bottom:10px}.debug-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin-bottom:20px}.debug-grid>div{padding:8px 12px;background:#fff;border-radius:4px;border:1px solid #e9ecef;font-size:.9rem}.debug-grid strong{color:#2c3e50}.word-table-container{max-height:400px;overflow-y:auto;border:1px solid #dee2e6;border-radius:6px;background:#fff}.word-table{width:100%;border-collapse:collapse;font-size:.85rem}.word-table th{background:#f8f9fa;padding:8px 12px;text-align:left;border-bottom:2px solid #dee2e6;font-weight:600;color:#495057;position:sticky;top:0;z-index:1}.word-table td{padding:6px 12px;border-bottom:1px solid #f1f3f4}.word-table tr:hover{background-color:#f8f9fa}.word-table td:first-child{font-weight:600;color:#2c3e50}.debug-section ul{margin:10px 0;padding-left:20px}.debug-section li{margin:5px 0;font-size:.9rem;line-height:1.4}@media (max-width: 768px){.debug-nav{justify-content:center}.debug-nav-btn{font-size:.8rem;padding:6px 12px}.debug-grid{grid-template-columns:1fr}.word-table{font-size:.75rem}.word-table th,.word-table td{padding:4px 8px}}

crossword-app/backend-py/public/index.html

@@ -6,9 +6,9 @@
     <meta name="description" content="Generate custom crossword puzzles by selecting topics" />
     <meta name="keywords" content="crossword, puzzle, word game, brain teaser" />
     <title>Crossword Puzzle Generator</title>
-    <script type="module" crossorigin src="/assets/index-uK3VdD5a.js"></script>
+    <script type="module" crossorigin src="/assets/index-Dqo17R2W.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-nf7bT_Uh.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-DyT-gQda.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-C8ibg3Hv.css">
   </head>
   <body>
     <div id="root"></div>

crossword-app/backend-py/src/routes/api.py

@@ -48,6 +48,7 @@ class PuzzleResponse(BaseModel):
     grid: List[List[str]]
     clues: List[ClueInfo]
     metadata: PuzzleMetadata
+    debug: Optional[Dict[str, Any]] = None
 
 class TopicInfo(BaseModel):
     id: str
@@ -288,9 +289,10 @@ async def debug_thematic_search(
         if not thematic_service or not thematic_service.is_initialized:
             raise HTTPException(status_code=503, detail="Thematic service not available")
         
-        words = await thematic_service.find_words_for_crossword([topic], difficulty, max_words)
+        result = await thematic_service.find_words_for_crossword([topic], difficulty, max_words)
+        words = result["words"]
         
-        return {
+        response = {
             "topic": topic,
             "difficulty": difficulty,
             "max_words": max_words,
@@ -298,6 +300,12 @@ async def debug_thematic_search(
             "words": words
         }
         
+        # Include debug data if available
+        if "debug" in result:
+            response["debug"] = result["debug"]
+        
+        return response
+        
     except Exception as e:
         logger.error(f"❌ Thematic search debug failed: {e}")
         raise HTTPException(status_code=500, detail=str(e))

crossword-app/backend-py/src/services/crossword_generator.py

@@ -27,7 +27,7 @@ class CrosswordGenerator:
             logger.info(f"🎯 Generating puzzle for topics: {topics}, difficulty: {difficulty}{sentence_info}, requested words: {requested_words}")
             
             # Get words from thematic AI service
-            words = await self._select_words(topics, difficulty, custom_sentence, multi_theme, requested_words)
+            words, debug_data = await self._select_words(topics, difficulty, custom_sentence, multi_theme, requested_words)
             
             if len(words) < self.min_words:
                 logger.error(f"❌ Not enough words: {len(words)} < {self.min_words}")
@@ -42,7 +42,8 @@ class CrosswordGenerator:
             
             logger.info(f"✅ Generated crossword with {len(grid_result['placed_words'])} words")
             
-            return {
+            # Build result with optional debug data
+            result = {
                 "grid": grid_result["grid"],
                 "clues": grid_result["clues"],
                 "metadata": {
@@ -54,25 +55,40 @@ class CrosswordGenerator:
                 }
             }
             
+            # Add debug data if available
+            if debug_data is not None:
+                result["debug"] = debug_data
+                logger.info(f"🐛 Debug data included in puzzle response")
+            
+            return result
+            
         except Exception as e:
             logger.error(f"❌ Error generating puzzle: {e}")
             raise
     
-    async def _select_words(self, topics: List[str], difficulty: str, custom_sentence: str = None, multi_theme: bool = True, requested_words: int = 10) -> List[Dict[str, Any]]:
-        """Select words for the crossword using thematic AI service."""
+    async def _select_words(self, topics: List[str], difficulty: str, custom_sentence: str = None, multi_theme: bool = True, requested_words: int = 10) -> Tuple[List[Dict[str, Any]], Optional[Dict[str, Any]]]:
+        """Select words for the crossword using thematic AI service.
+        
+        Returns:
+            Tuple of (words, debug_data) where debug_data is None if debug is disabled
+        """
         if not self.thematic_service:
             raise Exception("Thematic service is required for word generation")
         
         logger.info(f"🎯 Using thematic AI service for word generation with {requested_words} requested words")
         
         # Use the dedicated crossword method for better word selection
-        words = await self.thematic_service.find_words_for_crossword(topics, difficulty, requested_words, custom_sentence, multi_theme)
+        result = await self.thematic_service.find_words_for_crossword(topics, difficulty, requested_words, custom_sentence, multi_theme)
+        
+        # Extract words and debug data from new format
+        words = result["words"]
+        debug_data = result.get("debug", None)
         
         if len(words) < self.min_words:
             raise Exception(f"Thematic service generated insufficient words: {len(words)} < {self.min_words}")
         
         logger.info(f"✅ Thematic service generated {len(words)} words")
-        return self._sort_words_for_crossword(words)
+        return self._sort_words_for_crossword(words), debug_data
     
     
     def _sort_words_for_crossword(self, words: List[Dict[str, Any]]) -> List[Dict[str, Any]]:

crossword-app/backend-py/src/services/thematic_word_service.py

@@ -288,6 +288,9 @@ class ThematicWordService:
         self.difficulty_weight = float(os.getenv("DIFFICULTY_WEIGHT", "0.5"))
         self.thematic_pool_size = int(os.getenv("THEMATIC_POOL_SIZE", "150"))
         
+        # Debug tab configuration
+        self.enable_debug_tab = os.getenv("ENABLE_DEBUG_TAB", "false").lower() == "true"
+        
         # Core components
         self.vocab_manager = VocabularyManager(str(self.cache_dir), self.vocab_size_limit)
         self.model: Optional[SentenceTransformer] = None
@@ -1049,7 +1052,7 @@ class ThematicWordService:
         
         return status
 
-    async def find_words_for_crossword(self, topics: List[str], difficulty: str, requested_words: int = 10, custom_sentence: str = None, multi_theme: bool = True) -> List[Dict[str, Any]]:
+    async def find_words_for_crossword(self, topics: List[str], difficulty: str, requested_words: int = 10, custom_sentence: str = None, multi_theme: bool = True) -> Dict[str, Any]:
         """
         Crossword-specific word finding method with 50% overgeneration and clue quality filtering.
         
@@ -1061,7 +1064,11 @@ class ThematicWordService:
             multi_theme: Whether to use multi-theme processing (True) or single-theme blending (False)
             
         Returns:
-            List of word dictionaries: [{"word": str, "clue": str, "similarity": float, "source": "thematic", "tier": str}]
+            Dictionary with words and optional debug data:
+            {
+                "words": [{"word": str, "clue": str, "similarity": float, "source": "thematic", "tier": str}],
+                "debug": {...} (only if ENABLE_DEBUG_TAB=true)
+            }
         """
         if not self.is_initialized:
             await self.initialize_async()
@@ -1181,7 +1188,65 @@ class ThematicWordService:
         
         logger.info(f"✅ Selected {len(final_words)} words from {len(candidate_words)} total candidates")
         logger.info(f"📝 Final words: {[w['word'] for w in final_words]}")
-        return final_words
+        
+        # Prepare return data
+        result = {"words": final_words}
+        
+        # Add debug data if enabled
+        if self.enable_debug_tab:
+            debug_data = {
+                "enabled": True,
+                "generation_params": {
+                    "topics": topics,
+                    "difficulty": difficulty,
+                    "requested_words": requested_words,
+                    "custom_sentence": custom_sentence,
+                    "multi_theme": multi_theme,
+                    "thematic_pool_size": thematic_pool,
+                    "min_similarity": min_similarity
+                },
+                "thematic_pool": [
+                    {
+                        "word": word,
+                        "similarity": float(similarity),
+                        "tier": tier,
+                        "percentile": self.word_percentiles.get(word.lower(), 0.0),
+                        "tier_description": self.tier_descriptions.get(tier, tier)
+                    }
+                    for word, similarity, tier in raw_results
+                ],
+                "candidate_words": [
+                    {
+                        "word": word_data["word"],
+                        "similarity": word_data["similarity"],
+                        "tier": word_data["tier"],
+                        "percentile": self.word_percentiles.get(word_data["word"].lower(), 0.0),
+                        "clue": word_data["clue"]
+                        # Removed semantic_neighbors - too expensive to compute for all candidates
+                    }
+                    for word_data in candidate_words
+                ],
+                "selection_method": "softmax" if self.use_softmax_selection else "random",
+                "selection_params": {
+                    "use_softmax_selection": self.use_softmax_selection,
+                    "similarity_temperature": self.similarity_temperature,
+                    "difficulty_weight": self.difficulty_weight
+                },
+                "selected_words": [
+                    {
+                        "word": word_data["word"],
+                        "similarity": word_data["similarity"],
+                        "tier": word_data["tier"],
+                        "percentile": self.word_percentiles.get(word_data["word"].lower(), 0.0),
+                        "clue": word_data["clue"]
+                    }
+                    for word_data in final_words
+                ]
+            }
+            result["debug"] = debug_data
+            logger.info(f"🐛 Debug data collected: {len(debug_data['thematic_pool'])} thematic words, {len(debug_data['candidate_words'])} candidates, {len(debug_data['selected_words'])} selected")
+        
+        return result
 
     def _matches_crossword_difficulty(self, word: str, difficulty: str) -> bool:
         """Check if word matches crossword difficulty criteria."""

crossword-app/frontend/src/App.jsx

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import TopicSelector from './components/TopicSelector';
 import PuzzleGrid from './components/PuzzleGrid';
 import ClueList from './components/ClueList';
+import DebugTab from './components/DebugTab';
 import LoadingSpinner from './components/LoadingSpinner';
 import useCrossword from './hooks/useCrossword';
 import './styles/puzzle.css';
@@ -12,6 +13,7 @@ function App() {
   const [showSolution, setShowSolution] = useState(false);
   const [customSentence, setCustomSentence] = useState('');
   const [multiTheme, setMultiTheme] = useState(true);
+  const [activeTab, setActiveTab] = useState('puzzle');
   
   const {
     puzzle,
@@ -57,6 +59,7 @@ function App() {
     setDifficulty('medium');
     setCustomSentence('');
     setMultiTheme(true);
+    setActiveTab('puzzle');
   };
 
   const handleRevealSolution = () => {
@@ -126,14 +129,39 @@ function App() {
 
       {puzzle && !loading && (
         <>
-          <div className="puzzle-layout">
-            <PuzzleGrid 
-              grid={puzzle.grid} 
-              clues={puzzle.clues}
-              showSolution={showSolution}
-            />
-            <ClueList clues={puzzle.clues} />
+          {/* Tab Navigation */}
+          <div className="tab-nav">
+            <button
+              className={`tab-btn ${activeTab === 'puzzle' ? 'active' : ''}`}
+              onClick={() => setActiveTab('puzzle')}
+            >
+              Puzzle
+            </button>
+            {puzzle.debug && (
+              <button
+                className={`tab-btn ${activeTab === 'debug' ? 'active' : ''}`}
+                onClick={() => setActiveTab('debug')}
+              >
+                Debug
+              </button>
+            )}
           </div>
+
+          {/* Tab Content */}
+          {activeTab === 'puzzle' && (
+            <div className="puzzle-layout">
+              <PuzzleGrid 
+                grid={puzzle.grid} 
+                clues={puzzle.clues}
+                showSolution={showSolution}
+              />
+              <ClueList clues={puzzle.clues} />
+            </div>
+          )}
+
+          {activeTab === 'debug' && puzzle.debug && (
+            <DebugTab debugData={puzzle.debug} />
+          )}
         </>
       )}
 

crossword-app/frontend/src/components/DebugTab.jsx

@@ -0,0 +1,265 @@
+import React, { useState } from 'react';
+
+const DebugTab = ({ debugData }) => {
+  const [activeSection, setActiveSection] = useState('overview');
+  const [sortBy, setSortBy] = useState('similarity');
+  const [sortDirection, setSortDirection] = useState('desc');
+
+  if (!debugData || !debugData.enabled) {
+    return (
+      <div className="debug-tab">
+        <p>Debug data not available. Set ENABLE_DEBUG_TAB=true on the backend.</p>
+      </div>
+    );
+  }
+
+  const sections = [
+    { id: 'overview', label: 'Overview' },
+    { id: 'thematic-pool', label: 'Thematic Pool' },
+    { id: 'candidates', label: 'Candidates' },
+    { id: 'selection', label: 'Selection' },
+    { id: 'selected', label: 'Selected Words' }
+  ];
+
+  const renderOverview = () => (
+    <div className="debug-section">
+      <h3>Generation Parameters</h3>
+      <div className="debug-grid">
+        <div><strong>Topics:</strong> {debugData.generation_params.topics.join(', ')}</div>
+        <div><strong>Difficulty:</strong> {debugData.generation_params.difficulty}</div>
+        <div><strong>Requested Words:</strong> {debugData.generation_params.requested_words}</div>
+        <div><strong>Thematic Pool Size:</strong> {debugData.generation_params.thematic_pool_size}</div>
+        <div><strong>Min Similarity:</strong> {debugData.generation_params.min_similarity}</div>
+        <div><strong>Multi-theme:</strong> {debugData.generation_params.multi_theme ? 'Yes' : 'No'}</div>
+        {debugData.generation_params.custom_sentence && (
+          <div><strong>Custom Sentence:</strong> "{debugData.generation_params.custom_sentence}"</div>
+        )}
+      </div>
+
+      <h3>Selection Algorithm</h3>
+      <div className="debug-grid">
+        <div><strong>Method:</strong> {debugData.selection_method}</div>
+        <div><strong>Temperature:</strong> {debugData.selection_params.similarity_temperature}</div>
+        <div><strong>Difficulty Weight:</strong> {debugData.selection_params.difficulty_weight}</div>
+        <div><strong>Use Softmax:</strong> {debugData.selection_params.use_softmax_selection ? 'Yes' : 'No'}</div>
+      </div>
+
+      <h3>Results Summary</h3>
+      <div className="debug-grid">
+        <div><strong>Thematic Pool:</strong> {debugData.thematic_pool?.length || 0} words</div>
+        <div><strong>Candidates:</strong> {debugData.candidate_words?.length || 0} words</div>
+        <div><strong>Selected:</strong> {debugData.selected_words?.length || 0} words</div>
+      </div>
+    </div>
+  );
+
+  const renderWordTable = (words, showClue = false) => (
+    <div className="word-table-container">
+      <table className="word-table">
+        <thead>
+          <tr>
+            <th>Word</th>
+            <th>Similarity</th>
+            <th>Percentile</th>
+            <th>Tier</th>
+            {showClue && <th>Clue</th>}
+          </tr>
+        </thead>
+        <tbody>
+          {words.map((word, idx) => (
+            <tr key={idx}>
+              <td><strong>{word.word}</strong></td>
+              <td>{word.similarity.toFixed(3)}</td>
+              <td>{word.percentile.toFixed(3)}</td>
+              <td title={word.tier_description || word.tier}>{word.tier.replace('tier_', '').replace('_', ' ')}</td>
+              {showClue && <td>{word.clue}</td>}
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+
+  const handleSort = (column) => {
+    if (sortBy === column) {
+      setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');
+    } else {
+      setSortBy(column);
+      setSortDirection(column === 'word' ? 'asc' : 'desc');
+    }
+  };
+
+  const getSortIcon = (column) => {
+    if (sortBy !== column) return ' ↕️';
+    return sortDirection === 'asc' ? ' ▲' : ' ▼';
+  };
+
+  const renderSortableThematicPool = () => {
+    const pool = debugData.thematic_pool || [];
+    
+    const sortedPool = [...pool].sort((a, b) => {
+      let aVal, bVal;
+      
+      switch (sortBy) {
+        case 'word':
+          aVal = a.word.toLowerCase();
+          bVal = b.word.toLowerCase();
+          break;
+        case 'similarity':
+          aVal = a.similarity;
+          bVal = b.similarity;
+          break;
+        case 'percentile':
+          aVal = a.percentile;
+          bVal = b.percentile;
+          break;
+        default:
+          aVal = a.similarity;
+          bVal = b.similarity;
+      }
+      
+      if (sortDirection === 'asc') {
+        return aVal < bVal ? -1 : aVal > bVal ? 1 : 0;
+      } else {
+        return aVal > bVal ? -1 : aVal < bVal ? 1 : 0;
+      }
+    });
+    
+    return (
+      <div className="word-table-container">
+        <table className="word-table">
+          <thead>
+            <tr>
+              <th 
+                onClick={() => handleSort('word')} 
+                style={{ cursor: 'pointer', userSelect: 'none' }}
+                className={sortBy === 'word' ? 'sorted-column' : ''}
+              >
+                Word{getSortIcon('word')}
+              </th>
+              <th 
+                onClick={() => handleSort('similarity')} 
+                style={{ cursor: 'pointer', userSelect: 'none' }}
+                className={sortBy === 'similarity' ? 'sorted-column' : ''}
+              >
+                Similarity{getSortIcon('similarity')}
+              </th>
+              <th 
+                onClick={() => handleSort('percentile')} 
+                style={{ cursor: 'pointer', userSelect: 'none' }}
+                className={sortBy === 'percentile' ? 'sorted-column' : ''}
+              >
+                Percentile{getSortIcon('percentile')}
+              </th>
+              <th>Tier</th>
+            </tr>
+          </thead>
+          <tbody>
+            {sortedPool.map((word, idx) => (
+              <tr key={idx}>
+                <td><strong>{word.word}</strong></td>
+                <td>{word.similarity.toFixed(3)}</td>
+                <td>{word.percentile.toFixed(3)}</td>
+                <td title={word.tier_description || word.tier}>{word.tier.replace('tier_', '').replace('_', ' ')}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    );
+  };
+
+  const renderThematicPool = () => {
+    const pool = debugData.thematic_pool || [];
+    
+    return (
+      <div className="debug-section">
+        <h3>Thematic Pool ({pool.length} words)</h3>
+        <p>All words generated thematically. Click column headers to sort.</p>
+        {renderSortableThematicPool()}
+      </div>
+    );
+  };
+
+  const renderCandidates = () => {
+    const candidates = debugData.candidate_words || [];
+    
+    return (
+      <div className="debug-section">
+        <h3>Candidate Words ({candidates.length} words)</h3>
+        <p>Words that passed filtering and got clues generated.</p>
+        {renderWordTable(candidates, true)}
+      </div>
+    );
+  };
+
+  const renderSelection = () => (
+    <div className="debug-section">
+      <h3>Selection Process</h3>
+      <div className="debug-grid">
+        <div><strong>Algorithm:</strong> {debugData.selection_method}</div>
+        <div><strong>Temperature:</strong> {debugData.selection_params.similarity_temperature} (lower = more deterministic)</div>
+        <div><strong>Difficulty Weight:</strong> {debugData.selection_params.difficulty_weight} (balance between similarity and frequency)</div>
+      </div>
+      
+      <h4>How it works:</h4>
+      <ul>
+        <li><strong>Composite Score</strong> = (1 - difficulty_weight) × similarity + difficulty_weight × frequency_alignment</li>
+        <li><strong>Frequency Alignment</strong>: Gaussian distribution favoring target percentiles by difficulty</li>
+        <li><strong>Softmax Selection</strong>: Probabilistic selection based on composite scores with temperature control</li>
+      </ul>
+
+      <h4>Difficulty Targets:</h4>
+      <ul>
+        <li><strong>Easy:</strong> 90th percentile (common words like CAT, DOG)</li>
+        <li><strong>Medium:</strong> 50th percentile (balanced selection)</li>
+        <li><strong>Hard:</strong> 20th percentile (rare words like QUETZAL, PLATYPUS)</li>
+      </ul>
+    </div>
+  );
+
+  const renderSelected = () => {
+    const selected = debugData.selected_words || [];
+    
+    return (
+      <div className="debug-section">
+        <h3>Selected Words ({selected.length} words)</h3>
+        <p>Final words chosen for crossword generation.</p>
+        {renderWordTable(selected, true)}
+      </div>
+    );
+  };
+
+  const renderSection = () => {
+    switch (activeSection) {
+      case 'overview': return renderOverview();
+      case 'thematic-pool': return renderThematicPool();
+      case 'candidates': return renderCandidates();
+      case 'selection': return renderSelection();
+      case 'selected': return renderSelected();
+      default: return renderOverview();
+    }
+  };
+
+  return (
+    <div className="debug-tab">
+      <div className="debug-nav">
+        {sections.map(section => (
+          <button
+            key={section.id}
+            className={`debug-nav-btn ${activeSection === section.id ? 'active' : ''}`}
+            onClick={() => setActiveSection(section.id)}
+          >
+            {section.label}
+          </button>
+        ))}
+      </div>
+      
+      <div className="debug-content">
+        {renderSection()}
+      </div>
+    </div>
+  );
+};
+
+export default DebugTab;

crossword-app/frontend/src/styles/puzzle.css

@@ -551,4 +551,196 @@
   border: 1px solid #c3e6cb;
   text-align: center;
   font-weight: 600;
+}
+
+/* Tab Navigation */
+.tab-nav {
+  display: flex;
+  border-bottom: 2px solid #e9ecef;
+  margin-bottom: 20px;
+  gap: 2px;
+}
+
+.tab-btn {
+  padding: 12px 20px;
+  border: none;
+  background: #f8f9fa;
+  color: #6c757d;
+  cursor: pointer;
+  border-radius: 8px 8px 0 0;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+.tab-btn:hover {
+  background: #e9ecef;
+  color: #495057;
+}
+
+.tab-btn.active {
+  background: #3498db;
+  color: white;
+}
+
+/* Debug Tab Styles */
+.debug-tab {
+  background: #f8f9fa;
+  border-radius: 8px;
+  padding: 20px;
+  margin-top: 20px;
+}
+
+.debug-nav {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 20px;
+  border-bottom: 2px solid #e9ecef;
+  padding-bottom: 15px;
+}
+
+.debug-nav-btn {
+  padding: 8px 16px;
+  border: 1px solid #dee2e6;
+  background: white;
+  color: #495057;
+  border-radius: 20px;
+  cursor: pointer;
+  font-size: 0.9rem;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+
+.debug-nav-btn:hover {
+  background: #e9ecef;
+  border-color: #adb5bd;
+}
+
+.debug-nav-btn.active {
+  background: #3498db;
+  color: white;
+  border-color: #3498db;
+}
+
+.debug-content {
+  min-height: 300px;
+}
+
+.debug-section h3 {
+  color: #2c3e50;
+  margin-bottom: 15px;
+  border-bottom: 1px solid #dee2e6;
+  padding-bottom: 8px;
+}
+
+.debug-section h4 {
+  color: #495057;
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.debug-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 10px;
+  margin-bottom: 20px;
+}
+
+.debug-grid > div {
+  padding: 8px 12px;
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #e9ecef;
+  font-size: 0.9rem;
+}
+
+.debug-grid strong {
+  color: #2c3e50;
+}
+
+/* Word Table Styles */
+.word-table-container {
+  max-height: 400px;
+  overflow-y: auto;
+  border: 1px solid #dee2e6;
+  border-radius: 6px;
+  background: white;
+}
+
+.word-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.85rem;
+}
+
+.word-table th {
+  background: #f8f9fa;
+  padding: 8px 12px;
+  text-align: left;
+  border-bottom: 2px solid #dee2e6;
+  font-weight: 600;
+  color: #495057;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+.word-table th.sorted-column {
+  background: #e3f2fd;
+  color: #1976d2;
+  font-weight: 700;
+}
+
+.word-table th[style*="cursor: pointer"]:hover {
+  background: #e9ecef;
+}
+
+.word-table td {
+  padding: 6px 12px;
+  border-bottom: 1px solid #f1f3f4;
+}
+
+.word-table tr:hover {
+  background-color: #f8f9fa;
+}
+
+.word-table td:first-child {
+  font-weight: 600;
+  color: #2c3e50;
+}
+
+.debug-section ul {
+  margin: 10px 0;
+  padding-left: 20px;
+}
+
+.debug-section li {
+  margin: 5px 0;
+  font-size: 0.9rem;
+  line-height: 1.4;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  .debug-nav {
+    justify-content: center;
+  }
+  
+  .debug-nav-btn {
+    font-size: 0.8rem;
+    padding: 6px 12px;
+  }
+  
+  .debug-grid {
+    grid-template-columns: 1fr;
+  }
+  
+  .word-table {
+    font-size: 0.75rem;
+  }
+  
+  .word-table th,
+  .word-table td {
+    padding: 4px 8px;
+  }
 }