chore: ai, public course and other ui improvements

packages/ui/src/custom/exercise-question/renderers/checkbox/edit.svelte

@@ -157,7 +157,7 @@
   <div class="ui:space-y-2">
     {#each question.options ?? [] as option, index}
       {@const optionImageUrl = getOptionImageUrl(option)}
-      <div class="ui:flex ui:items-start ui:gap-2">
+      <div class="ui:flex ui:min-w-0 ui:items-start ui:gap-2">
         <IconButton
           type="button"
           {disabled}
@@ -177,7 +177,7 @@
           <span class="ui:sr-only">{label('checkbox.edit.toggle_correct_sr')}</span>
         </IconButton>
 
-        <div class="ui:flex-1 ui:space-y-2">
+        <div class="ui:min-w-0 ui:flex-1 ui:space-y-2">
           <Input
             class="ui:w-full"
             placeholder={[label('common.option_prefix'), String(index + 1)].filter(Boolean).join(' ').trim()}

packages/ui/src/custom/exercise-question/renderers/checkbox/take.svelte

@@ -61,10 +61,12 @@
       {@const optionValue = getOptionValue(option, index)}
       {@const optionId = `checkbox-${question.id ?? 'question'}-${index}`}
       {@const optionImageUrl = getOptionImageUrl(option)}
+      {@const isSelected = isOptionSelected(option, index)}
 
       <div
         class={cn(
           'ui:rounded-md ui:p-2 ui:border',
+          isSelected ? 'ui:border-primary' : 'ui:border-border',
           optionsHaveImages ? 'ui:space-y-2' : 'ui:flex ui:items-center ui:gap-2'
         )}
       >