@0xmaxma/claude-gateway 1.0.0

package/mcp/types.ts

@@ -0,0 +1,128 @@
+/**
+ * Shared types for the gateway multi-channel architecture.
+ * Adopts openclaw patterns: ChannelModule interface, ToolVisibility, Route Resolution.
+ */
+
+export type ChannelId = string;
+
+export type InboundMessage = {
+  channel: ChannelId;
+  accountId: string;
+  senderId: string;
+  chatId: string;
+  chatType: 'direct' | 'group' | 'channel';
+  text: string;
+  messageId: string;
+  replyToMessageId?: string;
+  threadId?: string;
+  attachmentFileId?: string;
+  ts: number;
+};
+
+export type OutboundMessage = {
+  channel: ChannelId;
+  accountId: string;
+  chatId: string;
+  text: string;
+  replyToMessageId?: string;
+  files?: string[];
+  format?: 'text' | 'html' | 'markdown';
+};
+
+export type ChannelCapabilities = {
+  typingIndicator: boolean;
+  reactions: boolean;
+  editMessage: boolean;
+  fileAttachment: boolean;
+  threadReply: boolean;
+  maxMessageLength: number;
+  markupFormat: 'html' | 'markdown' | 'none';
+};
+
+export type ChannelAccountSnapshot = {
+  accountId: string;
+  running: boolean;
+  configured: boolean;
+  lastMessageAt?: number;
+  lastError?: string;
+};
+
+export type McpToolDefinition = {
+  name: string;
+  description: string;
+  inputSchema: object;
+};
+
+export type McpToolResult = {
+  content: Array<{ type: 'text'; text: string }>;
+  isError?: boolean;
+};
+
+/**
+ * ToolVisibility: openclaw pattern
+ * "current-channel" — expose tools only when this channel is the origin
+ * "all-configured"  — expose tools always (cross-channel sends, cron)
+ */
+export type ToolVisibility = 'current-channel' | 'all-configured';
+
+/** Chat channel module — receives and sends messages */
+export interface ChannelModule {
+  id: ChannelId;
+  capabilities: ChannelCapabilities;
+  toolVisibility: ToolVisibility;
+
+  /** Check whether this module is configured and enabled */
+  isEnabled(): boolean;
+
+  /** MCP tools exposed by this module */
+  getTools(): McpToolDefinition[];
+
+  /** Execute a tool call */
+  handleTool(name: string, args: Record<string, unknown>): Promise<McpToolResult>;
+
+  /** Initialize bot client for tool calls (non-blocking) */
+  initBot?(): Promise<void>;
+
+  /** Start listening for inbound messages */
+  start(handler: InboundMessageHandler, signal: AbortSignal): Promise<void>;
+
+  /** Runtime status snapshot */
+  getSnapshot(): ChannelAccountSnapshot;
+
+  /** Skills directory path */
+  skillsDir?: string;
+}
+
+/** Tool-only module — no inbound messages (e.g. cron) */
+export interface ToolModule {
+  id: string;
+  toolVisibility: ToolVisibility;
+  isEnabled(): boolean;
+  getTools(): McpToolDefinition[];
+  handleTool(name: string, args: Record<string, unknown>): Promise<McpToolResult>;
+  skillsDir?: string;
+}
+
+export type InboundMessageHandler = (msg: InboundMessage) => Promise<void>;
+
+/** Route resolution result — openclaw ResolvedAgentRoute */
+export type ResolvedRoute = {
+  agentId: string;
+  channel: ChannelId;
+  accountId: string;
+  sessionKey: string;
+  chatId: string;
+  chatType: 'direct' | 'group' | 'channel';
+  senderId: string;
+};
+
+/** Channel context injected into agent system prompt */
+export type ChannelContext = {
+  origin: {
+    channel: ChannelId;
+    chatId: string;
+    senderId: string;
+    chatType: 'direct' | 'group' | 'channel';
+  };
+  configuredChannels: ChannelId[];
+};

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@0xmaxma/claude-gateway",
+  "version": "1.0.0",
+  "description": "Multi-agent gateway for Claude",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/0xMaxMa/claude-gateway"
+  },
+  "main": "dist/index.js",
+  "bin": {
+    "claude-gateway": "./dist/index.js"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "files": [
+    "dist/",
+    "resource/",
+    "mcp/",
+    "README.md",
+    "config.template.json"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc",
+    "start": "node --no-warnings=ExperimentalWarning --env-file-if-exists=.env dist/index.js",
+    "test": "jest",
+    "test:unit": "jest --testPathPattern=unit",
+    "integration": "jest --testPathPattern=integration --testTimeout=15000",
+    "integration:ma": "jest --testPathPattern=multi-agent --testTimeout=15000",
+    "test:manual": "jest --testPathPattern=phase-manual --testTimeout=15000",
+    "integration:hb": "jest --testPathPattern=heartbeat-e2e --testTimeout=15000",
+    "integration:cs": "jest --testPathPattern=character-system --testTimeout=15000",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "chokidar": "^3.5.0",
+    "cron-parser": "^5.5.0",
+    "express": "^4.18.0",
+    "js-yaml": "^4.1.0",
+    "lru-cache": "^10.0.0",
+    "node-cron": "^3.0.0",
+    "p-queue": "^6.6.2"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.0",
+    "@types/jest": "^29.0.0",
+    "@types/js-yaml": "^4.0.0",
+    "@types/node": "^22.19.18",
+    "@types/node-cron": "^3.0.0",
+    "@types/supertest": "^7.2.0",
+    "@types/tmp": "^0.2.0",
+    "jest": "^29.0.0",
+    "supertest": "^7.2.2",
+    "tmp": "^0.2.0",
+    "ts-jest": "^29.0.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.0.0"
+  }
+}

package/resource/claude_gateway.svg

@@ -0,0 +1,112 @@
+<svg width="100%" viewBox="0 0 680 490" xmlns="http://www.w3.org/2000/svg" role="img">
+  <title style="fill:rgb(0, 0, 0);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Claude pixel art with small claw on terminal</title>
+  <desc style="fill:rgb(0, 0, 0);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">A pixelated orange Claude character with a small open claw arm on the right side, on a black terminal background with green command text.</desc>
+
+  <defs>
+    <pattern id="scanlines" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
+      <rect x="0" y="0" width="4" height="2" fill="#000000"/>
+      <rect x="0" y="2" width="4" height="2" fill="#0A0E0C"/>
+    </pattern>
+  </defs>
+
+  <!-- Terminal background -->
+  <rect x="0" y="0" width="680" height="480" fill="#05080A" style="fill:rgb(5, 8, 10);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="0" y="0" width="680" height="480" fill="url(#scanlines)" opacity="0.35" style="stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.35;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- Terminal text -->
+  <text x="20" y="36" font-family="Courier, 'Courier New', monospace" font-size="16" fill="#33FF66" font-weight="bold" style="fill:rgb(51, 255, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Courier, &quot;Courier New&quot;, monospace;font-size:16px;font-weight:700;text-anchor:start;dominant-baseline:auto">$ claude-gateway</text>
+  <text x="20" y="60" font-family="Courier, 'Courier New', monospace" font-size="16" fill="#33FF66" font-weight="bold" style="fill:rgb(51, 255, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Courier, &quot;Courier New&quot;, monospace;font-size:16px;font-weight:700;text-anchor:start;dominant-baseline:auto">make create-agent</text>
+
+  <!-- Blinking cursor after make create-agent -->
+  <rect x="194" y="46" width="10" height="16" fill="#33FF66" style="fill:rgb(51, 255, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4556;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
+    <animate attributeName="opacity" values="1;1;0;0" dur="1s" repeatCount="indefinite" style="fill:rgb(51, 255, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  </rect>
+
+  <!-- ================= CHARACTER =================
+       Grid: 8 cols × 8 rows, 28px per pixel, origin (180, 200) -->
+
+  <!-- Head (narrower top, cols 1-6, rows 0-1) -->
+  <rect x="208" y="200" width="168" height="56" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- Body (wider, cols 0-7, rows 2-5) -->
+  <rect x="180" y="256" width="224" height="112" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- 4 legs (cols 0, 2, 5, 7 @ rows 6-7) -->
+  <rect x="180" y="368" width="28" height="56" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="236" y="368" width="28" height="56" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="320" y="368" width="28" height="56" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="376" y="368" width="28" height="56" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- Eyes (tall vertical rectangles) -->
+  <rect x="236" y="284" width="28" height="56" fill="#1F1512" style="fill:rgb(31, 21, 18);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="320" y="284" width="28" height="56" fill="#1F1512" style="fill:rgb(31, 21, 18);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="240" y="288" width="6" height="6" fill="#4A3A32" style="fill:rgb(74, 58, 50);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="324" y="288" width="6" height="6" fill="#4A3A32" style="fill:rgb(74, 58, 50);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- ================= SMALL OPEN CLAW =================
+       Attached to right shoulder, going up-right -->
+
+  <!-- Arm (col 8, row 1) -->
+  <rect x="404" y="228" width="28" height="28" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <!-- Wrist (col 9, row 0) -->
+  <rect x="432" y="200" width="28" height="28" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <!-- Palm (row -1, cols 8-10) -->
+  <rect x="404" y="172" width="84" height="28" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <!-- Left pincer tip (col 8, row -2) -->
+  <rect x="404" y="144" width="28" height="28" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <!-- Right pincer tip (col 10, row -2) -->
+  <rect x="460" y="144" width="28" height="28" fill="#E87B35" style="fill:rgb(232, 123, 53);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- ================= HIGHLIGHTS (top edges) ================= -->
+  <rect x="208" y="200" width="168" height="4" fill="#FFAE66" opacity="0.9" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="180" y="256" width="28" height="4" fill="#FFAE66" opacity="0.85" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="376" y="256" width="28" height="4" fill="#FFAE66" opacity="0.85" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="180" y="368" width="28" height="4" fill="#FFAE66" opacity="0.8" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.8;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="236" y="368" width="28" height="4" fill="#FFAE66" opacity="0.8" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.8;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="320" y="368" width="28" height="4" fill="#FFAE66" opacity="0.8" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.8;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="376" y="368" width="28" height="4" fill="#FFAE66" opacity="0.8" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.8;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="404" y="144" width="28" height="4" fill="#FFAE66" opacity="0.9" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="460" y="144" width="28" height="4" fill="#FFAE66" opacity="0.9" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="404" y="172" width="84" height="4" fill="#FFAE66" opacity="0.85" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.85;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="404" y="228" width="28" height="4" fill="#FFAE66" opacity="0.75" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.75;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- Left edges (subtle light highlight) -->
+  <rect x="208" y="200" width="4" height="56" fill="#FFAE66" opacity="0.55" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.55;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="180" y="256" width="4" height="112" fill="#FFAE66" opacity="0.45" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.45;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="180" y="368" width="4" height="56" fill="#FFAE66" opacity="0.4" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="236" y="368" width="4" height="56" fill="#FFAE66" opacity="0.4" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="320" y="368" width="4" height="56" fill="#FFAE66" opacity="0.4" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="376" y="368" width="4" height="56" fill="#FFAE66" opacity="0.4" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="404" y="144" width="4" height="28" fill="#FFAE66" opacity="0.55" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.55;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="460" y="144" width="4" height="28" fill="#FFAE66" opacity="0.55" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.55;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="404" y="172" width="4" height="28" fill="#FFAE66" opacity="0.5" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="432" y="200" width="4" height="28" fill="#FFAE66" opacity="0.5" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="404" y="228" width="4" height="28" fill="#FFAE66" opacity="0.5" style="fill:rgb(255, 174, 102);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- ================= SHADOWS (right + bottom edges) ================= -->
+  <rect x="372" y="200" width="4" height="56" fill="#B35A1E" opacity="0.55" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.55;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="400" y="256" width="4" height="112" fill="#B35A1E" opacity="0.55" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.55;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="204" y="368" width="4" height="56" fill="#B35A1E" opacity="0.5" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="260" y="368" width="4" height="56" fill="#B35A1E" opacity="0.5" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="344" y="368" width="4" height="56" fill="#B35A1E" opacity="0.5" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="400" y="368" width="4" height="56" fill="#B35A1E" opacity="0.5" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="428" y="144" width="4" height="28" fill="#B35A1E" opacity="0.55" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.55;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="484" y="144" width="4" height="28" fill="#B35A1E" opacity="0.55" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.55;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="484" y="172" width="4" height="28" fill="#B35A1E" opacity="0.5" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="456" y="200" width="4" height="28" fill="#B35A1E" opacity="0.5" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="428" y="228" width="4" height="28" fill="#B35A1E" opacity="0.5" style="fill:rgb(179, 90, 30);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.5;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- Bottom leg shadows -->
+  <rect x="180" y="420" width="28" height="4" fill="#8B3E10" opacity="0.6" style="fill:rgb(139, 62, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="236" y="420" width="28" height="4" fill="#8B3E10" opacity="0.6" style="fill:rgb(139, 62, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="320" y="420" width="28" height="4" fill="#8B3E10" opacity="0.6" style="fill:rgb(139, 62, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="376" y="420" width="28" height="4" fill="#8B3E10" opacity="0.6" style="fill:rgb(139, 62, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.6;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- Belly underside shadow (between legs) -->
+  <rect x="208" y="364" width="28" height="4" fill="#8B3E10" opacity="0.4" style="fill:rgb(139, 62, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="264" y="364" width="56" height="4" fill="#8B3E10" opacity="0.4" style="fill:rgb(139, 62, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+  <rect x="348" y="364" width="28" height="4" fill="#8B3E10" opacity="0.4" style="fill:rgb(139, 62, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+
+  <!-- Dark accent in the claw mouth gap -->
+  <rect x="432" y="168" width="28" height="4" fill="#8B3E10" opacity="0.4" style="fill:rgb(139, 62, 16);stroke:none;color:rgb(255, 255, 255);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:&quot;Anthropic Sans&quot;, -apple-system, &quot;system-ui&quot;, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
+</svg>