fix(acl): keep empty draft rules and clarify OR/AND hint

Empty rules were stripped on re-parse so Add rule looked broken; editor now keeps drafts until filled.

apps/web/src/components/DataAccessEditor.vue

@@ -277,19 +277,28 @@ function addCustomSource(index: number) {
       </label>
       <label>
         <input v-model="mode" type="radio" value="rules" :disabled="disabled" />
-        فقط با قوانین (چند قانون با OR)
+        محدود به قوانین زیر
       </label>
     </div>
 
     <template v-if="mode === 'rules'">
       <p class="hint">
-        قوانین با هم «یا» می‌شوند. داخل هر قانون، گزینه‌های پرشده با هم «و» هستند.
+        هر قانون یک راه جدا برای دیدن داده است. اگر چند قانون بگذارید، کافی است
+        <strong>یکی از آن‌ها</strong> برقرار باشد تا رکورد دیده شود.
+        داخل یک قانون، گزینه‌هایی که تیک می‌زنید باید
+        <strong>همه با هم</strong> برقرار باشند.
+        مثال: «پرونده‌های خودم» به‌عنوان قانون ۱ و «گروه VIP» به‌عنوان قانون ۲ → هم مال خودش را می‌بیند، هم VIP را.
       </p>
       <article v-for="(rule, index) in rules" :key="index" class="dae-rule">
         <header>
           <strong>قانون {{ index + 1 }}</strong>
           <span class="muted">{{ ruleSummary(rule) }}</span>
-          <UiButton v-if="!disabled" variant="secondary" @click="removeRule(index)">
+          <UiButton
+            v-if="!disabled"
+            type="button"
+            variant="secondary"
+            @click.prevent="removeRule(index)"
+          >
             حذف
           </UiButton>
         </header>
@@ -464,7 +473,14 @@ function addCustomSource(index: number) {
         </fieldset>
       </article>
 
-      <UiButton v-if="!disabled" variant="secondary" @click="addRule">+ قانون جدید</UiButton>
+      <UiButton
+        v-if="!disabled"
+        type="button"
+        variant="secondary"
+        @click.prevent="addRule"
+      >
+        + قانون جدید
+      </UiButton>
     </template>
 
     <p v-else-if="!hasLimits" class="hint">