This content cannot be embedded in an iframe.
- +Model generated! Download files below.
';
+ this.#previewArea.innerHTML = 'Model generated! Download files below.
';
}
}
diff --git a/lib/folk-google-item.ts b/lib/folk-google-item.ts
index 2f809c2..9c1d5d8 100644
--- a/lib/folk-google-item.ts
+++ b/lib/folk-google-item.ts
@@ -5,10 +5,10 @@ export type GoogleService = "gmail" | "drive" | "photos" | "calendar";
export type ItemVisibility = "local" | "shared";
const SERVICE_ICONS: Record
- ${this.#visibility === "local" ? "\u{1F512}" : "\u{1F310}"}
+ ${this.#visibility === "local" ? "🔒" : "🌐"}
@@ -245,7 +245,7 @@ export class FolkGoogleItem extends FolkShape {
e.stopPropagation();
this.#visibility = this.#visibility === "local" ? "shared" : "local";
- badge.textContent = this.#visibility === "local" ? "\u{1F512}" : "\u{1F310}";
+ badge.textContent = this.#visibility === "local" ? "🔒" : "🌐";
card.classList.remove("local", "shared");
card.classList.add(this.#visibility);
diff --git a/lib/folk-image-gen.ts b/lib/folk-image-gen.ts
index 40ca1ff..a1b8cd7 100644
--- a/lib/folk-image-gen.ts
+++ b/lib/folk-image-gen.ts
@@ -364,7 +364,7 @@ export class FolkImageGen extends FolkShape {
if (!this.#imageArea) return;
this.#imageArea.innerHTML = `
= {
- FLIGHT: "\u2708\uFE0F",
- TRANSPORT: "\uD83D\uDE8C",
- ACCOMMODATION: "\uD83C\uDFE8",
- ACTIVITY: "\uD83C\uDFAF",
- MEAL: "\uD83C\uDF7D\uFE0F",
- FREE_TIME: "\u2600\uFE0F",
- OTHER: "\uD83D\uDCCC",
+ FLIGHT: "✈️",
+ TRANSPORT: "🚌",
+ ACCOMMODATION: "🏨",
+ ACTIVITY: "🎯",
+ MEAL: "🍽️",
+ FREE_TIME: "☀️",
+ OTHER: "📌",
};
declare global {
@@ -222,11 +222,11 @@ export class FolkItinerary extends FolkShape {
wrapper.innerHTML = html`
@@ -580,7 +580,7 @@ export class FolkSocialPost extends FolkShape {
${this.#escapeHtml(this.#error || "Unknown error")}
- ${this.#images.length > 0 ? this.#renderImageList() : 'Try again with a different prompt
'}
+ ${this.#images.length > 0 ? this.#renderImageList() : 'Try again with a different prompt
'}
`;
}
@@ -374,7 +374,7 @@ export class FolkImageGen extends FolkShape {
if (this.#images.length === 0) {
this.#imageArea.innerHTML = `
-
+
Enter a prompt and click Generate
`;
diff --git a/lib/folk-itinerary.ts b/lib/folk-itinerary.ts
index 2a16d11..6dc385e 100644
--- a/lib/folk-itinerary.ts
+++ b/lib/folk-itinerary.ts
@@ -156,13 +156,13 @@ export interface ItineraryEntry {
}
const CATEGORY_ICONS: Record
- \uD83D\uDCC5
+ 📅
Itinerary
-
+
diff --git a/lib/folk-kicad.ts b/lib/folk-kicad.ts
index 46dc55f..eeb7ecd 100644
--- a/lib/folk-kicad.ts
+++ b/lib/folk-kicad.ts
@@ -434,14 +434,14 @@ export class FolkKiCAD extends FolkShape {
if (this.#schematicSvg) {
this.#previewArea.innerHTML = `})
`;
} else {
- this.#previewArea.innerHTML = '})
`;
} else {
- this.#previewArea.innerHTML = '
`;
} else {
- this.#previewArea.innerHTML = '
`;
diff --git a/lib/folk-obs-note.ts b/lib/folk-obs-note.ts
index 5582269..a9b2e5a 100644
--- a/lib/folk-obs-note.ts
+++ b/lib/folk-obs-note.ts
@@ -325,12 +325,12 @@ export class FolkObsNote extends FolkShape {
wrapper.innerHTML = html`
Schematic will appear here
';
+ this.#previewArea.innerHTML = 'Schematic will appear here
';
}
break;
case "board":
if (this.#boardSvg) {
this.#previewArea.innerHTML = `Board layout will appear here
';
+ this.#previewArea.innerHTML = 'Board layout will appear here
';
}
break;
case "drc":
@@ -451,14 +451,14 @@ export class FolkKiCAD extends FolkShape {
this.#previewArea.innerHTML = `
${passed - ? '\u2705 DRC Passed' - : `\u274C ${violations.length} Violation(s)` + ? '✅ DRC Passed' + : `❌ ${violations.length} Violation(s)` }
- ${violations.map((v: any) => `\u2022 ${this.#escapeHtml(v.message || v)}
`).join("")} + ${violations.map((v: any) => `• ${this.#escapeHtml(v.message || v)}
`).join("")}DRC results will appear here
';
+ this.#previewArea.innerHTML = 'DRC results will appear here
';
}
break;
}
diff --git a/lib/folk-map.ts b/lib/folk-map.ts
index d83336a..6f18743 100644
--- a/lib/folk-map.ts
+++ b/lib/folk-map.ts
@@ -290,20 +290,20 @@ export class FolkMap extends FolkShape {
wrapper.innerHTML = html`
- \u{1F5FA}
+ 🗺
Map
-
+
Loading map...
-
+
-
+
- \u{1F4DD}
+ 📝
-
-
+
+
@@ -340,8 +340,8 @@ export class FolkObsNote extends FolkShape {
-
-
+
+
@@ -609,10 +609,10 @@ export class FolkObsNote extends FolkShape {
if (this.#isDirty) {
this.#saveStatusEl.className = "save-status unsaved";
- this.#saveStatusEl.innerHTML = "\u2022Unsaved";
+ this.#saveStatusEl.innerHTML = "•Unsaved";
} else {
this.#saveStatusEl.className = "save-status saved";
- this.#saveStatusEl.innerHTML = "\u2713Saved";
+ this.#saveStatusEl.innerHTML = "✓Saved";
}
}
diff --git a/lib/folk-packing-list.ts b/lib/folk-packing-list.ts
index 86a4d37..c1264bc 100644
--- a/lib/folk-packing-list.ts
+++ b/lib/folk-packing-list.ts
@@ -117,7 +117,7 @@ const styles = css`
}
.checkbox.checked::after {
- content: "\u2713";
+ content: "✓";
color: white;
font-size: 10px;
font-weight: 700;
@@ -224,11 +224,11 @@ export class FolkPackingList extends FolkShape {
wrapper.innerHTML = html`
@@ -359,7 +359,7 @@ export class FolkObsNote extends FolkShape {
0 characters
- \u2713
+ ✓
Saved
- \uD83C\uDF92
+ 🎒
Packing List
-
+
diff --git a/lib/folk-piano.ts b/lib/folk-piano.ts
index 095c572..9c0b33f 100644
--- a/lib/folk-piano.ts
+++ b/lib/folk-piano.ts
@@ -171,16 +171,16 @@ export class FolkPiano extends FolkShape {
wrapper.innerHTML = html`
`;
@@ -231,14 +231,14 @@ export class FolkPiano extends FolkShape {
minimizeBtn?.addEventListener("click", (e) => {
e.stopPropagation();
this.isMinimized = !this.#isMinimized;
- minimizeBtn.textContent = this.#isMinimized ? "\u{1F53D}" : "\u{1F53C}";
+ minimizeBtn.textContent = this.#isMinimized ? "🔽" : "🔼";
});
// Click minimized view to expand
this.#minimizedEl?.addEventListener("click", (e) => {
e.stopPropagation();
this.isMinimized = false;
- if (minimizeBtn) minimizeBtn.textContent = "\u{1F53C}";
+ if (minimizeBtn) minimizeBtn.textContent = "🔼";
});
// Retry button
diff --git a/lib/folk-prompt.ts b/lib/folk-prompt.ts
index d692f0b..584f7de 100644
--- a/lib/folk-prompt.ts
+++ b/lib/folk-prompt.ts
@@ -91,7 +91,7 @@ const styles = css`
}
.message.streaming::after {
- content: "\u258C";
+ content: "▌";
animation: blink 1s infinite;
}
@@ -262,18 +262,18 @@ export class FolkPrompt extends FolkShape {
wrapper.innerHTML = html`
@@ -418,7 +418,7 @@ export class FolkPrompt extends FolkShape {
if (this.#messages.length === 0 && !this.#error) {
this.#messagesEl.innerHTML = `
- \u{1F3B9}
+ 🎹
Loading Shared Piano...
-
+
- \u{1F4AC}
+ 💬
AI Prompt
-
+
-
+
Ask me anything!
I can help with code, writing, analysis, and more
diff --git a/lib/folk-shape.ts b/lib/folk-shape.ts
index 46e5049..69bacb1 100644
--- a/lib/folk-shape.ts
+++ b/lib/folk-shape.ts
@@ -363,6 +363,16 @@ export class FolkShape extends FolkElement {
return this.#readonlyRect;
}
+ /** Compute the effective CSS transform scale of the parent (e.g. canvas zoom). */
+ #getParentScale(): number {
+ const parent = this.parentElement;
+ if (!parent) return 1;
+ const rect = parent.getBoundingClientRect();
+ const w = parent.offsetWidth;
+ if (!w || !rect.width) return 1;
+ return rect.width / w;
+ }
+
handleEvent(event: PointerEvent | KeyboardEvent | TouchEvent) {
// Handle touch events for mobile drag support
if (event instanceof TouchEvent) {
@@ -390,7 +400,7 @@ export class FolkShape extends FolkElement {
if (event.type === "touchmove" && this.#isTouchDragging && event.touches.length === 1) {
const touch = event.touches[0];
if (this.#lastTouchPos) {
- const zoom = window.visualViewport?.scale ?? 1;
+ const zoom = (window.visualViewport?.scale ?? 1) * this.#getParentScale();
const moveDelta = {
x: (touch.clientX - this.#lastTouchPos.x) / zoom,
y: (touch.clientY - this.#lastTouchPos.y) / zoom,
@@ -478,7 +488,7 @@ export class FolkShape extends FolkElement {
};
} else if (event.type === "pointermove") {
if (!target) return;
- const zoom = window.visualViewport?.scale ?? 1;
+ const zoom = (window.visualViewport?.scale ?? 1) * this.#getParentScale();
moveDelta = {
x: event.movementX / zoom,
y: event.movementY / zoom,
@@ -659,9 +669,10 @@ export class FolkShape extends FolkElement {
/**
* After moving, push this shape away from any overlapping siblings.
- * Resolves by minimum penetration on the axis aligned with movement direction.
+ * Uses minimum penetration depth — picks the smallest displacement
+ * among all four directions to resolve each overlap.
*/
- #resolveOverlaps(dx: number, dy: number) {
+ #resolveOverlaps(_dx: number, _dy: number) {
const parent = this.parentElement;
if (!parent) return;
@@ -680,21 +691,25 @@ export class FolkShape extends FolkElement {
if (!overlapX || !overlapY) continue;
- // Distance to clear on each side
- const clearRight = (other.x + other.w + gap) - me.x; // push me right of other
- const clearLeft = other.x - (me.x + me.w + gap); // push me left of other (negative)
- const clearDown = (other.y + other.h + gap) - me.y; // push me below other
- const clearUp = other.y - (me.y + me.h + gap); // push me above other (negative)
+ // Distance to clear on each side (4 possible escape directions)
+ const clearRight = (other.x + other.w + gap) - me.x;
+ const clearLeft = other.x - (me.x + me.w + gap);
+ const clearDown = (other.y + other.h + gap) - me.y;
+ const clearUp = other.y - (me.y + me.h + gap);
- // Pick push direction per axis based on movement direction
- const pushX = dx >= 0 ? clearRight : clearLeft;
- const pushY = dy >= 0 ? clearDown : clearUp;
+ // Pick the direction with smallest absolute displacement
+ const candidates = [
+ { axis: "x" as const, d: clearRight },
+ { axis: "x" as const, d: clearLeft },
+ { axis: "y" as const, d: clearDown },
+ { axis: "y" as const, d: clearUp },
+ ];
+ const best = candidates.reduce((a, b) => Math.abs(a.d) < Math.abs(b.d) ? a : b);
- // Apply the axis with the smallest absolute displacement
- if (Math.abs(pushX) <= Math.abs(pushY)) {
- this.#rect.x += pushX;
+ if (best.axis === "x") {
+ this.#rect.x += best.d;
} else {
- this.#rect.y += pushY;
+ this.#rect.y += best.d;
}
me.x = this.#rect.x;
diff --git a/lib/folk-social-post.ts b/lib/folk-social-post.ts
index d0f7a0a..9f11ae6 100644
--- a/lib/folk-social-post.ts
+++ b/lib/folk-social-post.ts
@@ -370,13 +370,13 @@ const PLATFORM_CONFIG: Record<
SocialPlatform,
{ icon: string; label: string; color: string }
> = {
- x: { icon: "\ud835\udd4f", label: "X", color: "#000000" },
+ x: { icon: "𝕏", label: "X", color: "#000000" },
linkedin: { icon: "in", label: "LinkedIn", color: "#0A66C2" },
- instagram: { icon: "\ud83d\udcf7", label: "Instagram", color: "#E4405F" },
- youtube: { icon: "\u25b6", label: "YouTube", color: "#FF0000" },
+ instagram: { icon: "📷", label: "Instagram", color: "#E4405F" },
+ youtube: { icon: "▶", label: "YouTube", color: "#FF0000" },
threads: { icon: "@", label: "Threads", color: "#000000" },
- bluesky: { icon: "\ud83e\ude77", label: "Bluesky", color: "#0085FF" },
- tiktok: { icon: "\u266b", label: "TikTok", color: "#010101" },
+ bluesky: { icon: "🩷", label: "Bluesky", color: "#0085FF" },
+ tiktok: { icon: "♫", label: "TikTok", color: "#010101" },
facebook: { icon: "f", label: "Facebook", color: "#1877F2" },
};
@@ -561,8 +561,8 @@ export class FolkSocialPost extends FolkShape {
${config.label}
-
-
+
+
@@ -572,7 +572,7 @@ export class FolkSocialPost extends FolkShape {
- \ud83d\uddbc
+ 🖼
No media
-
+
${this.#formatSchedule(this.#scheduledAt)}
@@ -820,14 +820,14 @@ export class FolkSocialPost extends FolkShape {
this.#mediaPreviewEl.innerHTML = `})
`;
} else {
const mediaIcons: Record = {
- image: "\ud83d\uddbc",
- video: "\ud83c\udfac",
- carousel: "\ud83d\udcf8",
- reel: "\ud83c\udfac",
- short: "\ud83c\udfac",
- story: "\ud83d\udcf1",
+ image: "🖼",
+ video: "🎬",
+ carousel: "📸",
+ reel: "🎬",
+ short: "🎬",
+ story: "📱",
};
- const icon = mediaIcons[this.#postType] || "\ud83d\uddbc";
+ const icon = mediaIcons[this.#postType] || "🖼";
const label =
this.#postType === "text" ? "No media" : `${this.#postType} media`;
this.#mediaPreviewEl.innerHTML = `
`).join("");
diff --git a/lib/folk-token-ledger.ts b/lib/folk-token-ledger.ts
index 436130b..ef62638 100644
--- a/lib/folk-token-ledger.ts
+++ b/lib/folk-token-ledger.ts
@@ -302,12 +302,12 @@ export class FolkTokenLedger extends FolkShape {
wrapper.innerHTML = html`
${icon}${label}
`;
diff --git a/lib/folk-splat.ts b/lib/folk-splat.ts
index 9d0c859..79b7541 100644
--- a/lib/folk-splat.ts
+++ b/lib/folk-splat.ts
@@ -340,7 +340,7 @@ export class FolkSplat extends FolkShape {
container.innerHTML = this.#gallerySplats.map((s) => `
${this.#escapeHtml(s.title)}
-
+
- \uD83D\uDCDC
+ 📜
Token Ledger
-
+
@@ -470,7 +470,7 @@ export class FolkTokenLedger extends FolkShape {
`;
@@ -382,16 +382,16 @@ export class FolkWorkflowBlock extends FolkShape {
#updateIcon() {
switch (this.#blockType) {
case "trigger":
- this.#icon = "\u26A1";
+ this.#icon = "⚡";
break;
case "action":
- this.#icon = "\u2699";
+ this.#icon = "⚙";
break;
case "condition":
- this.#icon = "\u2753";
+ this.#icon = "❓";
break;
case "output":
- this.#icon = "\u{1F4E4}";
+ this.#icon = "📤";
break;
}
}
diff --git a/modules/books/components/folk-book-reader.ts b/modules/books/components/folk-book-reader.ts
index 0d08a34..743c59e 100644
--- a/modules/books/components/folk-book-reader.ts
+++ b/modules/books/components/folk-book-reader.ts
@@ -235,7 +235,7 @@ export class FolkBookReader extends HTMLElement {
${this.getStyles()}
diff --git a/lib/folk-token-mint.ts b/lib/folk-token-mint.ts
index 6fdfb85..f9b6b6c 100644
--- a/lib/folk-token-mint.ts
+++ b/lib/folk-token-mint.ts
@@ -160,7 +160,7 @@ export class FolkTokenMint extends FolkShape {
#totalSupply = 1000;
#issuedSupply = 0;
#tokenColor = "#8b5cf6";
- #tokenIcon = "\uD83E\uDE99";
+ #tokenIcon = "🪙";
#createdBy = "";
#createdAt = new Date().toISOString();
@@ -243,7 +243,7 @@ export class FolkTokenMint extends FolkShape {
${this.#tokenSymbol}
-
+
diff --git a/lib/folk-transcription.ts b/lib/folk-transcription.ts
index 078546a..ef404bc 100644
--- a/lib/folk-transcription.ts
+++ b/lib/folk-transcription.ts
@@ -318,11 +318,11 @@ export class FolkTranscription extends FolkShape {
wrapper.innerHTML = html`
`;
@@ -544,7 +544,7 @@ export class FolkTranscription extends FolkShape {
if (this.#segments.length === 0) {
this.#transcriptArea.innerHTML = `
- \u{1F3A4}
+ 🎤
Transcription
-
+
@@ -337,14 +337,14 @@ export class FolkTranscription extends FolkShape {
-
+
Click the record button to start
Uses your browser's speech recognition
-
-
+
+
-
+
Click the record button to start
Uses your browser's speech recognition
diff --git a/lib/folk-video-chat.ts b/lib/folk-video-chat.ts
index 4a618d6..9f9322c 100644
--- a/lib/folk-video-chat.ts
+++ b/lib/folk-video-chat.ts
@@ -307,16 +307,16 @@ export class FolkVideoChat extends FolkShape {
wrapper.innerHTML = html`
- \u{1F4F9}
+ 📹
Video Chat
-
+
-
+
Join Video Call
Enter a room name to start or join a call
@@ -402,10 +402,10 @@ export class FolkVideoChat extends FolkShape {
-
-
-
-
+
+
+
+
`;
@@ -464,7 +464,7 @@ export class FolkVideoChat extends FolkShape {
track.enabled = !this.#isMuted;
});
}
- btn.textContent = this.#isMuted ? "\u{1F507}" : "\u{1F50A}";
+ btn.textContent = this.#isMuted ? "🔇" : "🔊";
btn.classList.toggle("muted", this.#isMuted);
}
@@ -475,7 +475,7 @@ export class FolkVideoChat extends FolkShape {
track.enabled = !this.#isVideoOff;
});
}
- btn.textContent = this.#isVideoOff ? "\u{1F4F7}\u{FE0F}\u{20E0}" : "\u{1F4F7}";
+ btn.textContent = this.#isVideoOff ? "📷️⃠" : "📷";
btn.classList.toggle("muted", this.#isVideoOff);
video.style.opacity = this.#isVideoOff ? "0.3" : "1";
}
diff --git a/lib/folk-video-gen.ts b/lib/folk-video-gen.ts
index 8b20a94..fdfef1c 100644
--- a/lib/folk-video-gen.ts
+++ b/lib/folk-video-gen.ts
@@ -513,7 +513,7 @@ export class FolkVideoGen extends FolkShape {
if (!this.#videoArea) return;
this.#videoArea.innerHTML = `
${this.#escapeHtml(this.#error || "Unknown error")}
- ${this.#videos.length > 0 ? this.#renderVideoList() : 'Try again
'}
+ ${this.#videos.length > 0 ? this.#renderVideoList() : 'Try again
'}
`;
}
@@ -523,7 +523,7 @@ export class FolkVideoGen extends FolkShape {
if (this.#videos.length === 0) {
this.#videoArea.innerHTML = `
-
+
Upload an image and describe the motion
`;
diff --git a/lib/folk-workflow-block.ts b/lib/folk-workflow-block.ts
index f1d473d..ff1a7fc 100644
--- a/lib/folk-workflow-block.ts
+++ b/lib/folk-workflow-block.ts
@@ -250,7 +250,7 @@ export class FolkWorkflowBlock extends FolkShape {
#blockType: BlockType = "action";
#label = "Block";
- #icon = "\u{2699}";
+ #icon = "⚙";
#state: BlockState = "idle";
#inputs: Port[] = [];
#outputs: Port[] = [];
@@ -324,8 +324,8 @@ export class FolkWorkflowBlock extends FolkShape {
${this.#escapeHtml(this.#label)}
-
-
+
+
@@ -336,7 +336,7 @@ export class FolkWorkflowBlock extends FolkShape {
Idle
-
+
- \u2190 Library
+ ← Library
${this.escapeHtml(this._title)}
${this._author ? `by ${this.escapeHtml(this._author)}` : ""}
diff --git a/modules/cal/components/folk-calendar-view.ts b/modules/cal/components/folk-calendar-view.ts
index 5886d3d..0d5e74d 100644
--- a/modules/cal/components/folk-calendar-view.ts
+++ b/modules/cal/components/folk-calendar-view.ts
@@ -62,9 +62,9 @@ class FolkCalendarView extends HTMLElement {
private getMoonEmoji(phase: string): string {
const map: Record = {
- new_moon: "\u{1F311}", waxing_crescent: "\u{1F312}", first_quarter: "\u{1F313}",
- waxing_gibbous: "\u{1F314}", full_moon: "\u{1F315}", waning_gibbous: "\u{1F316}",
- last_quarter: "\u{1F317}", waning_crescent: "\u{1F318}",
+ new_moon: "🌑", waxing_crescent: "🌒", first_quarter: "🌓",
+ waxing_gibbous: "🌔", full_moon: "🌕", waning_gibbous: "🌖",
+ last_quarter: "🌗", waning_crescent: "🌘",
};
return map[phase] || "";
}
@@ -120,10 +120,10 @@ class FolkCalendarView extends HTMLElement {
${this.error ? `
${this.esc(this.error)}
` : ""}
-
+
${monthName} ${year}
-
-
+
+
${this.sources.length > 0 ? `
@@ -191,10 +191,10 @@ class FolkCalendarView extends HTMLElement {
return `
-
+
diff --git a/modules/cart/mod.ts b/modules/cart/mod.ts
index 47ca254..24dc275 100644
--- a/modules/cart/mod.ts
+++ b/modules/cart/mod.ts
@@ -457,7 +457,7 @@ routes.get("/", (c) => {
export const cartModule: RSpaceModule = {
id: "rcart",
name: "rCart",
- icon: "\u{1F6D2}",
+ icon: "🛒",
description: "Cosmolocal print-on-demand shop",
routes,
standaloneDomain: "rcart.online",
diff --git a/modules/choices/components/folk-choices-dashboard.ts b/modules/choices/components/folk-choices-dashboard.ts
index 8684cd5..33544f3 100644
--- a/modules/choices/components/folk-choices-dashboard.ts
+++ b/modules/choices/components/folk-choices-dashboard.ts
@@ -42,9 +42,9 @@ class FolkChoicesDashboard extends HTMLElement {
private render() {
const typeIcons: Record = {
- "folk-choice-vote": "\u2611",
- "folk-choice-rank": "\uD83D\uDCCA",
- "folk-choice-spider": "\uD83D\uDD78",
+ "folk-choice-vote": "☑",
+ "folk-choice-rank": "📊",
+ "folk-choice-spider": "🕸",
};
const typeLabels: Record = {
"folk-choice-vote": "Poll",
@@ -78,7 +78,7 @@ class FolkChoicesDashboard extends HTMLElement {
- ${this.loading ? `
Choices
@@ -87,14 +87,14 @@ class FolkChoicesDashboard extends HTMLElement {
Create them there and they'll appear here for quick access.
\u23F3 Loading choices...
` :
+ ${this.loading ? `⏳ Loading choices...
` :
this.choices.length === 0 ? this.renderEmpty() : this.renderGrid(typeIcons, typeLabels)}
`;
}
private renderEmpty(): string {
return `
-
+
`;
@@ -104,7 +104,7 @@ class FolkChoicesDashboard extends HTMLElement {
return `No choices in this space yet.
Open the canvas and use the Poll, Rank, or Spider buttons to create one.
${this.choices.map((ch) => `
-
+
${inst.error_message ? `${labels[ch.type] || ch.type}
${this.esc(ch.title)}
- ${inst.status === "active" ? `\u2197 Open Forum` : ""} + ${inst.status === "active" ? `↗ Open Forum` : ""}${this.esc(inst.error_message)}
` : ""}
@@ -286,7 +286,7 @@ class FolkForumDashboard extends HTMLElement {
${inst.region}
${inst.size}
${inst.admin_email || "—"}
${inst.ssl_provisioned ? "\u2705 Active" : "\u23F3 Pending"}
${inst.ssl_provisioned ? "✅ Active" : "⏳ Pending"}
@@ -309,7 +309,7 @@ class FolkForumDashboard extends HTMLElement {
private renderCreate(): string {
return `
diff --git a/modules/forum/mod.ts b/modules/forum/mod.ts
index 0ccc72b..9c8f0e2 100644
--- a/modules/forum/mod.ts
+++ b/modules/forum/mod.ts
@@ -173,7 +173,7 @@ routes.get("/", (c) => {
export const forumModule: RSpaceModule = {
id: "rforum",
name: "rForum",
- icon: "\uD83D\uDCAC",
+ icon: "💬",
description: "Deploy and manage Discourse forums",
routes,
landingPage: renderLanding,
diff --git a/modules/funds/components/folk-budget-river.ts b/modules/funds/components/folk-budget-river.ts
index cab45bc..0f0fc60 100644
--- a/modules/funds/components/folk-budget-river.ts
+++ b/modules/funds/components/folk-budget-river.ts
@@ -343,7 +343,7 @@ function renderFunnel(f: FunnelLayout): string {
${esc(f.label)}
- $${Math.floor(f.data.currentValue).toLocaleString()} / $${Math.floor(threshold).toLocaleString()} ${isSufficient ? "\u2728" : ""}
+ $${Math.floor(f.data.currentValue).toLocaleString()} / $${Math.floor(threshold).toLocaleString()} ${isSufficient ? "✨" : ""}
-
+
Deploy New Forum
@@ -319,17 +319,17 @@ class FolkForumDashboard extends HTMLElement {
Starter
- \u20AC3.79/mo
+ €3.79/mo
2 vCPU · 4 GB · ~500 users
Standard
- \u20AC6.80/mo
+ €6.80/mo
4 vCPU · 8 GB · ~2000 users
Performance
- \u20AC13.80/mo
+ €13.80/mo
8 vCPU · 16 GB · ~10k users
-
+
Inflow
diff --git a/modules/funds/mod.ts b/modules/funds/mod.ts
index 6de9e27..b1e31a4 100644
--- a/modules/funds/mod.ts
+++ b/modules/funds/mod.ts
@@ -243,7 +243,7 @@ routes.get("/flow/:flowId", (c) => {
export const fundsModule: RSpaceModule = {
id: "rfunds",
name: "rFunds",
- icon: "\uD83C\uDF0A",
+ icon: "🌊",
description: "Budget flows, river visualization, and treasury management",
routes,
landingPage: renderLanding,
diff --git a/modules/inbox/mod.ts b/modules/inbox/mod.ts
index 8c59293..f2f8322 100644
--- a/modules/inbox/mod.ts
+++ b/modules/inbox/mod.ts
@@ -597,7 +597,7 @@ routes.get("/", (c) => {
export const inboxModule: RSpaceModule = {
id: "rinbox",
name: "rInbox",
- icon: "\u{1F4E8}",
+ icon: "📨",
description: "Collaborative email with multisig approval",
routes,
landingPage: renderLanding,
diff --git a/modules/maps/components/folk-map-viewer.ts b/modules/maps/components/folk-map-viewer.ts
index 2c1d127..0bedb44 100644
--- a/modules/maps/components/folk-map-viewer.ts
+++ b/modules/maps/components/folk-map-viewer.ts
@@ -165,7 +165,7 @@ class FolkMapViewer extends HTMLElement {
${this.rooms.length > 0 ? this.rooms.map((r) => `
-
+
${this.esc(r)}
`).join("") : ""}
@@ -181,14 +181,14 @@ class FolkMapViewer extends HTMLElement {
const shareUrl = `${window.location.origin}/${this.space}/maps/${this.room}`;
return `
-
- \u{1F5FA} ${this.esc(this.room)}
+
+ 🗺 ${this.esc(this.room)}
-
\u{1F30D}
+🌍
Map Room: ${this.esc(this.room)}
Connect the MapLibre GL library to display the interactive map.
WebSocket sync: ${this.syncStatus}
diff --git a/modules/maps/mod.ts b/modules/maps/mod.ts index 569006b..757f820 100644 --- a/modules/maps/mod.ts +++ b/modules/maps/mod.ts @@ -165,7 +165,7 @@ routes.get("/:room", (c) => { export const mapsModule: RSpaceModule = { id: "rmaps", name: "rMaps", - icon: "\u{1F5FA}", + icon: "🗺", description: "Real-time collaborative location sharing and indoor/outdoor maps", routes, landingPage: renderLanding, diff --git a/modules/network/components/folk-graph-viewer.ts b/modules/network/components/folk-graph-viewer.ts index ab96e41..d6a9612 100644 --- a/modules/network/components/folk-graph-viewer.ts +++ b/modules/network/components/folk-graph-viewer.ts @@ -112,7 +112,7 @@ class FolkGraphViewer extends HTMLElement {
-
`).join("")}
diff --git a/modules/network/mod.ts b/modules/network/mod.ts
index c714f93..5c528d1 100644
--- a/modules/network/mod.ts
+++ b/modules/network/mod.ts
@@ -232,7 +232,7 @@ routes.get("/", (c) => {
export const networkModule: RSpaceModule = {
id: "rnetwork",
name: "rNetwork",
- icon: "\u{1F310}",
+ icon: "🌐",
description: "Community relationship graph visualization with CRM sync",
routes,
landingPage: renderLanding,
diff --git a/modules/notes/components/folk-notes-app.ts b/modules/notes/components/folk-notes-app.ts
index b6c8fae..8db94cb 100644
--- a/modules/notes/components/folk-notes-app.ts
+++ b/modules/notes/components/folk-notes-app.ts
@@ -429,14 +429,14 @@ class FolkNotesApp extends HTMLElement {
private getNoteIcon(type: string): string {
switch (type) {
- case "NOTE": return "\u{1F4DD}";
- case "CODE": return "\u{1F4BB}";
- case "BOOKMARK": return "\u{1F517}";
- case "IMAGE": return "\u{1F5BC}";
- case "AUDIO": return "\u{1F3A4}";
- case "FILE": return "\u{1F4CE}";
- case "CLIP": return "\u2702\uFE0F";
- default: return "\u{1F4C4}";
+ case "NOTE": return "📝";
+ case "CODE": return "💻";
+ case "BOOKMARK": return "🔗";
+ case "IMAGE": return "🖼";
+ case "AUDIO": return "🎤";
+ case "FILE": return "📎";
+ case "CLIP": return "✂️";
+ default: return "📄";
}
}
@@ -573,7 +573,7 @@ class FolkNotesApp extends HTMLElement {
: "";
return `
\u{1F578}\u{FE0F}
+🕸️
Community Relationship Graph
Connect the force-directed layout engine to visualize your network.
Automerge CRDT sync + d3-force layout
@@ -131,7 +131,7 @@ class FolkGraphViewer extends HTMLElement { ${this.workspaces.map(ws => `${this.esc(ws.name || ws.slug)}
-
+
-
+
${this.esc(nb.title)}${syncBadge}
@@ -606,7 +606,7 @@ class FolkNotesApp extends HTMLElement {
const isAutomerge = !!(this.doc?.items?.[n.id]);
return `
-
+
${isAutomerge
? ``
: `${this.getNoteIcon(n.type)} ${this.esc(n.title)}`
diff --git a/modules/notes/mod.ts b/modules/notes/mod.ts
index 4d7607a..104e7cf 100644
--- a/modules/notes/mod.ts
+++ b/modules/notes/mod.ts
@@ -377,7 +377,7 @@ routes.get("/", (c) => {
export const notesModule: RSpaceModule = {
id: "rnotes",
name: "rNotes",
- icon: "\u{1F4DD}",
+ icon: "📝",
description: "Notebooks with rich-text notes, voice transcription, and collaboration",
routes,
landingPage: renderLanding,
diff --git a/modules/photos/components/folk-photo-gallery.ts b/modules/photos/components/folk-photo-gallery.ts
index 90f27b8..412744f 100644
--- a/modules/photos/components/folk-photo-gallery.ts
+++ b/modules/photos/components/folk-photo-gallery.ts
@@ -327,7 +327,7 @@ class FolkPhotoGallery extends HTMLElement {
const album = this.selectedAlbum!;
return `
-
+
${this.esc(album.albumName)}
`;
@@ -447,7 +447,7 @@ export class RStackIdentity extends HTMLElement {
autoResolveSpace(data.token, data.username || "");
} catch (err: any) {
btn.disabled = false;
- btn.innerHTML = "\uD83D\uDD11 Sign In with Passkey";
+ btn.innerHTML = "🔑 Sign In with Passkey";
errEl.textContent = err.name === "NotAllowedError" ? "Authentication was cancelled." : err.message || "Authentication failed.";
}
};
diff --git a/shared/components/rstack-space-switcher.ts b/shared/components/rstack-space-switcher.ts
index 9994952..6dd9e33 100644
--- a/shared/components/rstack-space-switcher.ts
+++ b/shared/components/rstack-space-switcher.ts
@@ -111,9 +111,9 @@ export class RStackSpaceSwitcher extends HTMLElement {
#visibilityInfo(s: SpaceInfo): { cls: string; label: string } {
const v = s.visibility || "public_read";
- if (v === "members_only") return { cls: "vis-private", label: "\uD83D\uDD12" };
- if (v === "authenticated") return { cls: "vis-permissioned", label: "\uD83D\uDD11" };
- return { cls: "vis-public", label: "\uD83D\uDD13" };
+ if (v === "members_only") return { cls: "vis-private", label: "🔒" };
+ if (v === "authenticated") return { cls: "vis-permissioned", label: "🔑" };
+ return { cls: "vis-public", label: "🔓" };
}
#renderMenu(menu: HTMLElement, current: string) {
@@ -146,7 +146,7 @@ export class RStackSpaceSwitcher extends HTMLElement {
return `
-
+
${s.name}
${vis.label}
`;
@@ -164,7 +164,7 @@ export class RStackSpaceSwitcher extends HTMLElement {
return `
-
+
${s.name}
${vis.label}
`;
@@ -182,7 +182,7 @@ export class RStackSpaceSwitcher extends HTMLElement {
const pending = s.pendingRequest;
return `
@@ -362,7 +362,7 @@ class FolkPhotoGallery extends HTMLElement {
return `
[] = [
postType: "thread",
stepNumber: 1,
content:
- "Something is growing in the mycelium... \ud83c\udf44\n\nFor the past 2 years, we've been building the infrastructure for a regenerative economy.\n\nOn Feb 24, we reveal everything.\n\nA thread on why the old financial system is composting itself \ud83e\uddf5\ud83d\udc47",
+ "Something is growing in the mycelium... 🍄\n\nFor the past 2 years, we've been building the infrastructure for a regenerative economy.\n\nOn Feb 24, we reveal everything.\n\nA thread on why the old financial system is composting itself 🧵👇",
mediaUrl: "",
mediaType: "",
scheduledAt: "2026-02-21T09:00:00",
@@ -93,7 +93,7 @@ const CAMPAIGN_SHAPES: Record[] = [
postType: "article",
stepNumber: 2,
content:
- "The regenerative finance movement isn't just about returns \u2014 it's about redesigning incentive structures from the ground up.\n\nIn this article, I break down why mycelial network theory offers the best model for decentralized economic coordination.\n\n3 key insights from 2 years of building MycoFi Earth...",
+ "The regenerative finance movement isn't just about returns — it's about redesigning incentive structures from the ground up.\n\nIn this article, I break down why mycelial network theory offers the best model for decentralized economic coordination.\n\n3 key insights from 2 years of building MycoFi Earth...",
mediaUrl: "",
mediaType: "image",
scheduledAt: "2026-02-22T11:00:00",
@@ -113,7 +113,7 @@ const CAMPAIGN_SHAPES: Record[] = [
postType: "carousel",
stepNumber: 3,
content:
- "5 Ways Mycelium Networks Mirror the Future of Finance \ud83c\udf0d\ud83c\udf44\n\nSlide 1: The problem with extractive finance\nSlide 2: How mycelium redistributes nutrients\nSlide 3: Token-weighted funding circles\nSlide 4: Community governance that actually works\nSlide 5: Join the launch \u2014 Feb 24",
+ "5 Ways Mycelium Networks Mirror the Future of Finance 🌍🍄\n\nSlide 1: The problem with extractive finance\nSlide 2: How mycelium redistributes nutrients\nSlide 3: Token-weighted funding circles\nSlide 4: Community governance that actually works\nSlide 5: Join the launch — Feb 24",
mediaUrl: "",
mediaType: "carousel",
scheduledAt: "2026-02-23T14:00:00",
@@ -141,7 +141,7 @@ const CAMPAIGN_SHAPES: Record[] = [
postType: "video",
stepNumber: 4,
content:
- "MycoFi Earth \u2014 Official Launch Video\n\nThe regenerative economy starts here. Watch how mycelial intelligence is reshaping finance, governance, and community coordination.\n\nFeaturing interviews with 12 builders from the ecosystem.\n\n[18:42]",
+ "MycoFi Earth — Official Launch Video\n\nThe regenerative economy starts here. Watch how mycelial intelligence is reshaping finance, governance, and community coordination.\n\nFeaturing interviews with 12 builders from the ecosystem.\n\n[18:42]",
mediaUrl: "",
mediaType: "video",
scheduledAt: "2026-02-24T10:00:00",
@@ -166,7 +166,7 @@ const CAMPAIGN_SHAPES: Record[] = [
postType: "thread",
stepNumber: 5,
content:
- "\ud83c\udf44 MycoFi Earth is LIVE \ud83c\udf44\n\nAfter 2 years of building, the regenerative finance platform is here.\n\nWhat is it?\n\u2022 Token-weighted funding circles\n\u2022 Mycelial governance (no whales)\n\u2022 Composting mechanism for failed proposals\n\u2022 100% on-chain, 100% community-owned\n\n\ud83d\udc47 Full breakdown thread",
+ "🍄 MycoFi Earth is LIVE 🍄\n\nAfter 2 years of building, the regenerative finance platform is here.\n\nWhat is it?\n• Token-weighted funding circles\n• Mycelial governance (no whales)\n• Composting mechanism for failed proposals\n• 100% on-chain, 100% community-owned\n\n👇 Full breakdown thread",
mediaUrl: "",
mediaType: "image",
scheduledAt: "2026-02-24T10:15:00",
@@ -192,7 +192,7 @@ const CAMPAIGN_SHAPES: Record[] = [
postType: "text",
stepNumber: 6,
content:
- "Today we're launching MycoFi Earth \u2014 a regenerative finance platform modeled on mycelial networks.\n\nWhy it matters for the future of organizational design:\n\n1. Composting mechanism: Failed proposals return resources to the network\n2. Nutrient routing: Funds flow to where they're needed most\n3. No single point of failure: True decentralization\n\nFull video + docs in comments \u2193",
+ "Today we're launching MycoFi Earth — a regenerative finance platform modeled on mycelial networks.\n\nWhy it matters for the future of organizational design:\n\n1. Composting mechanism: Failed proposals return resources to the network\n2. Nutrient routing: Funds flow to where they're needed most\n3. No single point of failure: True decentralization\n\nFull video + docs in comments ↓",
mediaUrl: "",
mediaType: "image",
scheduledAt: "2026-02-24T11:00:00",
@@ -220,7 +220,7 @@ const CAMPAIGN_SHAPES: Record[] = [
postType: "reel",
stepNumber: 7,
content:
- "60-second explainer: How MycoFi Earth works \ud83c\udf44\u2728\n\nVisual breakdown of the token flow from contributor \u2192 funding circle \u2192 project \u2192 compost.\n\nSet to lo-fi beats with mycelium time-lapse footage.\n\nCTA: Link in bio to join the first funding circle.",
+ "60-second explainer: How MycoFi Earth works 🍄✨\n\nVisual breakdown of the token flow from contributor → funding circle → project → compost.\n\nSet to lo-fi beats with mycelium time-lapse footage.\n\nCTA: Link in bio to join the first funding circle.",
mediaUrl: "",
mediaType: "video",
scheduledAt: "2026-02-25T12:00:00",
@@ -246,7 +246,7 @@ const CAMPAIGN_SHAPES: Record[] = [
postType: "text",
stepNumber: 8,
content:
- "We just launched MycoFi Earth and the response has been incredible \ud83c\udf1f\n\nThe idea is simple: what if finance worked like mycelium?\n\nMycelium doesn't hoard \u2014 it redistributes. MycoFi applies that logic to community funding.\n\nEarly access is open. Come grow with us \ud83c\udf31",
+ "We just launched MycoFi Earth and the response has been incredible 🌟\n\nThe idea is simple: what if finance worked like mycelium?\n\nMycelium doesn't hoard — it redistributes. MycoFi applies that logic to community funding.\n\nEarly access is open. Come grow with us 🌱",
mediaUrl: "",
mediaType: "",
scheduledAt: "2026-02-25T14:00:00",
@@ -266,7 +266,7 @@ const CAMPAIGN_SHAPES: Record[] = [
postType: "text",
stepNumber: 9,
content:
- "MycoFi Earth just went live \ud83c\udf44\n\nIt's a regenerative finance platform where funding flows like nutrients through a mycelial network.\n\nNo VCs. No whales. Just communities funding what matters.\n\nmycofi.earth",
+ "MycoFi Earth just went live 🍄\n\nIt's a regenerative finance platform where funding flows like nutrients through a mycelial network.\n\nNo VCs. No whales. Just communities funding what matters.\n\nmycofi.earth",
mediaUrl: "",
mediaType: "",
scheduledAt: "2026-02-25T15:00:00",
@@ -286,7 +286,7 @@ const CAMPAIGN_SHAPES: Record[] = [
height: 160,
rotation: 0,
content:
- "# \ud83c\udf44 MycoFi Earth Launch Campaign\n\n**Duration:** Feb 21\u201325, 2026 (5 days)\n**Platforms:** X, LinkedIn, Instagram, YouTube, Threads, Bluesky\n**Posts:** 9 total across 3 phases\n\n| Phase | Days | Posts |\n|-------|------|-------|\n| Pre-Launch Hype | Day -3 to -1 | 3 posts |\n| Launch Day | Day 0 | 3 posts |\n| Amplification | Day +1 | 3 posts |",
+ "# 🍄 MycoFi Earth Launch Campaign\n\n**Duration:** Feb 21–25, 2026 (5 days)\n**Platforms:** X, LinkedIn, Instagram, YouTube, Threads, Bluesky\n**Posts:** 9 total across 3 phases\n\n| Phase | Days | Posts |\n|-------|------|-------|\n| Pre-Launch Hype | Day -3 to -1 | 3 posts |\n| Launch Day | Day 0 | 3 posts |\n| Amplification | Day +1 | 3 posts |",
},
// ────────────────────────────────────────────────────────────
@@ -301,7 +301,7 @@ const CAMPAIGN_SHAPES: Record[] = [
height: 36,
rotation: 0,
content:
- "### \ud83d\udce3 Phase 1: Pre-Launch Hype (Feb 21\u201323)",
+ "### 📣 Phase 1: Pre-Launch Hype (Feb 21–23)",
},
{
id: "label-phase2",
@@ -311,7 +311,7 @@ const CAMPAIGN_SHAPES: Record[] = [
width: COL_WIDTH * 3 + COL_GAP * 2,
height: 36,
rotation: 0,
- content: "### \ud83d\ude80 Phase 2: Launch Day (Feb 24)",
+ content: "### 🚀 Phase 2: Launch Day (Feb 24)",
},
{
id: "label-phase3",
@@ -322,7 +322,7 @@ const CAMPAIGN_SHAPES: Record[] = [
height: 36,
rotation: 0,
content:
- "### \ud83d\udce1 Phase 3: Amplification (Feb 25)",
+ "### 📡 Phase 3: Amplification (Feb 25)",
},
// ────────────────────────────────────────────────────────────
diff --git a/server/seed-demo.ts b/server/seed-demo.ts
index 0c4bff3..e5d44da 100644
--- a/server/seed-demo.ts
+++ b/server/seed-demo.ts
@@ -422,7 +422,7 @@ const DEMO_SHAPES: Record[] = [
totalSupply: 100,
issuedSupply: 100,
tokenColor: "#6d28d9",
- tokenIcon: "\uD83D\uDDF3\uFE0F",
+ tokenIcon: "🗳️",
createdBy: "Maya",
createdAt: "2026-06-15T10:00:00.000Z",
},
@@ -458,7 +458,7 @@ const DEMO_SHAPES: Record[] = [
totalSupply: 500,
issuedSupply: 155,
tokenColor: "#059669",
- tokenIcon: "\u2B50",
+ tokenIcon: "⭐",
createdBy: "Maya",
createdAt: "2026-06-20T14:00:00.000Z",
},
diff --git a/shared/components/rstack-identity.ts b/shared/components/rstack-identity.ts
index 6fe0658..e1a81ff 100644
--- a/shared/components/rstack-identity.ts
+++ b/shared/components/rstack-identity.ts
@@ -270,11 +270,11 @@ export class RStackIdentity extends HTMLElement {
-
+
})
`;
diff --git a/modules/work/mod.ts b/modules/work/mod.ts
index c32a5cf..c8ecefe 100644
--- a/modules/work/mod.ts
+++ b/modules/work/mod.ts
@@ -233,7 +233,7 @@ routes.get("/", (c) => {
export const workModule: RSpaceModule = {
id: "rwork",
name: "rWork",
- icon: "\u{1F4CB}",
+ icon: "📋",
description: "Kanban workspace boards for collaborative task management",
routes,
standaloneDomain: "rwork.online",
diff --git a/server/seed-campaign.ts b/server/seed-campaign.ts
index a64359b..4cda7dd 100644
--- a/server/seed-campaign.ts
+++ b/server/seed-campaign.ts
@@ -73,7 +73,7 @@ const CAMPAIGN_SHAPES: Record
${asset.originalFileName}
diff --git a/modules/rsocials/mod.ts b/modules/rsocials/mod.ts
index 96b6fc3..75d48d2 100644
--- a/modules/rsocials/mod.ts
+++ b/modules/rsocials/mod.ts
@@ -184,7 +184,7 @@ routes.get("/", (c) => {
export const socialsModule: RSpaceModule = {
id: "rsocials",
name: "rSocials",
- icon: "\u{1F4E2}",
+ icon: "📢",
description: "Federated social feed aggregator for communities",
routes,
standaloneDomain: "rsocials.online",
diff --git a/modules/swag/components/folk-swag-designer.ts b/modules/swag/components/folk-swag-designer.ts
index 552182c..af7a9f4 100644
--- a/modules/swag/components/folk-swag-designer.ts
+++ b/modules/swag/components/folk-swag-designer.ts
@@ -63,9 +63,9 @@ class FolkSwagDesigner extends HTMLElement {
private render() {
const products = [
- { id: "sticker", name: "Sticker Sheet", icon: "\u{1F4CB}", desc: "A4 vinyl stickers" },
- { id: "poster", name: "Poster (A3)", icon: "\u{1F5BC}", desc: "A3 art print" },
- { id: "tee", name: "T-Shirt", icon: "\u{1F455}", desc: "12x16\" DTG print" },
+ { id: "sticker", name: "Sticker Sheet", icon: "📋", desc: "A4 vinyl stickers" },
+ { id: "poster", name: "Poster (A3)", icon: "🖼", desc: "A3 art print" },
+ { id: "tee", name: "T-Shirt", icon: "👕", desc: "12x16\" DTG print" },
];
this.shadow.innerHTML = `
@@ -117,33 +117,33 @@ class FolkSwagDesigner extends HTMLElement {
${angle.toFixed(1)}\u00B0 `;
+ svg += `${angle.toFixed(1)}° `;
}
return svg;
}
@@ -494,8 +494,8 @@ class FolkRoutePlanner extends HTMLElement {
`).join("")}
@@ -143,7 +143,7 @@ class FolkTripsPlanner extends HTMLElement {
const t = this.trip;
return `
`).join("")
diff --git a/modules/trips/mod.ts b/modules/trips/mod.ts
index e2b0bf1..c061ecc 100644
--- a/modules/trips/mod.ts
+++ b/modules/trips/mod.ts
@@ -269,7 +269,7 @@ routes.get("/", (c) => {
export const tripsModule: RSpaceModule = {
id: "rtrips",
name: "rTrips",
- icon: "\u{2708}\u{FE0F}",
+ icon: "✈️",
description: "Collaborative trip planner with itinerary, bookings, and expense splitting",
routes,
landingPage: renderLanding,
diff --git a/modules/tube/mod.ts b/modules/tube/mod.ts
index 7fabc3c..b1ea30e 100644
--- a/modules/tube/mod.ts
+++ b/modules/tube/mod.ts
@@ -207,7 +207,7 @@ routes.get("/", (c) => {
export const tubeModule: RSpaceModule = {
id: "rtube",
name: "rTube",
- icon: "\u{1F3AC}",
+ icon: "🎬",
description: "Community video hosting & live streaming",
routes,
landingPage: renderLanding,
diff --git a/modules/vote/components/folk-vote-dashboard.ts b/modules/vote/components/folk-vote-dashboard.ts
index fce8e08..8b3e402 100644
--- a/modules/vote/components/folk-vote-dashboard.ts
+++ b/modules/vote/components/folk-vote-dashboard.ts
@@ -231,7 +231,7 @@ class FolkVoteDashboard extends HTMLElement {
const s = this.selectedSpace!;
return `
${this.imagePreview
? `
`
- : `
${this.error ? `\u{1F4C1} Click or drag to upload artwork (PNG, JPG, SVG)
`}
+ : `📁 Click or drag to upload artwork (PNG, JPG, SVG)
`}
${this.esc(this.error)}
` : ""}
${this.artifact ? `
-
` : ""}
`;
diff --git a/modules/swag/mod.ts b/modules/swag/mod.ts
index 17380cf..d353c96 100644
--- a/modules/swag/mod.ts
+++ b/modules/swag/mod.ts
@@ -244,7 +244,7 @@ routes.get("/", (c) => {
export const swagModule: RSpaceModule = {
id: "rswag",
name: "rSwag",
- icon: "\u{1F3A8}",
+ icon: "🎨",
description: "Design print-ready swag: stickers, posters, tees",
routes,
landingPage: renderLanding,
diff --git a/modules/trips/components/folk-route-planner.ts b/modules/trips/components/folk-route-planner.ts
index 5391ac6..83d30d8 100644
--- a/modules/trips/components/folk-route-planner.ts
+++ b/modules/trips/components/folk-route-planner.ts
@@ -311,7 +311,7 @@ class FolkRoutePlanner extends HTMLElement {
// Compute crossing angle
const dot = Math.abs(tA.dx * tB.dx + tA.dy * tB.dy);
const angle = Math.acos(Math.min(1, dot)) * (180 / Math.PI);
- svg += `\u2705 ${this.esc(this.artifact.payload?.title || "Artifact")}
+✅ ${this.esc(this.artifact.payload?.title || "Artifact")}
${Object.entries(this.artifact.render_targets || {}).map(([key, target]: [string, any]) => `
- \u{2B07} Download ${target.format.toUpperCase()}
+ ⬇ Download ${target.format.toUpperCase()}
`).join("")}
-
+
- Show artifact envelope \u25BC
+ Show artifact envelope ▼
${this.esc(JSON.stringify(this.artifact, null, 2))}
${this.renderSVG()}
${this.renderInfo()}
- Conic: Ax\u00B2+Bxy+Cy\u00B2+Dx+Ey+F=0 | Discriminant \u0394=B\u00B2\u22124AC |
- Intersection via Sylvester resultant \u2192 degree-4 polynomial \u2192 companion matrix eigenvalues
+ Conic: Ax²+Bxy+Cy²+Dx+Ey+F=0 | Discriminant Δ=B²−4AC |
+ Intersection via Sylvester resultant → degree-4 polynomial → companion matrix eigenvalues
` : ""}
diff --git a/modules/trips/components/folk-trips-planner.ts b/modules/trips/components/folk-trips-planner.ts
index 54b93ef..674525f 100644
--- a/modules/trips/components/folk-trips-planner.ts
+++ b/modules/trips/components/folk-trips-planner.ts
@@ -124,10 +124,10 @@ class FolkTripsPlanner extends HTMLElement {
${this.esc(t.title)}
- ${t.budget_total ? `` : ""}
+ ${t.budget_total ? `` : ""}
${t.status || "PLANNING"}
-
+
${this.esc(t.title)}
${t.status || "PLANNING"}
@@ -165,7 +165,7 @@ class FolkTripsPlanner extends HTMLElement {
return `
Trip Details
${t.description || "No description"}
- ${t.start_date ? `Dates: ${new Date(t.start_date).toLocaleDateString()} \u2014 ${t.end_date ? new Date(t.end_date).toLocaleDateString() : "open"}
` : ""}
+ ${t.start_date ? `Dates: ${new Date(t.start_date).toLocaleDateString()} — ${t.end_date ? new Date(t.end_date).toLocaleDateString() : "open"}
` : ""}
${t.budget_total ? `
Budget
@@ -177,17 +177,17 @@ class FolkTripsPlanner extends HTMLElement {
` : ""}
Summary
-
+
`;
}
case "destinations":
return (t.destinations || []).length > 0
? (t.destinations || []).map((d: any) => `
- \u{1F4CD}
+ 📍
`).join("")
@@ -211,7 +211,7 @@ class FolkTripsPlanner extends HTMLElement {
${b.type || "OTHER"}
${this.esc(d.name)}
-
+
${this.esc(b.provider || "Booking")}
-
+
-
+
${this.esc(s.name)} — Proposals
${this.proposals.length === 0 ? 'No proposals yet.
' : ""}
@@ -264,7 +264,7 @@ class FolkVoteDashboard extends HTMLElement {
const p = this.selectedProposal!;
return `
-
+
${this.esc(p.title)}
${p.status}
diff --git a/modules/vote/mod.ts b/modules/vote/mod.ts
index fecabd0..bd5458a 100644
--- a/modules/vote/mod.ts
+++ b/modules/vote/mod.ts
@@ -343,7 +343,7 @@ routes.get("/", (c) => {
export const voteModule: RSpaceModule = {
id: "rvote",
name: "rVote",
- icon: "\u{1F5F3}",
+ icon: "🗳",
description: "Conviction voting engine for collaborative governance",
routes,
standaloneDomain: "rvote.online",
diff --git a/modules/wallet/mod.ts b/modules/wallet/mod.ts
index 8da25a4..753eff0 100644
--- a/modules/wallet/mod.ts
+++ b/modules/wallet/mod.ts
@@ -110,7 +110,7 @@ routes.get("/", (c) => {
export const walletModule: RSpaceModule = {
id: "rwallet",
name: "rWallet",
- icon: "\uD83D\uDCB0",
+ icon: "💰",
description: "Multichain Safe wallet visualization and treasury management",
routes,
standaloneDomain: "rwallet.online",
diff --git a/modules/work/components/folk-work-board.ts b/modules/work/components/folk-work-board.ts
index 596dc7c..8cfbeaa 100644
--- a/modules/work/components/folk-work-board.ts
+++ b/modules/work/components/folk-work-board.ts
@@ -167,8 +167,8 @@ class FolkWorkBoard extends HTMLElement {
${this.workspaces.length > 0 ? `
${this.workspaces.map(ws => `
` : `
-
`).join("")}
${this.esc(ws.icon || "\u{1F4CB}")} ${this.esc(ws.name)}
-
+ ${this.esc(ws.icon || "📋")} ${this.esc(ws.name)}
+
@@ -181,7 +181,7 @@ class FolkWorkBoard extends HTMLElement {
private renderBoard(): string {
return `
-
+
${this.esc(this.workspaceSlug)}
@@ -213,7 +213,7 @@ class FolkWorkBoard extends HTMLElement {
${(task.labels || []).map((l: string) => `${this.esc(l)}`).join("")}
- ${otherStatuses.map(s => ``).join("")}
+ ${otherStatuses.map(s => ``).join("")}
${displayName}
${notifsHTML}
-
-
-
+
+
+
-
+
-
+
${s.name}
${vis.label}
${pending
diff --git a/shared/components/rstack-tab-bar.ts b/shared/components/rstack-tab-bar.ts
index 382dcf7..dd3bdb8 100644
--- a/shared/components/rstack-tab-bar.ts
+++ b/shared/components/rstack-tab-bar.ts
@@ -367,7 +367,7 @@ export class RStackTabBar extends HTMLElement {
const contained = containedSet.has(f.id);
return `
- ${f.name}${contained ? '\uD83D\uDD12' : ""}
+ ${f.name}${contained ? '🔒' : ""}
`;
}).join("");
@@ -431,7 +431,7 @@ export class RStackTabBar extends HTMLElement {
const scrubberHtml = `
`;
@@ -486,7 +486,7 @@ export class RStackTabBar extends HTMLElement {
@@ -451,7 +451,7 @@ export class RStackTabBar extends HTMLElement {
${legendHtml}
${scrubberHtml}
- ${this.#layers.length >= 2 ? `Drag between layers to create a flow \u00b7 Drag empty space to orbit
` : ""}
+ ${this.#layers.length >= 2 ? `Drag between layers to create a flow · Drag empty space to orbit
` : ""}
${this.#flowDialogOpen ? this.#renderFlowDialog() : ""}
New Flow
${srcBadge?.badge || srcLayer.moduleId}
- \u2192
+ →
${tgtBadge?.badge || tgtLayer.moduleId}
@@ -782,7 +782,7 @@ export class RStackTabBar extends HTMLElement {
scrubberPlaypause?.addEventListener("click", () => {
this.#simPlaying = !this.#simPlaying;
- scrubberPlaypause.textContent = this.#simPlaying ? "\u23F8" : "\u25B6";
+ scrubberPlaypause.textContent = this.#simPlaying ? "⏸" : "▶";
scrubberPlaypause.title = this.#simPlaying ? "Pause" : "Play";
const state = this.#simPlaying ? "running" : "paused";
this.#shadow.querySelectorAll(".flow-particle").forEach(p => {