chore(ic_message_frontend): add Internet Identity v2 to deep-link Sign In

Author: zensh

src/ic_message_frontend/package.json

@@ -85,5 +85,5 @@
     "test": "vitest run"
   },
   "type": "module",
-  "version": "2.13.3"
+  "version": "2.13.4"
 }

src/ic_message_frontend/src/lib/components/core/SignInModal.svelte

@@ -17,7 +17,7 @@
 
 <ModalCard {parent} cardClass="backdrop-blur-sm !bg-primary-900/80">
   <div class="!mt-0 text-center text-xl font-bold text-white">Sign In with</div>
-  <div class="!mt-8 flex flex-col items-center space-y-8">
+  <div class="!mt-8 flex flex-col items-center space-y-6">
     <button
       type="button"
       class="variant-filled-primary btn btn-lg w-80"

src/ic_message_frontend/src/lib/constants.ts

@@ -1,6 +1,6 @@
 const src = globalThis.location?.href || ''
 
-export const APP_VERSION = '2.13.3'
+export const APP_VERSION = '2.13.4'
 export const IS_LOCAL = src.includes('localhost') || src.includes('127.0.0.1')
 export const ENV = IS_LOCAL ? 'local' : 'ic'
 export const APP_ORIGIN = IS_LOCAL

src/ic_message_frontend/src/routes/(app)/+page.svelte

@@ -24,6 +24,7 @@
     bg?: string
   }
 
+  const year = new Date().getFullYear()
   const toastStore = getToastStore()
   const modalStore = getModalStore()
   const icpPrice = $derived(tokensPrice.get(ICPToken.canisterId))
@@ -413,7 +414,7 @@
     <footer id="page-footer" class="px-4 pb-24 pt-12 text-surface-400">
       <div class="flex h-16 flex-col items-center">
         <p class="flex flex-row items-center gap-1">
-          <span class="text-sm">© 2024-2025</span>
+          <span class="text-sm">© 2024-{year}</span>
           <a class="" href="https://panda.fans" target="_blank"
             ><img
               class="w-28"
@@ -423,23 +424,18 @@
           >
         </p>
         <p class="mt-2 text-center text-sm antialiased">
-          A technical panda fully running on the <a
-            class="underline underline-offset-4"
-            href="https://dashboard.internetcomputer.org/sns/d7wvo-iiaaa-aaaaq-aacsq-cai"
-            target="_blank"
-          >
-            Internet Computer
-          </a>
-          blockchain, building chain-native infrastructures,
+          Breathing life into sovereign AI.<br />We are building the open-source
+          stack for agents to remember, transact, and evolve as first-class
+          citizens in Web3.<br />
           <a
             class="underline underline-offset-4"
             href="https://anda.ai"
             target="_blank">Anda.AI</a
           >
-          and
+          <span class="mx-1">|</span>
           <a class="underline underline-offset-4" href="https://dmsg.net"
             >dMsg.net</a
-          >.
+          >
         </p>
       </div>
     </footer>

src/ic_message_frontend/src/routes/(app)/[username]/+page.svelte

@@ -8,6 +8,7 @@
   import ProfileDetail from '$src/lib/components/messages/ProfileDetail.svelte'
   import { onMount } from 'svelte'
 
+  const year = new Date().getFullYear()
   let myState: MyMessageState | undefined = $state()
   let isDark = $derived(document.documentElement.classList.contains('dark'))
   let username = $derived((page?.params || {})['username'] || '')
@@ -56,7 +57,7 @@
   >
     <div class="flex h-16 flex-col items-center">
       <p class="flex flex-row items-center gap-1">
-        <span class="text-sm">© 2024</span>
+        <span class="text-sm">© 2024-{year}</span>
         <a class="" href="https://panda.fans" target="_blank"
           ><img
             class="w-28"
@@ -67,14 +68,19 @@
           /></a
         >
       </p>
-      <p class="mt-2 text-center text-sm capitalize antialiased">
-        A technical panda fully running on the <a
+      <p class="mt-2 text-center text-sm antialiased">
+        Breathing life into sovereign AI.<br />We are building the open-source
+        stack for agents to remember, transact, and evolve as first-class
+        citizens in Web3.<br />
+        <a
           class="underline underline-offset-4"
-          href="https://dashboard.internetcomputer.org/sns/d7wvo-iiaaa-aaaaq-aacsq-cai"
-          target="_blank"
+          href="https://anda.ai"
+          target="_blank">Anda.AI</a
+        >
+        <span class="mx-1">|</span>
+        <a class="underline underline-offset-4" href="https://dmsg.net"
+          >dMsg.net</a
         >
-          Internet Computer
-        </a> blockchain, building chain-native infras and practical Web3 apps.
       </p>
     </div>
   </footer>

src/ic_message_frontend/src/routes/(app)/_/oauth/+layout@(app).svelte

@@ -1,28 +1,37 @@
 <script lang="ts">
   let { children } = $props()
+  const year = new Date().getFullYear()
+  let isDark = $derived(document.documentElement.classList.contains('dark'))
 </script>
 
 {@render children()}
 <footer id="page-footer" class="px-4 pb-24 pt-12 text-surface-400">
   <div class="flex h-16 flex-col items-center">
     <p class="flex flex-row items-center gap-1">
-      <span class="text-sm">© 2024-2025</span>
+      <span class="text-sm">© 2024-{year}</span>
       <a class="" href="https://panda.fans" target="_blank"
         ><img
           class="w-28"
-          src="/_assets/icpanda-dao-white.svg"
+          src={isDark
+            ? '/_assets/icpanda-dao-white.svg'
+            : '/_assets/icpanda-dao.svg'}
           alt="ICPanda DAO"
         /></a
       >
     </p>
-    <p class="mt-2 text-center text-sm capitalize antialiased">
-      A technical panda fully running on the <a
+    <p class="mt-2 text-center text-sm antialiased">
+      Breathing life into sovereign AI.<br />We are building the open-source
+      stack for agents to remember, transact, and evolve as first-class citizens
+      in Web3.<br />
+      <a
         class="underline underline-offset-4"
-        href="https://dashboard.internetcomputer.org/sns/d7wvo-iiaaa-aaaaq-aacsq-cai"
-        target="_blank"
+        href="https://anda.ai"
+        target="_blank">Anda.AI</a
+      >
+      <span class="mx-1">|</span>
+      <a class="underline underline-offset-4" href="https://dmsg.net"
+        >dMsg.net</a
       >
-        Internet Computer
-      </a> blockchain, building chain-native infras and practical Web3 apps.
     </p>
   </div>
 </footer>

src/ic_message_frontend/src/routes/(app)/_/oauth/deeplink/+page.svelte

@@ -91,26 +91,36 @@
       </div>
     {/if}
     {#if !identity.isAuthenticated || Date.now() >= identity.expiration - 1000 * 3600 * 24}
-      <div class="!mt-8 flex flex-col items-center space-y-4">
+      <div class="!mt-8 flex flex-col items-center space-y-6">
         <button
           type="button"
-          class="variant-filled-primary btn w-80"
+          class="variant-filled-primary btn btn-lg w-80"
+          disabled={submitting}
+          onclick={() => {
+            authStore.signIn2('https://id.ai')
+          }}
+        >
+          Internet Identity v2
+        </button>
+        <button
+          type="button"
+          class="variant-filled-primary btn btn-lg w-80"
           disabled={submitting}
           onclick={() => {
             authStore.signIn2()
           }}
         >
-          Sign in with Internet Identity
+          Internet Identity
         </button>
         <button
           type="button"
-          class="variant-filled-secondary btn w-80"
+          class="variant-filled-surface btn btn-lg w-80"
           disabled={submitting}
           onclick={() => {
             authStore.signIn()
           }}
         >
-          Sign in with identity.ic0.app (legacy)
+          identity.ic0.app (legacy)
         </button>
       </div>
     {/if}