52:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T54ea,import { useFrameSource } from "@/hooks/use-frame-source"; import { useReducedMotion } from "@/hooks/use-reduced-motion"; import { useVisibility } from "@/hooks/use-visibility"; import { clamp } from "@/lib/audio/decibels"; import { subscribeFrame } from "@/lib/audio/frame-loop"; import type { FrameSource, VisualFrame } from "@/lib/audio/types"; import { WAVE_LINE_MAX_POINTS, createWaveLine } from "@/lib/audio/wave-line"; import type { WaveLineMode } from "@/lib/audio/wave-line"; import { ELECTRIC_CANVAS_CLASS, ELECTRIC_GLOW_CLASS, clearElectricCanvas, createElectricSparks, createRandom, displace, emitSpark, fitElectricCanvases, moveSparks, readElectricColors, strokeSparks, } from "@/lib/electric"; import type { ElectricCanvasSize, ElectricColors, ElectricSparks, } from "@/lib/electric"; import { createCompatEffect } from "@/lib/solid/effect"; import type { DivDOMProps } from "@/lib/solid/jsx-types"; import { omitProps } from "@/lib/solid/props"; import { setRefValue } from "@/lib/solid/ref"; import type { RefTarget } from "@/lib/solid/ref"; import { cn } from "@/lib/utils"; const DEFAULT_INTENSITY = 0.6; const DEFAULT_LINE_WIDTH = 3; const REDUCED_MOTION_INTERVAL_MS = 250; const COLOR_REFRESH_FRAMES = 30; const MS_PER_SECOND = 1000; const FRAME_MS = 16.67; const MAX_STEP_SECONDS = 0.05; /** Width of the faded ends, in pixels. */ const FADE_PX = 24; /** One point every this many pixels along the line. */ const POINT_SPACING_PX = 4; /** Crackle is built in short chunks of 2^2 segments that share their ends. */ const CHUNK = 2 ** 2; const MIN_POINTS = CHUNK * 8 + 1; const MAX_POINTS = WAVE_LINE_MAX_POINTS; /** How much each finer split of the crackle bends compared with the one before. */ const ROUGHNESS = 0.8; /** Each jagged shape holds at least this long, so the crackle never strobes. */ const JITTER_MS = 42; /** Brightness flicker, at most 12%. */ const FLICKER = 0.12; /** Crackle at rest, in pixels at full intensity. */ const HUM_PX = 1.5; /** Extra crackle at full level, in pixels at full intensity. */ const CRACKLE_PX = 6; const MAX_BRANCHES = 3; const BRANCH_POINTS = 2 ** 3 + 1; /** A point must be this far from the middle to throw a fork. */ const BRANCH_THRESHOLD = 0.3; const BRANCH_CHANCE = 0.6; const BRANCH_CANDIDATES = 3; const BRANCH_MIN_PX = 10; const BRANCH_MAX_PX = 30; const BRANCH_MIN_MS = 60; const BRANCH_MAX_MS = 140; /** How far a fork bends, relative to its length. */ const BRANCH_BOW = 0.35; const MAX_SPARKS = 48; /** A rise in loudness this big in one frame throws sparks. */ const SPARK_RISE = 0.1; const SPARK_MIN_LEVEL = 0.3; const SPARK_COOLDOWN_MS = 90; /** Pixels per second squared. */ const SPARK_GRAVITY = 520; /** Pixels per second. */ const SPARK_SPEED = 170; /** Pixels per second, sideways. */ const SPARK_SPREAD = 90; const SPARK_MIN_MS = 260; const SPARK_MAX_MS = 560; const SPARK_TRAIL_SECONDS = 0.03; export type ElectricWaveformMode = WaveLineMode; export interface ElectricWaveformActions { /** Paint a frame directly. */ paint: (frame: VisualFrame) => void; /** Forget the last frame, so the line falls flat. */ clear: () => void; } export interface ElectricWaveformProps extends Omit { source?: FrameSource | null; /** * `wave` draws a smooth wave shaped by the frequency bands. `scope` draws * the signal itself, like an oscilloscope. Default `wave`. */ mode?: ElectricWaveformMode; /** Runs a pulse along the line, for connecting or thinking states. Default false. */ loading?: boolean; /** How jagged and restless the line is, 0..1. Default 0.6. */ intensity?: number; /** Forks of lightning branch off the peaks. Default true. */ arcs?: boolean; /** Sparks fly off the peaks on sudden rises. Default true. */ sparks?: boolean; /** Visual gain. Default 1. */ sensitivity?: number; /** Line width in pixels. Default 3. */ lineWidth?: number; /** Fade the left and right ends. Default true. */ fadeEdges?: boolean; actionsRef?: RefTarget; ref?: RefTarget; className?: string; } /** A fork of lightning off the line. */ export interface ElectricBranch { /** The point on the line it leaves from. */ point: number; /** 1 up, −1 down: away from the middle. */ direction: number; /** Pixels. */ length: number; /** Sideways drift of the far end, relative to the length. */ lean: number; bornMs: number; /** 0 when the fork is gone. */ lifeMs: number; /** Bend at each point, in units of the fork's bow. */ jitter: Float32Array; } export interface ElectricTraceGeometry { /** CSS pixels. */ width: number; height: number; lineWidth: number; } export interface ElectricTraceOptions { mode: ElectricWaveformMode; loading: boolean; intensity: number; arcs: boolean; sparks: boolean; sensitivity: number; /** A still line: no crackle, forks, sparks or drift. */ reducedMotion: boolean; /** Makes the crackle repeatable. Each trace gets its own by default. */ seed?: number; } export interface ElectricTrace { /** Points in use along the width. */ count: number; /** Height of the line at each point, −1..1, up positive. */ heights: Float32Array; /** Crackle at each point, in units of its amplitude. */ crackle: Float32Array; /** How loud the line is, 0..1. */ loudness: number; /** Brightness, 0.88..1. */ flicker: number; branches: ElectricBranch[]; sparks: ElectricSparks; /** Advances to `nowMs` with the latest frame. Returns true when there is a signal. */ step: ( nowMs: number, frame: VisualFrame | null, geometry: ElectricTraceGeometry ) => boolean; } /** Points for a width: one every few pixels, in whole crackle chunks. */ const pointCountFor = (width: number) => clamp( Math.round(width / POINT_SPACING_PX / CHUNK) * CHUNK + 1, MIN_POINTS, MAX_POINTS ); const middleOf = (geometry: ElectricTraceGeometry) => geometry.height / 2; /** Pixels from the middle to a height of 1, leaving room for the line. */ const reachOf = (geometry: ElectricTraceGeometry) => Math.max(0, geometry.height / 2 - Math.max(geometry.lineWidth * 2, 6)); const xOf = (geometry: ElectricTraceGeometry, count: number, point: number) => (point / (count - 1)) * geometry.width; /** Crackle in pixels at a point: louder lines and higher peaks crackle more. */ const crackleAt = (trace: ElectricTrace, intensity: number, point: number) => intensity * (HUM_PX + CRACKLE_PX * (0.4 * trace.loudness + 0.6 * Math.abs(trace.heights[point] ?? 0))); /** Where a point of the line is drawn, in pixels down from the top. */ const yOf = ( trace: ElectricTrace, geometry: ElectricTraceGeometry, intensity: number, point: number, scale = 1, crackleShare = 1 ) => middleOf(geometry) - (trace.heights[point] ?? 0) * scale * reachOf(geometry) - (trace.crackle[point] ?? 0) * crackleAt(trace, intensity, point) * crackleShare; let traceCount = 0; /** * The moving parts of the electric line, apart from any canvas: its shape, * crackle, forks and sparks. With reduced motion it is a still, smooth line. */ export const createElectricTrace = ({ arcs, intensity, loading, mode, reducedMotion, seed, sensitivity, sparks, }: ElectricTraceOptions): ElectricTrace => { traceCount += 1; const random = createRandom(seed ?? traceCount); const signed = () => random() * 2 - 1; const line = createWaveLine({ loading, mode, reducedMotion, sensitivity }); let lastMs = 0; let lastJitterMs = -Infinity; let lastSparkMs = -Infinity; let lastStepSeconds = 0; let previousPeak = 0; let primed = false; const trace: ElectricTrace = { branches: Array.from({ length: MAX_BRANCHES }, () => ({ bornMs: 0, direction: 1, jitter: new Float32Array(BRANCH_POINTS), lean: 0, length: 0, lifeMs: 0, point: 0, })), count: MIN_POINTS, crackle: new Float32Array(MAX_POINTS), flicker: 1, heights: line.heights, loudness: 0, sparks: createElectricSparks(MAX_SPARKS), step: () => false, }; const rerollCrackle = () => { trace.crackle[0] = signed() * 0.5; for (let start = 0; start + CHUNK < trace.count; start += CHUNK) { displace( trace.crackle, start, CHUNK + 1, [trace.crackle[start] ?? 0, signed() * 0.5], random, ROUGHNESS ); } trace.flicker = 1 - FLICKER * random(); }; /** Picks the highest of a few random points, so forks favour the peaks. */ const pickPeak = () => { let best = Math.floor(random() * trace.count); for (let candidate = 1; candidate < BRANCH_CANDIDATES; candidate += 1) { const point = Math.floor(random() * trace.count); if ( Math.abs(trace.heights[point] ?? 0) > Math.abs(trace.heights[best] ?? 0) ) { best = point; } } return best; }; const updateBranches = (nowMs: number) => { const point = pickPeak(); const height = trace.heights[point] ?? 0; const charged = Math.abs(height) >= BRANCH_THRESHOLD && random() < BRANCH_CHANCE * intensity * Math.abs(height); const free = trace.branches.find((branch) => branch.lifeMs === 0); if (charged && free) { free.point = point; free.direction = height >= 0 ? 1 : -1; free.length = (BRANCH_MIN_PX + random() * (BRANCH_MAX_PX - BRANCH_MIN_PX)) * (0.6 + 0.8 * intensity); free.lean = signed() * 0.6; free.bornMs = nowMs; free.lifeMs = BRANCH_MIN_MS + random() * (BRANCH_MAX_MS - BRANCH_MIN_MS); } for (const branch of trace.branches) { if (branch.lifeMs > 0) { displace( branch.jitter, 0, BRANCH_POINTS, [0, signed() * 0.5], random, ROUGHNESS ); } } }; const expireBranches = (nowMs: number) => { for (const branch of trace.branches) { if (branch.lifeMs > 0 && nowMs - branch.bornMs >= branch.lifeMs) { branch.lifeMs = 0; } } }; const throwSparks = (nowMs: number, geometry: ElectricTraceGeometry) => { const rise = line.peak - previousPeak; const rested = nowMs - lastSparkMs >= SPARK_COOLDOWN_MS; if (rise < SPARK_RISE || line.peak < SPARK_MIN_LEVEL || !rested) { return; } lastSparkMs = nowMs; let peak = 0; for (let point = 1; point < trace.count; point += 1) { if ( Math.abs(trace.heights[point] ?? 0) > Math.abs(trace.heights[peak] ?? 0) ) { peak = point; } } const upward = (trace.heights[peak] ?? 0) >= 0 ? -1 : 1; const x = xOf(geometry, trace.count, peak); const y = yOf(trace, geometry, intensity, peak); const count = 3 + Math.floor(random() * 3); for (let spark = 0; spark < count; spark += 1) { emitSpark(trace.sparks, { lifeMs: SPARK_MIN_MS + random() * (SPARK_MAX_MS - SPARK_MIN_MS), vx: signed() * SPARK_SPREAD, vy: upward * SPARK_SPEED * (0.5 + random()) * (0.5 + intensity), x, y, }); } }; const animate = (nowMs: number, geometry: ElectricTraceGeometry) => { if (nowMs - lastJitterMs >= JITTER_MS) { lastJitterMs = nowMs; rerollCrackle(); if (arcs) { updateBranches(nowMs); } } expireBranches(nowMs); if (sparks) { if (primed) { throwSparks(nowMs, geometry); } moveSparks(trace.sparks, lastStepSeconds, SPARK_GRAVITY); } }; trace.step = (nowMs, frame, geometry) => { const elapsedMs = lastMs === 0 ? FRAME_MS : nowMs - lastMs; lastMs = nowMs; lastStepSeconds = clamp(elapsedMs / MS_PER_SECOND, 0, MAX_STEP_SECONDS); const active = line.step(nowMs, frame, pointCountFor(geometry.width)); trace.count = line.count; trace.loudness = line.loudness; if (!reducedMotion) { animate(nowMs, geometry); } previousPeak = line.peak; primed = true; return active; }; return trace; }; interface PaintInput { trace: ElectricTrace; geometry: ElectricTraceGeometry; colors: ElectricColors; intensity: number; nowMs: number; } const traceLine = ( context: CanvasRenderingContext2D, { geometry, intensity, trace }: PaintInput, scale: number, crackleShare: number ) => { context.beginPath(); for (let point = 0; point < trace.count; point += 1) { const x = xOf(geometry, trace.count, point); const y = yOf(trace, geometry, intensity, point, scale, crackleShare); if (point === 0) { context.moveTo(x, y); } else { context.lineTo(x, y); } } }; /** The band between two scaled copies of the line, for the tall glow. */ const traceRibbon = ( context: CanvasRenderingContext2D, { geometry, intensity, trace }: PaintInput, inner: number, outer: number ) => { context.beginPath(); for (let point = 0; point < trace.count; point += 1) { const x = xOf(geometry, trace.count, point); const y = yOf(trace, geometry, intensity, point, outer, 0.35); if (point === 0) { context.moveTo(x, y); } else { context.lineTo(x, y); } } for (let point = trace.count - 1; point >= 0; point -= 1) { const x = xOf(geometry, trace.count, point); context.lineTo(x, yOf(trace, geometry, intensity, point, inner, 0.35)); } context.closePath(); }; const traceBranch = ( context: CanvasRenderingContext2D, { geometry, intensity, trace }: PaintInput, branch: ElectricBranch ) => { const point = Math.min(branch.point, trace.count - 1); const x = xOf(geometry, trace.count, point); const y = yOf(trace, geometry, intensity, point); const dx = branch.lean * branch.length; const dy = -branch.direction * branch.length; const length = Math.hypot(dx, dy) || 1; const bow = length * BRANCH_BOW; context.beginPath(); for (let index = 0; index < BRANCH_POINTS; index += 1) { const progress = index / (BRANCH_POINTS - 1); const bend = (branch.jitter[index] ?? 0) * bow; const px = x + dx * progress - (dy / length) * bend; const py = y + dy * progress + (dx / length) * bend; if (index === 0) { context.moveTo(px, py); } else { context.lineTo(px, py); } } }; const strokeBranches = ( context: CanvasRenderingContext2D, input: PaintInput, lineWidth: number, alpha: number ) => { context.lineWidth = lineWidth; for (const branch of input.trace.branches) { if (branch.lifeMs > 0) { const age = (input.nowMs - branch.bornMs) / branch.lifeMs; context.globalAlpha = clamp(alpha * (1 - age * age), 0, 1); traceBranch(context, input, branch); context.stroke(); } } }; /** Cuts the ends away with a gradient, so the line fades in and out. */ const fadeEnds = ( context: CanvasRenderingContext2D, geometry: ElectricTraceGeometry ) => { const edge = Math.min(FADE_PX, geometry.width / 2); context.globalAlpha = 1; context.globalCompositeOperation = "destination-out"; const left = context.createLinearGradient(0, 0, edge, 0); left.addColorStop(0, "rgba(0, 0, 0, 1)"); left.addColorStop(1, "rgba(0, 0, 0, 0)"); context.fillStyle = left; context.fillRect(0, 0, edge, geometry.height); const right = context.createLinearGradient( geometry.width - edge, 0, geometry.width, 0 ); right.addColorStop(0, "rgba(0, 0, 0, 0)"); right.addColorStop(1, "rgba(0, 0, 0, 1)"); context.fillStyle = right; context.fillRect(geometry.width - edge, 0, edge, geometry.height); context.globalCompositeOperation = "source-over"; }; /** * The tall, soft glow: bands that echo the wave above and below it, and a * wide stroke. The canvas is blurred with CSS, far cheaper than `shadowBlur`. */ const paintGlow = (context: CanvasRenderingContext2D, input: PaintInput) => { const { geometry, trace } = input; const strength = (0.4 + 0.6 * trace.loudness) * trace.flicker; context.fillStyle = input.colors.glow; context.strokeStyle = input.colors.glow; context.globalAlpha = 0.22 * strength; traceRibbon(context, input, 0.2, 2.6); context.fill(); context.globalAlpha = 0.4 * strength; traceRibbon(context, input, 0.6, 1.6); context.fill(); context.globalAlpha = 0.6 * strength; context.lineWidth = geometry.lineWidth * 4; traceLine(context, input, 1, 0.6); context.stroke(); strokeBranches(context, input, geometry.lineWidth * 1.5, 0.7); }; const paintMain = (context: CanvasRenderingContext2D, input: PaintInput) => { const { geometry, trace } = input; context.strokeStyle = input.colors.body; context.globalAlpha = 0.9 * trace.flicker; context.lineWidth = geometry.lineWidth; traceLine(context, input, 1, 0.6); context.stroke(); context.lineJoin = "miter"; strokeBranches(context, input, Math.max(1.5, geometry.lineWidth * 0.5), 0.7); context.strokeStyle = input.colors.core; context.globalAlpha = trace.flicker; context.lineWidth = Math.max(1.5, geometry.lineWidth * 0.5); traceLine(context, input, 1, 1); context.stroke(); strokeBranches(context, input, 1, 1); strokeSparks( context, trace.sparks, Math.max(1, geometry.lineWidth * 0.4), SPARK_TRAIL_SECONDS ); }; export const ElectricWaveform = (props: ElectricWaveformProps) => { const reducedMotion = useReducedMotion(); let root: HTMLDivElement | undefined; let main: HTMLCanvasElement | undefined; let glow: HTMLCanvasElement | undefined; let frame: VisualFrame | null = null; const visible = useVisibility(() => root ?? null); const paint = (next: VisualFrame) => { frame = next; }; useFrameSource(() => props.source, paint); createCompatEffect( () => props.actionsRef, (ref) => { setRefValue(ref, { paint, clear: () => { frame = null; }, }); return () => setRefValue(ref, null); } ); createCompatEffect( () => ({ arcs: props.arcs ?? true, intensity: props.intensity ?? DEFAULT_INTENSITY, loading: props.loading ?? false, mode: props.mode ?? "wave", reducedMotion: reducedMotion(), sensitivity: props.sensitivity ?? 1, sparks: props.sparks ?? true, }), (options) => { const container = root; const sharp = main; const blurred = glow; const mainContext = sharp?.getContext("2d"); const glowContext = blurred?.getContext("2d"); if (!(container && sharp && blurred && mainContext && glowContext)) return; const strength = clamp(options.intensity, 0, 1); const trace = createElectricTrace({ ...options, intensity: strength }); let size: ElectricCanvasSize = { glowRatio: 1, height: 0, ratio: 1, width: 0, }; let colors = readElectricColors(sharp, blurred); let sinceColor = 0; let lastPaint = 0; let active = false; const resize = () => { size = fitElectricCanvases(sharp, blurred); }; resize(); const observer = new ResizeObserver(resize); observer.observe(sharp); const unsubscribe = subscribeFrame((nowMs) => { if (!visible.current || size.width === 0) return; if (++sinceColor >= COLOR_REFRESH_FRAMES) { sinceColor = 0; colors = readElectricColors(sharp, blurred); } if ( options.reducedMotion && nowMs - lastPaint < REDUCED_MOTION_INTERVAL_MS ) return; lastPaint = nowMs; const geometry: ElectricTraceGeometry = { height: size.height, width: size.width, lineWidth: props.lineWidth ?? DEFAULT_LINE_WIDTH, }; const nextActive = trace.step(nowMs, frame, geometry); if (nextActive !== active) { active = nextActive; container.toggleAttribute("data-active", active); } const drawing: PaintInput = { colors, geometry, intensity: options.reducedMotion ? 0 : strength, nowMs, trace, }; clearElectricCanvas(glowContext, size, size.glowRatio); paintGlow(glowContext, drawing); clearElectricCanvas(mainContext, size, size.ratio); paintMain(mainContext, drawing); if (props.fadeEdges ?? true) { fadeEnds(glowContext, geometry); fadeEnds(mainContext, geometry); } }); return () => { unsubscribe(); observer.disconnect(); container.removeAttribute("data-active"); }; } ); const rest = omitProps(props, [ "ref", "class", "className", "source", "mode", "loading", "intensity", "arcs", "sparks", "sensitivity", "lineWidth", "fadeEdges", "actionsRef", ]); return (

{ root = node; setRefValue(props.ref, node); }} >

); }; 55:T56d,Audio component source adapted from https://github.com/audiocn/ui. MIT License — Copyright (c) 2026 OrcDev Regular SVG icon geometry adapted from @phosphor-icons/react 2.1.10. MIT License — Copyright (c) 2020 Phosphor Icons The following permission and warranty terms apply to both notices. Retain this file with copies or substantial portions of the source. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","solid-js@^1.9.15",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/solid-js","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"solid-js@^1.9.15"}]]}]}]]}],["$","$L52",null,{"namespace":"@audiocn-solid","registryDependencies":["@audiocn-solid/core","@audiocn-solid/electric","@audiocn-solid/use-frame-source","@audiocn-solid/use-reduced-motion","@audiocn-solid/use-visibility"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"components/ui/electric-waveform.tsx","content":"$54","type":"registry:ui"},{"path":"lib/audiocn-license.txt","content":"$55","type":"registry:file","target":"@lib/audiocn-license.txt"}],"className":"h-[70svh] min-h-80"}]]}]