···

       
83
       
 
       
        />

     

       
84
       
 
       
        <button

     

       
85
       
 
       
          onclick={() => login(loginInput())}

     

       
86
       
-
       
          class="flex items-center rounded-lg p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"

     

       
87
       
 
       
        >

     

       
88
       
 
       
          <span class="iconify lucide--log-in"></span>

     

       
89
       
 
       
        </button>

     

···

       
83
       
 
       
        />

     

       
84
       
 
       
        <button

     

       
85
       
 
       
          onclick={() => login(loginInput())}

     

       
86
       
+
       
          class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"

     

       
87
       
 
       
        >

     

       
88
       
 
       
          <span class="iconify lucide--log-in"></span>

     

       
89
       
 
       
        </button>

     

···

       
238
       
 
       
        <Show when={input()} fallback={ListUrlsTooltip()}>

     

       
239
       
 
       
          <button

     

       
240
       
 
       
            type="button"

     

       
241
       
-
       
            class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"

     

       
242
       
 
       
            onClick={() => setInput(undefined)}

     

       
243
       
 
       
          >

     

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

     
···

       
352
       
 
       
      </Modal>

     

       
353
       
 
       
      <button

     

       
354
       
 
       
        type="button"

     

       
355
       
-
       
        class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"

     

       
356
       
 
       
        onClick={() => setOpenList(true)}

     

       
357
       
 
       
      >

     

       
358
       
 
       
        <span class="iconify lucide--help-circle"></span>

     

···

       
238
       
 
       
        <Show when={input()} fallback={ListUrlsTooltip()}>

     

       
239
       
 
       
          <button

     

       
240
       
 
       
            type="button"

     

       
241
       
+
       
            class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"

     

       
242
       
 
       
            onClick={() => setInput(undefined)}

     

       
243
       
 
       
          >

     

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

     
···

       
352
       
 
       
      </Modal>

     

       
353
       
 
       
      <button

     

       
354
       
 
       
        type="button"

     

       
355
       
+
       
        class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"

     

       
356
       
 
       
        onClick={() => setOpenList(true)}

     

       
357
       
 
       
      >

     

       
358
       
 
       
        <span class="iconify lucide--help-circle"></span>

     

···

       
207
       
 
       
                          setLastSelected(undefined);

     

       
208
       
 
       
                          setBatchDelete(!batchDelete());

     

       
209
       
 
       
                        }}

     

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

     

       
211
       
 
       
                      >

     

       
212
       
 
       
                        <span

     

       
213
       
 
       
                          class={`iconify text-lg ${batchDelete() ? "lucide--circle-x" : "lucide--trash-2"} `}

     
···

       
221
       
 
       
                      children={

     

       
222
       
 
       
                        <button

     

       
223
       
 
       
                          onclick={() => selectAll()}

     

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

     

       
225
       
 
       
                        >

     

       
226
       
 
       
                          <span class="iconify lucide--copy-check text-lg"></span>

     

       
227
       
 
       
                        </button>

     
···

       
235
       
 
       
                            setRecreate(true);

     

       
236
       
 
       
                            setOpenDelete(true);

     

       
237
       
 
       
                          }}

     

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

     

       
239
       
 
       
                        >

     

       
240
       
 
       
                          <span class="iconify lucide--recycle text-lg text-green-500 dark:text-green-400"></span>

     

       
241
       
 
       
                        </button>

     
···

       
249
       
 
       
                            setRecreate(false);

     

       
250
       
 
       
                            setOpenDelete(true);

     

       
251
       
 
       
                          }}

     

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

     

       
253
       
 
       
                        >

     

       
254
       
 
       
                          <span class="iconify lucide--trash-2 text-lg text-red-500 dark:text-red-400"></span>

     

       
255
       
 
       
                        </button>

     
···

       
278
       
 
       
              <Tooltip text="Jetstream">

     

       
279
       
 
       
                <A

     

       
280
       
 
       
                  href={`/jetstream?collections=${params.collection}&dids=${params.repo}`}

     

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

     

       
282
       
 
       
                >

     

       
283
       
 
       
                  <span class="iconify lucide--radio-tower text-lg"></span>

     

       
284
       
 
       
                </A>

     

···

       
207
       
 
       
                          setLastSelected(undefined);

     

       
208
       
 
       
                          setBatchDelete(!batchDelete());

     

       
209
       
 
       
                        }}

     

       
210
       
+
       
                        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"

     

       
211
       
 
       
                      >

     

       
212
       
 
       
                        <span

     

       
213
       
 
       
                          class={`iconify text-lg ${batchDelete() ? "lucide--circle-x" : "lucide--trash-2"} `}

     
···

       
221
       
 
       
                      children={

     

       
222
       
 
       
                        <button

     

       
223
       
 
       
                          onclick={() => selectAll()}

     

       
224
       
+
       
                          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"

     

       
225
       
 
       
                        >

     

       
226
       
 
       
                          <span class="iconify lucide--copy-check text-lg"></span>

     

       
227
       
 
       
                        </button>

     
···

       
235
       
 
       
                            setRecreate(true);

     

       
236
       
 
       
                            setOpenDelete(true);

     

       
237
       
 
       
                          }}

     

       
238
       
+
       
                          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"

     

       
239
       
 
       
                        >

     

       
240
       
 
       
                          <span class="iconify lucide--recycle text-lg text-green-500 dark:text-green-400"></span>

     

       
241
       
 
       
                        </button>

     
···

       
249
       
 
       
                            setRecreate(false);

     

       
250
       
 
       
                            setOpenDelete(true);

     

       
251
       
 
       
                          }}

     

       
252
       
+
       
                          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"

     

       
253
       
 
       
                        >

     

       
254
       
 
       
                          <span class="iconify lucide--trash-2 text-lg text-red-500 dark:text-red-400"></span>

     

       
255
       
 
       
                        </button>

     
···

       
278
       
 
       
              <Tooltip text="Jetstream">

     

       
279
       
 
       
                <A

     

       
280
       
 
       
                  href={`/jetstream?collections=${params.collection}&dids=${params.repo}`}

     

       
281
       
+
       
                  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"

     

       
282
       
 
       
                >

     

       
283
       
 
       
                  <span class="iconify lucide--radio-tower text-lg"></span>

     

       
284
       
 
       
                </A>

     

···

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

     

       
60
       
 
       
        <A

     

       
61
       
 
       
          href={`/at://${repo.did}`}

     

       
62
       
-
       
          class="grow truncate rounded py-0.5 font-mono hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
63
       
 
       
        >

     

       
64
       
 
       
          {repo.did}

     

       
65
       
 
       
        </A>

     
···

       
70
       
 
       
        </Show>

     

       
71
       
 
       
        <button

     

       
72
       
 
       
          onclick={() => setOpenInfo(true)}

     

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

     

       
74
       
 
       
        >

     

       
75
       
 
       
          <span class="iconify lucide--info"></span>

     

       
76
       
 
       
        </button>

     
···

       
111
       
 
       
  };

     

       
112
       
 
       


     

       
113
       
 
       
  const Tab = (props: { tab: "repos" | "info"; label: string }) => (

     

       
114
       
-
       
    <div class="flex items-center gap-0.5">

     

       
115
       
-
       
      <A

     

       
116
       
-
       
        classList={{

     

       
117
       
-
       
          "flex items-center gap-1 border-b-2": true,

     

       
118
       
-
       
          "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":

     

       
119
       
-
       
            (!!location.hash && location.hash !== `#${props.tab}`) ||

     

       
120
       
-
       
            (!location.hash && props.tab !== "repos"),

     

       
121
       
-
       
        }}

     

       
122
       
-
       
        href={`/${params.pds}#${props.tab}`}

     

       
123
       
-
       
      >

     

       
124
       
-
       
        {props.label}

     

       
125
       
-
       
      </A>

     

       
126
       
-
       
    </div>

     

       
127
       
 
       
  );

     

       
128
       
 
       


     

       
129
       
 
       
  return (

     

       
130
       
 
       
    <Show when={repos() || response()}>

     

       
131
       
 
       
      <div class="flex w-full flex-col">

     

       
132
       
 
       
        <div class="dark:shadow-dark-700 dark:bg-dark-300 mb-2 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">

     

       
133
       
-
       
          <div class="ml-1 flex gap-3">

     

       
134
       
 
       
            <Tab tab="repos" label="Repositories" />

     

       
135
       
 
       
            <Tab tab="info" label="Info" />

     

       
136
       
 
       
          </div>

     

···

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

     

       
60
       
 
       
        <A

     

       
61
       
 
       
          href={`/at://${repo.did}`}

     

       
62
       
+
       
          class="grow truncate rounded-md p-0.5 font-mono hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
63
       
 
       
        >

     

       
64
       
 
       
          {repo.did}

     

       
65
       
 
       
        </A>

     
···

       
70
       
 
       
        </Show>

     

       
71
       
 
       
        <button

     

       
72
       
 
       
          onclick={() => setOpenInfo(true)}

     

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

     

       
74
       
 
       
        >

     

       
75
       
 
       
          <span class="iconify lucide--info"></span>

     

       
76
       
 
       
        </button>

     
···

       
111
       
 
       
  };

     

       
112
       
 
       


     

       
113
       
 
       
  const Tab = (props: { tab: "repos" | "info"; label: string }) => (

     

       
114
       
+
       
    <A

     

       
115
       
+
       
      classList={{

     

       
116
       
+
       
        "border-b-2": true,

     

       
117
       
+
       
        "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":

     

       
118
       
+
       
          (!!location.hash && location.hash !== `#${props.tab}`) ||

     

       
119
       
+
       
          (!location.hash && props.tab !== "repos"),

     

       
120
       
+
       
      }}

     

       
121
       
+
       
      href={`/${params.pds}#${props.tab}`}

     

       
122
       
+
       
    >

     

       
123
       
+
       
      {props.label}

     

       
124
       
+
       
    </A>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
125
       
 
       
  );

     

       
126
       
 
       


     

       
127
       
 
       
  return (

     

       
128
       
 
       
    <Show when={repos() || response()}>

     

       
129
       
 
       
      <div class="flex w-full flex-col">

     

       
130
       
 
       
        <div class="dark:shadow-dark-700 dark:bg-dark-300 mb-2 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">

     

       
131
       
+
       
          <div class="ml-1 flex items-center gap-3">

     

       
132
       
 
       
            <Tab tab="repos" label="Repositories" />

     

       
133
       
 
       
            <Tab tab="info" label="Info" />

     

       
134
       
 
       
          </div>

     

···

       
362
       
 
       
      <div class="flex items-center gap-0.5">

     

       
363
       
 
       
        <A

     

       
364
       
 
       
          classList={{

     

       
365
       
-
       
            "flex items-center gap-1 border-b-2": true,

     

       
366
       
 
       
            "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":

     

       
367
       
 
       
              !isActive(),

     

       
368
       
 
       
          }}

     
···

       
381
       
 
       
    <Show when={record()} keyed>

     

       
382
       
 
       
      <div class="flex w-full flex-col items-center">

     

       
383
       
 
       
        <div class="dark:shadow-dark-700 dark:bg-dark-300 mb-3 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">

     

       
384
       
-
       
          <div class="ml-1 flex gap-3">

     

       
385
       
 
       
            <RecordTab tab="record" label="Record" />

     

       
386
       
 
       
            <RecordTab tab="schema" label="Schema" />

     

       
387
       
 
       
            <RecordTab tab="backlinks" label="Backlinks" />

     

···

       
362
       
 
       
      <div class="flex items-center gap-0.5">

     

       
363
       
 
       
        <A

     

       
364
       
 
       
          classList={{

     

       
365
       
+
       
            "border-b-2": true,

     

       
366
       
 
       
            "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":

     

       
367
       
 
       
              !isActive(),

     

       
368
       
 
       
          }}

     
···

       
381
       
 
       
    <Show when={record()} keyed>

     

       
382
       
 
       
      <div class="flex w-full flex-col items-center">

     

       
383
       
 
       
        <div class="dark:shadow-dark-700 dark:bg-dark-300 mb-3 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">

     

       
384
       
+
       
          <div class="ml-1 flex items-center gap-3">

     

       
385
       
 
       
            <RecordTab tab="record" label="Record" />

     

       
386
       
 
       
            <RecordTab tab="schema" label="Schema" />

     

       
387
       
 
       
            <RecordTab tab="backlinks" label="Backlinks" />

     

···

       
86
       
 
       
    };

     

       
87
       
 
       


     

       
88
       
 
       
    return (

     

       
89
       
-
       
      <A class="flex items-center" href={`/at://${params.repo}#${props.tab}`}>

     

       
90
       
-
       
        <span

     

       
91
       
-
       
          classList={{

     

       
92
       
-
       
            "flex items-center border-b-2": true,

     

       
93
       
-
       
            "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600":

     

       
94
       
-
       
              !isActive(),

     

       
95
       
-
       
          }}

     

       
96
       
-
       
        >

     

       
97
       
-
       
          {props.label}

     

       
98
       
-
       
        </span>

     

       
99
       
 
       
      </A>

     

       
100
       
 
       
    );

     

       
101
       
 
       
  };

     
···

       
274
       
 
       
    <Show when={repo()}>

     

       
275
       
 
       
      <div class="flex w-full flex-col gap-3 wrap-break-word">

     

       
276
       
 
       
        <div class="dark:shadow-dark-700 dark:bg-dark-300 flex justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">

     

       
277
       
-
       
          <div class="ml-1 flex gap-2 text-xs sm:gap-4 sm:text-sm">

     

       
278
       
 
       
            <Show when={!error()}>

     

       
279
       
 
       
              <RepoTab tab="collections" label="Collections" />

     

       
280
       
 
       
            </Show>

     

···

       
86
       
 
       
    };

     

       
87
       
 
       


     

       
88
       
 
       
    return (

     

       
89
       
+
       
      <A

     

       
90
       
+
       
        classList={{

     

       
91
       
+
       
          "border-b-2": true,

     

       
92
       
+
       
          "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600": !isActive(),

     

       
93
       
+
       
        }}

     

       
94
       
+
       
        href={`/at://${params.repo}#${props.tab}`}

     

       
95
       
+
       
      >

     

       
96
       
+
       
        {props.label}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
97
       
 
       
      </A>

     

       
98
       
 
       
    );

     

       
99
       
 
       
  };

     
···

       
272
       
 
       
    <Show when={repo()}>

     

       
273
       
 
       
      <div class="flex w-full flex-col gap-3 wrap-break-word">

     

       
274
       
 
       
        <div class="dark:shadow-dark-700 dark:bg-dark-300 flex justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">

     

       
275
       
+
       
          <div class="ml-1 flex items-center gap-2 text-xs sm:gap-4 sm:text-sm">

     

       
276
       
 
       
            <Show when={!error()}>

     

       
277
       
 
       
              <RepoTab tab="collections" label="Collections" />

     

       
278
       
 
       
            </Show>