CoolFace
Apppublic

Blablablab/coreference

sourceHugging Faceapache-2.0updated 1mo agoView on Hugging Face
0likes
task_layout.html205 linesDownload Raw Back to layouts
1<!-- CONFIG_HASH: fa1bbc2d9c8ac2c7790e9db00e3c771f_6711ef4d08d103ef7a099d263b60b640 -->2<!-- Generated annotation layout file -->3<!-- This file was automatically generated based on the annotation schemes in your config -->4<!-- You can customize this file to modify the layout of your annotation interface -->5<!-- Changes to this file will be preserved across server restarts -->6 7<div class="annotation_schema">8 9    <form id="mentions" class="annotation-form span shadcn-span-container" action="javascript:void(0)" data-annotation-id="0" data-grid-columns="1">10            11        <fieldset schema="mentions">12            <legend class="shadcn-span-title">Highlight entity mentions in the text</legend>13            14            15            <div class="shadcn-span-options">16    17            <div class="shadcn-span-option">18                <input class="mentions shadcn-span-checkbox"19                       for_span="true"20                       type="checkbox"21                       id="mentions_PERSON"22                       name="span_label:::mentions"23                       value="PERSON"24                       onclick="onlyOne(this); changeSpanLabel(this, 'mentions', 'PERSON', 'PERSON', '(110, 86, 207)', '');"25                       data-target-field=""26                       validation="">27                <label for="mentions_PERSON" class="shadcn-span-label" data-toggle="tooltip" data-html="true" data-placement="top" title="Person names and pronouns">28                    <span style="background-color:rgb(110, 86, 207,0.4);">PERSON</span>29                </label>30            </div>31        32            <div class="shadcn-span-option">33                <input class="mentions shadcn-span-checkbox"34                       for_span="true"35                       type="checkbox"36                       id="mentions_ORG"37                       name="span_label:::mentions"38                       value="ORG"39                       onclick="onlyOne(this); changeSpanLabel(this, 'mentions', 'ORG', 'ORG', '(239, 68, 68)', '');"40                       data-target-field=""41                       validation="">42                <label for="mentions_ORG" class="shadcn-span-label" data-toggle="tooltip" data-html="true" data-placement="top" title="Organization names">43                    <span style="background-color:rgb(239, 68, 68,0.4);">ORG</span>44                </label>45            </div>46        47            <div class="shadcn-span-option">48                <input class="mentions shadcn-span-checkbox"49                       for_span="true"50                       type="checkbox"51                       id="mentions_LOC"52                       name="span_label:::mentions"53                       value="LOC"54                       onclick="onlyOne(this); changeSpanLabel(this, 'mentions', 'LOC', 'LOC', '(113, 113, 122)', '');"55                       data-target-field=""56                       validation="">57                <label for="mentions_LOC" class="shadcn-span-label" data-toggle="tooltip" data-html="true" data-placement="top" title="Location names">58                    <span style="background-color:rgb(113, 113, 122,0.4);">LOC</span>59                </label>60            </div>61        62            <div class="shadcn-span-option">63                <input class="mentions shadcn-span-checkbox"64                       for_span="true"65                       type="checkbox"66                       id="mentions_OTHER"67                       name="span_label:::mentions"68                       value="OTHER"69                       onclick="onlyOne(this); changeSpanLabel(this, 'mentions', 'OTHER', 'OTHER', '(245, 158, 11)', '');"70                       data-target-field=""71                       validation="">72                <label for="mentions_OTHER" class="shadcn-span-label" data-toggle="tooltip" data-html="true" data-placement="top" title="Other referring expressions">73                    <span style="background-color:rgb(245, 158, 11,0.4);">OTHER</span>74                </label>75            </div>76        </div></fieldset></form>77 78    <div id="coref_chains" class="coref-container annotation-form"79         data-annotation-type="coreference"80         data-annotation-id="1"81         data-span-schema="mentions"82         data-allow-singletons="true"83         data-highlight-mode="background"84         data-coref-config='{&quot;schemaName&quot;: &quot;coref_chains&quot;, &quot;spanSchema&quot;: &quot;mentions&quot;, &quot;entityTypes&quot;: [&quot;PERSON&quot;, &quot;ORG&quot;, &quot;LOC&quot;, &quot;OTHER&quot;], &quot;allowSingletons&quot;: true, &quot;highlightMode&quot;: &quot;background&quot;, &quot;colors&quot;: [&quot;#6E56CF&quot;, &quot;#EF4444&quot;, &quot;#22C55E&quot;, &quot;#3B82F6&quot;, &quot;#F59E0B&quot;, &quot;#EC4899&quot;, &quot;#06B6D4&quot;, &quot;#F97316&quot;, &quot;#8B5CF6&quot;, &quot;#10B981&quot;, &quot;#DC2626&quot;, &quot;#A855F7&quot;, &quot;#14B8A6&quot;, &quot;#F43F5E&quot;, &quot;#84CC16&quot;]}'>85 86        <div class="coref-header">87            <h4 class="coref-title">Group mentions that refer to the same entity into coreference chains</h4>88            <span class="coref-chain-count" id="coref_chains_chain_count">0 chains</span>89        </div>90 91        92        <div class="coref-entity-type-selector">93            <label class="coref-section-label">Entity Type:</label>94            <div class="coref-entity-types">95                96                <div class="coref-entity-type" data-entity-type="PERSON"97                     data-color="#6E56CF">98                    <input type="radio" name="coref_chains_entity_type"99                           id="coref_chains_etype_PERSON"100                           value="PERSON"101                           class="coref-entity-type-radio">102                    <label for="coref_chains_etype_PERSON"103                           class="coref-entity-type-label"104                           style="--chain-color: #6E56CF">105                        <span class="coref-color-indicator" style="background-color: #6E56CF"></span>106                        <span class="coref-type-name">PERSON</span>107                    </label>108                </div>109            110                <div class="coref-entity-type" data-entity-type="ORG"111                     data-color="#EF4444">112                    <input type="radio" name="coref_chains_entity_type"113                           id="coref_chains_etype_ORG"114                           value="ORG"115                           class="coref-entity-type-radio">116                    <label for="coref_chains_etype_ORG"117                           class="coref-entity-type-label"118                           style="--chain-color: #EF4444">119                        <span class="coref-color-indicator" style="background-color: #EF4444"></span>120                        <span class="coref-type-name">ORG</span>121                    </label>122                </div>123            124                <div class="coref-entity-type" data-entity-type="LOC"125                     data-color="#22C55E">126                    <input type="radio" name="coref_chains_entity_type"127                           id="coref_chains_etype_LOC"128                           value="LOC"129                           class="coref-entity-type-radio">130                    <label for="coref_chains_etype_LOC"131                           class="coref-entity-type-label"132                           style="--chain-color: #22C55E">133                        <span class="coref-color-indicator" style="background-color: #22C55E"></span>134                        <span class="coref-type-name">LOC</span>135                    </label>136                </div>137            138                <div class="coref-entity-type" data-entity-type="OTHER"139                     data-color="#3B82F6">140                    <input type="radio" name="coref_chains_entity_type"141                           id="coref_chains_etype_OTHER"142                           value="OTHER"143                           class="coref-entity-type-radio">144                    <label for="coref_chains_etype_OTHER"145                           class="coref-entity-type-label"146                           style="--chain-color: #3B82F6">147                        <span class="coref-color-indicator" style="background-color: #3B82F6"></span>148                        <span class="coref-type-name">OTHER</span>149                    </label>150                </div>151            152            </div>153        </div>154        155 156        <!-- Chain Actions -->157        <div class="coref-actions">158            <button type="button" class="coref-btn coref-new-chain-btn"159                    id="coref_chains_new_chain"160                    title="Create a new chain from selected mentions">161                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"162                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">163                    <line x1="12" y1="5" x2="12" y2="19"></line>164                    <line x1="5" y1="12" x2="19" y2="12"></line>165                </svg>166                New Chain167            </button>168            <button type="button" class="coref-btn coref-add-to-chain-btn"169                    id="coref_chains_add_to_chain"170                    disabled title="Add selected mention to active chain">171                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"172                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">173                    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>174                    <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>175                </svg>176                Add to Chain177            </button>178            <button type="button" class="coref-btn coref-merge-btn"179                    id="coref_chains_merge_chains"180                    disabled title="Merge selected chains">181                Merge Chains182            </button>183            <button type="button" class="coref-btn coref-remove-btn"184                    id="coref_chains_remove_mention"185                    disabled title="Remove selected mention from its chain">186                Remove Mention187            </button>188        </div>189 190        <!-- Chain Panel (sidebar-style list of all chains) -->191        <div class="coref-chain-panel" id="coref_chains_chain_panel">192            <div class="coref-chain-list" id="coref_chains_chain_list">193                <p class="coref-no-chains-message">No coreference chains created yet.194                Select spans and click "New Chain" to start.</p>195            </div>196        </div>197 198        <!-- Hidden input to store chain data for form submission -->199        <input type="hidden" name="span_link:::coref_chains"200               id="coref_chains_chain_data" value="[]">201    </div>202    203 204</div>205