@privateclaw/privateclaw-relay 0.1.3 → 0.1.4

package/dist/relay-web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relay-web.js","sourceRoot":"","sources":["../src/relay-web.ts"],"names":[],"mappings":"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"}

package/dist/web/assets/icon-github.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+  <path fill="#f5f7ff" d="M12 .5C5.65.5.5 5.66.5 12.03c0 5.1 3.3 9.42 7.87 10.95.58.11.79-.25.79-.56 0-.28-.01-1.19-.02-2.16-3.2.7-3.88-1.37-3.88-1.37-.52-1.34-1.28-1.69-1.28-1.69-1.05-.72.08-.71.08-.71 1.16.08 1.78 1.2 1.78 1.2 1.03 1.77 2.71 1.26 3.37.97.1-.75.4-1.26.72-1.55-2.55-.29-5.22-1.28-5.22-5.67 0-1.25.45-2.28 1.18-3.08-.12-.29-.51-1.47.11-3.06 0 0 .97-.31 3.17 1.18a10.9 10.9 0 0 1 5.78 0c2.2-1.49 3.16-1.18 3.16-1.18.63 1.59.24 2.77.12 3.06.74.8 1.18 1.83 1.18 3.08 0 4.4-2.67 5.37-5.24 5.66.41.36.78 1.08.78 2.18 0 1.57-.01 2.83-.01 3.22 0 .31.21.68.8.56A11.55 11.55 0 0 0 23.5 12.03C23.5 5.66 18.35.5 12 .5Z"/>
+</svg>

package/dist/web/assets/icon-google-group.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+  <path fill="#4285F4" d="M23.49 12.27c0-.79-.07-1.55-.2-2.27H12v4.3h6.45a5.52 5.52 0 0 1-2.39 3.63v3.02h3.87c2.27-2.09 3.56-5.18 3.56-8.68Z"/>
+  <path fill="#34A853" d="M12 24c3.24 0 5.95-1.07 7.94-2.91l-3.87-3.02c-1.07.72-2.45 1.14-4.07 1.14-3.13 0-5.79-2.11-6.74-4.95H1.26v3.12A12 12 0 0 0 12 24Z"/>
+  <path fill="#FBBC05" d="M5.26 14.26A7.2 7.2 0 0 1 4.88 12c0-.79.14-1.56.38-2.26V6.62H1.26A12 12 0 0 0 0 12c0 1.94.46 3.77 1.26 5.38l4-3.12Z"/>
+  <path fill="#EA4335" d="M12 4.77c1.76 0 3.33.61 4.57 1.8l3.43-3.43C17.94 1.18 15.24 0 12 0A12 12 0 0 0 1.26 6.62l4 3.12c.95-2.84 3.61-4.97 6.74-4.97Z"/>
+</svg>

package/dist/web/assets/icon-telegram.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+  <path fill="#229ED9" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0Zm5.894 8.163-1.969 9.287c-.149.659-.538.822-1.09.512l-3.014-2.221-1.454 1.4c-.161.161-.296.296-.605.296l.216-3.076 5.598-5.056c.243-.216-.054-.338-.378-.122L8.283 13.54l-2.978-.929c-.647-.204-.659-.647.135-.957l11.64-4.487c.54-.203 1.012.122.814.996Z"/>
+</svg>

package/dist/web/chat/index.html

@@ -0,0 +1,196 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#0b1020" />
+    <meta name="description" content="PrivateClaw web chat." />
+    <title>PrivateClaw Web Chat</title>
+    <link rel="icon" type="image/png" href="../assets/privateclaw_app_icon.png?v=20260314-2" />
+    <link rel="stylesheet" href="../styles.css?v=20260316-3" />
+  </head>
+  <body class="chat-page">
+    <div class="aurora aurora-a"></div>
+    <div class="aurora aurora-b"></div>
+    <div class="aurora aurora-c"></div>
+    <div class="noise-layer"></div>
+
+    <div class="chat-shell">
+      <header class="chat-header glass-panel">
+        <div class="chat-header-left">
+          <a class="brand-mark compact" href="../">
+            <span class="brand-icon-wrap">
+              <img src="../assets/privateclaw_app_icon.png?v=20260314-2" alt="PrivateClaw" class="brand-icon" />
+            </span>
+            <span class="brand-copy">
+              <strong>PrivateClaw</strong>
+              <span data-i18n="chat.headerTagline"></span>
+            </span>
+          </a>
+        </div>
+
+        <div class="chat-header-actions">
+          <a class="ghost-button subtle-button icon-link" href="https://github.com/topcheer/PrivateClaw" target="_blank" rel="noreferrer">
+            <img src="../assets/icon-github.svg?v=20260314-1" alt="" class="icon-link-image" />
+            <span class="sr-only" data-i18n="site.navGithub"></span>
+          </a>
+          <span class="status-pill" id="status-pill"></span>
+          <label class="locale-picker" for="chat-locale-select">
+            <span class="sr-only" data-i18n="site.languageLabel"></span>
+            <select id="chat-locale-select" aria-label="Language"></select>
+          </label>
+          <button id="disconnect-button" class="ghost-button subtle-button hidden" type="button" hidden>
+            <span data-i18n="chat.disconnectButton"></span>
+          </button>
+        </div>
+      </header>
+
+      <main class="chat-main">
+        <section class="session-sidebar glass-panel" id="session-sidebar">
+          <div class="desktop-note hidden" id="desktop-note" hidden>
+            <strong data-i18n="chat.desktopNoteTitle"></strong>
+            <p data-i18n="chat.desktopNoteBody"></p>
+          </div>
+
+          <div class="session-card-header">
+            <div>
+              <span class="section-kicker" data-i18n="chat.connectKicker"></span>
+              <h1 data-i18n="chat.connectTitle"></h1>
+              <p data-i18n="chat.connectBody"></p>
+            </div>
+            <button id="toggle-invite-button" class="ghost-button subtle-button hidden" type="button" hidden>
+              <span data-i18n="chat.changeInviteButton"></span>
+            </button>
+          </div>
+
+          <div class="status-panel" id="status-panel">
+            <div class="status-panel-icon">&#128274;</div>
+            <div>
+              <div class="status-panel-title" data-i18n="chat.statusPanelTitle"></div>
+              <div class="status-panel-copy" id="status-copy"></div>
+            </div>
+          </div>
+
+          <form id="connect-form" class="connect-form">
+            <label class="field-label" for="invite-input" data-i18n="chat.inviteInputLabel"></label>
+            <textarea id="invite-input" rows="4" spellcheck="false"></textarea>
+            <p class="field-help" data-i18n="chat.inviteInputHelp"></p>
+            <div class="connect-aux-row">
+              <button id="scan-button" class="ghost-button" type="button">
+                <span data-i18n="chat.scanButton"></span>
+              </button>
+              <button id="scan-image-button" class="ghost-button" type="button">
+                <span data-i18n="chat.scanImageButton"></span>
+              </button>
+              <input id="invite-scan-input" type="file" accept="image/*" hidden />
+            </div>
+            <p class="field-help" id="scan-help" data-i18n="chat.scanHelp"></p>
+            <button class="primary-button full-width" id="connect-button" type="submit">
+              <span data-i18n="chat.connectButton"></span>
+            </button>
+          </form>
+
+          <div class="session-meta hidden" id="session-meta" hidden>
+            <div class="meta-grid">
+              <div class="meta-item">
+                <span class="meta-label" data-i18n="chat.providerLabel"></span>
+                <strong id="provider-label">-</strong>
+              </div>
+              <div class="meta-item">
+                <span class="meta-label" data-i18n="chat.expiresLabel"></span>
+                <strong id="expires-label">-</strong>
+              </div>
+              <div class="meta-item">
+                <span class="meta-label" data-i18n="chat.modeLabel"></span>
+                <strong id="mode-label">-</strong>
+              </div>
+              <div class="meta-item">
+                <span class="meta-label" data-i18n="chat.relayLabel"></span>
+                <strong id="relay-label">-</strong>
+              </div>
+              <div class="meta-item">
+                <span class="meta-label" data-i18n="chat.identityLabel"></span>
+                <strong id="identity-label">-</strong>
+              </div>
+            </div>
+            <div class="participant-section">
+              <div class="participant-header">
+                <span data-i18n="chat.participantsLabel"></span>
+                <span class="participant-count" id="participant-count">0</span>
+              </div>
+              <div class="participant-chips" id="participant-chips"></div>
+            </div>
+          </div>
+
+          <a class="ghost-button full-width beta-link" href="https://groups.google.com/g/gg-studio-ai-products" target="_blank" rel="noreferrer" data-i18n="chat.betaGroupButton"></a>
+        </section>
+
+        <section class="chat-card glass-panel">
+          <div class="messages-scroll" id="messages-scroll">
+            <div class="empty-state" id="empty-state">
+              <div class="empty-icon">&#10024;</div>
+              <h2 data-i18n="chat.emptyTitle"></h2>
+              <p data-i18n="chat.emptyBody"></p>
+            </div>
+            <div class="message-list" id="message-list"></div>
+          </div>
+
+          <div class="draft-strip hidden" id="draft-strip" hidden>
+            <div class="draft-strip-header">
+              <span data-i18n="chat.draftAttachmentsLabel"></span>
+            </div>
+            <div class="draft-chip-row" id="draft-chip-row"></div>
+          </div>
+
+          <form class="composer" id="composer-form">
+            <input id="file-input" type="file" multiple hidden />
+            <button id="attach-button" class="icon-button" type="button" aria-label="Attach file">&#43;</button>
+            <button id="command-button" class="icon-button" type="button" aria-label="Slash commands">&#47;</button>
+            <textarea id="composer-input" rows="1" spellcheck="true"></textarea>
+            <button id="send-button" class="primary-button send-button" type="submit">
+              <span data-i18n="chat.sendButton"></span>
+            </button>
+          </form>
+        </section>
+      </main>
+    </div>
+
+    <div class="sheet-overlay hidden" id="command-sheet" hidden>
+      <div class="sheet-card glass-panel">
+        <div class="sheet-header">
+          <strong data-i18n="chat.commandSheetTitle"></strong>
+          <button id="close-command-sheet" class="ghost-button subtle-button" type="button">Close</button>
+        </div>
+        <div class="command-list" id="command-list"></div>
+      </div>
+    </div>
+
+    <div class="sheet-overlay hidden" id="scanner-sheet" hidden>
+      <div class="sheet-card glass-panel scanner-sheet-card">
+        <div class="sheet-header">
+          <div>
+            <strong data-i18n="chat.scannerTitle"></strong>
+            <p class="field-help scanner-body" data-i18n="chat.scannerBody"></p>
+          </div>
+          <button id="close-scanner-sheet" class="ghost-button subtle-button" type="button">
+            <span data-i18n="chat.scannerCloseButton"></span>
+          </button>
+        </div>
+        <div class="scanner-preview-frame">
+          <video id="scanner-video" class="scanner-video" playsinline muted></video>
+          <div class="scanner-guides" aria-hidden="true"></div>
+        </div>
+        <p class="scanner-status" id="scanner-status" data-i18n="chat.scannerStatusStarting"></p>
+        <div class="scanner-actions">
+          <button id="scanner-upload-button" class="ghost-button full-width" type="button">
+            <span data-i18n="chat.scanImageButton"></span>
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <div class="toast-stack" id="toast-stack"></div>
+
+    <script type="module" src="../scripts/chat.js?v=20260316-3"></script>
+  </body>
+</html>

package/dist/web/index.html

@@ -0,0 +1,174 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#0b1020" />
+    <meta name="description" content="PrivateClaw gives you beautiful, private rooms for the people you trust around one shared OpenClaw." />
+    <title>PrivateClaw</title>
+    <link rel="icon" type="image/png" href="./assets/privateclaw_app_icon.png?v=20260314-2" />
+    <link rel="stylesheet" href="./styles.css?v=20260316-3" />
+  </head>
+  <body class="marketing-page">
+    <div class="aurora aurora-a"></div>
+    <div class="aurora aurora-b"></div>
+    <div class="aurora aurora-c"></div>
+    <div class="noise-layer"></div>
+
+    <div class="site-shell">
+      <header class="topbar glass-panel">
+        <a class="brand-mark" href="./" aria-label="PrivateClaw home">
+          <span class="brand-icon-wrap">
+            <img src="./assets/privateclaw_app_icon.png?v=20260314-2" alt="PrivateClaw" class="brand-icon" />
+          </span>
+          <span class="brand-copy">
+            <strong>PrivateClaw</strong>
+            <span data-i18n="site.brandTagline"></span>
+          </span>
+        </a>
+
+        <nav class="topbar-actions">
+          <a class="ghost-button icon-link" href="https://github.com/topcheer/PrivateClaw" target="_blank" rel="noreferrer">
+            <img src="./assets/icon-github.svg?v=20260314-1" alt="" class="icon-link-image" />
+            <span class="sr-only" data-i18n="site.navGithub"></span>
+          </a>
+          <a class="ghost-button icon-link google-icon-link" href="https://groups.google.com/g/gg-studio-ai-products" target="_blank" rel="noreferrer">
+            <img src="./assets/icon-google-group.svg?v=20260314-1" alt="" class="icon-link-image" />
+            <span class="sr-only" data-i18n="site.navBetaGroup"></span>
+          </a>
+          <a class="ghost-button icon-link" href="https://t.me/+W3RUKxEO9kIxMmZl" target="_blank" rel="noreferrer">
+            <img src="./assets/icon-telegram.svg?v=20260314-1" alt="" class="icon-link-image" />
+            <span class="sr-only" data-i18n="site.navTelegramGroup"></span>
+          </a>
+          <label class="locale-picker" for="locale-select">
+            <span class="sr-only" data-i18n="site.languageLabel"></span>
+            <select id="locale-select" aria-label="Language"></select>
+          </label>
+        </nav>
+      </header>
+
+      <main>
+        <section class="hero-grid">
+          <div class="hero-copy-column">
+            <div class="eyebrow-pill" data-i18n="site.heroBadge"></div>
+            <h1 class="hero-title" data-i18n="site.heroTitle"></h1>
+            <p class="hero-body" data-i18n="site.heroBody"></p>
+
+            <div class="hero-cta-row">
+              <a id="web-entry" class="primary-button" href="./chat/">
+                <span data-i18n="site.heroPrimaryCta"></span>
+              </a>
+              <a class="ghost-button" href="https://groups.google.com/g/gg-studio-ai-products" target="_blank" rel="noreferrer" data-i18n="site.heroSecondaryCta"></a>
+            </div>
+
+            <div class="device-hint card-inline">
+              <p id="device-hint-copy" data-i18n="site.heroDesktopHint"></p>
+            </div>
+
+            <div class="coming-soon-row">
+              <span class="coming-soon-badge" data-i18n="site.appComingSoon"></span>
+              <div class="store-button-grid">
+                <a
+                  class="store-button store-button-live"
+                  href="https://testflight.apple.com/join/XvgJ9c33"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  <span class="store-button-label" data-i18n="site.iosComingSoon"></span>
+                </a>
+                <a
+                  class="store-button store-button-live"
+                  href="https://play.google.com/store/apps/details?id=gg.ai.privateclaw"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  <span class="store-button-label" data-i18n="site.androidComingSoon"></span>
+                </a>
+              </div>
+              <p class="community-footnote" data-i18n="site.androidBetaNote"></p>
+            </div>
+
+            <div class="hero-stats" id="hero-stats"></div>
+          </div>
+
+          <div class="hero-stage-column">
+            <div class="hero-stage-frame">
+              <div class="hero-stage-backdrop"></div>
+              <img src="./assets/privateclaw_feature_graphic.png?v=20260314-1" alt="PrivateClaw feature graphic" class="hero-stage-art" />
+              <div class="phone-shell">
+                <div class="phone-notch"></div>
+                <div class="phone-screen">
+                  <div class="preview-status-pill" data-i18n="site.previewStatus"></div>
+                  <h2 class="preview-title" data-i18n="site.previewTitle"></h2>
+                  <p class="preview-body" data-i18n="site.previewBody"></p>
+                  <div class="preview-chat" id="preview-chat"></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <section class="section-block">
+          <div class="section-heading">
+            <span class="section-kicker" data-i18n="site.featuresKicker"></span>
+            <h2 data-i18n="site.featuresTitle"></h2>
+            <p data-i18n="site.featuresBody"></p>
+          </div>
+          <div class="feature-grid" id="feature-grid"></div>
+        </section>
+
+        <section class="section-block scenic-section">
+          <div class="section-heading">
+            <span class="section-kicker" data-i18n="site.scenariosKicker"></span>
+            <h2 data-i18n="site.scenariosTitle"></h2>
+            <p data-i18n="site.scenariosBody"></p>
+          </div>
+          <div class="scenario-grid" id="scenario-grid"></div>
+        </section>
+
+        <section class="section-block setup-section">
+          <div class="section-heading">
+            <span class="section-kicker" data-i18n="site.setupKicker"></span>
+            <h2 data-i18n="site.setupTitle"></h2>
+            <p data-i18n="site.setupBody"></p>
+          </div>
+          <div class="setup-grid" id="setup-grid"></div>
+        </section>
+
+        <section class="section-block community-section">
+          <div class="community-card glass-panel">
+            <div>
+              <span class="section-kicker" data-i18n="site.betaKicker"></span>
+              <h2 data-i18n="site.betaTitle"></h2>
+              <p data-i18n="site.betaBody"></p>
+            </div>
+            <div class="community-actions">
+              <a class="primary-button" href="https://groups.google.com/g/gg-studio-ai-products" target="_blank" rel="noreferrer" data-i18n="site.betaPrimaryCta"></a>
+              <a class="ghost-button" href="https://t.me/+W3RUKxEO9kIxMmZl" target="_blank" rel="noreferrer" data-i18n="site.betaTelegramCta"></a>
+              <span class="community-footnote" data-i18n="site.betaFootnote"></span>
+            </div>
+          </div>
+        </section>
+      </main>
+
+      <footer class="footer-bar glass-panel">
+        <div class="footer-copy">
+          <strong>PrivateClaw</strong>
+          <p data-i18n="site.footerLine"></p>
+          <p class="footer-note" data-i18n="site.footerDisclaimer"></p>
+          <div class="footer-links">
+            <a href="./privacy/" data-i18n="site.footerPrivacy"></a>
+            <a href="./terms/" data-i18n="site.footerTerms"></a>
+          </div>
+        </div>
+        <div class="footer-meta footer-legal">
+          <span>privateclaw.us</span>
+          <span data-i18n="site.footerSupport"></span>
+          <span data-i18n="site.footerCopyright"></span>
+        </div>
+      </footer>
+    </div>
+
+    <script type="module" src="./scripts/site.js?v=20260316-3"></script>
+  </body>
+</html>

package/dist/web/privacy/index.html

@@ -0,0 +1,83 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#0b1020" />
+    <meta name="description" content="PrivateClaw privacy policy." />
+    <title>PrivateClaw Privacy</title>
+    <link rel="icon" type="image/png" href="../assets/privateclaw_app_icon.png?v=20260314-2" />
+    <link rel="stylesheet" href="../styles.css?v=20260316-3" />
+  </head>
+  <body class="marketing-page policy-page" data-policy-page="privacy">
+    <div class="aurora aurora-a"></div>
+    <div class="aurora aurora-b"></div>
+    <div class="aurora aurora-c"></div>
+    <div class="noise-layer"></div>
+
+    <div class="site-shell">
+      <header class="topbar glass-panel">
+        <a class="brand-mark" href="../" aria-label="PrivateClaw home">
+          <span class="brand-icon-wrap">
+            <img src="../assets/privateclaw_app_icon.png?v=20260314-2" alt="PrivateClaw" class="brand-icon" />
+          </span>
+          <span class="brand-copy">
+            <strong>PrivateClaw</strong>
+            <span data-i18n="site.brandTagline"></span>
+          </span>
+        </a>
+
+        <nav class="topbar-actions">
+          <a class="ghost-button icon-link" href="https://github.com/topcheer/PrivateClaw" target="_blank" rel="noreferrer">
+            <img src="../assets/icon-github.svg?v=20260314-1" alt="" class="icon-link-image" />
+            <span class="sr-only" data-i18n="site.navGithub"></span>
+          </a>
+          <a class="ghost-button icon-link google-icon-link" href="https://groups.google.com/g/gg-studio-ai-products" target="_blank" rel="noreferrer">
+            <img src="../assets/icon-google-group.svg?v=20260314-1" alt="" class="icon-link-image" />
+            <span class="sr-only" data-i18n="site.navBetaGroup"></span>
+          </a>
+          <a class="ghost-button icon-link" href="https://t.me/+W3RUKxEO9kIxMmZl" target="_blank" rel="noreferrer">
+            <img src="../assets/icon-telegram.svg?v=20260314-1" alt="" class="icon-link-image" />
+            <span class="sr-only" data-i18n="site.navTelegramGroup"></span>
+          </a>
+          <label class="locale-picker" for="locale-select">
+            <span class="sr-only" data-i18n="site.languageLabel"></span>
+            <select id="locale-select" aria-label="Language"></select>
+          </label>
+        </nav>
+      </header>
+
+      <main class="policy-main">
+        <section class="policy-hero glass-panel">
+          <span class="section-kicker" id="policy-kicker"></span>
+          <h1 id="policy-title"></h1>
+          <p class="hero-body" id="policy-body"></p>
+          <div class="policy-updated">
+            <strong id="policy-updated-label"></strong>
+            <span id="policy-updated-value"></span>
+          </div>
+        </section>
+        <section class="policy-sections" id="policy-sections"></section>
+      </main>
+
+      <footer class="footer-bar glass-panel">
+        <div class="footer-copy">
+          <strong>PrivateClaw</strong>
+          <p data-i18n="site.footerLine"></p>
+          <p class="footer-note" data-i18n="site.footerDisclaimer"></p>
+          <div class="footer-links">
+            <a href="../privacy/" data-i18n="site.footerPrivacy"></a>
+            <a href="../terms/" data-i18n="site.footerTerms"></a>
+          </div>
+        </div>
+        <div class="footer-meta footer-legal">
+          <span>privateclaw.us</span>
+          <span data-i18n="site.footerSupport"></span>
+          <span data-i18n="site.footerCopyright"></span>
+        </div>
+      </footer>
+    </div>
+
+    <script type="module" src="../scripts/policy.js?v=20260316-3"></script>
+  </body>
+</html>