@qwik.dev/devtools 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/ui/bundle-graph-C-01xqq_.json +1 -0
  2. package/dist/ui/components/DevtoolsButton/DevtoolsButton.qwik.mjs +10 -12
  3. package/dist/ui/components/DevtoolsPanel/DevtoolsPanel.qwik.mjs +2 -2
  4. package/dist/ui/components/Tab/Tab.qwik.mjs +3 -5
  5. package/dist/ui/components/TabContent/TabContent.qwik.mjs +4 -1
  6. package/dist/ui/components/TabTitle/TabTitle.qwik.mjs +1 -1
  7. package/dist/ui/components/Tree/Tree.qwik.mjs +31 -23
  8. package/dist/ui/components/Tree/filterVnode.qwik.mjs +5 -4
  9. package/dist/ui/devtools.qwik.mjs +10 -10
  10. package/dist/ui/features/Assets/Assets.qwik.mjs +2 -2
  11. package/dist/ui/features/CodeBreack/CodeBreack.qwik.mjs +1 -1
  12. package/dist/ui/features/CodeBreack/HtmlParser.qwik.mjs +3 -3
  13. package/dist/ui/features/CodeBreack/StateParser.qwik.mjs +3 -3
  14. package/dist/ui/features/Packages/components/DependencyCard/DependencyCard.qwik.mjs +1 -1
  15. package/dist/ui/features/Performance/Performance.qwik.mjs +73 -50
  16. package/dist/ui/features/Performance/computePerfViewModel.qwik.mjs +53 -37
  17. package/dist/ui/features/RenderTree/RenderTree.qwik.mjs +16 -20
  18. package/dist/ui/features/RenderTree/formatTreeData.qwik.mjs +13 -13
  19. package/dist/ui/features/inspect/Inspect.qwik.mjs +14 -3
  20. package/dist/ui/features/inspect/iframe-theme.qwik.mjs +66 -0
  21. package/dist/ui/lib-types/ui/src/components/Tree/Tree.d.ts +5 -12
  22. package/dist/ui/lib-types/ui/src/components/Tree/filterVnode.d.ts +1 -1
  23. package/dist/ui/lib-types/ui/src/components/Tree/type.d.ts +19 -1
  24. package/dist/ui/lib-types/ui/src/components/Tree/vnode.d.ts +1 -1
  25. package/dist/ui/lib-types/ui/src/features/RenderTree/TreeBuilder.d.ts +1 -1
  26. package/dist/ui/lib-types/ui/src/features/RenderTree/formatTreeData.d.ts +5 -7
  27. package/dist/ui/lib-types/ui/src/features/RenderTree/types.d.ts +7 -3
  28. package/dist/ui/lib-types/ui/src/features/inspect/iframe-theme.d.ts +2 -0
  29. package/dist/ui/lib-types/ui/src/utils/type.d.ts +4 -1
  30. package/dist/ui/q-manifest.json +54 -45
  31. package/dist/ui/styles.css +326 -273
  32. package/package.json +2 -2
  33. package/dist/ui/bundle-graph-D9X2wpYX.json +0 -1
@@ -0,0 +1 @@
1
+ ["../_virtual/_@oxc-project_runtime@0.115.0/helpers/assertClassBrand.qwik.mjs","../_virtual/_@oxc-project_runtime@0.115.0/helpers/checkPrivateRedeclaration.qwik.mjs","../_virtual/_@oxc-project_runtime@0.115.0/helpers/classPrivateFieldGet2.qwik.mjs",0,"../_virtual/_@oxc-project_runtime@0.115.0/helpers/classPrivateFieldInitSpec.qwik.mjs",1,"../_virtual/_@oxc-project_runtime@0.115.0/helpers/classPrivateFieldSet2.qwik.mjs",0,"../_virtual/_@oxc-project_runtime@0.115.0/helpers/classPrivateMethodInitSpec.qwik.mjs",1,"../_virtual/_@oxc-project_runtime@0.115.0/helpers/defineProperty.qwik.mjs",14,"../_virtual/_@oxc-project_runtime@0.115.0/helpers/toPrimitive.qwik.mjs",16,"../_virtual/_@oxc-project_runtime@0.115.0/helpers/toPropertyKey.qwik.mjs",12,"../_virtual/_@oxc-project_runtime@0.115.0/helpers/typeof.qwik.mjs","../_virtual/_rolldown/runtime.qwik.mjs","../components/DevtoolsButton/DevtoolsButton.qwik.mjs","../components/DevtoolsContainer/DevtoolsContainer.qwik.mjs","../components/DevtoolsPanel/DevtoolsPanel.qwik.mjs",22,"../components/Icons/Icons.qwik.mjs","../components/router-head/theme-script.qwik.mjs","../components/Tab/Tab.qwik.mjs","../components/TabContent/TabContent.qwik.mjs","../components/TabTitle/TabTitle.qwik.mjs","../components/ThemeToggle/QwikThemeToggle.qwik.mjs",22,23,"../components/ThemeToggle/theme-script.qwik.mjs",23,"../components/Tree/filterVnode.qwik.mjs",39,601,610,"../components/Tree/Tree.qwik.mjs",22,"../components/Tree/type.qwik.mjs","../components/Tree/vnode.qwik.mjs","../devtools.qwik.mjs",18,19,20,24,25,26,27,30,58,59,68,71,80,84,94,104,589,"../features/Assets/Assets.qwik.mjs","../features/CodeBreack/CodeBreack.qwik.mjs",62,64,"../features/CodeBreack/HtmlParser.qwik.mjs",611,"../features/CodeBreack/StateParser.qwik.mjs",611,"../features/inspect/constant.qwik.mjs","../features/inspect/iframe-theme.qwik.mjs","../features/inspect/Inspect.qwik.mjs",66,67,"../features/Overview/Overview.qwik.mjs",22,"../features/Packages/components/DependencyCard/DependencyCard.qwik.mjs",77,"../features/Packages/components/DependencyCard/index.qwik.mjs",73,"../features/Packages/components/PackageIcon/index.qwik.mjs",79,"../features/Packages/components/PackageIcon/PackageIcon.qwik.mjs","../features/Packages/Packages.qwik.mjs",75,"../features/Performance/computePerfViewModel.qwik.mjs",86,"../features/Performance/Performance.qwik.mjs",82,"../features/Performance/transformPerformanceData.qwik.mjs","../features/RenderTree/data.qwik.mjs",601,"../features/RenderTree/formatTreeData.qwik.mjs",101,103,426,601,"../features/RenderTree/RenderTree.qwik.mjs",32,36,38,87,89,611,"../features/RenderTree/TreeBuilder.qwik.mjs",613,"../features/RenderTree/types.qwik.mjs","../features/Routes/Routes.qwik.mjs","../index.qwik.mjs",40,"../node_modules/.pnpm/@shikijs_core@4.0.2/node_modules/@shikijs/core/dist/index.qwik.mjs",409,454,"../node_modules/.pnpm/@shikijs_engine-oniguruma@4.0.2/node_modules/@shikijs/engine-oniguruma/dist/index.qwik.mjs",17,"../node_modules/.pnpm/@shikijs_engine-oniguruma@4.0.2/node_modules/@shikijs/engine-oniguruma/dist/wasm-inlined.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/angular-expression.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/angular-html.qwik.mjs",122,124,241,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/angular-inline-style.qwik.mjs",341,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/angular-inline-template.qwik.mjs",114,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/angular-let-declaration.qwik.mjs",113,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/angular-template-blocks.qwik.mjs",126,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/angular-template.qwik.mjs",113,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/angular-ts.qwik.mjs",118,120,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/apl.qwik.mjs",241,263,404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/astro.qwik.mjs",170,256,263,314,376,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/blade.qwik.mjs",239,263,353,404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/bsl.qwik.mjs",343,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/c.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/cairo.qwik.mjs",317,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/cmake.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/cobol.qwik.mjs",241,255,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/coffee.qwik.mjs",256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/cpp-macro.qwik.mjs",220,324,353,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/cpp.qwik.mjs",158,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/crystal.qwik.mjs",149,241,346,353,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/csharp.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/css.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/csv.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/diff.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/edge.qwik.mjs",239,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/elixir.qwik.mjs",241,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/elm.qwik.mjs",220,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/erb.qwik.mjs",330,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/erlang.qwik.mjs",284,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/es-tag-css.qwik.mjs",170,256,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/es-tag-glsl.qwik.mjs",220,256,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/es-tag-html.qwik.mjs",241,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/es-tag-sql.qwik.mjs",353,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/es-tag-xml.qwik.mjs",404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/fortran-fixed-form.qwik.mjs",202,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/fortran-free-form.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/fsharp.qwik.mjs",284,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/gdresource.qwik.mjs",208,209,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/gdscript.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/gdshader.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/git-commit.qwik.mjs",172,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/git-rebase.qwik.mjs",346,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/glimmer-js.qwik.mjs",241,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/glimmer-ts.qwik.mjs",241,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/glsl.qwik.mjs",149,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/go.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/graphql.qwik.mjs",256,264,376,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/hack.qwik.mjs",241,353,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/haml.qwik.mjs",170,256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/handlebars.qwik.mjs",241,408,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/haxe.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/hlsl.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/html-derivative.qwik.mjs",241,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/html.qwik.mjs",170,256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/http.qwik.mjs",223,263,346,404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/hurl.qwik.mjs",171,223,404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/hxml.qwik.mjs",237,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/java.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/javascript.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/jinja-html.qwik.mjs",241,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/jinja.qwik.mjs",257,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/jison.qwik.mjs",256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/json.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/jsx.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/julia.qwik.mjs",162,256,317,320,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/just.qwik.mjs",305,317,330,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/latex.qwik.mjs",368,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/less.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/liquid.qwik.mjs",241,263,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/lua.qwik.mjs",149,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/markdown-nix.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/markdown-vue.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/markdown.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/marko.qwik.mjs",276,341,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/mdc.qwik.mjs",239,284,408,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/nextflow-groovy.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/nextflow.qwik.mjs",293,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/nginx.qwik.mjs",280,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/nim.qwik.mjs",220,241,284,404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/nix.qwik.mjs",282,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/perl.qwik.mjs",241,353,404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/php.qwik.mjs",241,263,353,404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/postcss.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/pug.qwik.mjs",241,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/python.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/qml.qwik.mjs",256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/r.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/razor.qwik.mjs",169,241,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/regexp.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/rst.qwik.mjs",152,239,317,330,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/ruby.qwik.mjs",162,223,231,241,280,346,404,408,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/sas.qwik.mjs",353,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/scss.qwik.mjs",170,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/sdbl.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/shaderlab.qwik.mjs",238,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/shellscript.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/shellsession.qwik.mjs",346,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/soy.qwik.mjs",241,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/sparql.qwik.mjs",377,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/sql.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/stata.qwik.mjs",353,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/stylus.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/surrealql.qwik.mjs",256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/svelte.qwik.mjs",170,256,314,383,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/templ.qwik.mjs",170,222,256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/tex.qwik.mjs",320,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/ts-tags.qwik.mjs",184,188,192,195,198,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/tsx.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/turtle.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/twig.qwik.mjs",309,317,330,341,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/typescript.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/vue-directives.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/vue-html.qwik.mjs",256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/vue-interpolations.qwik.mjs","../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/vue-sfc-style-variable-injection.qwik.mjs",256,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/vue-vine.qwik.mjs",256,276,314,341,356,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/vue.qwik.mjs",239,263,283,383,384,387,388,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/xml.qwik.mjs",255,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/xsl.qwik.mjs",404,"../node_modules/.pnpm/@shikijs_langs@4.0.2/node_modules/@shikijs/langs/dist/yaml.qwik.mjs","../node_modules/.pnpm/@shikijs_primitive@4.0.2/node_modules/@shikijs/primitive/dist/index.qwik.mjs",412,413,"../node_modules/.pnpm/@shikijs_types@4.0.2/node_modules/@shikijs/types/dist/index.qwik.mjs","../node_modules/.pnpm/@shikijs_vscode-textmate@10.0.2/node_modules/@shikijs/vscode-textmate/dist/index.qwik.mjs",10,"../node_modules/.pnpm/balanced-match@4.0.4/node_modules/balanced-match/dist/esm/index.qwik.mjs","../node_modules/.pnpm/birpc@4.0.0/node_modules/birpc/dist/index.qwik.mjs","../node_modules/.pnpm/brace-expansion@5.0.4/node_modules/brace-expansion/dist/esm/index.qwik.mjs",415,"../node_modules/.pnpm/ccount@2.0.1/node_modules/ccount/index.qwik.mjs","../node_modules/.pnpm/character-entities-html4@2.1.0/node_modules/character-entities-html4/index.qwik.mjs","../node_modules/.pnpm/character-entities-legacy@3.0.0/node_modules/character-entities-legacy/index.qwik.mjs","../node_modules/.pnpm/comma-separated-tokens@2.0.3/node_modules/comma-separated-tokens/index.qwik.mjs","../node_modules/.pnpm/copy-anything@4.0.5/node_modules/copy-anything/dist/index.qwik.mjs",468,470,"../node_modules/.pnpm/debug@4.4.3_supports-color@5.5.0/node_modules/debug/src/browser.qwik.mjs",428,"../node_modules/.pnpm/debug@4.4.3_supports-color@5.5.0/node_modules/debug/src/common.qwik.mjs",489,"../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.mjs",483,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/handle/comment.qwik.mjs",551,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/handle/doctype.qwik.mjs","../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/handle/element.qwik.mjs",419,422,461,491,548,551,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/handle/index.qwik.mjs",432,434,435,449,451,590,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/handle/raw.qwik.mjs",452,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/handle/root.qwik.mjs","../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/handle/text.qwik.mjs",551,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/index.qwik.mjs",442,466,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/omission/closing.qwik.mjs",460,463,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/omission/omission.qwik.mjs","../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/omission/opening.qwik.mjs",457,"../node_modules/.pnpm/hast-util-to-html@9.0.5/node_modules/hast-util-to-html/lib/omission/util/siblings.qwik.mjs",465,"../node_modules/.pnpm/hast-util-whitespace@3.0.0/node_modules/hast-util-whitespace/lib/index.qwik.mjs","../node_modules/.pnpm/html-void-elements@3.0.0/node_modules/html-void-elements/index.qwik.mjs","../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/getType.qwik.mjs","../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/isArray.qwik.mjs",467,"../node_modules/.pnpm/is-what@5.5.0/node_modules/is-what/dist/isPlainObject.qwik.mjs",467,"../node_modules/.pnpm/minimatch@10.2.4/node_modules/minimatch/dist/esm/assert-valid-pattern.qwik.mjs","../node_modules/.pnpm/minimatch@10.2.4/node_modules/minimatch/dist/esm/ast.qwik.mjs",2,4,6,8,10,481,488,"../node_modules/.pnpm/minimatch@10.2.4/node_modules/minimatch/dist/esm/brace-expressions.qwik.mjs","../node_modules/.pnpm/minimatch@10.2.4/node_modules/minimatch/dist/esm/escape.qwik.mjs","../node_modules/.pnpm/minimatch@10.2.4/node_modules/minimatch/dist/esm/index.qwik.mjs",417,472,473,482,"../node_modules/.pnpm/minimatch@10.2.4/node_modules/minimatch/dist/esm/unescape.qwik.mjs","../node_modules/.pnpm/ms@2.1.3/node_modules/ms/index.qwik.mjs",17,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/index.qwik.mjs",500,502,505,509,523,528,530,532,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/aria.qwik.mjs",515,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/find.qwik.mjs",508,519,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/html.qwik.mjs",512,515,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/normalize.qwik.mjs","../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/svg.qwik.mjs",514,515,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/util/case-insensitive-transform.qwik.mjs",514,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/util/case-sensitive-transform.qwik.mjs","../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/util/create.qwik.mjs",508,519,525,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/util/defined-info.qwik.mjs",522,526,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/util/info.qwik.mjs","../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/util/merge.qwik.mjs",525,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/util/schema.qwik.mjs","../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/util/types.qwik.mjs",17,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/xlink.qwik.mjs",515,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/xml.qwik.mjs",515,"../node_modules/.pnpm/property-information@7.1.0/node_modules/property-information/lib/xmlns.qwik.mjs",512,515,"../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/bundle-full.qwik.mjs",107,541,544,545,"../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/chunk-CtajNgzt.qwik.mjs","../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/engine-oniguruma.qwik.mjs",110,540,"../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/langs-bundle-full-DfKZStlK.qwik.mjs","../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/themes.qwik.mjs","../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/wasm.qwik.mjs",112,"../node_modules/.pnpm/space-separated-tokens@2.0.2/node_modules/space-separated-tokens/index.qwik.mjs","../node_modules/.pnpm/stringify-entities@4.0.4/node_modules/stringify-entities/lib/constant/dangerous.qwik.mjs","../node_modules/.pnpm/stringify-entities@4.0.4/node_modules/stringify-entities/lib/core.qwik.mjs","../node_modules/.pnpm/stringify-entities@4.0.4/node_modules/stringify-entities/lib/index.qwik.mjs",550,554,"../node_modules/.pnpm/stringify-entities@4.0.4/node_modules/stringify-entities/lib/util/format-smart.qwik.mjs",558,559,560,"../node_modules/.pnpm/stringify-entities@4.0.4/node_modules/stringify-entities/lib/util/to-decimal.qwik.mjs","../node_modules/.pnpm/stringify-entities@4.0.4/node_modules/stringify-entities/lib/util/to-hexadecimal.qwik.mjs","../node_modules/.pnpm/stringify-entities@4.0.4/node_modules/stringify-entities/lib/util/to-named.qwik.mjs",420,421,549,"../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/accessDeep.qwik.mjs",577,588,"../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/class-registry.qwik.mjs",583,"../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/custom-transformer-registry.qwik.mjs",588,"../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/double-indexed-kv.qwik.mjs","../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/index.qwik.mjs",423,567,569,579,"../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/is.qwik.mjs","../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/pathstringifier.qwik.mjs","../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/plainer.qwik.mjs",564,578,585,"../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/registry.qwik.mjs",571,"../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/transformer.qwik.mjs",577,588,"../node_modules/.pnpm/superjson@2.2.6/node_modules/superjson/dist/util.qwik.mjs","../node_modules/.pnpm/vite-hot-client@2.1.0_vite@8.0.0_@types_node@25.5.0_esbuild@0.27.4_jiti@2.6.1_tsx@4.21.0_yaml@2.8.2_/node_modules/vite-hot-client/dist/index.qwik.mjs","../node_modules/.pnpm/zwitch@2.0.4/node_modules/zwitch/index.qwik.mjs","../packages/kit/src/client.qwik.mjs",416,572,596,597,"../packages/kit/src/constants.qwik.mjs","../packages/kit/src/context.qwik.mjs",600,607,"../packages/kit/src/globals.qwik.mjs","../packages/kit/src/index.qwik.mjs",591,605,608,"../packages/kit/src/server.qwik.mjs",572,"../packages/kit/src/shared.qwik.mjs","../packages/kit/src/types.qwik.mjs",430,"../utils/location.qwik.mjs","../utils/shiki.qwik.mjs",535,"../utils/type.qwik.mjs"]
@@ -8,8 +8,8 @@ var _hf0 = (p0, p1) => ({
8
8
  });
9
9
  var DevtoolsButton = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
10
10
  const position = useSignal({
11
- x: 16,
12
- y: 16
11
+ x: 24,
12
+ y: 24
13
13
  });
14
14
  const isDragging = useSignal(false);
15
15
  const elementRef = useSignal();
@@ -109,25 +109,23 @@ var DevtoolsButton = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
109
109
  isDragging
110
110
  ]));
111
111
  return /* @__PURE__ */ _jsxSorted("div", {
112
- class: {
113
- "border-border bg-background fixed flex h-9 w-9 origin-center select-none items-center justify-center rounded-lg border backdrop-blur-md": true,
114
- "border-accent/50 bg-background/95 shadow-accent/35 rotate-90 shadow-lg": props.state?.isOpen && !isDragging.value,
115
- "cursor-grab": !isDragging.value,
116
- "cursor-grabbing": isDragging.value,
117
- "transition-all duration-300 ease-in-out": !isDragging.value
118
- },
112
+ class: [
113
+ "fixed flex h-14 w-14 origin-center select-none items-center justify-center rounded-full z-[9990]",
114
+ props.state?.isOpen && !isDragging.value ? "glass-button shadow-accent/20 rotate-90 scale-90 opacity-0 pointer-events-none" : "glass-button animate-pulsar hover:scale-105 hover:shadow-[0_0_20px_rgba(22,182,246,0.5)] opacity-100",
115
+ !isDragging.value ? "cursor-pointer transition-all duration-500 ease-out" : "cursor-grabbing scale-95 opacity-80"
116
+ ],
119
117
  ref: elementRef
120
118
  }, {
121
119
  style: _fnSignal(_hf0, [isDragging, position]),
122
120
  "q-e:mousedown": handleMouseDown,
123
121
  "q-e:click": handleClick
124
122
  }, /* @__PURE__ */ _jsxSorted("img", null, {
125
- width: 20,
126
- height: 20,
123
+ width: 28,
124
+ height: 28,
127
125
  src: "https://qwik.dev/logos/qwik-logo.svg",
128
126
  alt: "Qwik Logo",
129
127
  draggable: false,
130
- class: "pointer-events-none h-5 w-5 opacity-90 drop-shadow-md"
128
+ class: "pointer-events-none h-7 w-7 opacity-90 drop-shadow-[0_2px_4px_rgba(0,0,0,0.2)]"
131
129
  }, null, 3, null), 3, "S9_0");
132
130
  }, "DevtoolsButton_component_5Q8YiMvGJJ8"));
133
131
  //#endregion
@@ -21,7 +21,7 @@ var DevtoolsPanel = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ s
21
21
  state.isOpen = false;
22
22
  }, "DevtoolsPanel_component_Fragment_div_q_e_mousedown_SMEY5dvl5eM"),
23
23
  "q:p": state
24
- }, { class: "fixed inset-0 bg-black/40 backdrop-blur-[1px]" }, null, 6, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border bg-background text-foreground fixed bottom-6 right-6 flex h-[calc(100vh-3rem)] w-[calc(100vw-3rem)] translate-y-0 transform overflow-hidden rounded-lg border-2 backdrop-blur-lg transition-transform duration-300 ease-in-out" }, [/* @__PURE__ */ _jsxSorted("button", {
24
+ }, { class: "fixed inset-0 bg-black/50 backdrop-blur-sm z-[9990] transition-opacity duration-300" }, null, 6, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "glass-panel text-foreground fixed bottom-6 right-6 z-[9991] flex h-[calc(100vh-3rem)] w-[calc(100vw-3rem)] md:w-[90vw] lg:w-[85vw] max-w-7xl animate-slide-up-fade overflow-hidden rounded-2xl transition-transform duration-300 ease-out origin-bottom-right" }, [/* @__PURE__ */ _jsxSorted("button", {
25
25
  "q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, state) => {
26
26
  state.isOpen = false;
27
27
  }, "DevtoolsPanel_component_Fragment_div_button_q_e_click_NSslsuk0XmQ"),
@@ -29,7 +29,7 @@ var DevtoolsPanel = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ s
29
29
  }, {
30
30
  type: "button",
31
31
  "aria-label": "Close devtools",
32
- class: "border-border bg-background/90 text-muted-foreground hover:text-foreground absolute top-3 right-3 z-10 flex h-9 w-9 items-center justify-center rounded-md border shadow-sm transition-colors cursor-pointer"
32
+ class: "bg-card-item-bg hover:bg-card-item-hover-bg border-glass-border text-muted-foreground hover:text-foreground absolute top-4 right-4 z-20 flex h-9 w-9 items-center justify-center rounded-full border backdrop-blur-md transition-all hover:scale-105 active:scale-95 cursor-pointer shadow-sm"
33
33
  }, /* @__PURE__ */ _jsxSorted(IconXMark, null, { class: "h-5 w-5" }, null, 3, "1t_0"), 4, null), /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "1t_1")], 1, null)], 1, "1t_2");
34
34
  }, "DevtoolsPanel_component_SGil6MqdFbU"));
35
35
  //#endregion
@@ -1,14 +1,12 @@
1
1
  import { Slot, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
2
2
  //#region src/components/Tab/Tab.tsx
3
3
  var Tab = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ state, id, title }) => {
4
+ const isActive = state.activeTab === id;
4
5
  return /* @__PURE__ */ _jsxSorted("button", {
5
- class: {
6
- "flex h-10 w-10 items-center justify-center rounded-lg p-2.5 transition-all duration-200": true,
7
- "hover:bg-foreground/5 text-muted-foreground hover:text-foreground bg-transparent": state.activeTab !== id,
8
- "shadow-accent/35 bg-accent text-white shadow-lg": state.activeTab === id
9
- },
6
+ class: ["relative flex h-11 w-11 items-center justify-center rounded-xl transition-all duration-300 ease-out cursor-pointer select-none", isActive ? "bg-primary/15 text-primary" : "text-muted-foreground hover:bg-foreground/5 hover:text-foreground"],
10
7
  "q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, id, state) => state.activeTab = id, "Tab_component_button_q_e_click_A7JultKu6ZY"),
11
8
  "q:ps": [id, state],
9
+ style: isActive ? { boxShadow: "inset 3px 0 0 0 var(--color-primary)" } : {},
12
10
  title
13
11
  }, null, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "TX_0"), 4, "TX_1");
14
12
  }, "Tab_component_bZGIx8QKGUU"));
@@ -1,7 +1,10 @@
1
1
  import { Slot, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
2
2
  //#region src/components/TabContent/TabContent.tsx
3
3
  var TabContent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
4
- return /* @__PURE__ */ _jsxSorted("div", null, { class: "flex h-full w-full flex-col space-y-6" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex items-center justify-between border-b pb-4" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "title" }, null, 3, "IG_0"), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "flex-1 overflow-y-auto pb-6" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "content" }, null, 3, "IG_1"), 1, null)], 1, "IG_2");
4
+ return /* @__PURE__ */ _jsxSorted("div", null, {
5
+ class: "flex h-full w-full flex-col space-y-8 animate-slide-up-fade",
6
+ style: "animation-duration: 0.3s; animation-fill-mode: both; animation-delay: 0.1s;"
7
+ }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border flex items-center justify-between border-b pb-4 px-2" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "title" }, null, 3, "IG_0"), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "custom-scrollbar flex-1 overflow-y-auto px-2 pb-8" }, /* @__PURE__ */ _jsxSorted(Slot, null, { name: "content" }, null, 3, "IG_1"), 1, null)], 1, "IG_2");
5
8
  }, "TabContent_component_VRX3cFtVGJs"));
6
9
  //#endregion
7
10
  export { TabContent };
@@ -1,7 +1,7 @@
1
1
  import { _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
2
2
  //#region src/components/TabTitle/TabTitle.tsx
3
3
  var TabTitle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ title }) => {
4
- return /* @__PURE__ */ _jsxSorted("h3", null, { class: "text-xl font-semibold" }, title, 1, "vJ_0");
4
+ return /* @__PURE__ */ _jsxSorted("h3", null, { class: "text-2xl font-bold tracking-tight bg-gradient-to-br from-foreground to-muted-foreground bg-clip-text text-transparent" }, title, 1, "vJ_0");
5
5
  }, "TabTitle_component_oW000j1W5NQ"));
6
6
  //#endregion
7
7
  export { TabTitle };
@@ -3,16 +3,31 @@ import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl,
3
3
  import { Fragment } from "@qwik.dev/core/jsx-runtime";
4
4
  //#region src/components/Tree/Tree.tsx
5
5
  var _hf0 = (p0) => p0.level + 1;
6
- var _hf1 = (p0) => ({ paddingLeft: `${p0.level * p0.gap}px` });
6
+ var _hf1 = (p0, p1) => p0 ? {
7
+ boxShadow: "inset 2px 0 0 0 var(--color-primary)",
8
+ paddingLeft: `${p1.level * p1.gap}px`
9
+ } : { paddingLeft: `${p1.level * p1.gap}px` };
7
10
  var _hf2 = (p0) => `text-muted-foreground mr-2 h-4 w-4 shrink-0 transition-transform duration-200 ${p0.value ? "rotate-90" : "rotate-180"}`;
8
11
  var _hf3 = (p0) => p0.node.label || p0.node.name;
9
- var _hf4 = (p0) => p0.isHover === false ? false : true;
10
- var _hf5 = (p0) => p0.gap || 20;
12
+ var _hf4 = (p0) => p0.isHover !== false;
13
+ var _hf5 = (p0) => p0.gap ?? 20;
11
14
  var _hf6 = (p0) => p0.expandLevel ?? 2;
12
15
  var _hf7 = (p0) => p0.animate ?? true;
16
+ /** Prop keys that should be rendered next to the element name in the tree. */ var DISPLAY_PROPS = ["q:id", "q:key"];
17
+ /**
18
+ * Build a compact attribute string from a node's props.
19
+ * Only displays the keys listed in `DISPLAY_PROPS`.
20
+ */ function formatDisplayProps(props) {
21
+ let result = "";
22
+ for (const key of DISPLAY_PROPS) {
23
+ const value = props[key];
24
+ if (value != null) result += `${key}="${String(value)}" `;
25
+ }
26
+ return result;
27
+ }
13
28
  var TreeNodeComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
14
29
  const isExpanded = useSignal(props.expandLevel <= props.level);
15
- const hasChildren = props.node.children && props.node.children.length > 0;
30
+ const hasChildren = (props.node.children?.length ?? 0) > 0;
16
31
  const handleNodeClick = /* @__PURE__ */ inlinedQrl(() => {
17
32
  const hasChildren = _captures[0], isExpanded = _captures[1], props = _captures[2];
18
33
  props.onNodeClick(props.node);
@@ -22,13 +37,7 @@ var TreeNodeComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
22
37
  isExpanded,
23
38
  props
24
39
  ]);
25
- const iterateProps = (porps) => {
26
- return ["q:id", "q:key"].reduce((totalStr, prop) => {
27
- if (porps[prop]) totalStr += `${prop}="${porps[prop]}" `;
28
- return totalStr;
29
- }, "");
30
- };
31
- const isActive = props.isHover ? props.node.id === props.activeNodeId : false;
40
+ const isActive = props.isHover && props.node.id === props.activeNodeId;
32
41
  const duration = props.animationDuration ?? 200;
33
42
  const shouldShowChildren = hasChildren && !isExpanded.value;
34
43
  const renderChildren = props.node.children?.map((child) => /* @__PURE__ */ _jsxSorted(TreeNodeComponent, { node: child }, {
@@ -43,33 +52,32 @@ var TreeNodeComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
43
52
  animationDuration: _wrapProp(props, "animationDuration")
44
53
  }, null, 3, child.id));
45
54
  return /* @__PURE__ */ _jsxSorted("div", null, { class: "w-full" }, [/* @__PURE__ */ _jsxSorted("div", {
46
- class: `flex w-full cursor-pointer items-center p-1 ${isActive ? "border border-emerald-300 bg-emerald-100 font-semibold text-emerald-700 dark:border-emerald-700/40 dark:bg-emerald-900/30 dark:text-emerald-300" : ""}`,
47
- style: _fnSignal(_hf1, [props])
48
- }, { "q-e:click": handleNodeClick }, /* @__PURE__ */ _jsxSorted("div", null, { class: `inline-flex items-center rounded-md px-2 py-1` }, [hasChildren ? /* @__PURE__ */ _jsxSorted(IconChevronUpMini, null, { class: _fnSignal(_hf2, [isExpanded]) }, null, 3, "dI_0") : /* @__PURE__ */ _jsxSorted("div", null, { class: "mr-2 w-4 shrink-0" }, null, 3, "dI_1"), /* @__PURE__ */ _jsxSorted("div", null, { class: "cursor-pointer whitespace-nowrap text-sm" }, props.renderNode ? /* @__PURE__ */ _jsxSorted(Fragment, null, null, props.renderNode(props.node), 1, "dI_2") : /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
49
- /* @__PURE__ */ _jsxSorted("span", null, { class: "text-foreground/70" }, "<", 3, null),
50
- /* @__PURE__ */ _jsxSorted("span", null, { class: "text-violet-400 dark:text-violet-300" }, _fnSignal(_hf3, [props]), 1, null),
51
- /* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground" }, [` ${iterateProps(props.node.props || {})}`, ">"], 1, null)
52
- ], 1, "dI_3"), 1, null)], 1, null), 1, null), hasChildren ? props.animate ? /* @__PURE__ */ _jsxSorted("div", { style: {
55
+ class: ["flex w-full cursor-pointer items-center rounded-lg px-1 py-0.5 transition-colors duration-150", isActive ? "bg-primary/10 text-primary" : "hover:bg-card-item-hover-bg"],
56
+ style: _fnSignal(_hf1, [isActive, props])
57
+ }, { "q-e:click": handleNodeClick }, /* @__PURE__ */ _jsxSorted("div", null, { class: "inline-flex items-center px-2 py-1" }, [hasChildren ? /* @__PURE__ */ _jsxSorted(IconChevronUpMini, null, { class: _fnSignal(_hf2, [isExpanded]) }, null, 3, "dI_0") : /* @__PURE__ */ _jsxSorted("div", null, { class: "mr-2 w-4 shrink-0" }, null, 3, "dI_1"), /* @__PURE__ */ _jsxSorted("div", null, { class: "cursor-pointer whitespace-nowrap text-sm font-mono" }, props.renderNode ? /* @__PURE__ */ _jsxSorted(Fragment, null, null, props.renderNode(props.node), 1, "dI_2") : /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
58
+ /* @__PURE__ */ _jsxSorted("span", null, { class: "text-foreground/50" }, "<", 3, null),
59
+ /* @__PURE__ */ _jsxSorted("span", null, { class: "text-primary/80" }, _fnSignal(_hf3, [props]), 1, null),
60
+ /* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground" }, [` ${formatDisplayProps(props.node.props ?? {})}`, ">"], 1, null)
61
+ ], 1, "dI_3"), 1, null)], 1, null), 1, null), hasChildren && (props.animate ? /* @__PURE__ */ _jsxSorted("div", { style: {
53
62
  maxHeight: shouldShowChildren ? "1000px" : "0px",
54
63
  opacity: shouldShowChildren ? "1" : "0",
55
64
  transition: `max-height ${duration}ms ease-in-out, opacity ${duration}ms ease-in-out`
56
- } }, { class: `overflow-hidden transition-all ease-in-out` }, renderChildren, 1, "dI_4") : shouldShowChildren && /* @__PURE__ */ _jsxSorted(Fragment, null, null, renderChildren, 1, "dI_5") : null], 1, "dI_6");
65
+ } }, { class: "overflow-hidden" }, renderChildren, 1, "dI_4") : shouldShowChildren && /* @__PURE__ */ _jsxSorted(Fragment, null, null, renderChildren, 1, "dI_5"))], 1, "dI_6");
57
66
  }, "TreeNodeComponent_component_kSLICKb4u38"));
58
67
  var Tree = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
59
68
  const ref = useSignal();
60
- const store = props.data;
61
69
  const activeNodeId = useSignal("");
62
70
  const setActiveNode = /* @__PURE__ */ inlinedQrl((node) => {
63
71
  const activeNodeId = _captures[0], props = _captures[1], ref = _captures[2];
64
- ref.value.scrollLeft = ref.value.scrollWidth;
72
+ if (ref.value) ref.value.scrollLeft = ref.value.scrollWidth;
65
73
  activeNodeId.value = node.id;
66
- props.onNodeClick && props.onNodeClick(node);
74
+ props.onNodeClick?.(node);
67
75
  }, "Tree_component_setActiveNode_vbQRTyPHy0M", [
68
76
  activeNodeId,
69
77
  props,
70
78
  ref
71
79
  ]);
72
- return /* @__PURE__ */ _jsxSorted("div", { ref }, { class: "h-full w-full overflow-x-auto overflow-y-auto" }, store.value.map((rootNode) => /* @__PURE__ */ _jsxSorted(TreeNodeComponent, { node: rootNode }, {
80
+ return /* @__PURE__ */ _jsxSorted("div", { ref }, { class: "h-full w-full overflow-x-auto overflow-y-auto" }, props.data.value.map((rootNode) => /* @__PURE__ */ _jsxSorted(TreeNodeComponent, { node: rootNode }, {
73
81
  isHover: _fnSignal(_hf4, [props]),
74
82
  gap: _fnSignal(_hf5, [props]),
75
83
  level: 0,
@@ -12,7 +12,7 @@ var ALLOWED_PROP_KEYS = new Set([
12
12
  "q:id",
13
13
  "q:key"
14
14
  ]);
15
- function initVnode({ name = "text", props = {}, children = [] }) {
15
+ function initVnode({ name = "text", props = {}, children = [] } = {}) {
16
16
  return {
17
17
  name,
18
18
  props,
@@ -36,9 +36,10 @@ function buildTreeRecursive(vnode, materialize) {
36
36
  if (!ALLOWED_PROP_KEYS.has(key)) return;
37
37
  const value = container.getHostProp(currentVNode, key);
38
38
  vnodeObject.props[key] = value;
39
- if (key === "q:renderFn") {
40
- vnodeObject.label = normalizeName(value.getSymbol());
41
- vnodeObject.name = normalizeName(value.getSymbol());
39
+ if (key === "q:renderFn" && value != null) {
40
+ const qrl = value;
41
+ vnodeObject.label = normalizeName(qrl.getSymbol());
42
+ vnodeObject.name = normalizeName(qrl.getSymbol());
42
43
  }
43
44
  });
44
45
  const firstChild = _vnode_getFirstChild(currentVNode);
@@ -86,48 +86,48 @@ var QwikDevtools = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() =>
86
86
  else log("Failed to load Qwik packages:", packagesRes.reason);
87
87
  await depsPromise;
88
88
  }, "QwikDevtools_component_useVisibleTask_LfFqxuMMLVY", [state]));
89
- return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [/* @__PURE__ */ _jsxSorted(ThemeScript, null, null, null, 3, "nj_0"), /* @__PURE__ */ _jsxSorted(DevtoolsContainer, null, null, [/* @__PURE__ */ _jsxSorted(DevtoolsButton, null, { state }, null, 3, "nj_1"), state.isOpen && /* @__PURE__ */ _jsxSorted(DevtoolsPanel, null, { state }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "bg-background/95 border-border flex flex-col gap-2 border-r p-3" }, [
89
+ return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [/* @__PURE__ */ _jsxSorted(ThemeScript, null, null, null, 3, "nj_0"), /* @__PURE__ */ _jsxSorted(DevtoolsContainer, null, null, [/* @__PURE__ */ _jsxSorted(DevtoolsButton, null, { state }, null, 3, "nj_1"), state.isOpen && /* @__PURE__ */ _jsxSorted(DevtoolsPanel, null, { state }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "glass-bg border-r border-glass-border shadow-r flex flex-col gap-3 p-3 w-16 md:w-20 items-center justify-start h-full" }, [
90
90
  /* @__PURE__ */ _jsxSorted(Tab, null, {
91
91
  state,
92
92
  id: "overview",
93
93
  title: "Overview"
94
- }, /* @__PURE__ */ _jsxSorted(IconBoltOutline, null, { class: "h-5 w-5" }, null, 3, "nj_2"), 1, "nj_3"),
94
+ }, /* @__PURE__ */ _jsxSorted(IconBoltOutline, null, { class: "h-6 w-6" }, null, 3, "nj_2"), 1, "nj_3"),
95
95
  /* @__PURE__ */ _jsxSorted(Tab, null, {
96
96
  state,
97
97
  id: "packages",
98
98
  title: "Packages"
99
- }, /* @__PURE__ */ _jsxSorted(IconCubeOutline, null, { class: "h-5 w-5" }, null, 3, "nj_4"), 1, "nj_5"),
99
+ }, /* @__PURE__ */ _jsxSorted(IconCubeOutline, null, { class: "h-6 w-6" }, null, 3, "nj_4"), 1, "nj_5"),
100
100
  /* @__PURE__ */ _jsxSorted(Tab, null, {
101
101
  state,
102
102
  id: "renderTree",
103
103
  title: "renderTree"
104
- }, /* @__PURE__ */ _jsxSorted(IconDiagram3, null, { class: "h-5 w-5" }, null, 3, "nj_6"), 1, "nj_7"),
104
+ }, /* @__PURE__ */ _jsxSorted(IconDiagram3, null, { class: "h-6 w-6" }, null, 3, "nj_6"), 1, "nj_7"),
105
105
  /* @__PURE__ */ _jsxSorted(Tab, null, {
106
106
  state,
107
107
  id: "routes",
108
108
  title: "Routes"
109
- }, /* @__PURE__ */ _jsxSorted(IconFolderTree, null, { class: "h-5 w-5" }, null, 3, "nj_8"), 1, "nj_9"),
109
+ }, /* @__PURE__ */ _jsxSorted(IconFolderTree, null, { class: "h-6 w-6" }, null, 3, "nj_8"), 1, "nj_9"),
110
110
  /* @__PURE__ */ _jsxSorted(Tab, null, {
111
111
  state,
112
112
  id: "assets",
113
113
  title: "Assets"
114
- }, /* @__PURE__ */ _jsxSorted(IconPhotoOutline, null, { class: "h-5 w-5" }, null, 3, "nj_10"), 1, "nj_11"),
114
+ }, /* @__PURE__ */ _jsxSorted(IconPhotoOutline, null, { class: "h-6 w-6" }, null, 3, "nj_10"), 1, "nj_11"),
115
115
  /* @__PURE__ */ _jsxSorted(Tab, null, {
116
116
  state,
117
117
  id: "inspect",
118
118
  title: "inspect"
119
- }, /* @__PURE__ */ _jsxSorted(IconMegaphoneMini, null, { class: "h-5 w-5" }, null, 3, "nj_12"), 1, "nj_13"),
119
+ }, /* @__PURE__ */ _jsxSorted(IconMegaphoneMini, null, { class: "h-6 w-6" }, null, 3, "nj_12"), 1, "nj_13"),
120
120
  /* @__PURE__ */ _jsxSorted(Tab, null, {
121
121
  state,
122
122
  id: "codeBreack",
123
123
  title: "CodeBreack"
124
- }, /* @__PURE__ */ _jsxSorted(IconCodeBracketSolid, null, { class: "h-5 w-5" }, null, 3, "nj_14"), 1, "nj_15"),
124
+ }, /* @__PURE__ */ _jsxSorted(IconCodeBracketSolid, null, { class: "h-6 w-6" }, null, 3, "nj_14"), 1, "nj_15"),
125
125
  /* @__PURE__ */ _jsxSorted(Tab, null, {
126
126
  state,
127
127
  id: "performance",
128
128
  title: "Performance"
129
- }, /* @__PURE__ */ _jsxSorted(IconClockOutline, null, { class: "h-5 w-5" }, null, 3, "nj_16"), 1, "nj_17"),
130
- /* @__PURE__ */ _jsxSorted("div", null, { class: "mt-auto" }, /* @__PURE__ */ _jsxSorted(QwikThemeToggle, null, null, null, 3, "nj_18"), 1, null)
129
+ }, /* @__PURE__ */ _jsxSorted(IconClockOutline, null, { class: "h-6 w-6" }, null, 3, "nj_16"), 1, "nj_17"),
130
+ /* @__PURE__ */ _jsxSorted("div", null, { class: "mt-auto mb-2 opacity-80 hover:opacity-100 transition-opacity" }, /* @__PURE__ */ _jsxSorted(QwikThemeToggle, null, null, null, 3, "nj_18"), 1, null)
131
131
  ], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "custom-scrollbar flex-1 overflow-y-auto p-4" }, [
132
132
  state.activeTab === "overview" && /* @__PURE__ */ _jsxSorted(TabContent, null, null, [/* @__PURE__ */ _jsxSorted("div", { "q:slot": "title" }, { class: "flex items-center gap-3" }, [/* @__PURE__ */ _jsxSorted("img", null, {
133
133
  width: 32,
@@ -4,14 +4,14 @@ var Assets = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ state })
4
4
  return /* @__PURE__ */ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" }, state.assets?.map((asset) => {
5
5
  const isImage = asset.path.match(/\.(jpg|jpeg|png|gif|svg|webp)$/i);
6
6
  const fileExt = asset.path.split(".").pop()?.toUpperCase();
7
- return /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border bg-card-item-bg hover:bg-card-item-hover-bg overflow-hidden rounded-xl border transition-all duration-200" }, [isImage ? /* @__PURE__ */ _jsxSorted("div", null, { class: "aspect-square overflow-hidden bg-black/20" }, /* @__PURE__ */ _jsxSorted("img", {
7
+ return /* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg hover:bg-card-item-hover-bg overflow-hidden rounded-xl border transition-all duration-200" }, [isImage ? /* @__PURE__ */ _jsxSorted("div", null, { class: "aspect-square overflow-hidden bg-foreground/5" }, /* @__PURE__ */ _jsxSorted("img", {
8
8
  alt: _wrapProp(asset, "path"),
9
9
  src: _wrapProp(asset, "publicPath")
10
10
  }, {
11
11
  width: 176,
12
12
  height: 176,
13
13
  class: "h-full w-full object-cover"
14
- }, null, 3, null), 1, "xU_0") : /* @__PURE__ */ _jsxSorted("div", null, { class: "flex aspect-square items-center justify-center bg-black/20" }, /* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground font-mono text-2xl" }, fileExt, 1, null), 1, "xU_1"), /* @__PURE__ */ _jsxSorted("div", null, { class: "space-y-2 p-4" }, [/* @__PURE__ */ _jsxSorted("div", { title: _wrapProp(asset, "path") }, { class: "truncate text-sm" }, asset.path.split("/").pop(), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground flex items-center justify-between text-xs" }, [/* @__PURE__ */ _jsxSorted("span", null, null, [(asset.size / 1024).toFixed(2), " KB"], 1, null), /* @__PURE__ */ _jsxSorted("span", null, { class: "bg-foreground/5 rounded-full px-2 py-1" }, fileExt, 1, null)], 1, null)], 1, null)], 1, asset.filePath);
14
+ }, null, 3, null), 1, "xU_0") : /* @__PURE__ */ _jsxSorted("div", null, { class: "flex aspect-square items-center justify-center bg-foreground/5" }, /* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground font-mono text-2xl" }, fileExt, 1, null), 1, "xU_1"), /* @__PURE__ */ _jsxSorted("div", null, { class: "space-y-2 p-4" }, [/* @__PURE__ */ _jsxSorted("div", { title: _wrapProp(asset, "path") }, { class: "truncate text-sm" }, asset.path.split("/").pop(), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground flex items-center justify-between text-xs" }, [/* @__PURE__ */ _jsxSorted("span", null, null, [(asset.size / 1024).toFixed(2), " KB"], 1, null), /* @__PURE__ */ _jsxSorted("span", null, { class: "bg-foreground/5 rounded-full px-2 py-1" }, fileExt, 1, null)], 1, null)], 1, null)], 1, asset.filePath);
15
15
  }), 1, "xU_2");
16
16
  }, "Assets_component_HMhkSfMocCE"));
17
17
  //#endregion
@@ -19,7 +19,7 @@ var CodeBreack = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
19
19
  `, "CodeBreack_component_useStyles_JLri70kgqEQ"));
20
20
  const currentTab = useSignal("state");
21
21
  return /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full space-y-6 overflow-hidden" }, [
22
- /* @__PURE__ */ _jsxSorted("div", null, { class: "flex justify-center" }, /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border bg-background inline-flex rounded-xl border p-0.5" }, [/* @__PURE__ */ _jsxSorted("button", {
22
+ /* @__PURE__ */ _jsxSorted("div", null, { class: "flex justify-center" }, /* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg inline-flex rounded-xl border p-0.5" }, [/* @__PURE__ */ _jsxSorted("button", {
23
23
  class: {
24
24
  "rounded-lg px-3 py-2 text-sm font-medium transition-colors md:px-4": true,
25
25
  "bg-accent text-white shadow": currentTab.value === "state",
@@ -68,17 +68,17 @@ var HtmlParser = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
68
68
  htmlResult,
69
69
  useSignal(null)
70
70
  ]));
71
- return /* @__PURE__ */ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-4 md:grid-cols-2" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex items-center justify-between border-b p-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Input HTML", 3, null), parsingTime.value !== null && /* @__PURE__ */ _jsxSorted("span", null, { class: "border-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "nt_0")], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "min-h-0 flex-1 flex-col space-y-3 p-3" }, [/* @__PURE__ */ _jsxSorted("textarea", {
71
+ return /* @__PURE__ */ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-4 md:grid-cols-2" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border flex items-center justify-between border-b p-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Input HTML", 3, null), parsingTime.value !== null && /* @__PURE__ */ _jsxSorted("span", null, { class: "border-glass-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "nt_0")], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "min-h-0 flex-1 flex-col space-y-3 p-3" }, [/* @__PURE__ */ _jsxSorted("textarea", {
72
72
  "q-e:input": /* @__PURE__ */ inlinedQrl((e, t, inputHtml) => inputHtml.value = t.value, "HtmlParser_component_div_div_div_textarea_q_e_input_1n1clJVgZc4"),
73
73
  "q:p": inputHtml
74
74
  }, {
75
75
  value: _wrapProp(inputHtml),
76
76
  placeholder: "Paste HTML and click to parse/format.",
77
- class: "border-border bg-background h-full min-h-0 w-full flex-1 resize-none rounded-md border p-3 font-mono text-sm"
77
+ class: "border-glass-border bg-card-item-bg text-foreground h-full min-h-0 w-full flex-1 resize-none rounded-md border p-3 font-mono text-sm placeholder:text-muted-foreground"
78
78
  }, null, 6, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "flex items-center gap-3" }, /* @__PURE__ */ _jsxSorted("button", null, {
79
79
  "q-e:click": onParseHtml$,
80
80
  class: "bg-accent rounded-md px-3 py-1.5 text-sm text-white hover:opacity-90"
81
- }, "Parse HTML", 3, null), 3, null)], 1, null)], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col overflow-hidden rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex items-center justify-between border-b p-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-sm font-medium" }, "VNode Tree", 3, null), parsingTime.value !== null && /* @__PURE__ */ _jsxSorted("span", null, { class: "border-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "nt_1")], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full min-h-0 flex-1" }, /* @__PURE__ */ _jsxSorted("pre", null, {
81
+ }, "Parse HTML", 3, null), 3, null)], 1, null)], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col overflow-hidden rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border flex items-center justify-between border-b p-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-sm font-medium" }, "VNode Tree", 3, null), parsingTime.value !== null && /* @__PURE__ */ _jsxSorted("span", null, { class: "border-glass-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "nt_1")], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full min-h-0 flex-1" }, /* @__PURE__ */ _jsxSorted("pre", null, {
82
82
  class: "h-full overflow-auto",
83
83
  dangerouslySetInnerHTML: _fnSignal(_hf0, [highlightedHtml])
84
84
  }, null, 3, null), 3, null)], 1, null)], 1, "nt_2");
@@ -94,17 +94,17 @@ var StateParser = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() =>
94
94
  useSignal(null),
95
95
  stateResult
96
96
  ]));
97
- return /* @__PURE__ */ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-4 md:grid-cols-2" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex items-center justify-between border-b p-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Input State", 3, null), parsingTime.value !== null && /* @__PURE__ */ _jsxSorted("span", null, { class: "border-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "EG_0")], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "min-h-0 flex-1 flex-col space-y-3 p-3" }, [/* @__PURE__ */ _jsxSorted("textarea", {
97
+ return /* @__PURE__ */ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-4 md:grid-cols-2" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border flex items-center justify-between border-b p-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Input State", 3, null), parsingTime.value !== null && /* @__PURE__ */ _jsxSorted("span", null, { class: "border-glass-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "EG_0")], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "min-h-0 flex-1 flex-col space-y-3 p-3" }, [/* @__PURE__ */ _jsxSorted("textarea", {
98
98
  "q-e:input": /* @__PURE__ */ inlinedQrl((e, t, inputState) => inputState.value = t.value, "StateParser_component_div_div_div_textarea_q_e_input_UI4xRl0sXrQ"),
99
99
  "q:p": inputState
100
100
  }, {
101
101
  value: _wrapProp(inputState),
102
102
  placeholder: "Paste Qwik state and click to parse/format.",
103
- class: "border-border bg-background h-full min-h-0 w-full flex-1 resize-none rounded-md border p-3 font-mono text-sm"
103
+ class: "border-glass-border bg-card-item-bg text-foreground h-full min-h-0 w-full flex-1 resize-none rounded-md border p-3 font-mono text-sm placeholder:text-muted-foreground"
104
104
  }, null, 6, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "flex items-center gap-3" }, /* @__PURE__ */ _jsxSorted("button", null, {
105
105
  "q-e:click": onParseState$,
106
106
  class: "bg-accent rounded-md px-3 py-1.5 text-sm text-white hover:opacity-90"
107
- }, "Parse State", 3, null), 3, null)], 1, null)], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "border-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col overflow-hidden rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex items-center justify-between border-b p-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Parsed State", 3, null), parsingTime.value !== null && /* @__PURE__ */ _jsxSorted("span", null, { class: "border-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "EG_1")], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full min-h-0 flex-1" }, /* @__PURE__ */ _jsxSorted("pre", null, {
107
+ }, "Parse State", 3, null), 3, null)], 1, null)], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col overflow-hidden rounded-xl border" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-glass-border flex items-center justify-between border-b p-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Parsed State", 3, null), parsingTime.value !== null && /* @__PURE__ */ _jsxSorted("span", null, { class: "border-glass-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "EG_1")], 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full min-h-0 flex-1" }, /* @__PURE__ */ _jsxSorted("pre", null, {
108
108
  class: "h-full overflow-auto",
109
109
  dangerouslySetInnerHTML: _fnSignal(_hf0, [highlightedState])
110
110
  }, null, 3, null), 3, null)], 1, null)], 1, "EG_2");
@@ -26,7 +26,7 @@ var DependencyCard = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({
26
26
  const pkg = _captures[0];
27
27
  if (pkg.repository) window.open(pkg.repository, "_blank");
28
28
  }, "DependencyCard_component_handleRepositoryClick_5k5LaunSR74", [pkg]);
29
- return /* @__PURE__ */ _jsxSorted("div", null, { class: "bg-card border-border/50 hover:border-primary/30 hover:shadow-primary/5 group relative rounded-xl border p-5 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "from-primary/0 via-primary/0 to-primary/5 pointer-events-none absolute inset-0 rounded-xl bg-gradient-to-br opacity-0 transition-opacity duration-300 group-hover:opacity-100" }, null, 3, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "relative flex flex-col gap-4" }, [
29
+ return /* @__PURE__ */ _jsxSorted("div", null, { class: "bg-card-item-bg border-glass-border hover:border-primary/30 hover:shadow-primary/5 group relative rounded-xl border p-5 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "from-primary/0 via-primary/0 to-primary/5 pointer-events-none absolute inset-0 rounded-xl bg-gradient-to-br opacity-0 transition-opacity duration-300 group-hover:opacity-100" }, null, 3, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "relative flex flex-col gap-4" }, [
30
30
  /* @__PURE__ */ _jsxSorted("div", null, { class: "flex items-start gap-4" }, [/* @__PURE__ */ _jsxSorted("div", { title: `View ${pkg.name} on npm` }, {
31
31
  class: "from-primary/10 via-primary/20 to-primary/30 border-primary/20 group-hover:shadow-primary/20 flex h-12 w-12 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-xl border bg-gradient-to-br shadow-md transition-all duration-300 hover:rotate-3 hover:scale-110",
32
32
  "q-e:click": handlePackageClick