@james-wu/tokenguard-ui 0.1.0

package/LICENSE

@@ -0,0 +1,184 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities
+that control, are controlled by, or are under common control with that entity.
+For the purposes of this definition, "control" means (i) the power, direct or
+indirect, to cause the direction or management of such entity, whether by
+contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
+
+"Object" form shall mean any form resulting from mechanical transformation or
+translation of a Source form, including but not limited to compiled object code,
+generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form,
+made available under the License, as indicated by a copyright notice that is
+included in or attached to the work (an example is provided in the Appendix
+below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that
+is based on (or derived from) the Work and for which the editorial revisions,
+annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works
+shall not include works that remain separable from, or merely link (or bind by
+name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original
+version of the Work and any modifications or additions to that Work or
+Derivative Works thereof, that is intentionally submitted to Licensor for
+inclusion in the Work by the copyright owner or by an individual or Legal
+Entity authorized to submit on behalf of the copyright owner. For the purposes
+of this definition, "submitted" means any form of electronic, verbal, or
+written communication sent to the Licensor or its representatives, including
+but not limited to communication on electronic mailing lists, source code
+control systems, and issue tracking systems that are managed by, or on behalf
+of, the Licensor for the purpose of discussing and improving the Work, but
+excluding communication that is conspicuously marked or otherwise designated in
+writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
+of whom a Contribution has been received by Licensor and subsequently
+incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this
+License, each Contributor hereby grants to You a perpetual, worldwide,
+non-exclusive, no-charge, royalty-free, irrevocable copyright license to
+reproduce, prepare Derivative Works of, publicly display, publicly perform,
+sublicense, and distribute the Work and such Derivative Works in Source or
+Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this
+License, each Contributor hereby grants to You a perpetual, worldwide,
+non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this
+section) patent license to make, have made, use, offer to sell, sell, import,
+and otherwise transfer the Work, where such license applies only to those
+patent claims licensable by such Contributor that are necessarily infringed by
+their Contribution(s) alone or by combination of their Contribution(s) with the
+Work to which such Contribution(s) was submitted. If You institute patent
+litigation against any entity (including a cross-claim or counterclaim in a
+lawsuit) alleging that the Work or a Contribution incorporated within the Work
+constitutes direct or contributory patent infringement, then any patent
+licenses granted to You under this License for that Work shall terminate as of
+the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or
+Derivative Works thereof in any medium, with or without modifications, and in
+Source or Object form, provided that You meet the following conditions:
+
+(a) You must give any other recipients of the Work or Derivative Works a copy
+of this License; and
+
+(b) You must cause any modified files to carry prominent notices stating that
+You changed the files; and
+
+(c) You must retain, in the Source form of any Derivative Works that You
+distribute, all copyright, patent, trademark, and attribution notices from the
+Source form of the Work, excluding those notices that do not pertain to any
+part of the Derivative Works; and
+
+(d) If the Work includes a "NOTICE" text file as part of its distribution, then
+any Derivative Works that You distribute must include a readable copy of the
+attribution notices contained within such NOTICE file, excluding those notices
+that do not pertain to any part of the Derivative Works, in at least one of the
+following places: within a NOTICE text file distributed as part of the
+Derivative Works; within the Source form or documentation, if provided along
+with the Derivative Works; or, within a display generated by the Derivative
+Works, if and wherever such third-party notices normally appear. The contents
+of the NOTICE file are for informational purposes only and do not modify the
+License. You may add Your own attribution notices within Derivative Works that
+You distribute, alongside or as an addendum to the NOTICE text from the Work,
+provided that such additional attribution notices cannot be construed as
+modifying the License.
+
+You may add Your own copyright statement to Your modifications and may provide
+additional or different license terms and conditions for use, reproduction, or
+distribution of Your modifications, or for any such Derivative Works as a
+whole, provided Your use, reproduction, and distribution of the Work otherwise
+complies with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any
+Contribution intentionally submitted for inclusion in the Work by You to the
+Licensor shall be under the terms and conditions of this License, without any
+additional terms or conditions. Notwithstanding the above, nothing herein shall
+supersede or modify the terms of any separate license agreement you may have
+executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names,
+trademarks, service marks, or product names of the Licensor, except as required
+for reasonable and customary use in describing the origin of the Work and
+reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in
+writing, Licensor provides the Work (and each Contributor provides its
+Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied, including, without limitation, any warranties
+or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+PARTICULAR PURPOSE. You are solely responsible for determining the
+appropriateness of using or redistributing the Work and assume any risks
+associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in
+tort (including negligence), contract, or otherwise, unless required by
+applicable law (such as deliberate and grossly negligent acts) or agreed to in
+writing, shall any Contributor be liable to You for damages, including any
+direct, indirect, special, incidental, or consequential damages of any
+character arising as a result of this License or out of the use or inability to
+use the Work (including but not limited to damages for loss of goodwill, work
+stoppage, computer failure or malfunction, or any and all other commercial
+damages or losses), even if such Contributor has been advised of the
+possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or
+Derivative Works thereof, You may choose to offer, and charge a fee for,
+acceptance of support, warranty, indemnity, or other liability obligations
+and/or rights consistent with this License. However, in accepting such
+obligations, You may act only on Your own behalf and on Your sole
+responsibility, not on behalf of any other Contributor, and only if You agree
+to indemnify, defend, and hold each Contributor harmless for any liability
+incurred by, or claims asserted against, such Contributor by reason of your
+accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+To apply the Apache License to your work, attach the following boilerplate
+notice, with the fields enclosed by brackets "[]" replaced with your own
+identifying information. (Don't include the brackets.) The text should be
+enclosed in the appropriate comment syntax for the file format. We also
+recommend that a file or class name and description of purpose be included on
+the same "printed page" as the copyright notice for easier identification
+within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,87 @@
+# `@james-wu/tokenguard-ui`
+
+Embeddable UI components for rendering TokenGuard risk alerts, phishing banners, and AI explanation panels inside wallets, browser extensions, exchanges, and security dashboards.
+
+Best for:
+
+- wallet popups and confirmation dialogs
+- extension pages and side panels
+- exchange or analyst dashboards
+- lightweight framework-agnostic embeds
+
+## Installation
+
+```bash
+npm install @james-wu/tokenguard-ui
+```
+
+## Links
+
+- Repository: [James-Wuguoqing/tokenguard-ai](https://github.com/James-Wuguoqing/tokenguard-ai)
+- Package: [npmjs.com/package/@james-wu/tokenguard-ui](https://www.npmjs.com/package/@james-wu/tokenguard-ui)
+- SDK package: [npmjs.com/package/@james-wu/tokenguard-sdk](https://www.npmjs.com/package/@james-wu/tokenguard-sdk)
+- Embedded widget example: [examples/embedded-widget](https://github.com/James-Wuguoqing/tokenguard-ai/tree/main/examples/embedded-widget)
+- Local demo console: [demo/index.html](https://github.com/James-Wuguoqing/tokenguard-ai/blob/main/demo/index.html)
+
+## Included
+
+- `RiskAlertCard()`
+- `DomainWarningBanner()`
+- `AIExplainPanel()`
+- `clearNode()`
+- `injectTokenGuardStyles()`
+- `tokenGuardBaseStyles`
+
+## Quick Start
+
+```ts
+import {
+  AIExplainPanel,
+  RiskAlertCard,
+  injectTokenGuardStyles
+} from "@james-wu/tokenguard-ui";
+
+injectTokenGuardStyles();
+
+const riskCard = RiskAlertCard({
+  riskLevel: "high",
+  title: "High-risk approval detected",
+  summary: "This action would allow a third party to spend your tokens.",
+  score: 92,
+  reasons: ["infinite_approval_detected", "suspicious_origin_domain"],
+  actions: ["Cancel the signature", "Switch to an exact approval amount"]
+});
+
+const explainPanel = AIExplainPanel({
+  title: "Why this matters",
+  explanation: "This is not a wallet login request. It is a token approval with long-lived permissions.",
+  bullets: ["The spender can move assets later.", "The page origin looks suspicious."],
+  caution: "Verify the site and contract before signing."
+});
+
+document.body.append(riskCard, explainPanel);
+```
+
+## Usage Model
+
+This package renders UI only. It does not fetch risk data by itself.
+
+Typical integration flow:
+
+1. call the TokenGuard API directly or via `@james-wu/tokenguard-sdk`
+2. map the returned risk result into UI props
+3. render the corresponding card, banner, or explanation panel
+
+## Styling
+
+- Components return plain DOM nodes, which makes the package friendly for lightweight or framework-agnostic embeds.
+- Styles are not injected automatically. Call `injectTokenGuardStyles()` before rendering if you want the default look.
+- If you already have a design system, you can reuse the generated structure and replace the styling layer.
+
+## Pairing With The SDK
+
+The usual production flow is:
+
+1. fetch a structured risk result with `@james-wu/tokenguard-sdk` or the HTTP API
+2. map that result into UI props
+3. render the corresponding card, warning banner, or explanation panel

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import type { AIExplainSourceBarProps, AIExplainPanelProps, DomainWarningBannerProps, RiskAlertCardProps } from "./types.js";
+export { injectTokenGuardStyles, tokenGuardBaseStyles } from "./styles.js";
+export declare function clearNode(target: Element): void;
+export declare function RiskAlertCard(props: RiskAlertCardProps): HTMLElement;
+export declare function DomainWarningBanner(props: DomainWarningBannerProps): HTMLElement;
+export declare function AIExplainPanel(props: AIExplainPanelProps): HTMLElement;
+export declare function AIExplainSourceBar(props: AIExplainSourceBarProps): HTMLElement;
+export type { AIExplainPanelProps, AIExplainSourceBarProps, AIExplainSourceMeta, AIExplainSourceStatus, DomainWarningBannerProps, RiskAlertCardProps, RiskLevel, UserLevel } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,EACxB,kBAAkB,EAGnB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAgC3E,wBAAgB,SAAS,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAE/C;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,WAAW,CAiCpE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,WAAW,CAQhF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,WAAW,CA+BtE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,WAAW,CAqC9E;AAED,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,kBAAkB,EAClB,SAAS,EACT,SAAS,EACV,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,116 @@
+export { injectTokenGuardStyles, tokenGuardBaseStyles } from "./styles.js";
+function createElement(tag, className, textContent) {
+    const element = document.createElement(tag);
+    if (className) {
+        element.className = className;
+    }
+    if (textContent) {
+        element.textContent = textContent;
+    }
+    return element;
+}
+function levelLabel(riskLevel) {
+    if (riskLevel === "high") {
+        return "高风险";
+    }
+    if (riskLevel === "medium") {
+        return "中风险";
+    }
+    return "低风险";
+}
+export function clearNode(target) {
+    target.replaceChildren();
+}
+export function RiskAlertCard(props) {
+    const card = createElement("article", `tg-card tg-card--${props.riskLevel}`);
+    const header = createElement("div", "tg-card__header");
+    const badge = createElement("span", "tg-badge", levelLabel(props.riskLevel));
+    const title = createElement("h3", "tg-card__title", props.title);
+    const summary = createElement("p", "tg-card__summary", props.summary);
+    const meta = createElement("div", "tg-card__meta");
+    const actions = createElement("ul", "tg-card__list");
+    header.append(badge, title);
+    if (typeof props.score === "number") {
+        meta.append(createElement("span", "tg-card__score", `Risk Score ${props.score}`));
+    }
+    if (props.reasons?.length) {
+        const reasons = createElement("div", "tg-pill-row");
+        for (const reason of props.reasons) {
+            reasons.append(createElement("span", "tg-pill", reason));
+        }
+        meta.append(reasons);
+    }
+    for (const action of props.actions) {
+        const item = createElement("li", "tg-card__list-item", action);
+        actions.append(item);
+    }
+    card.append(header, summary, meta, actions);
+    return card;
+}
+export function DomainWarningBanner(props) {
+    const banner = createElement("section", `tg-banner ${props.visible ? "is-visible" : ""}`);
+    const label = createElement("strong", "tg-banner__label", "Domain Guard");
+    const message = createElement("p", "tg-banner__message", props.message);
+    banner.append(label, message);
+    return banner;
+}
+export function AIExplainPanel(props) {
+    const panel = createElement("section", "tg-ai-panel");
+    const head = createElement("div", "tg-ai-panel__head");
+    const title = createElement("h4", "tg-ai-panel__title", props.title ?? "AI 风险解释");
+    const eyebrow = createElement("span", "tg-ai-panel__eyebrow", props.level === "advanced" ? "Advanced Lens" : "AI Explain");
+    const body = createElement("p", "tg-ai-panel__body", props.explanation);
+    const badge = props.badge ? createElement("span", "tg-ai-panel__badge", props.badge) : null;
+    const list = props.bullets?.length ? createElement("ul", "tg-ai-panel__list") : null;
+    const caution = props.caution ? createElement("p", "tg-ai-panel__caution", props.caution) : null;
+    if (badge) {
+        head.append(title, badge);
+    }
+    else {
+        head.append(title);
+    }
+    panel.append(eyebrow, head, body);
+    if (list) {
+        for (const item of props.bullets ?? []) {
+            list.append(createElement("li", "", item));
+        }
+        panel.append(list);
+    }
+    if (caution) {
+        panel.append(caution);
+    }
+    return panel;
+}
+export function AIExplainSourceBar(props) {
+    const bar = createElement("section", `tg-source-bar tg-source-bar--${props.status}`);
+    const eyebrow = createElement("span", "tg-source-bar__eyebrow", "Explain Source");
+    const head = createElement("div", "tg-source-bar__head");
+    const title = createElement("h4", "tg-source-bar__title", props.title);
+    const summary = createElement("p", "tg-source-bar__summary", props.summary);
+    const badge = props.badge ? createElement("span", "tg-source-bar__badge", props.badge) : null;
+    const meta = props.meta?.length ? createElement("div", "tg-source-bar__meta") : null;
+    const actions = props.actions?.length ? createElement("ul", "tg-source-bar__actions") : null;
+    if (badge) {
+        head.append(title, badge);
+    }
+    else {
+        head.append(title);
+    }
+    bar.append(eyebrow, head, summary);
+    if (meta) {
+        for (const item of props.meta ?? []) {
+            const row = createElement("div", "tg-source-bar__meta-item");
+            row.append(createElement("span", "tg-source-bar__meta-label", item.label), createElement("strong", "tg-source-bar__meta-value", item.value));
+            meta.append(row);
+        }
+        bar.append(meta);
+    }
+    if (actions) {
+        for (const item of props.actions ?? []) {
+            actions.append(createElement("li", "tg-source-bar__actions-item", item));
+        }
+        bar.append(actions);
+    }
+    return bar;
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const tokenGuardBaseStyles = "\n.tg-card,\n.tg-banner,\n.tg-ai-panel,\n.tg-source-bar {\n  border: 1px solid rgba(120, 166, 255, 0.18);\n  border-radius: 18px;\n  background: rgba(8, 18, 33, 0.96);\n  color: #eef5ff;\n  font-family: \"Trebuchet MS\", \"Segoe UI\", sans-serif;\n  box-sizing: border-box;\n}\n\n.tg-card {\n  padding: 18px;\n}\n\n.tg-card--high {\n  border-color: rgba(255, 111, 97, 0.42);\n}\n\n.tg-card--medium {\n  border-color: rgba(244, 184, 96, 0.42);\n}\n\n.tg-card--low {\n  border-color: rgba(79, 209, 162, 0.38);\n}\n\n.tg-card__header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 14px;\n}\n\n.tg-card__title {\n  margin: 0;\n  font-size: 1.12rem;\n}\n\n.tg-card__summary,\n.tg-banner__message,\n.tg-ai-panel__body {\n  margin: 0;\n  color: #aac0dd;\n  line-height: 1.55;\n}\n\n.tg-card__meta {\n  display: grid;\n  gap: 12px;\n  margin: 16px 0 12px;\n}\n\n.tg-card__list {\n  margin: 0;\n  padding-left: 20px;\n}\n\n.tg-card__list-item + .tg-card__list-item {\n  margin-top: 8px;\n}\n\n.tg-badge,\n.tg-pill {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 999px;\n  font-size: 0.82rem;\n}\n\n.tg-badge {\n  padding: 6px 10px;\n  background: rgba(120, 166, 255, 0.18);\n  color: #d7e6ff;\n}\n\n.tg-pill-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.tg-pill {\n  padding: 6px 10px;\n  background: rgba(255, 255, 255, 0.06);\n  color: #cde0fb;\n}\n\n.tg-banner,\n.tg-ai-panel,\n.tg-source-bar {\n  padding: 16px 18px;\n}\n\n.tg-banner__label,\n.tg-ai-panel__eyebrow,\n.tg-source-bar__eyebrow {\n  display: block;\n  margin-bottom: 8px;\n  color: #8fc6ff;\n  font-size: 0.76rem;\n  text-transform: uppercase;\n  letter-spacing: 0.16em;\n}\n\n.tg-ai-panel__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 10px;\n}\n\n.tg-ai-panel__title {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.tg-ai-panel__badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 10px;\n  border-radius: 999px;\n  background: rgba(120, 166, 255, 0.16);\n  color: #d7e6ff;\n  font-size: 0.78rem;\n}\n\n.tg-ai-panel__list {\n  margin: 12px 0 0;\n  padding-left: 20px;\n  color: #e7f1ff;\n}\n\n.tg-ai-panel__list li + li {\n  margin-top: 8px;\n}\n\n.tg-ai-panel__caution {\n  margin-top: 12px;\n  color: #f4b860;\n  font-size: 0.88rem;\n}\n\n.tg-source-bar--live {\n  border-color: rgba(79, 209, 162, 0.3);\n}\n\n.tg-source-bar--fallback {\n  border-color: rgba(244, 184, 96, 0.34);\n}\n\n.tg-source-bar--template {\n  border-color: rgba(120, 166, 255, 0.26);\n}\n\n.tg-source-bar__head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 10px;\n}\n\n.tg-source-bar__title {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.tg-source-bar__badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 6px 10px;\n  border-radius: 999px;\n  background: rgba(120, 166, 255, 0.16);\n  color: #d7e6ff;\n  font-size: 0.78rem;\n}\n\n.tg-source-bar__summary {\n  margin: 0;\n  color: #aac0dd;\n  line-height: 1.55;\n}\n\n.tg-source-bar__meta {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n  gap: 10px;\n  margin-top: 14px;\n}\n\n.tg-source-bar__meta-item {\n  display: grid;\n  gap: 6px;\n  padding: 10px 12px;\n  border-radius: 14px;\n  background: rgba(255, 255, 255, 0.04);\n}\n\n.tg-source-bar__meta-label {\n  color: #9bb5d7;\n  font-size: 0.76rem;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n}\n\n.tg-source-bar__meta-value {\n  font-size: 0.92rem;\n}\n\n.tg-source-bar__actions {\n  margin: 14px 0 0;\n  padding-left: 20px;\n  color: #e7f1ff;\n}\n\n.tg-source-bar__actions-item + .tg-source-bar__actions-item {\n  margin-top: 8px;\n}\n";
+export declare function injectTokenGuardStyles(doc?: Document): HTMLStyleElement;
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,grHA8NhC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,GAAG,GAAE,QAAmB,GAAG,gBAAgB,CAajF"}

package/dist/styles.js

@@ -0,0 +1,235 @@
+export const tokenGuardBaseStyles = `
+.tg-card,
+.tg-banner,
+.tg-ai-panel,
+.tg-source-bar {
+  border: 1px solid rgba(120, 166, 255, 0.18);
+  border-radius: 18px;
+  background: rgba(8, 18, 33, 0.96);
+  color: #eef5ff;
+  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
+  box-sizing: border-box;
+}
+
+.tg-card {
+  padding: 18px;
+}
+
+.tg-card--high {
+  border-color: rgba(255, 111, 97, 0.42);
+}
+
+.tg-card--medium {
+  border-color: rgba(244, 184, 96, 0.42);
+}
+
+.tg-card--low {
+  border-color: rgba(79, 209, 162, 0.38);
+}
+
+.tg-card__header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 14px;
+}
+
+.tg-card__title {
+  margin: 0;
+  font-size: 1.12rem;
+}
+
+.tg-card__summary,
+.tg-banner__message,
+.tg-ai-panel__body {
+  margin: 0;
+  color: #aac0dd;
+  line-height: 1.55;
+}
+
+.tg-card__meta {
+  display: grid;
+  gap: 12px;
+  margin: 16px 0 12px;
+}
+
+.tg-card__list {
+  margin: 0;
+  padding-left: 20px;
+}
+
+.tg-card__list-item + .tg-card__list-item {
+  margin-top: 8px;
+}
+
+.tg-badge,
+.tg-pill {
+  display: inline-flex;
+  align-items: center;
+  border-radius: 999px;
+  font-size: 0.82rem;
+}
+
+.tg-badge {
+  padding: 6px 10px;
+  background: rgba(120, 166, 255, 0.18);
+  color: #d7e6ff;
+}
+
+.tg-pill-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.tg-pill {
+  padding: 6px 10px;
+  background: rgba(255, 255, 255, 0.06);
+  color: #cde0fb;
+}
+
+.tg-banner,
+.tg-ai-panel,
+.tg-source-bar {
+  padding: 16px 18px;
+}
+
+.tg-banner__label,
+.tg-ai-panel__eyebrow,
+.tg-source-bar__eyebrow {
+  display: block;
+  margin-bottom: 8px;
+  color: #8fc6ff;
+  font-size: 0.76rem;
+  text-transform: uppercase;
+  letter-spacing: 0.16em;
+}
+
+.tg-ai-panel__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.tg-ai-panel__title {
+  margin: 0;
+  font-size: 1rem;
+}
+
+.tg-ai-panel__badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 10px;
+  border-radius: 999px;
+  background: rgba(120, 166, 255, 0.16);
+  color: #d7e6ff;
+  font-size: 0.78rem;
+}
+
+.tg-ai-panel__list {
+  margin: 12px 0 0;
+  padding-left: 20px;
+  color: #e7f1ff;
+}
+
+.tg-ai-panel__list li + li {
+  margin-top: 8px;
+}
+
+.tg-ai-panel__caution {
+  margin-top: 12px;
+  color: #f4b860;
+  font-size: 0.88rem;
+}
+
+.tg-source-bar--live {
+  border-color: rgba(79, 209, 162, 0.3);
+}
+
+.tg-source-bar--fallback {
+  border-color: rgba(244, 184, 96, 0.34);
+}
+
+.tg-source-bar--template {
+  border-color: rgba(120, 166, 255, 0.26);
+}
+
+.tg-source-bar__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.tg-source-bar__title {
+  margin: 0;
+  font-size: 1rem;
+}
+
+.tg-source-bar__badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 6px 10px;
+  border-radius: 999px;
+  background: rgba(120, 166, 255, 0.16);
+  color: #d7e6ff;
+  font-size: 0.78rem;
+}
+
+.tg-source-bar__summary {
+  margin: 0;
+  color: #aac0dd;
+  line-height: 1.55;
+}
+
+.tg-source-bar__meta {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+  gap: 10px;
+  margin-top: 14px;
+}
+
+.tg-source-bar__meta-item {
+  display: grid;
+  gap: 6px;
+  padding: 10px 12px;
+  border-radius: 14px;
+  background: rgba(255, 255, 255, 0.04);
+}
+
+.tg-source-bar__meta-label {
+  color: #9bb5d7;
+  font-size: 0.76rem;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.tg-source-bar__meta-value {
+  font-size: 0.92rem;
+}
+
+.tg-source-bar__actions {
+  margin: 14px 0 0;
+  padding-left: 20px;
+  color: #e7f1ff;
+}
+
+.tg-source-bar__actions-item + .tg-source-bar__actions-item {
+  margin-top: 8px;
+}
+`;
+export function injectTokenGuardStyles(doc = document) {
+    const existing = doc.querySelector("style[data-tokenguard-ui='true']");
+    if (existing) {
+        return existing;
+    }
+    const style = doc.createElement("style");
+    style.dataset.tokenguardUi = "true";
+    style.textContent = tokenGuardBaseStyles;
+    doc.head.append(style);
+    return style;
+}
+//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8NnC,CAAC;AAEF,MAAM,UAAU,sBAAsB,CAAC,MAAgB,QAAQ;IAC7D,MAAM,QAAQ,GAAG,GAAG,CAAC,aAAa,CAAmB,kCAAkC,CAAC,CAAC;IAEzF,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,OAAO,CAAC,YAAY,GAAG,MAAM,CAAC;IACpC,KAAK,CAAC,WAAW,GAAG,oBAAoB,CAAC;IACzC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,36 @@
+export type RiskLevel = "low" | "medium" | "high";
+export type UserLevel = "beginner" | "advanced";
+export type RiskAlertCardProps = {
+    riskLevel: RiskLevel;
+    title: string;
+    summary: string;
+    actions: string[];
+    reasons?: string[];
+    score?: number;
+};
+export type DomainWarningBannerProps = {
+    visible: boolean;
+    message: string;
+};
+export type AIExplainPanelProps = {
+    title?: string;
+    explanation: string;
+    level?: UserLevel;
+    badge?: string;
+    bullets?: string[];
+    caution?: string;
+};
+export type AIExplainSourceStatus = "live" | "fallback" | "template";
+export type AIExplainSourceMeta = {
+    label: string;
+    value: string;
+};
+export type AIExplainSourceBarProps = {
+    status: AIExplainSourceStatus;
+    title: string;
+    summary: string;
+    badge?: string;
+    meta?: AIExplainSourceMeta[];
+    actions?: string[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAClD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAErE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@james-wu/tokenguard-ui",
+  "version": "0.1.0",
+  "description": "Embeddable UI components for TokenGuard risk alerts, phishing warnings, and AI explanations in wallets and Web3 apps.",
+  "type": "module",
+  "license": "Apache-2.0",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/James-Wuguoqing/tokenguard-ai.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://github.com/James-Wuguoqing/tokenguard-ai/tree/main/packages/ui#readme",
+  "bugs": {
+    "url": "https://github.com/James-Wuguoqing/tokenguard-ai/issues"
+  },
+  "keywords": [
+    "tokenguard",
+    "ui",
+    "web3",
+    "wallet-security",
+    "risk-alerts",
+    "phishing-warning",
+    "wallet-ui",
+    "alert-components"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepack": "npm run build"
+  }
+}