From 9c7e40010c9d9ad2601ad0dbb984092158f5298a Mon Sep 17 00:00:00 2001
From: devmosis <ryzond6728@gmail.com>
Date: Tue, 6 Jan 2026 17:51:43 +0900
Subject: [PATCH 1/5] oko_attached: implement siws modal

---
 .../message_sig/make_message_sig_modal.tsx    |  75 ++++-
 .../siws_sig/make_siws_signature_content.tsx  | 127 +++++++++
 .../index.tsx                                 |  56 ++++
 .../styles.module.scss                        |  10 +
 .../siws_risk_warning_box.module.scss         |  28 ++
 .../siws_sig/siws_risk_warning_box.tsx        |  46 ++++
 .../siws_sig/siws_sig_title_badge/index.tsx   |  21 ++
 .../siws_sig_title_badge/styles.module.scss   |  14 +
 .../solana_siws_signature_content.module.scss |  49 ++++
 .../modal_variants/sol/siws_message.ts        | 258 ++++++++++++++++++
 10 files changed, 675 insertions(+), 9 deletions(-)
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/index.tsx
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/styles.module.scss
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.module.scss
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.tsx
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/index.tsx
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/styles.module.scss
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/solana_siws_signature_content.module.scss
 create mode 100644 embed/oko_attached/src/components/modal_variants/sol/siws_message.ts

diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
index a3b1eab16..c8e57a600 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import { useMemo, useState, type FC } from "react";
 import type { MakeSolMessageSignData } from "@oko-wallet/oko-sdk-core";
 import { XCloseIcon } from "@oko-wallet/oko-common-ui/icons/x_close";
 import { Spacing } from "@oko-wallet/oko-common-ui/spacing";
@@ -10,6 +10,13 @@ import { DemoView } from "@oko-wallet-attached/components/modal_variants/common/
 import { SignWithOkoBox } from "@oko-wallet-attached/components/sign_with_oko_box/sign_with_oko_box";
 import { useMessageSigModal } from "./use_message_sig_modal";
 import { SolanaMessageSignatureContent } from "./sol_message_signature_content";
+import {
+  getSiwsMessage,
+  verifySiwsMessage,
+} from "@oko-wallet-attached/components/modal_variants/sol/siws_message";
+import { SolanaSiwsSignatureContent } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content";
+import { SiwsRiskWarningCheckBox } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box";
+import { hexToUint8Array } from "@oko-wallet-attached/crypto/keygen_ed25519";
 
 export interface MakeMessageSigModalProps {
   getIsAborted: () => boolean;
@@ -22,12 +29,48 @@ export const MakeMessageSigModal: FC<MakeMessageSigModalProps> = ({
   data,
   modalId,
 }) => {
-  const { onReject, onApprove, isLoading, isApproveEnabled, isDemo, theme } =
-    useMessageSigModal({
-      getIsAborted,
-      data,
-      modalId,
-    });
+  // Decode hex message to check for SIWS
+  const decodedMessage = useMemo(() => {
+    try {
+      const bytes = hexToUint8Array(data.payload.data.message);
+      return new TextDecoder().decode(bytes);
+    } catch {
+      return data.payload.data.message;
+    }
+  }, [data.payload.data.message]);
+
+  const siwsMessage = getSiwsMessage(decodedMessage);
+  const isValidSiwsMessage = siwsMessage
+    ? verifySiwsMessage(siwsMessage, data.payload.origin)
+    : false;
+  const [isSiwsRiskWarningChecked, setIsSiwsRiskWarningChecked] =
+    useState(false);
+
+  const {
+    onReject,
+    onApprove,
+    isLoading,
+    isApproveEnabled: isApproveEnabledOriginal,
+    isDemo,
+    theme,
+  } = useMessageSigModal({
+    getIsAborted,
+    data,
+    modalId,
+  });
+
+  const isApproveEnabled = useMemo(() => {
+    if (siwsMessage && !isValidSiwsMessage) {
+      return isApproveEnabledOriginal && isSiwsRiskWarningChecked;
+    }
+
+    return isApproveEnabledOriginal;
+  }, [
+    isApproveEnabledOriginal,
+    isSiwsRiskWarningChecked,
+    siwsMessage,
+    isValidSiwsMessage,
+  ]);
 
   return (
     <div className={styles.container}>
@@ -37,10 +80,24 @@ export const MakeMessageSigModal: FC<MakeMessageSigModalProps> = ({
         </div>
 
         <div className={styles.modalInnerContentContainer}>
-          <SolanaMessageSignatureContent payload={data.payload} />
+          {!!siwsMessage ? (
+            <SolanaSiwsSignatureContent payload={data.payload} theme={theme} />
+          ) : (
+            <SolanaMessageSignatureContent payload={data.payload} />
+          )}
         </div>
 
-        <Spacing height={20} />
+        <Spacing height={!!siwsMessage ? 12 : 20} />
+
+        {siwsMessage && !isValidSiwsMessage && (
+          <>
+            <SiwsRiskWarningCheckBox
+              checked={isSiwsRiskWarningChecked}
+              onChange={setIsSiwsRiskWarningChecked}
+            />
+            <Spacing height={12} />
+          </>
+        )}
 
         <div className={styles.buttonContainer}>
           <Button
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
new file mode 100644
index 000000000..51c2900f4
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
@@ -0,0 +1,127 @@
+import type { SolanaMessageSignPayload } from "@oko-wallet/oko-sdk-core";
+import { Spacing } from "@oko-wallet/oko-common-ui/spacing";
+import { Typography } from "@oko-wallet/oko-common-ui/typography";
+import type { Theme } from "@oko-wallet/oko-common-ui/theme";
+import { useMemo, type FC } from "react";
+
+import styles from "./solana_siws_signature_content.module.scss";
+import {
+  getSiwsMessage,
+  verifySiwsMessage,
+} from "@oko-wallet-attached/components/modal_variants/sol/siws_message";
+import { SiwsSigTitleBadge } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge";
+import { SignerAddressOrEmailForSiws } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws";
+import { MakeSignatureRawCodeBlockContainer } from "@oko-wallet-attached/components/modal_variants/common/make_signature/make_sig_modal_code_block_container";
+import { MakeSignatureRawCodeBlock } from "@oko-wallet-attached/components/modal_variants/common/make_signature/make_sig_modal_code_block";
+import { SiwsRiskWarningBox } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box";
+import { Avatar } from "@oko-wallet-attached/components/avatar/avatar";
+import { SOLANA_LOGO_URL } from "@oko-wallet-attached/constants/urls";
+import { hexToUint8Array } from "@oko-wallet-attached/crypto/keygen_ed25519";
+
+interface SolanaSiwsSignatureContentProps {
+  payload: SolanaMessageSignPayload;
+  theme: Theme | null;
+}
+
+export const SolanaSiwsSignatureContent: FC<SolanaSiwsSignatureContentProps> = ({
+  payload,
+  theme,
+}) => {
+  // Decode hex message to string
+  const decodedMessage = useMemo(() => {
+    try {
+      const bytes = hexToUint8Array(payload.data.message);
+      return new TextDecoder().decode(bytes);
+    } catch {
+      return payload.data.message;
+    }
+  }, [payload.data.message]);
+
+  const message = getSiwsMessage(decodedMessage);
+  if (!message) {
+    // @unreachable
+    throw new Error("unreachable");
+  }
+
+  const isValidSiwsMessage = verifySiwsMessage(message, payload.origin);
+
+  return (
+    <div>
+      {isValidSiwsMessage ? (
+        <SiwsSigTitleBadge theme={theme} />
+      ) : (
+        <SiwsRiskWarningBox />
+      )}
+
+      <div className={styles.metadataContainer}>
+        <Spacing height={isValidSiwsMessage ? 8 : 12} />
+        <Typography size="lg" color="primary" weight="semibold">
+          Sign in to
+        </Typography>
+
+        <Spacing height={4} />
+        <div className={styles.originRow}>
+          <Typography
+            size="lg"
+            color={isValidSiwsMessage ? "primary" : "warning-primary"}
+            weight="semibold"
+          >
+            {payload.origin.replace(/^https?:\/\//, "")}
+          </Typography>
+        </div>
+
+        <Spacing height={8} />
+        <SignerAddressOrEmailForSiws
+          origin={payload.origin}
+          signer={payload.signer}
+          initialViewType="Login Info"
+        />
+      </div>
+
+      <Spacing height={20} />
+
+      <div className={styles.chainInfoContainer}>
+        <div className={styles.chainInfoRow}>
+          <Typography size="xs" color="secondary" weight="semibold">
+            Impact on balance
+          </Typography>
+          <Typography size="sm" color="secondary" weight="medium">
+            None
+          </Typography>
+        </div>
+
+        <Spacing height={8} />
+        <div className={styles.chainInfoRow}>
+          <Typography size="xs" color="secondary" weight="semibold">
+            Network
+          </Typography>
+
+          <div className={styles.chainInfoRowContent}>
+            <Avatar
+              src={SOLANA_LOGO_URL}
+              alt="Solana"
+              size="sm"
+              variant="rounded"
+            />
+            <Typography size="sm" color="secondary" weight="medium">
+              Solana
+            </Typography>
+          </div>
+        </div>
+      </div>
+
+      <Spacing height={16} />
+      <MakeSignatureRawCodeBlockContainer className={styles.messageContainer}>
+        <Typography color="tertiary" size="xs" weight="semibold">
+          Message
+        </Typography>
+
+        <Spacing height={16} />
+        <MakeSignatureRawCodeBlock
+          code={message.statement ?? ""}
+          className={styles.messageContent}
+        />
+      </MakeSignatureRawCodeBlockContainer>
+    </div>
+  );
+};
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/index.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/index.tsx
new file mode 100644
index 000000000..376012026
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/index.tsx
@@ -0,0 +1,56 @@
+import { useState, type FC } from "react";
+
+import styles from "./styles.module.scss";
+import {
+  SignerAddressOrEmailChangeViewTypeButton,
+  SignerAddressOrEmailView,
+} from "@oko-wallet-attached/components/modal_variants/common/metadata_content/signer_address_or_email/signer_address_or_email";
+
+interface SignerAddressOrEmailForSiwsProps {
+  signer: string;
+  origin: string;
+  initialViewType?: "View Address" | "Login Info";
+}
+
+export const SignerAddressOrEmailForSiws: FC<SignerAddressOrEmailForSiwsProps> = ({
+  signer,
+  origin,
+  initialViewType = "View Address",
+}) => {
+  const [viewType, setViewType] = useState<"View Address" | "Login Info">(
+    initialViewType,
+  );
+
+  switch (viewType) {
+    case "View Address":
+      return (
+        <div className={styles.wrapper}>
+          <SignerAddressOrEmailView
+            value={signer}
+            type="address"
+            origin={origin}
+            prefix="with "
+          />
+          <SignerAddressOrEmailChangeViewTypeButton
+            viewType="Login Info"
+            onClick={() => setViewType("Login Info")}
+          />
+        </div>
+      );
+    case "Login Info":
+      return (
+        <div className={styles.wrapper}>
+          <SignerAddressOrEmailView
+            value={signer}
+            type="email"
+            origin={origin}
+            prefix="with "
+          />
+          <SignerAddressOrEmailChangeViewTypeButton
+            viewType="View Address"
+            onClick={() => setViewType("View Address")}
+          />
+        </div>
+      );
+  }
+};
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/styles.module.scss b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/styles.module.scss
new file mode 100644
index 000000000..a7ed28fe9
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/styles.module.scss
@@ -0,0 +1,10 @@
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  width: 100%;
+  word-break: break-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+}
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.module.scss b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.module.scss
new file mode 100644
index 000000000..e443e9221
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.module.scss
@@ -0,0 +1,28 @@
+.siwsRiskWarningContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.siwsRiskWarningBox {
+  display: flex;
+  padding: 6px 8px;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  flex: 1 0 0;
+
+  border-radius: 12px;
+
+  text-align: center;
+
+  background-color: var(--bg-warning-primary);
+}
+
+.siwsRiskWarningCheckBoxContainer {
+  gap: 6px;
+}
+
+.siwsRiskWarningCheckBoxInputContainerClassName {
+  padding-top: 0px;
+}
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.tsx
new file mode 100644
index 000000000..c102d99a8
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.tsx
@@ -0,0 +1,46 @@
+import type { FC } from "react";
+import { Checkbox } from "@oko-wallet/oko-common-ui/checkbox";
+import { Typography } from "@oko-wallet/oko-common-ui/typography";
+
+import styles from "./siws_risk_warning_box.module.scss";
+
+interface SiwsRiskWarningCheckBoxProps {
+  checked: boolean;
+  onChange: (checked: boolean) => void;
+}
+
+export const SiwsRiskWarningCheckBox: FC<SiwsRiskWarningCheckBoxProps> = ({
+  checked,
+  onChange,
+}) => {
+  return (
+    <div className={styles.siwsRiskWarningContainer}>
+      <Checkbox
+        id="siws-message-checkbox"
+        checked={checked}
+        onChange={onChange}
+        label="I understand the risk and would like to proceed."
+        labelStyle={{
+          color: "secondary",
+          size: "xs",
+          weight: "medium",
+        }}
+        checkboxContainerClassName={styles.siwsRiskWarningCheckBoxContainer}
+        checkBoxInputContainerClassName={
+          styles.siwsRiskWarningCheckBoxInputContainerClassName
+        }
+      />
+    </div>
+  );
+};
+
+export const SiwsRiskWarningBox = () => {
+  return (
+    <div className={styles.siwsRiskWarningBox}>
+      <Typography size="xs" color="warning-primary" weight="medium">
+        The URL requesting your signature differs from the current website. This
+        may indicate a potential security risk.
+      </Typography>
+    </div>
+  );
+};
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/index.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/index.tsx
new file mode 100644
index 000000000..661264d43
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/index.tsx
@@ -0,0 +1,21 @@
+import type { FC } from "react";
+import type { Theme } from "@oko-wallet/oko-common-ui/theme";
+import { Typography } from "@oko-wallet/oko-common-ui/typography";
+
+import styles from "./styles.module.scss";
+import { SOLANA_LOGO_URL } from "@oko-wallet-attached/constants/urls";
+
+interface SiwsSigTitleBadgeProps {
+  theme: Theme | null;
+}
+
+export const SiwsSigTitleBadge: FC<SiwsSigTitleBadgeProps> = ({ theme }) => {
+  return (
+    <div className={styles.badgeContainer}>
+      <img src={SOLANA_LOGO_URL} alt="Solana" className={styles.solanaLogo} />
+      <Typography size="lg" color="primary" weight="bold">
+        Sign In With Solana
+      </Typography>
+    </div>
+  );
+};
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/styles.module.scss b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/styles.module.scss
new file mode 100644
index 000000000..5de1c1c32
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/styles.module.scss
@@ -0,0 +1,14 @@
+.badgeContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 12px 16px;
+  border-radius: 12px;
+  background-color: var(--bg-secondary);
+}
+
+.solanaLogo {
+  width: 24px;
+  height: 24px;
+}
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/solana_siws_signature_content.module.scss b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/solana_siws_signature_content.module.scss
new file mode 100644
index 000000000..d101672ee
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/solana_siws_signature_content.module.scss
@@ -0,0 +1,49 @@
+.messageContainer {
+  padding: 0.75rem 1rem;
+
+  .messageContent {
+    padding: 0;
+    min-height: 0;
+  }
+}
+
+.metadataContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.chainInfoContainer {
+  padding: 0.75rem 1rem;
+  border-radius: 0.75rem;
+  background-color: var(--bg-secondary);
+
+  .chainInfoRow {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .chainInfoRowContent {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+  }
+}
+
+.originRow {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  padding: 0px 20px;
+
+  word-break: break-all;
+  text-align: center;
+
+  .originFavicon {
+    width: 20px;
+    height: 20px;
+  }
+}
diff --git a/embed/oko_attached/src/components/modal_variants/sol/siws_message.ts b/embed/oko_attached/src/components/modal_variants/sol/siws_message.ts
new file mode 100644
index 000000000..63c28d848
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/sol/siws_message.ts
@@ -0,0 +1,258 @@
+/**
+ * SIWS (Sign In With Solana) message parsing and verification
+ * Following EIP-4361 format adapted for Solana
+ * https://eips.ethereum.org/EIPS/eip-4361
+ */
+
+const ALLOW_PROTOCOLS = ["https:"];
+const BYPASS_HOSTS = ["localhost"];
+
+export interface SiwsMessage {
+  domain: string;
+  address: string;
+  statement?: string;
+  uri?: string;
+  version?: string;
+  chainId?: string;
+  nonce?: string;
+  issuedAt?: string;
+  expirationTime?: string;
+  notBefore?: string;
+  requestId?: string;
+  resources?: string[];
+}
+
+/**
+ * Parse a SIWS message string into a structured object
+ * Message format:
+ * ```
+ * ${domain} wants you to sign in with your Solana account:
+ * ${address}
+ *
+ * ${statement}
+ *
+ * URI: ${uri}
+ * Version: ${version}
+ * Chain ID: ${chainId}
+ * Nonce: ${nonce}
+ * Issued At: ${issuedAt}
+ * Expiration Time: ${expirationTime}
+ * Not Before: ${notBefore}
+ * Request ID: ${requestId}
+ * Resources:
+ * - ${resource1}
+ * - ${resource2}
+ * ```
+ */
+export function parseSiwsMessage(message: string): Partial<SiwsMessage> {
+  const result: Partial<SiwsMessage> = {};
+  const lines = message.split("\n");
+
+  if (lines.length < 2) {
+    return result;
+  }
+
+  // First line: "${domain} wants you to sign in with your Solana account:"
+  const firstLineMatch = lines[0].match(
+    /^(.+?) wants you to sign in with your Solana account:$/,
+  );
+  if (firstLineMatch) {
+    result.domain = firstLineMatch[1];
+  }
+
+  // Second line: address
+  if (lines[1] && lines[1].trim()) {
+    result.address = lines[1].trim();
+  }
+
+  // Find the separator between header and fields
+  let statementLines: string[] = [];
+  let fieldStartIndex = -1;
+
+  for (let i = 2; i < lines.length; i++) {
+    const line = lines[i];
+
+    // Check if this line starts a field
+    if (
+      line.startsWith("URI:") ||
+      line.startsWith("Version:") ||
+      line.startsWith("Chain ID:") ||
+      line.startsWith("Nonce:") ||
+      line.startsWith("Issued At:") ||
+      line.startsWith("Expiration Time:") ||
+      line.startsWith("Not Before:") ||
+      line.startsWith("Request ID:") ||
+      line.startsWith("Resources:")
+    ) {
+      fieldStartIndex = i;
+      break;
+    }
+
+    // Collect statement lines (skip empty lines at the beginning)
+    if (line.trim() || statementLines.length > 0) {
+      statementLines.push(line);
+    }
+  }
+
+  // Clean up statement (remove trailing empty lines)
+  while (
+    statementLines.length > 0 &&
+    !statementLines[statementLines.length - 1].trim()
+  ) {
+    statementLines.pop();
+  }
+  while (statementLines.length > 0 && !statementLines[0].trim()) {
+    statementLines.shift();
+  }
+
+  if (statementLines.length > 0) {
+    result.statement = statementLines.join("\n");
+  }
+
+  // Parse fields
+  if (fieldStartIndex !== -1) {
+    let inResources = false;
+    const resources: string[] = [];
+
+    for (let i = fieldStartIndex; i < lines.length; i++) {
+      const line = lines[i];
+
+      if (line.startsWith("Resources:")) {
+        inResources = true;
+        continue;
+      }
+
+      if (inResources) {
+        if (line.startsWith("- ")) {
+          resources.push(line.slice(2));
+        }
+        continue;
+      }
+
+      const colonIndex = line.indexOf(":");
+      if (colonIndex === -1) continue;
+
+      const key = line.slice(0, colonIndex).trim();
+      const value = line.slice(colonIndex + 1).trim();
+
+      switch (key) {
+        case "URI":
+          result.uri = value;
+          break;
+        case "Version":
+          result.version = value;
+          break;
+        case "Chain ID":
+          result.chainId = value;
+          break;
+        case "Nonce":
+          result.nonce = value;
+          break;
+        case "Issued At":
+          result.issuedAt = value;
+          break;
+        case "Expiration Time":
+          result.expirationTime = value;
+          break;
+        case "Not Before":
+          result.notBefore = value;
+          break;
+        case "Request ID":
+          result.requestId = value;
+          break;
+      }
+    }
+
+    if (resources.length > 0) {
+      result.resources = resources;
+    }
+  }
+
+  return result;
+}
+
+/**
+ * Check if a message is a valid SIWS message
+ * Returns the parsed message if valid, undefined otherwise
+ */
+export function getSiwsMessage(message: Uint8Array | string): SiwsMessage | undefined {
+  let messageStr: string;
+
+  if (message instanceof Uint8Array) {
+    try {
+      messageStr = new TextDecoder().decode(message);
+    } catch {
+      return undefined;
+    }
+  } else {
+    messageStr = message;
+  }
+
+  const siwsMsg = parseSiwsMessage(messageStr);
+
+  // Validate required fields for SIWS
+  // Address should be a valid Solana base58 address (32-44 characters)
+  const isValidSolanaAddress =
+    siwsMsg.address &&
+    /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(siwsMsg.address);
+
+  if (siwsMsg.domain && isValidSolanaAddress) {
+    return siwsMsg as SiwsMessage;
+  }
+
+  return undefined;
+}
+
+/**
+ * Verify that the SIWS message matches the origin
+ */
+export function verifySiwsMessage(
+  message: SiwsMessage,
+  origin: string,
+): boolean {
+  try {
+    const {
+      origin: originByPayload,
+      protocol: protocolByPayload,
+      host: hostByPayload,
+    } = new URL(origin);
+
+    // Check domain matches
+    if (hostByPayload !== message.domain) {
+      return false;
+    }
+
+    // Check URI if provided
+    if (message.uri) {
+      const { origin: originByUri, protocol: protocolByUri } = new URL(
+        message.uri,
+      );
+
+      if (originByPayload !== originByUri) {
+        return false;
+      }
+
+      // If scheme is not HTTPS, return false (when hostname is not localhost)
+      if (
+        !BYPASS_HOSTS.includes(hostByPayload.split(":")[0]) &&
+        (!ALLOW_PROTOCOLS.includes(protocolByPayload) ||
+          !ALLOW_PROTOCOLS.includes(protocolByUri))
+      ) {
+        return false;
+      }
+    } else {
+      // No URI, just check protocol
+      if (
+        !BYPASS_HOSTS.includes(hostByPayload.split(":")[0]) &&
+        !ALLOW_PROTOCOLS.includes(protocolByPayload)
+      ) {
+        return false;
+      }
+    }
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+
+  return true;
+}

From 815186b74ec4af64e902463b695d366f17a06460 Mon Sep 17 00:00:00 2001
From: devmosis <ryzond6728@gmail.com>
Date: Wed, 7 Jan 2026 17:08:54 +0900
Subject: [PATCH 2/5] oko_attached: extract common sign-in verification logic
 for SIWE/SIWS

---
 .../modal_variants/common/sign_in_message.ts  | 59 +++++++++++++++++++
 .../modal_variants/eth/siwe_message.ts        | 32 +---------
 .../modal_variants/sol/siws_message.ts        | 49 +--------------
 3 files changed, 63 insertions(+), 77 deletions(-)
 create mode 100644 embed/oko_attached/src/components/modal_variants/common/sign_in_message.ts

diff --git a/embed/oko_attached/src/components/modal_variants/common/sign_in_message.ts b/embed/oko_attached/src/components/modal_variants/common/sign_in_message.ts
new file mode 100644
index 000000000..f7936ce1e
--- /dev/null
+++ b/embed/oko_attached/src/components/modal_variants/common/sign_in_message.ts
@@ -0,0 +1,59 @@
+/**
+ * Common utilities for Sign In With X (SIWE/SIWS) message verification
+ */
+
+export const ALLOW_PROTOCOLS = ["https:"];
+export const BYPASS_HOSTS = ["localhost"];
+
+/**
+ * Verify that the sign-in message origin matches the request origin
+ */
+export function verifySignInOrigin(
+  domain: string,
+  uri: string | undefined,
+  origin: string,
+): boolean {
+  try {
+    const {
+      origin: originByPayload,
+      protocol: protocolByPayload,
+      host: hostByPayload,
+    } = new URL(origin);
+
+    // Check domain matches
+    if (hostByPayload !== domain) {
+      return false;
+    }
+
+    // Check URI if provided
+    if (uri) {
+      const { origin: originByUri, protocol: protocolByUri } = new URL(uri);
+
+      if (originByPayload !== originByUri) {
+        return false;
+      }
+
+      // If scheme is not HTTPS, return false (when hostname is not localhost)
+      if (
+        !BYPASS_HOSTS.includes(hostByPayload.split(":")[0]) &&
+        (!ALLOW_PROTOCOLS.includes(protocolByPayload) ||
+          !ALLOW_PROTOCOLS.includes(protocolByUri))
+      ) {
+        return false;
+      }
+    } else {
+      // No URI, just check protocol
+      if (
+        !BYPASS_HOSTS.includes(hostByPayload.split(":")[0]) &&
+        !ALLOW_PROTOCOLS.includes(protocolByPayload)
+      ) {
+        return false;
+      }
+    }
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+
+  return true;
+}
diff --git a/embed/oko_attached/src/components/modal_variants/eth/siwe_message.ts b/embed/oko_attached/src/components/modal_variants/eth/siwe_message.ts
index 082e81146..4a153197f 100644
--- a/embed/oko_attached/src/components/modal_variants/eth/siwe_message.ts
+++ b/embed/oko_attached/src/components/modal_variants/eth/siwe_message.ts
@@ -1,8 +1,7 @@
 import type { SignableMessage } from "viem";
 import { parseSiweMessage, type SiweMessage } from "viem/siwe";
 
-const ALLOW_PROTOCOLS = ["https:"];
-const BYPASS_HOSTS = ["localhost"];
+import { verifySignInOrigin } from "@oko-wallet-attached/components/modal_variants/common/sign_in_message";
 
 export function getSiweMessage(
   message: SignableMessage,
@@ -33,32 +32,5 @@ export function verifySiweMessage(
   message: SiweMessage,
   origin: string,
 ): boolean {
-  try {
-    const {
-      origin: originByPayload,
-      protocol: protocolByPayload,
-      host: hostByPayload,
-    } = new URL(origin);
-    const { origin: originByTxUri, protocol: protocolByTxUri } = new URL(
-      message.uri,
-    );
-
-    if (originByPayload !== originByTxUri || hostByPayload !== message.domain) {
-      return false;
-    }
-
-    // If scheme is not HTTPS, return false (when hostname is not localhost)
-    if (
-      !BYPASS_HOSTS.includes(hostByPayload.split(":")[0]) &&
-      (!ALLOW_PROTOCOLS.includes(protocolByPayload) ||
-        !ALLOW_PROTOCOLS.includes(protocolByTxUri))
-    ) {
-      return false;
-    }
-  } catch (error) {
-    console.error(error);
-    return false;
-  }
-
-  return true;
+  return verifySignInOrigin(message.domain, message.uri, origin);
 }
diff --git a/embed/oko_attached/src/components/modal_variants/sol/siws_message.ts b/embed/oko_attached/src/components/modal_variants/sol/siws_message.ts
index 63c28d848..d2ac32093 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/siws_message.ts
+++ b/embed/oko_attached/src/components/modal_variants/sol/siws_message.ts
@@ -4,8 +4,7 @@
  * https://eips.ethereum.org/EIPS/eip-4361
  */
 
-const ALLOW_PROTOCOLS = ["https:"];
-const BYPASS_HOSTS = ["localhost"];
+import { verifySignInOrigin } from "@oko-wallet-attached/components/modal_variants/common/sign_in_message";
 
 export interface SiwsMessage {
   domain: string;
@@ -210,49 +209,5 @@ export function verifySiwsMessage(
   message: SiwsMessage,
   origin: string,
 ): boolean {
-  try {
-    const {
-      origin: originByPayload,
-      protocol: protocolByPayload,
-      host: hostByPayload,
-    } = new URL(origin);
-
-    // Check domain matches
-    if (hostByPayload !== message.domain) {
-      return false;
-    }
-
-    // Check URI if provided
-    if (message.uri) {
-      const { origin: originByUri, protocol: protocolByUri } = new URL(
-        message.uri,
-      );
-
-      if (originByPayload !== originByUri) {
-        return false;
-      }
-
-      // If scheme is not HTTPS, return false (when hostname is not localhost)
-      if (
-        !BYPASS_HOSTS.includes(hostByPayload.split(":")[0]) &&
-        (!ALLOW_PROTOCOLS.includes(protocolByPayload) ||
-          !ALLOW_PROTOCOLS.includes(protocolByUri))
-      ) {
-        return false;
-      }
-    } else {
-      // No URI, just check protocol
-      if (
-        !BYPASS_HOSTS.includes(hostByPayload.split(":")[0]) &&
-        !ALLOW_PROTOCOLS.includes(protocolByPayload)
-      ) {
-        return false;
-      }
-    }
-  } catch (error) {
-    console.error(error);
-    return false;
-  }
-
-  return true;
+  return verifySignInOrigin(message.domain, message.uri, origin);
 }

From dc93fefc5e699d0e5d67aaa5e7fe568c2d1b8510 Mon Sep 17 00:00:00 2001
From: devmosis <ryzond6728@gmail.com>
Date: Wed, 7 Jan 2026 17:27:22 +0900
Subject: [PATCH 3/5] oko_attached: consolidate SIWE/SIWS common components

---
 .../risk_warning/risk_warning.module.scss}    |  8 +--
 .../risk_warning/risk_warning.tsx}            | 18 +++---
 .../signer_info}/index.tsx                    |  4 +-
 .../signer_info}/styles.module.scss           |  0
 .../make_arbitrary_sig_modal.tsx              |  4 +-
 .../siwe_sig/make_siwe_signature_content.tsx  |  8 +--
 .../styles.module.scss                        | 23 --------
 .../siwe_risk_warning_box.module.scss         | 28 ----------
 .../siwe_sig/siwe_risk_warning_box.tsx        | 45 ---------------
 .../message_sig/make_message_sig_modal.tsx    |  4 +-
 .../siws_sig/make_siws_signature_content.tsx  |  8 +--
 .../index.tsx                                 | 56 -------------------
 12 files changed, 27 insertions(+), 179 deletions(-)
 rename embed/oko_attached/src/components/modal_variants/{sol/message_sig/siws_sig/siws_risk_warning_box.module.scss => common/risk_warning/risk_warning.module.scss} (70%)
 rename embed/oko_attached/src/components/modal_variants/{sol/message_sig/siws_sig/siws_risk_warning_box.tsx => common/risk_warning/risk_warning.tsx} (63%)
 rename embed/oko_attached/src/components/modal_variants/{eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe => common/signer_info}/index.tsx (92%)
 rename embed/oko_attached/src/components/modal_variants/{sol/message_sig/siws_sig/signer_address_or_email_for_siws => common/signer_info}/styles.module.scss (100%)
 delete mode 100644 embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe/styles.module.scss
 delete mode 100644 embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box.module.scss
 delete mode 100644 embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box.tsx
 delete mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/index.tsx

diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.module.scss b/embed/oko_attached/src/components/modal_variants/common/risk_warning/risk_warning.module.scss
similarity index 70%
rename from embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.module.scss
rename to embed/oko_attached/src/components/modal_variants/common/risk_warning/risk_warning.module.scss
index e443e9221..fe30aaa09 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.module.scss
+++ b/embed/oko_attached/src/components/modal_variants/common/risk_warning/risk_warning.module.scss
@@ -1,10 +1,10 @@
-.siwsRiskWarningContainer {
+.riskWarningContainer {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.siwsRiskWarningBox {
+.riskWarningBox {
   display: flex;
   padding: 6px 8px;
   justify-content: center;
@@ -19,10 +19,10 @@
   background-color: var(--bg-warning-primary);
 }
 
-.siwsRiskWarningCheckBoxContainer {
+.riskWarningCheckBoxContainer {
   gap: 6px;
 }
 
-.siwsRiskWarningCheckBoxInputContainerClassName {
+.riskWarningCheckBoxInputContainerClassName {
   padding-top: 0px;
 }
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.tsx b/embed/oko_attached/src/components/modal_variants/common/risk_warning/risk_warning.tsx
similarity index 63%
rename from embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.tsx
rename to embed/oko_attached/src/components/modal_variants/common/risk_warning/risk_warning.tsx
index c102d99a8..f5bf58ff6 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box.tsx
+++ b/embed/oko_attached/src/components/modal_variants/common/risk_warning/risk_warning.tsx
@@ -2,21 +2,21 @@ import type { FC } from "react";
 import { Checkbox } from "@oko-wallet/oko-common-ui/checkbox";
 import { Typography } from "@oko-wallet/oko-common-ui/typography";
 
-import styles from "./siws_risk_warning_box.module.scss";
+import styles from "./risk_warning.module.scss";
 
-interface SiwsRiskWarningCheckBoxProps {
+interface RiskWarningCheckBoxProps {
   checked: boolean;
   onChange: (checked: boolean) => void;
 }
 
-export const SiwsRiskWarningCheckBox: FC<SiwsRiskWarningCheckBoxProps> = ({
+export const RiskWarningCheckBox: FC<RiskWarningCheckBoxProps> = ({
   checked,
   onChange,
 }) => {
   return (
-    <div className={styles.siwsRiskWarningContainer}>
+    <div className={styles.riskWarningContainer}>
       <Checkbox
-        id="siws-message-checkbox"
+        id="sign-in-message-checkbox"
         checked={checked}
         onChange={onChange}
         label="I understand the risk and would like to proceed."
@@ -25,18 +25,18 @@ export const SiwsRiskWarningCheckBox: FC<SiwsRiskWarningCheckBoxProps> = ({
           size: "xs",
           weight: "medium",
         }}
-        checkboxContainerClassName={styles.siwsRiskWarningCheckBoxContainer}
+        checkboxContainerClassName={styles.riskWarningCheckBoxContainer}
         checkBoxInputContainerClassName={
-          styles.siwsRiskWarningCheckBoxInputContainerClassName
+          styles.riskWarningCheckBoxInputContainerClassName
         }
       />
     </div>
   );
 };
 
-export const SiwsRiskWarningBox = () => {
+export const RiskWarningBox: FC = () => {
   return (
-    <div className={styles.siwsRiskWarningBox}>
+    <div className={styles.riskWarningBox}>
       <Typography size="xs" color="warning-primary" weight="medium">
         The URL requesting your signature differs from the current website. This
         may indicate a potential security risk.
diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe/index.tsx b/embed/oko_attached/src/components/modal_variants/common/signer_info/index.tsx
similarity index 92%
rename from embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe/index.tsx
rename to embed/oko_attached/src/components/modal_variants/common/signer_info/index.tsx
index 263b2cd6f..a3fad69b0 100644
--- a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe/index.tsx
+++ b/embed/oko_attached/src/components/modal_variants/common/signer_info/index.tsx
@@ -6,13 +6,13 @@ import {
   SignerAddressOrEmailView,
 } from "@oko-wallet-attached/components/modal_variants/common/metadata_content/signer_address_or_email/signer_address_or_email";
 
-interface SignerAddressOrEmailProps {
+interface SignerInfoProps {
   signer: string;
   origin: string;
   initialViewType?: "View Address" | "Login Info";
 }
 
-export const SignerAddressOrEmailForSiwe: FC<SignerAddressOrEmailProps> = ({
+export const SignerInfo: FC<SignerInfoProps> = ({
   signer,
   origin,
   initialViewType = "View Address",
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/styles.module.scss b/embed/oko_attached/src/components/modal_variants/common/signer_info/styles.module.scss
similarity index 100%
rename from embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/styles.module.scss
rename to embed/oko_attached/src/components/modal_variants/common/signer_info/styles.module.scss
diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/make_arbitrary_sig_modal.tsx b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/make_arbitrary_sig_modal.tsx
index b830071a1..a1674b5f0 100644
--- a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/make_arbitrary_sig_modal.tsx
+++ b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/make_arbitrary_sig_modal.tsx
@@ -16,7 +16,7 @@ import {
   verifySiweMessage,
 } from "@oko-wallet-attached/components/modal_variants/eth/siwe_message";
 import { EthereumSiweSignatureContent } from "@oko-wallet-attached/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content";
-import { SiweRiskWarningCheckBox } from "@oko-wallet-attached/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box";
+import { RiskWarningCheckBox } from "@oko-wallet-attached/components/modal_variants/common/risk_warning/risk_warning";
 
 export const MakeArbitrarySigModal: FC<MakeArbitrarySigModalProps> = ({
   getIsAborted,
@@ -81,7 +81,7 @@ export const MakeArbitrarySigModal: FC<MakeArbitrarySigModalProps> = ({
 
         {siweMessage && !isValidSiweMessage && (
           <>
-            <SiweRiskWarningCheckBox
+            <RiskWarningCheckBox
               checked={isSiweRiskWarningChecked}
               onChange={setIsSiweRiskWarningChecked}
             />
diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content.tsx b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content.tsx
index a76a4f1c0..f1efe1e28 100644
--- a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content.tsx
+++ b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content.tsx
@@ -10,10 +10,10 @@ import {
   verifySiweMessage,
 } from "@oko-wallet-attached/components/modal_variants/eth/siwe_message";
 import { SiweSigTitleBadge } from "@oko-wallet-attached/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_sig_title_badge";
-import { SignerAddressOrEmailForSiwe } from "@oko-wallet-attached/components/modal_variants/eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe";
+import { SignerInfo } from "@oko-wallet-attached/components/modal_variants/common/signer_info";
 import { MakeSignatureRawCodeBlockContainer } from "@oko-wallet-attached/components/modal_variants/common/make_signature/make_sig_modal_code_block_container";
 import { MakeSignatureRawCodeBlock } from "@oko-wallet-attached/components/modal_variants/common/make_signature/make_sig_modal_code_block";
-import { SiweRiskWarningBox } from "@oko-wallet-attached/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box";
+import { RiskWarningBox } from "@oko-wallet-attached/components/modal_variants/common/risk_warning/risk_warning";
 import { Avatar } from "@oko-wallet-attached/components/avatar/avatar";
 
 interface EthereumSiweSignatureContentProps {
@@ -37,7 +37,7 @@ export const EthereumSiweSignatureContent: FC<
       {isValidSiweMessage ? (
         <SiweSigTitleBadge theme={theme} />
       ) : (
-        <SiweRiskWarningBox />
+        <RiskWarningBox />
       )}
 
       <div className={styles.metadataContainer}>
@@ -58,7 +58,7 @@ export const EthereumSiweSignatureContent: FC<
         </div>
 
         <Spacing height={8} />
-        <SignerAddressOrEmailForSiwe
+        <SignerInfo
           origin={payload.origin}
           signer={payload.signer}
           initialViewType="Login Info"
diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe/styles.module.scss b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe/styles.module.scss
deleted file mode 100644
index 3c83eb1f3..000000000
--- a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/signer_address_or_email_for_siwe/styles.module.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-  width: 100%;
-  word-break: break-all;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-}
-
-.changeViewTypeButton {
-  display: flex;
-  padding: 4px 8px;
-  align-items: center;
-  gap: 4px;
-  flex-shrink: 0;
-
-  cursor: pointer;
-  border-radius: 12px;
-  background: var(--bg-secondary);
-  width: fit-content;
-}
diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box.module.scss b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box.module.scss
deleted file mode 100644
index 410605751..000000000
--- a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box.module.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-.siweRiskWarningContainer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.siweRiskWarningBox {
-  display: flex;
-  padding: 6px 8px;
-  justify-content: center;
-  align-items: center;
-  gap: 10px;
-  flex: 1 0 0;
-
-  border-radius: 12px;
-
-  text-align: center;
-
-  background-color: var(--bg-warning-primary);
-}
-
-.siweRiskWarningCheckBoxContainer {
-  gap: 6px;
-}
-
-.siweRiskWarningCheckBoxInputContainerClassName {
-  padding-top: 0px;
-}
diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box.tsx b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box.tsx
deleted file mode 100644
index 4180841a0..000000000
--- a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/siwe_risk_warning_box.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import type { FC } from "react";
-import { Checkbox } from "@oko-wallet/oko-common-ui/checkbox";
-import { Typography } from "@oko-wallet/oko-common-ui/typography";
-
-import styles from "./siwe_risk_warning_box.module.scss";
-
-interface SiweRiskWarningCheckBoxProps {
-  checked: boolean;
-  onChange: (isValidSiweMessage: boolean) => void;
-}
-export const SiweRiskWarningCheckBox: FC<SiweRiskWarningCheckBoxProps> = ({
-  checked,
-  onChange,
-}) => {
-  return (
-    <div className={styles.siweRiskWarningContainer}>
-      <Checkbox
-        id="siwe-message-checkbox"
-        checked={checked}
-        onChange={onChange}
-        label="I understand the risk and would like to proceed."
-        labelStyle={{
-          color: "secondary",
-          size: "xs",
-          weight: "medium",
-        }}
-        checkboxContainerClassName={styles.siweRiskWarningCheckBoxContainer}
-        checkBoxInputContainerClassName={
-          styles.siweRiskWarningCheckBoxInputContainerClassName
-        }
-      />
-    </div>
-  );
-};
-
-export const SiweRiskWarningBox = () => {
-  return (
-    <div className={styles.siweRiskWarningBox}>
-      <Typography size="xs" color="warning-primary" weight="medium">
-        The URL requesting your signature differs from the current website. This
-        may indicate a potential security risk.
-      </Typography>
-    </div>
-  );
-};
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
index c8e57a600..7865e9cc0 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
@@ -15,7 +15,7 @@ import {
   verifySiwsMessage,
 } from "@oko-wallet-attached/components/modal_variants/sol/siws_message";
 import { SolanaSiwsSignatureContent } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content";
-import { SiwsRiskWarningCheckBox } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box";
+import { RiskWarningCheckBox } from "@oko-wallet-attached/components/modal_variants/common/risk_warning/risk_warning";
 import { hexToUint8Array } from "@oko-wallet-attached/crypto/keygen_ed25519";
 
 export interface MakeMessageSigModalProps {
@@ -91,7 +91,7 @@ export const MakeMessageSigModal: FC<MakeMessageSigModalProps> = ({
 
         {siwsMessage && !isValidSiwsMessage && (
           <>
-            <SiwsRiskWarningCheckBox
+            <RiskWarningCheckBox
               checked={isSiwsRiskWarningChecked}
               onChange={setIsSiwsRiskWarningChecked}
             />
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
index 51c2900f4..81e2754a4 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
@@ -10,10 +10,10 @@ import {
   verifySiwsMessage,
 } from "@oko-wallet-attached/components/modal_variants/sol/siws_message";
 import { SiwsSigTitleBadge } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge";
-import { SignerAddressOrEmailForSiws } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws";
+import { SignerInfo } from "@oko-wallet-attached/components/modal_variants/common/signer_info";
 import { MakeSignatureRawCodeBlockContainer } from "@oko-wallet-attached/components/modal_variants/common/make_signature/make_sig_modal_code_block_container";
 import { MakeSignatureRawCodeBlock } from "@oko-wallet-attached/components/modal_variants/common/make_signature/make_sig_modal_code_block";
-import { SiwsRiskWarningBox } from "@oko-wallet-attached/components/modal_variants/sol/message_sig/siws_sig/siws_risk_warning_box";
+import { RiskWarningBox } from "@oko-wallet-attached/components/modal_variants/common/risk_warning/risk_warning";
 import { Avatar } from "@oko-wallet-attached/components/avatar/avatar";
 import { SOLANA_LOGO_URL } from "@oko-wallet-attached/constants/urls";
 import { hexToUint8Array } from "@oko-wallet-attached/crypto/keygen_ed25519";
@@ -50,7 +50,7 @@ export const SolanaSiwsSignatureContent: FC<SolanaSiwsSignatureContentProps> = (
       {isValidSiwsMessage ? (
         <SiwsSigTitleBadge theme={theme} />
       ) : (
-        <SiwsRiskWarningBox />
+        <RiskWarningBox />
       )}
 
       <div className={styles.metadataContainer}>
@@ -71,7 +71,7 @@ export const SolanaSiwsSignatureContent: FC<SolanaSiwsSignatureContentProps> = (
         </div>
 
         <Spacing height={8} />
-        <SignerAddressOrEmailForSiws
+        <SignerInfo
           origin={payload.origin}
           signer={payload.signer}
           initialViewType="Login Info"
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/index.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/index.tsx
deleted file mode 100644
index 376012026..000000000
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/signer_address_or_email_for_siws/index.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import { useState, type FC } from "react";
-
-import styles from "./styles.module.scss";
-import {
-  SignerAddressOrEmailChangeViewTypeButton,
-  SignerAddressOrEmailView,
-} from "@oko-wallet-attached/components/modal_variants/common/metadata_content/signer_address_or_email/signer_address_or_email";
-
-interface SignerAddressOrEmailForSiwsProps {
-  signer: string;
-  origin: string;
-  initialViewType?: "View Address" | "Login Info";
-}
-
-export const SignerAddressOrEmailForSiws: FC<SignerAddressOrEmailForSiwsProps> = ({
-  signer,
-  origin,
-  initialViewType = "View Address",
-}) => {
-  const [viewType, setViewType] = useState<"View Address" | "Login Info">(
-    initialViewType,
-  );
-
-  switch (viewType) {
-    case "View Address":
-      return (
-        <div className={styles.wrapper}>
-          <SignerAddressOrEmailView
-            value={signer}
-            type="address"
-            origin={origin}
-            prefix="with "
-          />
-          <SignerAddressOrEmailChangeViewTypeButton
-            viewType="Login Info"
-            onClick={() => setViewType("Login Info")}
-          />
-        </div>
-      );
-    case "Login Info":
-      return (
-        <div className={styles.wrapper}>
-          <SignerAddressOrEmailView
-            value={signer}
-            type="email"
-            origin={origin}
-            prefix="with "
-          />
-          <SignerAddressOrEmailChangeViewTypeButton
-            viewType="View Address"
-            onClick={() => setViewType("View Address")}
-          />
-        </div>
-      );
-  }
-};

From fdf7c34d221370ea847adfbbaa8bc19f20299ace Mon Sep 17 00:00:00 2001
From: devmosis <ryzond6728@gmail.com>
Date: Wed, 7 Jan 2026 17:33:29 +0900
Subject: [PATCH 4/5] oko_attached: consolidate SIWE/SIWS content styles

---
 .../sign_in_content.module.scss}              |  0
 .../siwe_sig/make_siwe_signature_content.tsx  |  2 +-
 .../siws_sig/make_siws_signature_content.tsx  |  2 +-
 .../solana_siws_signature_content.module.scss | 49 -------------------
 4 files changed, 2 insertions(+), 51 deletions(-)
 rename embed/oko_attached/src/components/modal_variants/{eth/arbitrary_sig/siwe_sig/ethereum_siwe_signature_content.module.scss => common/sign_in_content/sign_in_content.module.scss} (100%)
 delete mode 100644 embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/solana_siws_signature_content.module.scss

diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/ethereum_siwe_signature_content.module.scss b/embed/oko_attached/src/components/modal_variants/common/sign_in_content/sign_in_content.module.scss
similarity index 100%
rename from embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/ethereum_siwe_signature_content.module.scss
rename to embed/oko_attached/src/components/modal_variants/common/sign_in_content/sign_in_content.module.scss
diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content.tsx b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content.tsx
index f1efe1e28..bd86c82dd 100644
--- a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content.tsx
+++ b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/siwe_sig/make_siwe_signature_content.tsx
@@ -4,7 +4,7 @@ import { Typography } from "@oko-wallet/oko-common-ui/typography";
 import type { Theme } from "@oko-wallet/oko-common-ui/theme";
 import type { FC } from "react";
 
-import styles from "./ethereum_siwe_signature_content.module.scss";
+import styles from "@oko-wallet-attached/components/modal_variants/common/sign_in_content/sign_in_content.module.scss";
 import {
   getSiweMessage,
   verifySiweMessage,
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
index 81e2754a4..eba77b4a6 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
@@ -4,7 +4,7 @@ import { Typography } from "@oko-wallet/oko-common-ui/typography";
 import type { Theme } from "@oko-wallet/oko-common-ui/theme";
 import { useMemo, type FC } from "react";
 
-import styles from "./solana_siws_signature_content.module.scss";
+import styles from "@oko-wallet-attached/components/modal_variants/common/sign_in_content/sign_in_content.module.scss";
 import {
   getSiwsMessage,
   verifySiwsMessage,
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/solana_siws_signature_content.module.scss b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/solana_siws_signature_content.module.scss
deleted file mode 100644
index d101672ee..000000000
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/solana_siws_signature_content.module.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-.messageContainer {
-  padding: 0.75rem 1rem;
-
-  .messageContent {
-    padding: 0;
-    min-height: 0;
-  }
-}
-
-.metadataContainer {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.chainInfoContainer {
-  padding: 0.75rem 1rem;
-  border-radius: 0.75rem;
-  background-color: var(--bg-secondary);
-
-  .chainInfoRow {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .chainInfoRowContent {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-    }
-  }
-}
-
-.originRow {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  padding: 0px 20px;
-
-  word-break: break-all;
-  text-align: center;
-
-  .originFavicon {
-    width: 20px;
-    height: 20px;
-  }
-}

From 562d4747b268ba28f217bf3aa8ed415c9ba21c48 Mon Sep 17 00:00:00 2001
From: devmosis <ryzond6728@gmail.com>
Date: Thu, 8 Jan 2026 09:38:32 +0900
Subject: [PATCH 5/5] oko_attached: remove unused codes

---
 .../eth/arbitrary_sig/make_arbitrary_sig_modal.tsx  |  2 +-
 .../sol/message_sig/make_message_sig_modal.tsx      |  2 +-
 .../siws_sig/make_siws_signature_content.tsx        | 13 ++++---------
 .../siws_sig/siws_sig_title_badge/index.tsx         |  8 +-------
 4 files changed, 7 insertions(+), 18 deletions(-)

diff --git a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/make_arbitrary_sig_modal.tsx b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/make_arbitrary_sig_modal.tsx
index a1674b5f0..eaf89c0bd 100644
--- a/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/make_arbitrary_sig_modal.tsx
+++ b/embed/oko_attached/src/components/modal_variants/eth/arbitrary_sig/make_arbitrary_sig_modal.tsx
@@ -74,7 +74,7 @@ export const MakeArbitrarySigModal: FC<MakeArbitrarySigModalProps> = ({
           )}
         </div>
 
-        <Spacing height={!!siweMessage ? 12 : 20} />
+        <Spacing height={20} />
         {!hasOnChainSchema && <ArbitrarySignatureDesc />}
 
         <Spacing height={8} />
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
index 7865e9cc0..8dbadad1b 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/make_message_sig_modal.tsx
@@ -87,7 +87,7 @@ export const MakeMessageSigModal: FC<MakeMessageSigModalProps> = ({
           )}
         </div>
 
-        <Spacing height={!!siwsMessage ? 12 : 20} />
+        <Spacing height={20} />
 
         {siwsMessage && !isValidSiwsMessage && (
           <>
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
index eba77b4a6..3d7088d29 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/make_siws_signature_content.tsx
@@ -23,10 +23,9 @@ interface SolanaSiwsSignatureContentProps {
   theme: Theme | null;
 }
 
-export const SolanaSiwsSignatureContent: FC<SolanaSiwsSignatureContentProps> = ({
-  payload,
-  theme,
-}) => {
+export const SolanaSiwsSignatureContent: FC<
+  SolanaSiwsSignatureContentProps
+> = ({ payload, theme }) => {
   // Decode hex message to string
   const decodedMessage = useMemo(() => {
     try {
@@ -47,11 +46,7 @@ export const SolanaSiwsSignatureContent: FC<SolanaSiwsSignatureContentProps> = (
 
   return (
     <div>
-      {isValidSiwsMessage ? (
-        <SiwsSigTitleBadge theme={theme} />
-      ) : (
-        <RiskWarningBox />
-      )}
+      {isValidSiwsMessage ? <SiwsSigTitleBadge /> : <RiskWarningBox />}
 
       <div className={styles.metadataContainer}>
         <Spacing height={isValidSiwsMessage ? 8 : 12} />
diff --git a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/index.tsx b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/index.tsx
index 661264d43..847e7227a 100644
--- a/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/index.tsx
+++ b/embed/oko_attached/src/components/modal_variants/sol/message_sig/siws_sig/siws_sig_title_badge/index.tsx
@@ -1,15 +1,9 @@
-import type { FC } from "react";
-import type { Theme } from "@oko-wallet/oko-common-ui/theme";
 import { Typography } from "@oko-wallet/oko-common-ui/typography";
 
 import styles from "./styles.module.scss";
 import { SOLANA_LOGO_URL } from "@oko-wallet-attached/constants/urls";
 
-interface SiwsSigTitleBadgeProps {
-  theme: Theme | null;
-}
-
-export const SiwsSigTitleBadge: FC<SiwsSigTitleBadgeProps> = ({ theme }) => {
+export const SiwsSigTitleBadge = () => {
   return (
     <div className={styles.badgeContainer}>
       <img src={SOLANA_LOGO_URL} alt="Solana" className={styles.solanaLogo} />