···

       
128
       
128
       
 
       
  return (

     

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

     

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

     

       
131
       
131
       
-
       
        <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 px-2 py-1.5 text-sm shadow-xs dark:border-neutral-700">

     

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

     

       
132
       
132
       
 
       
          <div class="flex gap-3">

     

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

     

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

     

···

       
182
       
182
       
 
       
  return (

     

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

     

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

     

       
185
       
185
       
-
       
        <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 px-2 py-1.5 text-sm shadow-xs dark:border-neutral-700">

     

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

     

       
186
       
186
       
 
       
          <div class="flex gap-3">

     

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

     

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

     

···

       
180
       
180
       
 
       
    <Show when={repo()}>

     

       
181
       
181
       
 
       
      <div class="flex w-full flex-col gap-2 wrap-break-word">

     

       
182
       
182
       
 
       
        <div

     

       
183
       
183
       
-
       
          class={`dark:shadow-dark-700 dark:bg-dark-300 flex justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 px-2 py-1.5 text-sm shadow-xs dark:border-neutral-700`}

     

       
183
       
183
       
+
       
          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`}

     

       
184
       
184
       
 
       
        >

     

       
185
       
185
       
 
       
          <div class="flex gap-2 text-xs sm:gap-4 sm:text-sm">

     

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