Inter-Module Connectivity Blueprint

How All Internal Tools Connect & Communicate

Every module in the Techmero ecosystem has explicit data inputs, outputs, and protocol bindings. No tool operates as an isolated silo.

● 4 CORE TOOLS ● LOCAL IPC WEBSOCKETS ● ZERO INTER-APP LATENCY

ECOSYSTEM TOPOLOGY

Master Inter-Tool Connectivity Diagram

NETWORK & DATA EXCHANGES

This high-level map illustrates the exact communication pathways between all tools across the Hetzner Linux VPS, the Mac Mini GPU node, and external cloud services.

COMPLETE DATA EXCHANGE FLOW

%%{init: {'theme': 'base', 'themeVariables': { 'darkMode': false, 'background': '#f8f9fa', 'primaryColor': '#ffffff', 'primaryTextColor': '#09090b', 'primaryBorderColor': '#18181b', 'lineColor': '#52525b', 'clusterBkg': '#ffffff', 'clusterBorder': '#d4d4d8' }}}%% flowchart LR subgraph INPUTS["1. CLIENTS & EDGE CAPTURE"] direction TB TEAM["👥 Dev & Design Team
(Web Browsers)"] MAC_MN["📹 Meetnotes AI
(Mac Mini GPU)"] MAC_HSC["🎨 HScreens Studio
(Mac Mini Simulators)"] end subgraph CORE["2. HETZNER VPS CENTRAL ENGINE"] direction TB EMBER["💬 Ember Chat Engine
(:8080 workerd)"] BOT["🤖 SuperBot Daemon
(Listener & Orchestrator)"] PM["📋 Project Manager
(DevVault Next.js)"] PG[(🗄️ PostgreSQL 16
Unified Database)] end subgraph CLOUD["3. STORAGE & PLATFORM APIS"] direction TB GDRIVE["📁 Google Drive
(PRDs & Transcripts)"] STORES["🍎 App Store & 🤖 Play
(Release Telemetry)"] GEMINI["✨ Gemini 2.5 Flash
(EOD Chat Synthesis)"] end %% Tier 1 to Tier 2 (Left to Center) TEAM <-->|"WSS Chat"| EMBER MAC_MN -->|"Tailscale Tunnel"| BOT MAC_HSC -->|"Export Store ZIP"| PM %% Inside Tier 2 (Center Core Hub) EMBER <-->|"Local ws://127.0.0.1"| BOT BOT <-->|"Task Signals"| PM PM -->|"Drizzle TCP :5432"| PG BOT -->|"Daily Logs"| PG %% Tier 2 to Tier 3 (Center to Right) BOT <-->|"30m Status Poll"| STORES BOT <-->|"EOD Batch Analysis"| GEMINI MAC_MN -->|"Sync Transcripts"| GDRIVE PM -->|"Client Folders"| GDRIVE

COMMUNICATION SPECS

Inter-Tool Protocol & Data Exchange Matrix

SPECIFICATION TABLE

Source Tool	Target Tool	Protocol / Transport	Payload / Data Exchanged	Frequency / Trigger
Ember Chat	SuperBot	WebSocket (`ws://127.0.0.1:8080`)	Raw chat frames, user messages, room events, mentions	Real-time (instant)
SuperBot	Ember Chat	WebSocket Client Frames	05:30 PM log prompts, daily reports, rejection alerts	Scheduled & event-driven
SuperBot	Project Manager	Internal API / Shared Postgres	Auto-updates Kanban task status (Todo → Review → Done)	On chat signal detection
Project Manager	PostgreSQL	Drizzle ORM (TCP :5432)	Workspaces, credentials, environments, tasks, users	On every user request
Meetnotes (Mac)	SuperBot (VPS)	Tailscale HTTP REST API	Meeting action items, key decisions, sprint notes	When meeting ends
Meetnotes (Mac)	Google Drive	Google Drive v3 REST API	Full meeting transcripts (.md) & audio recordings	Post-transcription sync
SuperBot	App Stores	HTTPS REST (JWT / Service Acct)	Polls iOS build states & Android release tracks	Every 30 minutes cron
SuperBot	Gemini API	HTTPS REST (gRPC/JSON)	Full day's chat logs for synthesis & blocker analysis	Daily at 06:00 PM
Mockup Studio	Project Manager	File System / R2 Object Storage	Exported App Store & Play Store framed screenshot bundles	On milestone release

TOOL 01 // TOOLS/Project Manager

Project Manager (DevVault) Connections

NEXT.JS 16 + DRIZZLE ORM

The core web portal where developers and owners manage client workspaces, encrypted secrets, project tasks, and domain assets.

Incoming Connections:

● From SuperBot: Receives automated task status transitions and blocker alerts.

● From HScreens: Receives framed screenshot deliverables.

Outgoing Connections:

● To PostgreSQL: Executes type-safe queries via Drizzle ORM.

● To Google Drive: Creates client workspace directory trees.

PROJECT MANAGER CONNECTIVITY FLOW

%%{init: {'theme': 'base', 'themeVariables': { 'darkMode': false, 'background': '#f8f9fa', 'primaryColor': '#ffffff', 'primaryTextColor': '#09090b', 'primaryBorderColor': '#18181b', 'lineColor': '#52525b', 'clusterBkg': '#ffffff', 'clusterBorder': '#d4d4d8' }}}%% flowchart LR BOT["SuperBot Daemon"] -->|"Task Updates"| PM["Project Manager
(DevVault)"] HSC["HScreens Studio"] -->|"Screenshot Bundles"| PM PM -->|"Drizzle TCP"| PG[(PostgreSQL)] PM -->|"API Folder Provision"| GDRIVE["Google Drive"]

TOOL 02 // TOOLS/Ember

Ember Team Chat Connections

WORKERD + DURABLE OBJECTS

The real-time communication nerve center. Hosted on the VPS with local `workerd`, allowing instant loopback WebSocket integration with SuperBot.

Incoming Connections:

● From Team: Receives messages, files, and reactions over WSS.

● From SuperBot: Ingests automated daily prompts, rejection alerts, and standup debriefs.

Outgoing Connections:

● To SuperBot: Streams all chat frames over local loopback (`ws://127.0.0.1:8080`).

● To Local SQLite: Persists Durable Object channel logs.

EMBER CHAT CONNECTIVITY FLOW

%%{init: {'theme': 'base', 'themeVariables': { 'darkMode': false, 'background': '#f8f9fa', 'primaryColor': '#ffffff', 'primaryTextColor': '#09090b', 'primaryBorderColor': '#18181b', 'lineColor': '#52525b', 'clusterBkg': '#ffffff', 'clusterBorder': '#d4d4d8' }}}%% flowchart LR DEVS["Team Browsers"] <-->|"WSS (:8080)"| EMBER["Ember Chat
(workerd)"] EMBER <-->|"Local ws://127.0.0.1"| BOT["SuperBot Daemon"] EMBER -->|"Durable Objects"| SQLITE[("DO SQLite")]

TOOL 03 // TOOLS/Meetnotes

Meetnotes AI Meeting Recorder Connections

SWIFTUI + WHISPERKIT + MLX

Runs on your office Mac Mini to utilize Apple Silicon GPU cores for WhisperKit transcription. It automatically converts meeting audio into structured action items.

Incoming Connections:

● From Mac Audio: Direct microphone and system audio capture.

Outgoing Connections:

● To SuperBot (VPS): Transmits extracted action items and tasks over Tailscale.

● To Google Drive: Uploads markdown transcripts and recordings.

MEETNOTES CONNECTIVITY FLOW

%%{init: {'theme': 'base', 'themeVariables': { 'darkMode': false, 'background': '#f8f9fa', 'primaryColor': '#ffffff', 'primaryTextColor': '#09090b', 'primaryBorderColor': '#18181b', 'lineColor': '#52525b', 'clusterBkg': '#ffffff', 'clusterBorder': '#d4d4d8' }}}%% flowchart LR AUDIO["Meeting Audio"] --> MN["Meetnotes App
(WhisperKit + MLX)"] MN -->|"Tailscale Tunnel"| BOT["SuperBot (VPS)"] MN -->|"Drive API"| GDRIVE["Google Drive Archive"]

TOOL 04 // TOOLS/Mockup Generator

Mockup Generator (HScreens) Connections

BUN + CANVAS + FFMPEG

Automates the production of high-impact marketing screenshots for iOS and Android store listings, compositing device bezels, dynamic typography, and store badges.

Incoming Connections:

● From Simulators: CLI automated capture of raw app screens.

Outgoing Connections:

● To Project Manager: Exports store-ready framed ZIP assets.

● To Cloudflare R2 / Drive: Stores generated wallpaper and framing assets.

MOCKUP GENERATOR CONNECTIVITY FLOW

%%{init: {'theme': 'base', 'themeVariables': { 'darkMode': false, 'background': '#f8f9fa', 'primaryColor': '#ffffff', 'primaryTextColor': '#09090b', 'primaryBorderColor': '#18181b', 'lineColor': '#52525b', 'clusterBkg': '#ffffff', 'clusterBorder': '#d4d4d8' }}}%% flowchart LR SIM["iOS / Android Simulators"] --> HSC["HScreens Studio
(Compositor)"] HSC -->|"Export ZIP"| PM["Project Manager"] HSC -->|"Assets Upload"| STORAGE["Cloud Storage (R2 / Drive)"]

TOOL 05 // AI AGENTS/

SuperBot Autonomous Engine (The Central Brain)

AUTONOMOUS ORCHESTRATOR

The connective tissue of the agency. SuperBot bridges chat, project management, store alerts, and accountability into an automated loop.

Incoming Connections:

● From Ember: Real-time chat stream via loopback WebSocket.

● From Meetnotes: Meeting action items via Tailscale.

● From Store APIs: App Store Connect & Play Console status payloads.

● From Gemini 2.5 Flash: Structured daily analysis and blocker assessments.

Outgoing Connections:

● To Ember: Posts daily log prompts, standup summaries, and urgent rejection alerts.

● To PostgreSQL: Writes daily logs, tasks, and system summaries.

SUPERBOT HUB CONNECTIVITY

%%{init: {'theme': 'base', 'themeVariables': { 'darkMode': false, 'background': '#f8f9fa', 'primaryColor': '#ffffff', 'primaryTextColor': '#09090b', 'primaryBorderColor': '#18181b', 'lineColor': '#52525b', 'clusterBkg': '#ffffff', 'clusterBorder': '#d4d4d8' }}}%% flowchart LR EMBER["Ember Chat"] <-->|"ws://127.0.0.1"| BOT["SuperBot Daemon"] MN["Meetnotes"] -->|"Tailscale"| BOT STORES["Store APIs"] -->|"30m Poll"| BOT BOT <-->|"Batch Analysis"| GEMINI["Gemini AI"] BOT -->|"Persist Logs & Tasks"| PG[(PostgreSQL)]

TOOL 06 // DATABASE FOUNDATION

PostgreSQL Relational Core

SINGLE SOURCE OF TRUTH

The shared database on the VPS that unifies all modules under one relational model. Eliminates data fragmentation and keeps tasks, users, and logs synchronized.

Connected Systems:

● Project Manager: Read/Write via Drizzle ORM (`workspaces`, `projects`, `tasks`, `vault`).

● SuperBot Engine: Read/Write (`daily_logs`, `daily_summaries`, `apps`).

● Command Center: Reads live health metrics and project status.

POSTGRESQL CENTRAL CONNECTIVITY

%%{init: {'theme': 'base', 'themeVariables': { 'darkMode': false, 'background': '#f8f9fa', 'primaryColor': '#ffffff', 'primaryTextColor': '#09090b', 'primaryBorderColor': '#18181b', 'lineColor': '#52525b', 'clusterBkg': '#ffffff', 'clusterBorder': '#d4d4d8' }}}%% flowchart LR PM["Project Manager (Drizzle)"] -->|"TCP :5432"| PG[(PostgreSQL Core)] BOT["SuperBot Daemon"] -->|"TCP :5432"| PG DASH["Command Center UI"] -->|"TCP :5432"| PG