{item.text}

Week {item.weeksActive || 1}

\n {item.needsConfirmation ? (\n <>\n {category === 'working' && (\n <>\n \n \n \n )}\n {category === 'juryOut' && (\n <>\n \n \n \n \n )}\n {category === 'notWorking' && (\n <>\n \n \n \n \n )}\n \n ) : (\n <>\n {category === 'working' && (\n <>\n \n \n \n \n )}\n {category === 'juryOut' && (\n <>\n \n \n \n \n )}\n {category === 'notWorking' && (\n <>\n \n \n \n )}\n \n )}\n

\n );\n}\n\nfunction AddForm({ category, newItemText, setNewItemText, addItem, onCancel }) {\n return (\n

\n setNewItemText(e.target.value)}\n autoFocus\n />\n

\n \n \n

\n );\n}\n\nfunction App() {\n const [data, setData] = useState({\n working: [],\n juryOut: [],\n notWorking: [],\n currentWeek: null,\n weekHistory: []\n });\n\n const [showAddForm, setShowAddForm] = useState(null);\n const [newItemText, setNewItemText] = useState(\"\");\n\n useEffect(() => {\n const saved = localStorage.getItem('workingNotWorkingBoard');\n const newData = checkForNewWeek(saved);\n \n if (newData) {\n setData(newData);\n } else {\n const currentWeek = getCurrentWeekString();\n setData(prev => ({ ...prev, currentWeek }));\n }\n }, []);\n\n useEffect(() => {\n localStorage.setItem('workingNotWorkingBoard', JSON.stringify(data));\n }, [data]);\n\n function addItem(category, text) {\n const newItem = {\n id: Date.now(),\n text,\n weeksActive: 1,\n needsConfirmation: false,\n createdAt: new Date().toISOString()\n };\n\n setData(prev => ({\n ...prev,\n [category]: [...prev[category], newItem]\n }));\n\n setShowAddForm(null);\n setNewItemText(\"\");\n }\n\n function confirmItem(category, itemId, action = 'stay') {\n const item = data[category].find(item => item.id === itemId);\n if (!item) return;\n\n if (action === 'stay') {\n setData(prev => ({\n ...prev,\n [category]: prev[category].map(item => \n item.id === itemId ? { ...item, needsConfirmation: false } : item\n )\n }));\n } else if (action === 'remove') {\n setData(prev => ({\n ...prev,\n [category]: prev[category].filter(item => item.id !== itemId)\n }));\n } else {\n setData(prev => ({\n ...prev,\n [category]: prev[category].filter(item => item.id !== itemId),\n [action]: [...prev[action], { ...item, needsConfirmation: false, weeksActive: 1 }]\n }));\n }\n }\n\n function moveItem(fromCategory, toCategory, itemId) {\n const item = data[fromCategory].find(item => item.id === itemId);\n if (!item) return;\n\n setData(prev => ({\n ...prev,\n [fromCategory]: prev[fromCategory].filter(item => item.id !== itemId),\n [toCategory]: [...prev[toCategory], { ...item, needsConfirmation: false, weeksActive: 1 }]\n }));\n }\n\n function removeItem(category, itemId) {\n if (!confirm('Remove this item permanently?')) return;\n \n setData(prev => ({\n ...prev,\n [category]: prev[category].filter(item => item.id !== itemId)\n }));\n }\n\n const needsConfirmationCount = [\n ...data.working,\n ...data.juryOut,\n ...data.notWorking\n ].filter(item => item.needsConfirmation).length;\n\n return (\n

🌱 What's Working / Not Working 🌱

\n {needsConfirmationCount > 0 && (\n

\n New week started! Please review {needsConfirmationCount} items from last week.\n

\n )}\n

\n \n

\n Week of: {data.currentWeek || getCurrentWeekString()}\n

\n {needsConfirmationCount > 0 && (\n

\n {needsConfirmationCount} items need review\n

\n )}\n

\n \n

\n {['working', 'juryOut', 'notWorking'].map(category => {\n const items = data[category];\n const icons = { working: '🌳', juryOut: '🌿', notWorking: '🥀' };\n const labels = { working: \"What's Working\", juryOut: \"Jury's Out\", notWorking: \"What's Not Working\" };\n const addTexts = { working: '+ Add what\\'s working', juryOut: '+ Add experiment', notWorking: '+ Add what\\'s not working' };\n \n return (\n

\n {icons[category]} {labels[category]} ({items.length} items)\n

\n \n {items.map(item => (\n \n ))}\n \n {showAddForm === category ? (\n setShowAddForm(null)} \n />\n ) : (\n

setShowAddForm(category)}\n >\n {addTexts[category]}\n

\n )}\n

\n );\n })}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { \n client(); \n}\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n 🌱 What's Working / Not Working Board\n \n 🌱\">\n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n:root {\n --forest-deep: #0d4f3c;\n --moss-light: #8fb069;\n --bamboo: #b4d4aa;\n --fern: #7fb069;\n --sage: #a7c4a0;\n --terracotta: #d4a574;\n --sun: #f4d03f;\n --sky: #87ceeb;\n --coral: #ff7f7f;\n --succulent: #9db4a8;\n --leaf-shadow: rgba(26, 115, 80, 0.1);\n --glass: rgba(255, 255, 255, 0.8);\n --glass-border: rgba(255, 255, 255, 0.2);\n}\n\n* { box-sizing: border-box; }\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background: \n radial-gradient(circle at 20% 80%, var(--moss-light) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, var(--bamboo) 0%, transparent 50%),\n linear-gradient(135deg, #2d9467 0%, #4a6741 50%, #0d4f3c 100%);\n margin: 0;\n padding: 20px;\n min-height: 100vh;\n position: relative;\n}\n\n.container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n}\n\n.header {\n text-align: center;\n color: var(--glass);\n margin-bottom: 30px;\n text-shadow: 0 2px 4px var(--leaf-shadow);\n}\n\n.header h1 {\n font-size: 2.5rem;\n font-weight: 700;\n margin: 0 0 10px 0;\n background: linear-gradient(45deg, var(--sun), var(--bamboo), var(--fern));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.week-notice {\n background: linear-gradient(135deg, var(--sun), var(--terracotta));\n color: var(--forest-deep);\n padding: 12px 20px;\n border-radius: 12px;\n font-weight: 600;\n display: inline-block;\n animation: gentle-pulse 2s infinite;\n}\n\n@keyframes gentle-pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.02); }\n}\n\n.week-selector {\n background: var(--glass);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n padding: 20px;\n border-radius: 20px;\n margin-bottom: 30px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--forest-deep);\n font-weight: 500;\n}\n\n.confirmation-status {\n background: var(--sun);\n color: var(--forest-deep);\n padding: 8px 16px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 14px;\n animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.7; }\n}\n\n.board {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n}\n\n.column {\n background: var(--glass);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 24px;\n padding: 25px;\n min-height: 500px;\n position: relative;\n}\n\n.column::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n border-radius: 24px 24px 0 0;\n}\n\n.working::before { background: linear-gradient(90deg, var(--fern), var(--bamboo)); }\n.jury-out::before { background: linear-gradient(90deg, var(--sun), var(--terracotta)); }\n.not-working::before { background: linear-gradient(90deg, var(--coral), var(--terracotta)); }\n\n.column-header {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n color: var(--forest-deep);\n}\n\n.column-header span {\n color: #4a6741;\n font-size: 1rem;\n font-weight: 500;\n opacity: 0.8;\n}\n\n.card {\n background: rgba(255, 255, 255, 0.95);\n border-radius: 16px;\n padding: 20px;\n margin-bottom: 16px;\n position: relative;\n transition: all 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.card::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n border-radius: 16px 0 0 16px;\n}\n\n.card.needs-confirmation {\n background: linear-gradient(135deg, rgba(244, 208, 63, 0.15), rgba(255, 255, 255, 0.9));\n border: 2px solid var(--sun);\n opacity: 0.85;\n}\n\n.working .card::before { background: linear-gradient(180deg, var(--fern), var(--moss-light)); }\n.not-working .card::before { background: linear-gradient(180deg, var(--coral), var(--terracotta)); }\n.jury-out .card::before { background: linear-gradient(180deg, var(--sun), #deb887); }\n\n.card-content {\n font-size: 15px;\n line-height: 1.6;\n margin-bottom: 16px;\n color: var(--forest-deep);\n}\n\n.card-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n color: #4a6741;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.weeks-badge {\n background: linear-gradient(135deg, var(--sage), var(--succulent));\n color: white;\n padding: 6px 12px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 11px;\n}\n\n.card-actions {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.confirm-btn, .resolve-btn, .status-btn {\n border: none;\n padding: 6px 10px;\n border-radius: 8px;\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n font-weight: 600;\n}\n\n.confirm-btn.green { background: linear-gradient(135deg, var(--fern), var(--bamboo)); color: white; }\n.confirm-btn.yellow { background: linear-gradient(135deg, var(--sun), var(--terracotta)); color: var(--forest-deep); }\n.confirm-btn.red { background: linear-gradient(135deg, var(--coral), var(--terracotta)); color: white; }\n.confirm-btn.gray { background: linear-gradient(135deg, var(--sage), var(--succulent)); color: white; }\n.status-btn { background: linear-gradient(135deg, var(--sky), var(--succulent)); color: white; cursor: default; }\n.resolve-btn.green { background: linear-gradient(135deg, var(--fern), var(--bamboo)); color: white; }\n.resolve-btn.red { background: linear-gradient(135deg, var(--coral), var(--terracotta)); color: white; }\n.resolve-btn.yellow { background: linear-gradient(135deg, var(--sun), var(--terracotta)); color: var(--forest-deep); }\n.resolve-btn.gray { background: linear-gradient(135deg, var(--sage), var(--succulent)); color: white; }\n\n.confirm-btn:hover, .resolve-btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n}\n\n.add-card {\n background: linear-gradient(135deg, rgba(180, 212, 170, 0.3), rgba(255, 255, 255, 0.1));\n border: 2px dashed var(--sage);\n border-radius: 16px;\n padding: 20px;\n text-align: center;\n color: #4a6741;\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 500;\n}\n\n.add-card:hover {\n background: linear-gradient(135deg, rgba(180, 212, 170, 0.5), rgba(255, 255, 255, 0.2));\n border-color: var(--fern);\n transform: translateY(-2px);\n}\n\n.new-card-form {\n background: rgba(255, 255, 255, 0.98);\n border-radius: 16px;\n padding: 20px;\n margin-bottom: 16px;\n border: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.new-card-input {\n width: 100%;\n border: 2px solid var(--sage);\n border-radius: 12px;\n padding: 12px;\n font-size: 14px;\n margin-bottom: 12px;\n resize: vertical;\n min-height: 80px;\n box-sizing: border-box;\n font-family: inherit;\n background: rgba(255, 255, 255, 0.8);\n color: var(--forest-deep);\n}\n\n.new-card-input:focus {\n outline: none;\n border-color: var(--fern);\n box-shadow: 0 0 0 3px rgba(127, 176, 105, 0.1);\n}\n\n.form-actions { display: flex; gap: 10px; }\n\n.save-btn {\n background: linear-gradient(135deg, var(--fern), var(--moss-light));\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n}\n\n.save-btn:disabled {\n background: var(--sage);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.cancel-btn {\n background: rgba(255, 255, 255, 0.8);\n border: 2px solid var(--sage);\n color: #4a6741;\n padding: 8px 16px;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n}\n\n.status-indicator {\n position: absolute;\n top: 16px;\n right: 16px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n}\n\n.status-indicator.confirmed { background: linear-gradient(135deg, var(--fern), var(--bamboo)); }\n.status-indicator.pending { background: linear-gradient(135deg, var(--sun), var(--terracotta)); animation: pulse 2s infinite; }\n\n@media (max-width: 768px) {\n .board { grid-template-columns: 1fr; }\n .header h1 { font-size: 2rem; }\n .week-selector { flex-direction: column; gap: 15px; text-align: center; }\n}\n`;",[],[151,170],[151],{"_102":180,"_95":181,"_152":182,"_154":-5,"_155":137,"_156":183,"_158":159,"_104":184,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":185,"_98":195},"6ecc53ac-4df8-11f0-ab3b-76b3cceeab13","components","4131dca5-313c-4b4d-ba8c-96a584cd5016",7,["D",1750438985449],[186],{"_102":187,"_95":188,"_152":189,"_154":182,"_155":137,"_156":183,"_158":159,"_104":190,"_99":32,"_161":191,"_163":192,"_164":22,"_165":-5,"_166":193,"_98":194},"6ecc436c-4df8-11f0-ab3b-76b3cceeab13","Cards.ts","6ecc443e-4df8-11f0-ab3b-76b3cceeab13",["D",1750438985449],"script","export function ItemCard({ item, category, confirmItem, moveItem, removeItem }) {\n return (\n

{item.text}

Week {item.weeksActive || 1}

\n {item.needsConfirmation ? (\n <>\n {category === 'working' && (\n <>\n \n \n \n )}\n {category === 'juryOut' && (\n <>\n \n \n \n \n )}\n {category === 'notWorking' && (\n <>\n \n \n \n \n )}\n \n ) : (\n <>\n {category === 'working' && (\n \n )}\n {category === 'juryOut' && (\n <>\n \n \n \n \n )}\n {category === 'notWorking' && (\n <>\n \n \n \n )}\n \n )}\n

\n );\n}\n\nexport function AddForm({ category, newItemText, setNewItemText, addItem, onCancel }) {\n return (\n

\n setNewItemText(e.target.value)}\n autoFocus\n />\n

\n \n \n

\n );\n}",[],[181,188],[181],{"_102":197,"_95":198,"_152":199,"_154":-5,"_155":137,"_156":200,"_158":159,"_104":201,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":202,"_98":211},"bbe7b400-4df4-11f0-a3c7-76b3cceeab13","frontend","3bcd3e5b-627d-4ebf-b6e2-3846d41b4ee9",2,["D",1750437396826],[203],{"_102":204,"_95":205,"_152":206,"_154":199,"_155":137,"_156":200,"_158":159,"_104":207,"_99":32,"_161":191,"_163":208,"_164":22,"_165":-5,"_166":209,"_98":210},"bbe7a0aa-4df4-11f0-a3c7-76b3cceeab13","styles.css","bbe7a14a-4df4-11f0-a3c7-76b3cceeab13",["D",1750437396826],"@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n:root {\n --forest-deep: #0d4f3c;\n --forest-mid: #1a7350;\n --forest-light: #2d9467;\n --moss-dark: #4a6741;\n --moss-light: #8fb069;\n --bamboo: #b4d4aa;\n --fern: #7fb069;\n --sage: #a7c4a0;\n --terracotta: #d4a574;\n --sun: #f4d03f;\n --earth-dark: #8b4513;\n --earth-light: #deb887;\n --sky: #87ceeb;\n --coral: #ff7f7f;\n --succulent: #9db4a8;\n --bark: #654321;\n --leaf-shadow: rgba(26, 115, 80, 0.1);\n --glass: rgba(255, 255, 255, 0.8);\n --glass-border: rgba(255, 255, 255, 0.2);\n}\n\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n background: \n radial-gradient(circle at 20% 80%, var(--moss-light) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, var(--bamboo) 0%, transparent 50%),\n radial-gradient(circle at 40% 40%, var(--sage) 0%, transparent 50%),\n linear-gradient(135deg, var(--forest-light) 0%, var(--moss-dark) 50%, var(--forest-deep) 100%);\n margin: 0;\n padding: 20px;\n min-height: 100vh;\n position: relative;\n overflow-x: auto;\n}\n\nbody::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-opacity='0.03'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z'/%3E%3C/g%3E%3C/svg%3E\") repeat;\n pointer-events: none;\n z-index: -1;\n}\n\n.container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n}\n\n.header {\n text-align: center;\n color: var(--glass);\n margin-bottom: 30px;\n text-shadow: 0 2px 4px var(--leaf-shadow);\n}\n\n.header h1 {\n font-size: 2.5rem;\n font-weight: 700;\n margin: 0;\n letter-spacing: -0.02em;\n background: linear-gradient(45deg, var(--sun), var(--bamboo), var(--fern));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n filter: drop-shadow(0 2px 4px var(--leaf-shadow));\n}\n\n.week-selector {\n background: var(--glass);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n padding: 20px;\n border-radius: 20px;\n margin-bottom: 30px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--forest-deep);\n box-shadow: \n 0 8px 32px var(--leaf-shadow),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n font-weight: 500;\n}\n\n.week-nav button {\n background: linear-gradient(135deg, var(--fern), var(--moss-light));\n border: none;\n color: white;\n padding: 12px 20px;\n border-radius: 12px;\n cursor: pointer;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n font-weight: 600;\n font-size: 14px;\n box-shadow: 0 4px 12px rgba(127, 176, 105, 0.3);\n border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.week-nav button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(127, 176, 105, 0.4);\n background: linear-gradient(135deg, var(--moss-light), var(--bamboo));\n}\n\n.board {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n}\n\n.column {\n background: var(--glass);\n backdrop-filter: blur(20px);\n border: 1px solid var(--glass-border);\n border-radius: 24px;\n padding: 25px;\n min-height: 500px;\n position: relative;\n box-shadow: \n 0 8px 32px var(--leaf-shadow),\n inset 0 1px 0 rgba(255, 255, 255, 0.3);\n transition: transform 0.3s ease;\n}\n\n.column:hover {\n transform: translateY(-2px);\n}\n\n.column::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n border-radius: 24px 24px 0 0;\n}\n\n.working::before {\n background: linear-gradient(90deg, var(--fern), var(--bamboo));\n}\n\n.jury-out::before {\n background: linear-gradient(90deg, var(--sun), var(--terracotta));\n}\n\n.not-working::before {\n background: linear-gradient(90deg, var(--coral), var(--terracotta));\n}\n\n.column-header {\n font-size: 1.5rem;\n font-weight: 700;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 12px;\n letter-spacing: -0.02em;\n}\n\n.working .column-header {\n color: var(--forest-deep);\n}\n\n.not-working .column-header {\n color: var(--earth-dark);\n}\n\n.jury-out .column-header {\n color: var(--bark);\n}\n\n.column-header span {\n color: var(--moss-dark);\n font-size: 1rem;\n font-weight: 500;\n opacity: 0.8;\n}\n\n.card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 20px;\n margin-bottom: 16px;\n position: relative;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid rgba(255, 255, 255, 0.2);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n}\n\n.card::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n border-radius: 16px 0 0 16px;\n}\n\n.card:hover {\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n}\n\n.card.needs-confirmation {\n background: linear-gradient(135deg, rgba(244, 208, 63, 0.1), rgba(255, 255, 255, 0.95));\n border-color: var(--sun);\n}\n\n.card.needs-confirmation::before {\n background: linear-gradient(180deg, var(--sun), var(--terracotta));\n}\n\n.working .card::before {\n background: linear-gradient(180deg, var(--fern), var(--moss-light));\n}\n\n.not-working .card::before {\n background: linear-gradient(180deg, var(--coral), var(--terracotta));\n}\n\n.jury-out .card::before {\n background: linear-gradient(180deg, var(--sun), var(--earth-light));\n}\n\n.card-content {\n font-size: 15px;\n line-height: 1.6;\n margin-bottom: 16px;\n color: var(--forest-deep);\n font-weight: 400;\n}\n\n.card-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 12px;\n color: var(--moss-dark);\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.weeks-badge {\n background: linear-gradient(135deg, var(--sage), var(--succulent));\n color: white;\n padding: 6px 12px;\n border-radius: 20px;\n font-weight: 600;\n font-size: 11px;\n box-shadow: 0 2px 4px rgba(159, 180, 168, 0.3);\n}\n\n.card-actions {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.confirm-btn, .resolve-btn {\n border: none;\n padding: 6px 10px;\n border-radius: 8px;\n font-size: 11px;\n cursor: pointer;\n transition: all 0.2s ease;\n font-weight: 600;\n border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.confirm-btn {\n background: linear-gradient(135deg, var(--sky), var(--succulent));\n color: white;\n}\n\n.confirm-btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(135, 206, 235, 0.3);\n}\n\n.resolve-btn.green {\n background: linear-gradient(135deg, var(--fern), var(--bamboo));\n color: white;\n}\n\n.resolve-btn.green:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(127, 176, 105, 0.3);\n}\n\n.resolve-btn.red {\n background: linear-gradient(135deg, var(--coral), var(--terracotta));\n color: white;\n}\n\n.resolve-btn.red:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 8px rgba(255, 127, 127, 0.3);\n}\n\n.add-card {\n background: linear-gradient(135deg, rgba(180, 212, 170, 0.3), rgba(255, 255, 255, 0.1));\n border: 2px dashed var(--sage);\n border-radius: 16px;\n padding: 20px;\n text-align: center;\n color: var(--moss-dark);\n cursor: pointer;\n transition: all 0.3s ease;\n font-weight: 500;\n backdrop-filter: blur(10px);\n}\n\n.add-card:hover {\n background: linear-gradient(135deg, rgba(180, 212, 170, 0.5), rgba(255, 255, 255, 0.2));\n border-color: var(--fern);\n transform: translateY(-2px);\n}\n\n.new-card-form {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(20px);\n border-radius: 16px;\n padding: 20px;\n margin-bottom: 16px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.3);\n}\n\n.new-card-input {\n width: 100%;\n border: 2px solid var(--sage);\n border-radius: 12px;\n padding: 12px;\n font-size: 14px;\n margin-bottom: 12px;\n resize: vertical;\n min-height: 80px;\n box-sizing: border-box;\n font-family: inherit;\n transition: border-color 0.2s ease;\n background: rgba(255, 255, 255, 0.8);\n color: var(--forest-deep);\n}\n\n.new-card-input:focus {\n outline: none;\n border-color: var(--fern);\n box-shadow: 0 0 0 3px rgba(127, 176, 105, 0.1);\n}\n\n.form-actions {\n display: flex;\n gap: 10px;\n}\n\n.save-btn {\n background: linear-gradient(135deg, var(--fern), var(--moss-light));\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n transition: all 0.2s ease;\n border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.save-btn:hover:not(:disabled) {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(127, 176, 105, 0.3);\n}\n\n.save-btn:disabled {\n background: var(--sage);\n cursor: not-allowed;\n opacity: 0.6;\n}\n\n.cancel-btn {\n background: rgba(255, 255, 255, 0.8);\n border: 2px solid var(--sage);\n color: var(--moss-dark);\n padding: 8px 16px;\n border-radius: 8px;\n cursor: pointer;\n font-weight: 600;\n transition: all 0.2s ease;\n}\n\n.cancel-btn:hover {\n background: var(--sage);\n color: white;\n transform: translateY(-1px);\n}\n\n.status-indicator {\n position: absolute;\n top: 16px;\n right: 16px;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.status-indicator.confirmed {\n background: linear-gradient(135deg, var(--fern), var(--bamboo));\n}\n\n.status-indicator.pending {\n background: linear-gradient(135deg, var(--sun), var(--terracotta));\n animation: pulse 2s infinite;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.6; }\n}\n\n@media (max-width: 768px) {\n .board {\n grid-template-columns: 1fr;\n }\n \n .card-actions {\n justify-content: flex-start;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n \n .week-selector {\n flex-direction: column;\n gap: 15px;\n text-align: center;\n }\n}",[],[198,205],[198],{"_102":213,"_95":214,"_152":215,"_154":-5,"_155":137,"_156":216,"_158":159,"_104":217,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":218,"_98":227},"752f29ea-4df8-11f0-bc01-76b3cceeab13","utils","785a672f-2a5a-4a44-b0ae-80b1842e56cc",8,["D",1750438996153],[219],{"_102":220,"_95":221,"_152":222,"_154":215,"_155":137,"_156":216,"_158":159,"_104":223,"_99":32,"_161":191,"_163":224,"_164":22,"_165":-5,"_166":225,"_98":226},"752f1e32-4df8-11f0-bc01-76b3cceeab13","weekUtils.ts","752f1ec8-4df8-11f0-bc01-76b3cceeab13",["D",1750438996153],"export function getCurrentWeekString() {\n const now = new Date();\n const monday = new Date(now);\n monday.setDate(now.getDate() - now.getDay() + 1);\n return monday.toLocaleDateString('en-US', { \n year: 'numeric', \n month: 'long', \n day: 'numeric' \n });\n}\n\nexport function checkForNewWeek(savedData) {\n if (!savedData) return null;\n \n const parsed = JSON.parse(savedData);\n const currentWeek = getCurrentWeekString();\n \n // Check if it's a new week\n if (parsed.currentWeek !== currentWeek) {\n // Automatically start new week\n return {\n ...parsed,\n currentWeek,\n working: parsed.working.map(item => ({ \n ...item, \n needsConfirmation: true, \n weeksActive: (item.weeksActive || 0) + 1 \n })),\n juryOut: parsed.juryOut.map(item => ({ \n ...item, \n needsConfirmation: true, \n weeksActive: (item.weeksActive || 0) + 1 \n })),\n notWorking: parsed.notWorking.map(item => ({ \n ...item, \n needsConfirmation: true, \n weeksActive: (item.weeksActive || 0) + 1 \n })),\n weekHistory: [...parsed.weekHistory, { week: parsed.currentWeek, items: [] }]\n };\n }\n \n return parsed;\n}",[],[214,221],[214],"files",[149,168,179,186,196,203,212,219],"counts",{"_232":32,"_233":157,"_234":32,"_235":32},"pulls","branches","forks","envVars","contents",[238,241,244,247],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":239,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":240},["D",1750436747399],[151],{"_102":180,"_95":181,"_152":182,"_154":-5,"_155":137,"_156":183,"_158":159,"_104":242,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":243},["D",1750438985449],[181],{"_102":197,"_95":198,"_152":199,"_154":-5,"_155":137,"_156":200,"_158":159,"_104":245,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":246},["D",1750437396826],[198],{"_102":213,"_95":214,"_152":215,"_154":-5,"_155":137,"_156":216,"_158":159,"_104":248,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":249},["D",1750438996153],[214],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":259,"_236":264,"_273":-7,"_274":-5,"_275":-5,"_228":276,"_301":302},{"_102":103,"_95":96,"_104":260,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":261,"_131":262,"_134":263,"_146":22},["D",1750436686953],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_99":136,"_95":43,"_102":137,"_138":103,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[265,267,269,271],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":239,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":266},[151],{"_102":180,"_95":181,"_152":182,"_154":-5,"_155":137,"_156":183,"_158":159,"_104":242,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":268},[181],{"_102":197,"_95":198,"_152":199,"_154":-5,"_155":137,"_156":200,"_158":159,"_104":245,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":270},[198],{"_102":213,"_95":214,"_152":215,"_154":-5,"_155":137,"_156":216,"_158":159,"_104":248,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_98":272},[214],"readme","upstream","pull",[277,279,283,285,289,291,295,297],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":160,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":278,"_98":282},[279],{"_102":169,"_95":170,"_152":171,"_154":153,"_155":137,"_156":136,"_158":159,"_104":172,"_99":173,"_161":174,"_163":175,"_164":22,"_165":-5,"_166":280,"_98":281},[],[151,170],[151],{"_102":180,"_95":181,"_152":182,"_154":-5,"_155":137,"_156":183,"_158":159,"_104":184,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":284,"_98":288},[285],{"_102":187,"_95":188,"_152":189,"_154":182,"_155":137,"_156":183,"_158":159,"_104":190,"_99":32,"_161":191,"_163":192,"_164":22,"_165":-5,"_166":286,"_98":287},[],[181,188],[181],{"_102":197,"_95":198,"_152":199,"_154":-5,"_155":137,"_156":200,"_158":159,"_104":201,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":290,"_98":294},[291],{"_102":204,"_95":205,"_152":206,"_154":199,"_155":137,"_156":200,"_158":159,"_104":207,"_99":32,"_161":191,"_163":208,"_164":22,"_165":-5,"_166":292,"_98":293},[],[198,205],[198],{"_102":213,"_95":214,"_152":215,"_154":-5,"_155":137,"_156":216,"_158":159,"_104":217,"_99":32,"_161":162,"_163":-5,"_164":22,"_165":-5,"_166":296,"_98":300},[297],{"_102":220,"_95":221,"_152":222,"_154":215,"_155":137,"_156":216,"_158":159,"_104":223,"_99":32,"_161":191,"_163":224,"_164":22,"_165":-5,"_166":298,"_98":299},[],[214,221],[214],"previews",[279],"actionData","errors"]

dcm31

workingNotWorkingBoard