Span Data Table

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_301":302,"_303":304},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_225":-5,"_20":226,"_22":227,"_228":229,"_230":231,"_26":232,"_24":233,"_234":-5,"_235":-5,"_236":56,"_237":238,"_239":47,"_240":-5,"_241":-5,"_242":243},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","dpdiliberto","name","table","branchName","main","version","path","frontend/components","project",{"_35":172,"_13":14,"_48":173,"_174":-5,"_175":56,"_176":177,"_178":177,"_179":-5,"_180":-5,"_181":182,"_183":165,"_184":47,"_185":47,"_186":-5,"_187":50,"_188":189,"_190":-5,"_191":-5,"_192":-5,"_193":-5,"_194":195,"_196":195,"_197":198,"_199":198,"_200":198,"_201":195,"_202":195,"_203":204,"_205":206,"_207":208,"_209":56},"tree",[75,76,77,78,79],"file",{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":72,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_18":74},"contents",[33,34],"upstream","pull","ahead","behind","envVars",{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":65,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_18":68},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":58},"id","d7f833c0-9f1d-11f0-9a0f-0224a6c84d84","Table.tsx","fileId","d7f834a6-9f1d-11f0-9a0f-0224a6c84d84","parentId","58406871-b539-4592-9c6a-9958c3fc35e4","branchId","c5b5ad30-9f1a-11f0-aa03-0224a6c84d84","branchVersion",19,"latest",true,"createdAt",["D",1759361097464],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport * as React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0\";\n\nimport { cn } from \"../../shared/utils.ts\";\n\nconst Table = React.forwardRef<\n HTMLTableElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n

\n \n

\n))\nTable.displayName = \"Table\"\n\nconst TableHeader = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n \n))\nTableHeader.displayName = \"TableHeader\"\n\nconst TableBody = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n \n))\nTableBody.displayName = \"TableBody\"\n\nconst TableFooter = React.forwardRef<\n HTMLTableSectionElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n))\nTableFooter.displayName = \"TableFooter\"\n\nconst TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n \n))\nTableRow.displayName = \"TableRow\"\n\nconst TableHead = React.forwardRef<\n HTMLTableCellElement,\n React.ThHTMLAttributes\n>(({ className, ...props }, ref) => (\n [role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n))\nTableHead.displayName = \"TableHead\"\n\nconst TableCell = React.forwardRef<\n HTMLTableCellElement,\n React.TdHTMLAttributes\n>(({ className, ...props }, ref) => (\n [role=checkbox]]:translate-y-[2px]\",\n className\n )}\n {...props}\n />\n))\nTableCell.displayName = \"TableCell\"\n\nconst TableCaption = React.forwardRef<\n HTMLTableCaptionElement,\n React.HTMLAttributes\n>(({ className, ...props }, ref) => (\n \n))\nTableCaption.displayName = \"TableCaption\"\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}","deleted",false,"label",[59,60,37],"frontend","components","63456a12-9f1c-11f0-8a91-0224a6c84d84","SpanTable.tsx","296c4e7e-9f1b-11f0-9265-0224a6c84d84",13,["D",1759360472168],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { z } from \"https://esm.sh/zod@3.22.4\";\n\n// Zod schemas for message validation\nexport const spanDataSchema = z.object({\n span_id: z.string(),\n input: z.unknown(),\n output: z.unknown(),\n expected: z.unknown(),\n metadata: z.unknown().nullable(),\n});\n\nexport const dataMessageSchema = z.object({\n type: z.literal(\"data\"),\n data: spanDataSchema,\n});\n\nexport const settingsMessageSchema = z.object({\n type: z.literal(\"settings\"),\n settings: z.object({\n theme: z.enum([\"light\", \"dark\"]),\n readOnly: z.boolean(),\n }),\n});\n\nexport const messageSchema = z.union([\n dataMessageSchema,\n settingsMessageSchema,\n]);\n\nexport type Message = z.infer;\nexport type SpanData = z.infer;\n\n// Simple table components (since we don't have shadcn/ui)\nconst Table: React.FC<{ children: React.ReactNode; className?: string }> = ({ children, className = \"\" }) => (\n \n {children}\n

\n);\n\nconst TableHeader: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n {children}\n);\n\nconst TableBody: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n {children}\n);\n\nconst TableRow: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n {children}\n);\n\nconst TableHead: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n \n {children}\n \n);\n\nconst TableCell: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n \n {children}\n \n);\n\n// Helper function to safely render any value\nconst renderValue = (value: unknown): string => {\n if (value === null || value === undefined) {\n return \"null\";\n }\n if (typeof value === \"string\") {\n return value;\n }\n if (typeof value === \"number\" || typeof value === \"boolean\") {\n return String(value);\n }\n if (typeof value === \"object\") {\n try {\n return JSON.stringify(value, null, 2);\n } catch {\n return \"[Object]\";\n }\n }\n return String(value);\n};\n\nexport default function SpanTable() {\n const [spans, setSpans] = useState([]);\n const [settings, setSettings] = useState({\n theme: \"light\" as \"light\" | \"dark\",\n readOnly: false,\n });\n\n useEffect(() => {\n const handleMessage = (event: MessageEvent) => {\n try {\n const message = messageSchema.parse(event.data);\n \n if (message.type === \"data\") {\n // Add new span data to the existing spans\n setSpans(prevSpans => [...prevSpans, message.data]);\n } else if (message.type === \"settings\") {\n setSettings(message.settings);\n }\n } catch (error) {\n console.error(\"Invalid message received:\", error);\n }\n };\n\n window.addEventListener(\"message\", handleMessage);\n \n // Add sample data for demonstration\n const sampleSpan: SpanData = {\n span_id: \"initial-sample\",\n input: \"An orphaned boy discovers he's a wizard on his 11th birthday when Hagrid escorts him to magic-teaching Hogwarts School.\",\n output: \"Harry Potter and the Philosopher's Stone\",\n expected: \"Harry Potter and the Sorcerer's Stone\",\n metadata: null,\n };\n setSpans([sampleSpan]);\n\n return () => {\n window.removeEventListener(\"message\", handleMessage);\n };\n }, []);\n\n const headers = useMemo(() => {\n if (spans.length === 0) return [];\n // Get all possible keys from all spans to handle varying structures\n const allKeys = new Set();\n spans.forEach(span => {\n Object.keys(span).forEach(key => allKeys.add(key));\n });\n return Array.from(allKeys);\n }, [spans]);\n\n if (spans.length === 0) {\n return (\n

No span data available

Waiting for messages...

\n );\n }\n\n const themeClass = settings.theme === \"dark\" ? \"bg-gray-900 text-white\" : \"bg-white text-gray-900\";\n\n return (\n

Span Data Table

\n Showing {spans.length} span{spans.length !== 1 ? 's' : ''}\n {settings.readOnly && \" (Read-only mode)\"}\n

\n \n

\n \n \n \n {headers.map((header) => (\n \n {header.replace(/_/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase())}\n \n ))}\n \n \n \n {spans.map((span, index) => (\n \n {headers.map((header) => (\n \n

\n {header === \"metadata\" && span[header as keyof SpanData] ? (\n

\n                          {renderValue(span[header as keyof SpanData])}\n

\n ) : (\n \n {renderValue(span[header as keyof SpanData])}\n \n )}\n

\n \n ))}\n \n ))}\n \n

\n );\n}",[59,60,62],"296c6b02-9f1b-11f0-9265-0224a6c84d84","0109715d-524a-4f93-8660-cc6d79a3287e",2,["D",1759359945623],"directory",[59,60],{"_35":155,"_13":156,"_38":157,"_40":-5,"_42":43,"_44":158,"_46":47,"_48":159,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_86":160,"_18":161},{"_35":112,"_13":59,"_38":70,"_40":-5,"_42":43,"_44":71,"_46":47,"_48":113,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_86":114,"_18":115},{"_35":97,"_13":98,"_38":99,"_40":-5,"_42":43,"_44":100,"_46":47,"_48":101,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_86":102,"_18":103},{"_35":89,"_13":90,"_38":91,"_40":-5,"_42":43,"_44":92,"_46":47,"_48":93,"_17":83,"_51":24,"_53":94,"_55":56,"_57":-5,"_86":95,"_18":96},{"_35":80,"_13":81,"_38":82,"_40":-5,"_42":43,"_44":83,"_46":47,"_48":84,"_17":50,"_51":52,"_53":85,"_55":56,"_57":-5,"_86":87,"_18":88},"dc3a27c0-9f1a-11f0-a00f-0224a6c84d84","new-file-4156.ts","dc3a28b0-9f1a-11f0-a00f-0224a6c84d84",1,["D",1759359816111],"","children",[],[81],"8d7ce828-9f1c-11f0-9e07-0224a6c84d84","README.md","45aa136e-9f1b-11f0-a7af-0224a6c84d84",17,["D",1759360543003],"# Span Data Table Component\n\nA clean, simple React table component that displays span data through message-based communication. The component listens for `postMessage` events and displays span data in a table format matching the provided design.\n\n## Features\n\n- **Message-based data handling**: Listens for `postMessage` events with span data\n- **Flexible schema**: Uses Zod for runtime validation of incoming messages\n- **Clean design**: Simple table layout without borders or heavy styling\n- **Type safety**: Full TypeScript support with proper type inference\n- **Flexible data types**: Handles any data type in span fields (string, number, object, etc.)\n\n## Message Schema\n\nThe component accepts data messages in this format:\n\n```typescript\n{\n type: 'data',\n data: {\n span_id: string,\n input: unknown, // Any data type\n output: unknown, // Any data type\n expected: unknown, // Any data type\n metadata: unknown | null // Any data type or null\n }\n}\n```\n\n## Usage\n\nThe component automatically starts listening for messages when mounted. To send data:\n\n```javascript\n// Send span data\nwindow.postMessage({\n type: 'data',\n data: {\n span_id: 'd42cbeb6-aaff-43d6-8517-99bbbd82b941',\n input: \"Some input text\",\n output: \"Some output text\",\n expected: 1,\n metadata: { some: \"additional info\" }\n }\n}, '*');\n```\n\n## Demo\n\n- **Main page** (`/`): Clean table with sample data\n- **Demo page** (`/demo`): Interactive demo with buttons to test different data\n\n## File Structure\n\n```\n├── backend/\n│ └── index.ts # Hono server for serving files\n├── frontend/\n│ ├── components/\n│ │ └── SpanTable.tsx # Main table component\n│ ├── index.html # Clean table display\n│ ├── demo.html # Interactive demo\n│ └── test-messages.js # Test utilities\n└── README.md\n```\n\n## Table Layout\n\nThe table displays data in this column order:\n- **id**: The span_id value\n- **input**: Input data (any type, converted to string)\n- **output**: Output data (any type, converted to string) \n- **expected**: Expected data (any type, converted to string)\n- **metadata**: Metadata (formatted as JSON if object, otherwise as string)\n\n## Technical Details\n\n- Built with React 18.2.0\n- Uses Zod for runtime schema validation\n- Styled with TailwindCSS (minimal styling)\n- No external UI library dependencies\n- Fully typed with TypeScript\n- Safe rendering of all data types including null/undefined values",[],[90],"d0e39fd4-9f1d-11f0-a7dd-0224a6c84d84","shared","0d9a8404-72ee-4b99-8319-9414b6f161e1",18,["D",1759361085584],[104],[98],{"_35":105,"_13":106,"_38":107,"_40":99,"_42":43,"_44":100,"_46":47,"_48":108,"_17":50,"_51":52,"_53":109,"_55":56,"_57":-5,"_86":110,"_18":111},"d0e3978c-9f1d-11f0-a7dd-0224a6c84d84","utils.ts","d0e39822-9f1d-11f0-a7dd-0224a6c84d84",["D",1759361085584],"import { type ClassValue, clsx } from \"https://esm.sh/clsx@2.0.0\";\nimport { twMerge } from \"https://esm.sh/tailwind-merge@2.0.0\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}",[],[98,106],"296c6800-9f1b-11f0-9265-0224a6c84d84",["D",1759359945623],[116,117,118,119],[59],{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":144,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_86":145,"_18":146},{"_35":136,"_13":137,"_38":138,"_40":70,"_42":43,"_44":139,"_46":47,"_48":140,"_17":50,"_51":24,"_53":141,"_55":56,"_57":-5,"_86":142,"_18":143},{"_35":128,"_13":129,"_38":130,"_40":70,"_42":43,"_44":131,"_46":47,"_48":132,"_17":71,"_51":24,"_53":133,"_55":56,"_57":-5,"_86":134,"_18":135},{"_35":120,"_13":121,"_38":122,"_40":70,"_42":43,"_44":123,"_46":47,"_48":124,"_17":50,"_51":52,"_53":125,"_55":56,"_57":-5,"_86":126,"_18":127},"5367507a-9f1b-11f0-918f-0224a6c84d84","test-messages.js","53675142-9f1b-11f0-918f-0224a6c84d84",7,["D",1759360016062],"// Test script to demonstrate sending messages to the SpanTable component\n// This can be run in the browser console or included in other applications\n\n// Sample span data that matches the expected schema\nconst sampleSpans = [\n {\n span_id: \"test-1\",\n input: \"An orphaned boy discovers he's a wizard on his 11th birthday when Hagrid escorts him to magic-teaching Hogwarts School.\",\n output: \"Harry Potter and the Philosopher's Stone\",\n expected: \"Harry Potter and the Sorcerer's Stone\",\n metadata: null\n },\n {\n span_id: \"test-2\", \n input: \"A young hobbit must destroy a powerful ring to save Middle-earth from the Dark Lord Sauron.\",\n output: \"The Lord of the Rings\",\n expected: \"The Fellowship of the Ring\",\n metadata: { genre: \"fantasy\", year: 1954, author: \"J.R.R. Tolkien\" }\n },\n {\n span_id: \"test-3\",\n input: \"A farm boy learns he's the son of a fallen Jedi and joins the Rebellion against the Empire.\",\n output: \"Star Wars\",\n expected: \"Star Wars: A New Hope\", \n metadata: { genre: \"sci-fi\", year: 1977, director: \"George Lucas\" }\n },\n {\n span_id: \"test-4\",\n input: 42, // Testing non-string input\n output: [\"The\", \"Hitchhiker's\", \"Guide\"], // Testing array output\n expected: \"The Hitchhiker's Guide to the Galaxy\",\n metadata: { \n nested: { \n deeply: { \n structured: \"data\" \n } \n },\n array: [1, 2, 3],\n boolean: true,\n number: 42\n }\n }\n];\n\n// Function to send a data message\nfunction sendSpanData(spanData) {\n window.postMessage({\n type: 'data',\n data: spanData\n }, '*');\n console.log('Sent span data:', spanData);\n}\n\n// Function to send settings message\nfunction sendSettings(theme = 'light', readOnly = false) {\n window.postMessage({\n type: 'settings',\n settings: {\n theme: theme,\n readOnly: readOnly\n }\n }, '*');\n console.log('Sent settings:', { theme, readOnly });\n}\n\n// Function to send all sample data\nfunction sendAllSamples() {\n sampleSpans.forEach((span, index) => {\n setTimeout(() => {\n sendSpanData(span);\n }, index * 500); // Stagger the messages\n });\n}\n\n// Function to test invalid messages (should be logged as errors)\nfunction sendInvalidMessage() {\n window.postMessage({\n type: 'invalid',\n data: 'this should fail validation'\n }, '*');\n console.log('Sent invalid message (should see error in console)');\n}\n\n// Export functions for use in console or other scripts\nwindow.testSpanTable = {\n sendSpanData,\n sendSettings,\n sendAllSamples,\n sendInvalidMessage,\n sampleSpans\n};\n\nconsole.log('SpanTable test functions loaded. Use:');\nconsole.log('- testSpanTable.sendSpanData(data) - Send a single span');\nconsole.log('- testSpanTable.sendSettings(theme, readOnly) - Update settings');\nconsole.log('- testSpanTable.sendAllSamples() - Send all sample data');\nconsole.log('- testSpanTable.sendInvalidMessage() - Test error handling');\nconsole.log('- testSpanTable.sampleSpans - View sample data');",[],[59,121],"706f5874-9f1c-11f0-92d1-0224a6c84d84","index.html","33f55b10-9f1b-11f0-8ffa-0224a6c84d84",14,["D",1759360494263],"\n\n\n \n \n Span Data Table\n \n \n\n\n

\n \n \n\n",[],[59,129],"7b113824-9f1c-11f0-a760-0224a6c84d84","demo.html","7b1138d8-9f1c-11f0-a760-0224a6c84d84",15,["D",1759360512102],"\n\n\n \n \n Span Data Table - Demo\n \n \n\n\n

\n \n \n

Demo Controls

\n \n \n \n

\n\n \n\n",[],[59,137],["D",1759359945623],[147,148],[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":152,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_86":153,"_18":154},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":149,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_86":150,"_18":151},["D",1759361097464],[],[59,60,37],["D",1759360472168],[],[59,60,62],"39e1b136-9f1b-11f0-acbe-0224a6c84d84","backend","5788af28-45ee-481b-b7b0-eb2c4899fe8a",4,["D",1759359973241],[162],[156],{"_35":163,"_13":164,"_38":165,"_40":157,"_42":43,"_44":166,"_46":47,"_48":167,"_17":71,"_51":168,"_53":169,"_55":56,"_57":-5,"_86":170,"_18":171},"7ecd577c-9f1c-11f0-9f98-0224a6c84d84","index.ts","39e1a18c-9f1b-11f0-acbe-0224a6c84d84",16,["D",1759360518367],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve the main HTML file\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve the demo page\napp.get(\"/demo\", async (c) => {\n const html = await readFile(\"/frontend/demo.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve frontend files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// API endpoint to send sample data (for testing)\napp.post(\"/api/send-sample\", async (c) => {\n const body = await c.req.json();\n \n // In a real application, you might broadcast this to connected clients\n // For now, we'll just return the data that should be sent via postMessage\n return c.json({\n message: \"Sample data ready to send\",\n data: {\n type: \"data\",\n data: body\n }\n });\n});\n\nexport default app.fetch;",[],[156,164],"c5b53b34-9f1a-11f0-aa03-0224a6c84d84",["D",1759359778339],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","0199a201-a793-711b-b040-d4354de16e25","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","0199a201-a793-711b-b040-d93eb49f4c78","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_224":220},"org",{"_11":12,"_218":-5,"_219":220,"_181":182,"_221":222,"_223":56},"branch",{"_17":45,"_13":16,"_35":43,"_210":172,"_211":-5,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":14,"_217":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzVTc4QUJqQzc3V0lLY05ES2RsWnNWRXo5YiJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":172,"_13":14,"_48":297,"_174":-5,"_175":56,"_176":177,"_178":177,"_179":-5,"_180":-5,"_181":182,"_183":165,"_184":47,"_185":47,"_186":-5,"_187":50,"_188":189,"_190":-5,"_191":-5,"_192":-5,"_193":-5,"_194":195,"_196":195,"_197":198,"_199":198,"_200":198,"_201":195,"_202":195,"_203":298,"_205":299,"_207":300,"_209":56},[258,260,267,269,270],"files",[258,259,260,261,262,263,264,265,266,267,268,269,270],"counts",{"_249":50,"_250":83,"_251":50,"_32":252,"_253":254},[245,246],{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":72,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_18":244},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[59,60],{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":65,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_18":248},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":247},[59,60,37],[59,60,62],"pulls","branches","forks",{"_255":50,"_257":50},"connections",{"_255":50,"_256":50},"count","unfilledCount","emptyCount",{"_35":155,"_13":156,"_38":157,"_40":-5,"_42":43,"_44":158,"_46":47,"_48":159,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_86":295,"_18":296},{"_35":163,"_13":164,"_38":165,"_40":157,"_42":43,"_44":166,"_46":47,"_48":167,"_17":71,"_51":168,"_53":169,"_55":56,"_57":-5,"_86":293,"_18":294},{"_35":112,"_13":59,"_38":70,"_40":-5,"_42":43,"_44":71,"_46":47,"_48":113,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_86":291,"_18":292},{"_35":69,"_13":60,"_38":41,"_40":70,"_42":43,"_44":71,"_46":47,"_48":144,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_86":289,"_18":290},{"_35":61,"_13":62,"_38":63,"_40":41,"_42":43,"_44":64,"_46":47,"_48":152,"_17":66,"_51":52,"_53":67,"_55":56,"_57":-5,"_86":287,"_18":288},{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":149,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_86":285,"_18":286},{"_35":136,"_13":137,"_38":138,"_40":70,"_42":43,"_44":139,"_46":47,"_48":140,"_17":50,"_51":24,"_53":141,"_55":56,"_57":-5,"_86":283,"_18":284},{"_35":128,"_13":129,"_38":130,"_40":70,"_42":43,"_44":131,"_46":47,"_48":132,"_17":71,"_51":24,"_53":133,"_55":56,"_57":-5,"_86":281,"_18":282},{"_35":120,"_13":121,"_38":122,"_40":70,"_42":43,"_44":123,"_46":47,"_48":124,"_17":50,"_51":52,"_53":125,"_55":56,"_57":-5,"_86":279,"_18":280},{"_35":97,"_13":98,"_38":99,"_40":-5,"_42":43,"_44":100,"_46":47,"_48":101,"_17":50,"_51":73,"_53":-5,"_55":56,"_57":-5,"_86":277,"_18":278},{"_35":105,"_13":106,"_38":107,"_40":99,"_42":43,"_44":100,"_46":47,"_48":108,"_17":50,"_51":52,"_53":109,"_55":56,"_57":-5,"_86":275,"_18":276},{"_35":89,"_13":90,"_38":91,"_40":-5,"_42":43,"_44":92,"_46":47,"_48":93,"_17":83,"_51":24,"_53":94,"_55":56,"_57":-5,"_86":273,"_18":274},{"_35":80,"_13":81,"_38":82,"_40":-5,"_42":43,"_44":83,"_46":47,"_48":84,"_17":50,"_51":52,"_53":85,"_55":56,"_57":-5,"_86":271,"_18":272},[],[81],[],[90],[],[98,106],[268],[98],[],[59,121],[],[59,129],[],[59,137],[],[59,60,37],[],[59,60,62],[262,263],[59,60],[261,264,265,266],[59],[],[156,164],[259],[156],["D",1759359778339],{"_11":12,"_224":220},{"_11":12,"_218":-5,"_219":220,"_181":182,"_221":222,"_223":56},{"_17":45,"_13":16,"_35":43,"_210":172,"_211":-5,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":14,"_217":12},"ctx",{"_203":-5,"_241":334,"_335":336,"_337":338,"_339":56,"_340":56,"_341":56,"_342":47,"_343":-5,"_344":-7,"_345":-7,"_346":50,"_347":56,"_348":56,"_349":-5,"_350":56,"_351":56,"_352":56,"_353":-5},"ENV",{"_305":306,"_307":308,"_309":16,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]