96:I[478524,["/chat-static/_next/static/immutable/chunks/0b5l4j22my69q.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/3r_w5eszjqdcl.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1vytwqo6pzy-2.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/37imr48mpgnlw.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0al-lqkps3dre.js","/chat-static/_next/static/immutable/chunks/1nr8mtt823fe4.js","/chat-static/_next/static/immutable/chunks/28ncw0c3u_jm_.js","/chat-static/_next/static/immutable/chunks/2a75wjty6j9fw.js","/chat-static/_next/static/immutable/chunks/2ndt_c6v79mb_.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/1rfln50oa1s9j.js","/chat-static/_next/static/immutable/chunks/2gaf24-oqkjzb.js","/chat-static/_next/static/immutable/chunks/143r8ojyp-nrs.js","/chat-static/_next/static/immutable/chunks/3k5m3vbsr0f09.js"],"TemplateCardStatsLikes"] 97:I[903690,["/chat-static/_next/static/immutable/chunks/0b5l4j22my69q.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/3r_w5eszjqdcl.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1vytwqo6pzy-2.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/37imr48mpgnlw.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0al-lqkps3dre.js","/chat-static/_next/static/immutable/chunks/1nr8mtt823fe4.js","/chat-static/_next/static/immutable/chunks/28ncw0c3u_jm_.js","/chat-static/_next/static/immutable/chunks/2a75wjty6j9fw.js","/chat-static/_next/static/immutable/chunks/2ndt_c6v79mb_.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/1rfln50oa1s9j.js","/chat-static/_next/static/immutable/chunks/2gaf24-oqkjzb.js","/chat-static/_next/static/immutable/chunks/143r8ojyp-nrs.js","/chat-static/_next/static/immutable/chunks/3k5m3vbsr0f09.js"],"ExplicitChatIdProvider"] 98:I[838238,["/chat-static/_next/static/immutable/chunks/0b5l4j22my69q.js","/chat-static/_next/static/immutable/chunks/1o_8apc9t7n_q.js","/chat-static/_next/static/immutable/chunks/3r_w5eszjqdcl.js","/chat-static/_next/static/immutable/chunks/114n8e2ac_jia.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/2s3szdh4sj8a9.js","/chat-static/_next/static/immutable/chunks/0-_o4hpte0vl3.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/0tx1sb8vbv047.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/1vytwqo6pzy-2.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/3pxk47hjn0did.js","/chat-static/_next/static/immutable/chunks/2o77ap5zb_ifo.js","/chat-static/_next/static/immutable/chunks/1y9-5e-fp9k6t.js","/chat-static/_next/static/immutable/chunks/06bkmbcp63szl.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2u6_2ad6hwbai.js","/chat-static/_next/static/immutable/chunks/3z2ytqe4qbkve.js","/chat-static/_next/static/immutable/chunks/3cvxogyz6xpjg.js","/chat-static/_next/static/immutable/chunks/37imr48mpgnlw.js","/chat-static/_next/static/immutable/chunks/2s-5grvetxapr.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0fyg5jcc_36eb.js","/chat-static/_next/static/immutable/chunks/0al-lqkps3dre.js","/chat-static/_next/static/immutable/chunks/1nr8mtt823fe4.js","/chat-static/_next/static/immutable/chunks/28ncw0c3u_jm_.js","/chat-static/_next/static/immutable/chunks/2a75wjty6j9fw.js","/chat-static/_next/static/immutable/chunks/2ndt_c6v79mb_.js","/chat-static/_next/static/immutable/chunks/3pdq-c388l9_h.js","/chat-static/_next/static/immutable/chunks/1rfln50oa1s9j.js","/chat-static/_next/static/immutable/chunks/2gaf24-oqkjzb.js","/chat-static/_next/static/immutable/chunks/143r8ojyp-nrs.js","/chat-static/_next/static/immutable/chunks/3k5m3vbsr0f09.js"],"SWRDataProvider"] 93:["$","span",null,{"className":"text-[13px] leading-none","children":"113"}] 94:["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":24,"height":24,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-dot size-4 -mx-1","children":[["$","circle","18d7e5",{"cx":"12.1","cy":"12.1","r":"1"}],"$undefined"]}] 95:["$","$L96",null,{"likeCount":53,"isLiked":false}] 99:T4068,[V0_FILE]typescriptreact:file="/components/exhibit/basin-scene.tsx" "use client" import { useEffect, useMemo, useRef } from "react" import * as THREE from "three" import { Canvas, useFrame, useThree } from "@react-three/fiber" import { OrbitControls } from "@react-three/drei" import gsap from "gsap" import { OKURIBI_FORMS, type ExhibitState, type OkuribiForm, type OkuribiId, type ViewMode, } from "@/lib/exhibit-data" import { BASIN_RADIUS, RIM_INNER_RADIUS, RIM_OUTER_RADIUS, basinWorldPosition, firebedWorldPosition, groupFirebedsBySegment, ridgeHeight, } from "@/lib/exhibit-geometry" const EMBER = "#c8632f" const VERMILION = "#8a3a24" const RIM_COLOR = "#4a4438" const FLOOR_COLOR = "#cbbfa6" const BRASS = "#a08a5c" // --------------------------------------------------------------------------- // Basin floor + mountain rim: the physical "specimen" the exhibit is built // from. The rim is a ring of low-poly, flattened bumps whose height is a // deterministic function of angle (see ridgeHeight), with a saddle dipping // down near each of the five Okuribi locations so they read as passes // between peaks rather than being buried inside a wall of terrain. // --------------------------------------------------------------------------- function BasinFloor() { return ( ) } function MountainRim({ forms }: { forms: OkuribiForm[] }) { const segments = 40 const geometry = useMemo(() => { const geo = new THREE.CylinderGeometry(1, 1, 1, segments, 1, true) const pos = geo.attributes.position for (let i = 0; i < pos.count; i++) { const x = pos.getX(i) const z = pos.getZ(i) const angle = (Math.atan2(x, -z) * 180) / Math.PI const y = pos.getY(i) const h = ridgeHeight(angle, forms) const radius = (RIM_INNER_RADIUS + RIM_OUTER_RADIUS) / 2 const width = (RIM_OUTER_RADIUS - RIM_INNER_RADIUS) / 2 pos.setXYZ(i, x * radius, y > 0 ? h : 0.12, z * radius) // widen slightly outward for a shallow cone shape const nx = pos.getX(i) const nz = pos.getZ(i) const scaleOut = 1 + (y > 0 ? 0.18 : -0.12) * (width / radius) pos.setXYZ(i, nx * scaleOut, pos.getY(i), nz * scaleOut) } geo.computeVertexNormals() return geo }, [forms]) return ( ) } function RegistrationMarks() { const marks = useMemo(() => { const arr: { pos: [number, number, number]; rot: number }[] = [] for (let i = 0; i < 24; i++) { const angle = (i / 24) * Math.PI * 2 const r = BASIN_RADIUS * 1.03 arr.push({ pos: [Math.sin(angle) * r, 0.14, -Math.cos(angle) * r], rot: -angle }) } return arr }, []) return ( {marks.map((m, i) => ( ))} ) } function NorthIndicator() { const r = RIM_OUTER_RADIUS + 0.35 return ( ) } // --------------------------------------------------------------------------- // Location markers: the five clickable Okuribi positions on the rim. // --------------------------------------------------------------------------- function LocationMarker({ form, isSelected, activeState, onSelect, }: { form: OkuribiForm isSelected: boolean activeState: "current" | "past" | "inactive" onSelect: (id: OkuribiId) => void }) { const pos = useMemo(() => basinWorldPosition(form.basinPosition), [form]) const glow = activeState === "current" ? 1 : activeState === "past" ? 0.5 : isSelected ? 0.75 : 0.25 return ( { e.stopPropagation() onSelect(form.id) }} onPointerOver={(e) => { e.stopPropagation() document.body.style.cursor = "pointer" }} onPointerOut={() => { document.body.style.cursor = "auto" }} > ) } function LocationMarkers({ forms, selectedId, activeLocations, sequenceStep, mode, onSelect, }: { forms: OkuribiForm[] selectedId: OkuribiId activeLocations: OkuribiId[] sequenceStep: number mode: ViewMode onSelect: (id: OkuribiId) => void }) { const currentId = mode === "sequence" ? activeLocations[activeLocations.length - 1] : null return ( {forms.map((form) => { let activeState: "current" | "past" | "inactive" = "inactive" if (mode === "sequence") { if (form.id === currentId) activeState = "current" else if (activeLocations.includes(form.id)) activeState = "past" } return ( ) })} ) } // --------------------------------------------------------------------------- // The selected form's glyph ribbon (merged, distant reading) and its // individual firebed points (close reading), plus the small pedestal // abstraction used in Firebeds mode. // --------------------------------------------------------------------------- function FormGlyph({ form, opacity, breathing }: { form: OkuribiForm; opacity: number; breathing: boolean }) { const groups = useMemo(() => groupFirebedsBySegment(form), [form]) if (opacity < 0.02) return null return ( {groups.map(({ segment, points }) => { if (points.length < 2) return null const curve = new THREE.CatmullRomCurve3(points) const geo = new THREE.TubeGeometry(curve, Math.max(8, points.length * 4), 0.055, 6, false) return ( ) })} ) } function FirebedPoints({ form, opacity }: { form: OkuribiForm; opacity: number }) { const positions = useMemo(() => form.firebeds.map((fb) => firebedWorldPosition(form, fb)), [form]) if (opacity < 0.02) return null return ( {positions.map((p, i) => ( ))} ) } function FirebedPedestal({ form, visible }: { form: OkuribiForm; visible: boolean }) { const fb = useMemo(() => { return form.firebeds.reduce((best, cur) => (cur.emphasis > best.emphasis ? cur : best), form.firebeds[0]) }, [form]) const pos = useMemo(() => firebedWorldPosition(form, fb), [form, fb]) const scaleRef = useRef(null) useEffect(() => { if (!scaleRef.current) return gsap.to(scaleRef.current.scale, { x: visible ? 1 : 0.001, y: visible ? 1 : 0.001, z: visible ? 1 : 0.001, duration: 0.5, ease: "back.out(1.6)", }) }, [visible]) return ( ) } function SightlineWedge({ form, opacity }: { form: OkuribiForm; opacity: number }) { const geometry = useMemo(() => { const target = basinWorldPosition(form.basinPosition) const spread = 0.62 const rad = (form.basinPosition.angleDegrees * Math.PI) / 180 const tangent = new THREE.Vector3(Math.cos(rad), 0, Math.sin(rad)) const left = target.clone().addScaledVector(tangent, spread) const right = target.clone().addScaledVector(tangent, -spread) const apex = new THREE.Vector3(0, 0.5, 0) const geo = new THREE.BufferGeometry() const verts = new Float32Array([ apex.x, apex.y, apex.z, left.x, left.y, left.z, right.x, right.y, right.z, ]) geo.setAttribute("position", new THREE.BufferAttribute(verts, 3)) geo.setIndex([0, 1, 2]) geo.computeVertexNormals() return geo }, [form]) if (opacity < 0.02) return null return ( ) } // --------------------------------------------------------------------------- // Camera rig: animates the OrbitControls target and camera position with // GSAP whenever the derived exhibit state changes, instead of relying on // continuous per-frame logic. Keeps the "distant → close → full basin" // transitions choreographed and legible rather than snapping. // --------------------------------------------------------------------------- function CameraRig({ exhibitState, reducedMotion, }: { exhibitState: ExhibitState reducedMotion: boolean }) { const { camera, controls, invalidate } = useThree((s) => ({ camera: s.camera, controls: s.controls as unknown as { target: THREE.Vector3; update: () => void } | null, invalidate: s.invalidate, })) const anim = useRef({ x: camera.position.x, y: camera.position.y, z: camera.position.z, tx: 0, ty: 0.9, tz: 0 }) useEffect(() => { const [tx, ty, tz] = exhibitState.cameraTarget let radius = 8.5 let height = 3.6 if (exhibitState.mode === "firebeds") { radius = 5.2 height = 2.4 } else if (exhibitState.mode === "form") { radius = 9.2 height = 4.1 } else { radius = 9.5 height = 4.4 } // Orbit to the opposite side of the basin from the target's bearing so // the selected form's slope is always centered in frame, as if viewing // it from across the valley, rather than always shooting from due south. // Bearing convention matches basinPositionToWorld: x = sin(rad) * r, // z = -cos(rad) * r, rad measured clockwise from north. const targetMag = Math.hypot(tx, tz) let camX: number let camZ: number if (targetMag < 0.05) { camX = 0 camZ = radius } else { const bearing = Math.atan2(tx, -tz) const camBearing = bearing + Math.PI camX = Math.sin(camBearing) * radius camZ = -Math.cos(camBearing) * radius } const camY = height const duration = reducedMotion ? 0.01 : 1.1 const ease = "power2.inOut" gsap.to(anim.current, { x: camX, y: camY, z: camZ, tx, ty, tz, duration, ease, onUpdate: () => { camera.position.set(anim.current.x, anim.current.y, anim.current.z) if (controls) { controls.target.set(anim.current.tx, anim.current.ty, anim.current.tz) controls.update() } camera.lookAt(anim.current.tx, anim.current.ty, anim.current.tz) invalidate() }, }) // eslint-disable-next-line react-hooks/exhaustive-deps }, [exhibitState.selectedId, exhibitState.mode, exhibitState.sequenceStep]) return null } function BreathingTicker({ enabled }: { enabled: boolean }) { const invalidate = useThree((s) => s.invalidate) useEffect(() => { if (!enabled) return let raf: number const loop = () => { invalidate() raf = requestAnimationFrame(loop) } raf = requestAnimationFrame(loop) return () => cancelAnimationFrame(raf) }, [enabled, invalidate]) useFrame((state) => { if (!enabled) return const t = state.clock.getElapsedTime() state.scene.userData.breathe = 0.5 + Math.sin(t * 1.4) * 0.5 }) return null } // --------------------------------------------------------------------------- // Scene root // --------------------------------------------------------------------------- function SceneContent({ selectedId, mode, sequenceStep, activeLocations, exhibitState, onSelectLocation, reducedMotion, }: { selectedId: OkuribiId mode: ViewMode sequenceStep: number activeLocations: OkuribiId[] exhibitState: ExhibitState onSelectLocation: (id: OkuribiId) => void reducedMotion: boolean }) { const form = useMemo(() => OKURIBI_FORMS.find((f) => f.id === selectedId)!, [selectedId]) const breathing = mode === "form" && !reducedMotion return ( <> ) } export function BasinScene({ selectedId, mode, sequenceStep, activeLocations, exhibitState, onSelectLocation, reducedMotion, }: { selectedId: OkuribiId mode: ViewMode sequenceStep: number activeLocations: OkuribiId[] exhibitState: ExhibitState onSelectLocation: (id: OkuribiId) => void reducedMotion: boolean }) { return (

) }88:["$","$L97",null,{"chatId":"kNcJVJr9nQm","children":["$","$L98",null,{"data":{"@\"active-block\",\"kNcJVJr9nQm\",":{"id":"b_caSP975nnsL","messageId":"CxauWrr2NC9XOGarXME6ctzdlAw30t3j","source":"$99","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"Code","type":"code-project","taskNameActive":"Correcting camera bearing math to match world position formula","taskNameComplete":"Corrected camera bearing math"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"kNcJVJr9nQm\",":true,"/chat/api/snapshots/proxy?blockId=b_caSP975nnsL&v=v2":null},"children":"$L9a"}]}] 8d:["$","$L79","WvTw0G3SBGQ",{"value":{"fallback":{"template:WvTw0G3SBGQ:likes":{"likeCount":3,"isLiked":false}}},"children":["$","div",null,{"className":"has-focus-visible:ring-offset-background relative flex w-full flex-col gap-2 text-sm sm:min-w-0","children":[["$","div",null,{"className":"shadow-base bg-v0-background-200 relative aspect-video w-full overflow-hidden rounded-lg text-sm has-focus-visible:outline-hidden has-focus-visible:ring-2 has-focus-visible:ring-v0-blue-700 has-focus-visible:ring-offset-1","children":[["$","$L91",null,{"index":1,"src":"https://gvsmhepiuiax2e6y.public.blob.vercel-storage.com/templates/screenshots/WvTw0G3SBGQ-jPMo0p2R17paFnHCfteF0SdEVvY7Fh.jpg","alt":"","templateCanonId":"WvTw0G3SBGQ","blockId":"b_98iE0keX88O"}],false,["$","div",null,{"className":"absolute inset-0 flex items-center justify-center bg-linear-to-b from-[hsla(0,0%,100%,0.3)] to-[hsla(0,0%,40%,0.3)] opacity-0 transition-opacity focus-within:opacity-100 hover:opacity-100 has-data-[pending=true]:opacity-100","children":[[["$","$L92",null,{"href":"/templates/WvTw0G3SBGQ","className":"absolute inset-0 sm:hidden","prefetch":false}],["$","$L92",null,{"href":"/templates/WvTw0G3SBGQ","tabIndex":-1,"className":"absolute inset-0 hidden sm:block","prefetch":false}]],["$","div",null,{"className":"z-10 hidden w-32 flex-col items-center justify-center gap-2 sm:flex","children":["$","$L92",null,{"href":"/templates/WvTw0G3SBGQ","prefetch":false,"children":"View Details","className":"focus-visible:ring-offset-background outline-hidden has-focus-visible:ring-2 inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-1.5 whitespace-nowrap text-nowrap border font-medium ring-v0-caveat-focus-ring-tab transition focus-visible:ring-2 focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:bg-v0-gray-100 disabled:text-v0-gray-500 disabled:ring-0 aria-disabled:cursor-not-allowed aria-disabled:bg-v0-gray-100 aria-disabled:text-v0-gray-500 aria-disabled:ring-0 [&>svg]:pointer-events-none [&>svg]:size-4 [&_svg]:shrink-0 disabled:border-v0-alpha-400 text-v0-background-100 aria-disabled:border-v0-alpha-400 border-v0-gray-1000 bg-v0-gray-1000 hover:border-v0-gray-900 hover:bg-v0-gray-900 focus:border-v0-gray-900 focus:bg-v0-gray-900 focus-visible:border-v0-gray-900 focus-visible:bg-v0-gray-900 h-8 px-3 text-sm has-[>kbd]:gap-2 has-[>svg]:px-2 has-[>kbd]:pr-[6px] rounded-lg w-full","disabled":"$undefined","ref":null}]}]]}]]}],["$","div",null,{"className":"flex items-center gap-3 pr-1 w-full","children":[["$","$L7e",null,{"teamId":"$undefined","username":"ctxzz"}],["$","$L92",null,{"className":"flex flex-1 min-w-0 items-center gap-3","href":"/templates/WvTw0G3SBGQ","tabIndex":-1,"prefetch":false,"data-testid":"template-card-link","children":["$","div",null,{"className":"flex flex-1 min-w-0 flex-col gap-1.5","children":[["$","div",null,{"className":"line-clamp-1 font-medium leading-none text-v0-gray-1000","children":"Time circle clone"}],null,["$","div",null,{"className":"flex flex-row items-center gap-1.5 text-v0-gray-900","children":[["$","div",null,{"className":"flex flex-row whitespace-nowrap items-center gap-1.5","children":[["$","svg",null,{"className":"size-3","dangerouslySetInnerHTML":{"__html":""},"data-testid":"geist-icon","height":16,"strokeLinejoin":"round","style":{"verticalAlign":"$undefined","width":"$undefined","height":"$undefined","color":"currentColor"},"viewBox":"0 0 16 16","width":16}],"$L9b"]}],"$L9c","$L9d"]}]]}]}]]}]]}]}]

About

Tags

Share

About

Tags

Share

More from ctxzz

More Templates Like This