···

       
100
       
 
       
          <div class="mb-3 max-h-80 overflow-y-auto md:max-h-100">

     

       
101
       
 
       
            <For each={Object.keys(sessions)}>

     

       
102
       
 
       
              {(did) => (

     

       
103
       
-
       
                <div class="flex items-center">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
104
       
 
       
                  <button

     

       
105
       
-
       
                    class="flex w-full items-center justify-between gap-1 truncate rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
106
       
 
       
                    onclick={() => resumeSession(did as Did)}

     

       
107
       
 
       
                  >

     

       
108
       
-
       
                    <span class="flex items-center gap-2 truncate">

     

       
109
       
-
       
                      <Show when={avatars[did as Did]}>

     

       
110
       
-
       
                        <img

     

       
111
       
-
       
                          src={avatars[did as Did].replace("img/avatar/", "img/avatar_thumbnail/")}

     

       
112
       
-
       
                          class="size-6 rounded-full"

     

       
113
       
-
       
                        />

     

       
114
       
-
       
                      </Show>

     

       
115
       
-
       
                      <span class="truncate">

     

       
116
       
-
       
                        {sessions[did]?.handle ? sessions[did].handle : did}

     

       
117
       
-
       
                      </span>

     

       
118
       
 
       
                    </span>

     

       
119
       
 
       
                    <Show when={did === agent()?.sub && sessions[did].signedIn}>

     

       
120
       
 
       
                      <span class="iconify lucide--check shrink-0 text-green-500 dark:text-green-400"></span>

     
···

       
123
       
 
       
                      <span class="iconify lucide--circle-alert shrink-0 text-red-500 dark:text-red-400"></span>

     

       
124
       
 
       
                    </Show>

     

       
125
       
 
       
                  </button>

     

       
126
       
-
       
                  <A

     

       
127
       
-
       
                    href={`/at://${did}`}

     

       
128
       
-
       
                    onClick={() => setOpenManager(false)}

     

       
129
       
-
       
                    class="flex items-center rounded-lg p-2 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
130
       
-
       
                  >

     

       
131
       
-
       
                    <span class="iconify lucide--user-round"></span>

     

       
132
       
-
       
                  </A>

     

       
133
       
 
       
                  <button

     

       
134
       
 
       
                    onclick={() => removeSession(did as Did)}

     

       
135
       
-
       
                    class="flex items-center rounded-lg p-2 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
136
       
 
       
                  >

     

       
137
       
 
       
                    <span class="iconify lucide--x"></span>

     

       
138
       
 
       
                  </button>

     

···

       
100
       
 
       
          <div class="mb-3 max-h-80 overflow-y-auto md:max-h-100">

     

       
101
       
 
       
            <For each={Object.keys(sessions)}>

     

       
102
       
 
       
              {(did) => (

     

       
103
       
+
       
                <div class="flex w-full items-center justify-between">

     

       
104
       
+
       
                  <A

     

       
105
       
+
       
                    href={`/at://${did}`}

     

       
106
       
+
       
                    onClick={() => setOpenManager(false)}

     

       
107
       
+
       
                    class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
108
       
+
       
                  >

     

       
109
       
+
       
                    <Show

     

       
110
       
+
       
                      when={avatars[did as Did]}

     

       
111
       
+
       
                      fallback={<span class="iconify lucide--user-round m-0.5 size-5"></span>}

     

       
112
       
+
       
                    >

     

       
113
       
+
       
                      <img

     

       
114
       
+
       
                        src={avatars[did as Did].replace("img/avatar/", "img/avatar_thumbnail/")}

     

       
115
       
+
       
                        class="size-6 rounded-full"

     

       
116
       
+
       
                      />

     

       
117
       
+
       
                    </Show>

     

       
118
       
+
       
                  </A>

     

       
119
       
 
       
                  <button

     

       
120
       
+
       
                    class="flex grow items-center justify-between gap-1 truncate rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
121
       
 
       
                    onclick={() => resumeSession(did as Did)}

     

       
122
       
 
       
                  >

     

       
123
       
+
       
                    <span class="truncate">

     

       
124
       
+
       
                      {sessions[did]?.handle ? sessions[did].handle : did}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
125
       
 
       
                    </span>

     

       
126
       
 
       
                    <Show when={did === agent()?.sub && sessions[did].signedIn}>

     

       
127
       
 
       
                      <span class="iconify lucide--check shrink-0 text-green-500 dark:text-green-400"></span>

     
···

       
130
       
 
       
                      <span class="iconify lucide--circle-alert shrink-0 text-red-500 dark:text-red-400"></span>

     

       
131
       
 
       
                    </Show>

     

       
132
       
 
       
                  </button>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
133
       
 
       
                  <button

     

       
134
       
 
       
                    onclick={() => removeSession(did as Did)}

     

       
135
       
+
       
                    class="flex items-center rounded-md p-2 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
136
       
 
       
                  >

     

       
137
       
 
       
                    <span class="iconify lucide--x"></span>

     

       
138
       
 
       
                  </button>