diff --git a/frontend/src/assets/axis-mundi.min.svg b/frontend/src/assets/axis-mundi.min.svg new file mode 100644 index 0000000..3e8f14e --- /dev/null +++ b/frontend/src/assets/axis-mundi.min.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/src/routes/BrowseView.tsx b/frontend/src/routes/BrowseView.tsx index 16bbb39..e926b28 100644 --- a/frontend/src/routes/BrowseView.tsx +++ b/frontend/src/routes/BrowseView.tsx @@ -2,6 +2,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { Graph } from "@cosmos.gl/graph"; import { fetchBrowseNodes, fetchRemotePage, type NetworkNode } from "@/api/client"; import { renderMicron } from "@/components/editor/micronRenderer"; +import axisMundiUrl from "@/assets/axis-mundi.min.svg"; // --------------------------------------------------------------------------- // Theme color maps — hex values matching index.css OKLCH definitions @@ -166,7 +167,8 @@ export default function BrowseView() { setThemeId(id); const graph = graphRef.current; if (graph) { - applyThemeToGraph(graph, nodesRef.current, THEME_COLORS[id] ?? THEME_COLORS.dark); + const c = THEME_COLORS[id] ?? THEME_COLORS.dark; + applyThemeToGraph(graph, nodesRef.current, c); } }); observer.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] }); @@ -180,7 +182,7 @@ export default function BrowseView() { const graph = new Graph(containerRef.current, { backgroundColor: [0, 0, 0, 0], pointDefaultColor: colors.primary, - pointDefaultSize: 8, + pointDefaultSize: 12, linkDefaultColor: colors.border, linkDefaultWidth: 1, linkOpacity: 0.5, @@ -202,6 +204,11 @@ export default function BrowseView() { const node = nodesRef.current[index]; if (node) handleNodeClick(node); }, + onClick: () => { + setSelectedNode(null); + setPageHtml(null); + setPageError(null); + }, onSimulationTick: () => updateLabels(), onZoom: () => updateLabels(), }); @@ -332,7 +339,7 @@ export default function BrowseView() { className="absolute text-[10px] font-mono pointer-events-none select-none whitespace-nowrap" style={{ left: lp.x, - top: lp.y - 12, + top: lp.y - (node.is_self ? 24 : 12), transform: "translate(-50%, -100%)", color: node.is_self ? colors.primary : colors.muted, }} @@ -355,8 +362,8 @@ export default function BrowseView() { {/* Page viewer */} -
-
+
+
{selectedNode ? ( <> @@ -371,11 +378,19 @@ export default function BrowseView() {
-
- {!selectedNode && ( - - Click a node to view its page - +
+ {!selectedNode && !pageLoading && ( +
+
+ Click a node to view its page +
)} {pageLoading && ( diff --git a/reticulum.conf b/reticulum.conf index 4743f82..acc9a4c 100644 --- a/reticulum.conf +++ b/reticulum.conf @@ -13,3 +13,12 @@ enabled = Yes listen_ip = 0.0.0.0 listen_port = 4242 + + [[Quad4]] + type = TCPClientInterface + interface_enabled = false + target_host = 62.151.179.77 + target_port = 45657 + mode = full + name = Quad4 + selected_interface_mode = 1