{summary}

. Just output the title, no intro, no explanation, no commentary. Don't introduce the response just write it.\",\n \"model\": smartModel,\n \"provider\": smartProvider,\n }\n },\n ]\n },\n {\n \"name\": \"data\",\n \"settings\": {\n \"data\": {\n \"title\": \"{title}\",\n \"arguments\": \"{arguments}\",\n \"critiques\": \"{critiques}\",\n \"summary\": \"{summary}\",\n \"summaryBullets\": \"{summaryBullets}\",\n \"critiquesummary\": \"{critiquesummary}\",\n }\n }\n }\n ]\n\n const response = await fetch(pipeline_url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n verbose: true,\n useCache: useCache,\n saveCache: saveCache,\n pipeline\n })\n });\n\n const result = await response.json();\n // console.log('[execute] result:', result.result.data.result.arguments);\n const args = JSON.parse(result.result.data.result.arguments).object.arguments;\n const critiques = JSON.parse(result.result.data.result.critiques).object.critiques;\n console.log('[execute] result args:', args);\n return c.json({\n arguments: args,\n critiques: critiques\n });\n};\n\n\n\n\n// Add new route for fetching source content\nexport const fetchSource = async (c) => {\n const body = await c.req.json();\n const url = body.url;\n\n if (!url) {\n return c.json({ error: \"URL is required\" }, 400);\n }\n\n const pipeline = [{\n \"name\": \"getContent\",\n \"settings\": {\n \"url\": url,\n \"optionStr\": \"content,doi,citation\",\n \"crawlMode\": \"jina\",\n \"outputMode\": \"markdown\"\n }\n }];\n\n try {\n const response = await fetch(pipeline_url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n useCache: useCache,\n saveCache: saveCache,\n pipeline\n })\n });\n\n if (!response.ok) {\n throw new Error(`Failed to fetch content from ${url}`);\n }\n\n const result = await response.json();\n return c.json({ content: result.content || result.text || result });\n } catch (error) {\n console.error(`Error fetching source ${url}:`, error);\n return c.json({ error: error.message }, 500);\n }\n};\n\n// Inlined content from ./styles.js\nexport const tailwindConfig = {\n theme: {\n extend: {\n colors: {\n 'background': '#F5F4F4',\n 'page-bg': '#F5F4F4',\n 'app-bg': '#FDFBF7',\n 'app-bg-alt': '#FFFFFF',\n 'app-accent': '#E2DFDF',\n 'primary': '#0E141B',\n 'accent': '#FDFAF4',\n 'secondary': '#D9D5D4',\n 'text': '#100C04',\n 'button': '#39516A',\n 'button-hover': '#0063CC',\n }\n }\n }\n};\n\nexport const tailwindStyles = `\n @tailwind base;\n @tailwind components;\n @tailwind utilities;\n \n html {\n @apply bg-background;\n }\n .AppBody {\n @apply bg-page-bg text-text py-4;\n }\n .AppLogo {\n @apply max-w-2xl mx-2 md:mx-auto pb-2;\n }\n .AppLogo img {\n @apply w-8 h-8;\n }\n .AppContainer {\n @apply container mx-auto;\n }\n .App {\n @apply max-w-2xl mx-2 md:mx-auto p-4 bg-app-bg border border-app-accent rounded-md shadow-sm;\n }\n .AppFooter {\n @apply mt-4 text-center text-sm;\n }\n .AppFooter a {\n @apply text-primary hover:text-button-hover underline;\n }\n h1 {\n @apply text-3xl font-semibold mb-2 text-primary;\n }\n p {\n @apply pb-4;\n }\n a {\n @apply text-primary underline hover:text-button-hover;\n }\n textarea {\n @apply w-full mb-2 py-2 px-4 bg-app-bg-alt border border-app-accent rounded-md focus:outline-none focus:ring-1 focus:ring-secondary;\n }\n button {\n @apply bg-button text-white px-4 py-2 rounded-md hover:bg-button-hover transition duration-300;\n }\n button:disabled {\n @apply opacity-50 cursor-not-allowed;\n }\n #result {\n @apply mt-4 p-4 bg-accent border border-app-accent rounded-md text-sm whitespace-normal;\n }\n .history-item {\n @apply flex flex-row justify-between items-center p-2 bg-accent hover:bg-app-bg-alt border border-app-accent rounded-md cursor-pointer hover:bg-app-bg-alt transition-colors;\n }\n .delete-button {\n @apply self-end bg-button text-white px-2 py-1 rounded text-sm hover:bg-button-hover transition-colors;\n }\n button.accordion {\n @apply bg-app-bg text-primary px-0 py-0 rounded-md transition-colors hover:text-button-hover;\n }\n ul li {\n @apply list-disc list-outside ml-5;\n }\n .input-textarea {\n @apply min-h-[60px] max-h-[20svh];\n }\n .input-text {\n @apply mt-2 p-2 bg-app-bg-alt border border-app-accent rounded-md whitespace-pre-wrap overflow-scroll max-h-[300px] text-xs;\n }\n`; \n\nconst app = new Hono();\n// app.post(\"/execute\", execute);\napp.post(\"/execute2\", execute2);\napp.post(\"/fetch-source\", fetchSource);\n\nconst module = `\n\n\n`;\n\nconst html = `\n\n\n\n \n \n \n Breakdown\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n\n

\n $\"Labspace.ai\"$ \n

Breakdown

\n This tool breaks down any text into arguments and critiques, and attempts to support with citations from the text. This works best with short texts like abstracts, journal articles, news articles, and press releases.\n

\n Try using these examples below: \n

https://www.nature.com/articles/srep26717
https://arstechnica.com/health/2024/11/as-hospitals-struggle-with-iv-fluid-shortage-nc-plant-restarts-production

\n Inspiration: rohanpaul_ai | ${smartProvider}/${smartModel}\n

\n \n \n\n

\n \n \n

\n\n

\n\n \n

\n \n

\n\n \n

Show Input Text

This was the text that was fed into the AI model.

\n\n \n

\n \n \n \n

\n\n \n

\n \n

\n\n

\n \n

\n\n

\n \n

\n A labspace.ai experiment\n

\n ${module}\n\n\n`;\n\napp.get(\"/\", (c) => c.html(html));\n\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\")) ? app.fetch : app;\n\n","deleted","label",[99],"permalink","https://www.val.town/x/yawnxyz/breakdown/code/main.tsx","extension","actionData","errors"]