
<turbo-stream action="replace" target="article-32cd998776f3447783b62edaab25c157">
  <template>
    










<turbo-frame
  id="article-32cd998776f3447783b62edaab25c157"
>

  <sdoc-node
      data-editable_node="on"
      data-controller="anchor_controller"
    node-role="requirement"
    
      node-view="plain"
      show-node-type-name="TEXT"
    data-included-document="False"
    data-testid="node-requirement"
  >

    
    <sdoc-anchor
  id="32cd998776f3447783b62edaab25c157"
  data-anchor="32cd998776f3447783b62edaab25c157"
  node-role="requirement"
  
  
>
  </sdoc-anchor>

    
    


<sdoc-text>
  

  
  <sdoc-section-text>

<sdoc-field data-controller="copy_to_clipboard">
  <sdoc-field-content>
    <sdoc-autogen><div class="document">
<p>Use Cases describe specific scenarios where an actor achieves a goal through the system.
They bridge business need to system behavior and answer: Who does what, when?</p>
<p>UID prefix: UC-
Traces up to: Capabilities (CAP-)
Traces down to: Features (FEAT-)</p>
</div>
</sdoc-autogen>
  </sdoc-field-content>
  <sdoc-field-service>

    <div class="copy_to_clipboard">
      <div class="copy_to_clipboard-cover">
        <div title="Click to copy" class="copy_to_clipboard-button action_button">
          <span style="display: contents;" class="copy_to_clipboard-copy_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M8,2 L12,2 C13,2 14,3 14,4 L14,8 C14,9 13,10 12,10 L8,10 C7,10 6,9 6,8 L6,4 C6,3 7,2 8,2 Z"/>
  <path d="M10,12 C10,13 9,14 8,14 L4,14 C3,14 2,13 2,12 L2,8 C2,7 3,6 4,6"/>
</svg>
          </span>
          <span style="display: none;" class="copy_to_clipboard-done_icon">
            <svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M2.5,8.5 C2.5,8.5 3.5,9.5 6,12 C11,7 13.5,4.5 13.5,4.5" />
</svg>
          </span>
        </div>
      </div>
    </div>

  </sdoc-field-service>
</sdoc-field></sdoc-section-text>
</sdoc-text>


    


<sdoc-node-controls>

  
  <a
    href="/actions/document/edit_requirement?node_id=32cd998776f3447783b62edaab25c157&context_document_mid=2a9291064ea4472697039498dd0df3be"
    class="action_button"
    data-turbo-action="replace"
    data-turbo="true"
    title="Edit"
    data-testid="node-edit-action"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <path d="M2,13.25 L3,10 L10.5,2.5 C11.5,1.5 12.5,1.5 13.5,2.5 C14.5,3.5 14.5,4.5 13.5,5.5 L6,13 L2.75,14 C2.75,14 2.25,14.25 2,14 C1.75,13.75 2,13.25 2,13.25 Z"></path>
  <line x1="9" y1="4" x2="12" y2="7"></line>
</svg></a>
  <a
    href="/actions/document/delete_requirement?node_id=32cd998776f3447783b62edaab25c157&context_document_mid=2a9291064ea4472697039498dd0df3be"
    class="action_button"
    data-turbo-method="delete"
    data-turbo="true"
    title="Delete"
    data-testid="node-delete-action"
  ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <polyline points="13 5 12 14 4 14 3 5"></polyline>
  <line x1="2" y1="5" x2="14" y2="5"></line>
  <line x1="9.5" y1="7.5" x2="9.5" y2="11.5"></line>
  <line x1="6.5" y1="7.5" x2="6.5" y2="11.5"></line>
  <path d="M10,4 C10,2.8954305 9.1045695,2 8,2 C6.8954305,2 6,2.8954305 6,4"></path>
</svg></a>
  


  <a
    href="/actions/document/clone_requirement?reference_mid=32cd998776f3447783b62edaab25c157&context_document_mid=2a9291064ea4472697039498dd0df3be"
    class="action_button"
    
    
    data-turbo="true"
    title="Clone"
    data-testid="node-clone-action"
  ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M8,2 L12,2 C13,2 14,3 14,4 L14,8 C14,9 13,10 12,10 L8,10 C7,10 6,9 6,8 L6,4 C6,3 7,2 8,2 Z"/>
  <path d="M10,12 C10,13 9,14 8,14 L4,14 C3,14 2,13 2,12 L2,8 C2,7 3,6 4,6"/>
</svg></a>
  
  <sdoc-menu
    js-dropdown-menu
    data-controller="dropdown_menu"
    class="add_node"
  >
  
    <sdoc-menu-handler
      js-dropdown-menu-handler
      aria-expanded="false"
    >
      <a
        class="action_button"
        title="Add node"
        data-testid="node-menu-handler"
      ><svg class="svg_icon"  width="16px" height="16px" viewBox="0 0 16 16">
  <line x1="8" y1="3" x2="8" y2="13"></line>
  <line x1="13" y1="8" x2="3" y2="8"></line>
</svg></a>
    </sdoc-menu-handler>

    <sdoc-menu-list>
      <menu
        js-dropdown-menu-list
        aria-hidden="true"
      >
        <header>Add node</header>

        
          
            <li class="viewtype__menu_header">SECTION:</li>

            
            
              <li></li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=32cd998776f3447783b62edaab25c157&whereto=before&element_type=SECTION&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add SECTION above"
                data-testid="node-add-section-above-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,3.5 C2,3.5 1,4 1,5.5 L1,6.5 C1,7.5 2,8.5 3,8.5 L13,8.5 C14,8.5 15,7.5 15,6.5 L15,5.5 C15,4 14,3.5 13,3.5"/>
  <line x1="5.5" y1="3.5" x2="10.5" y2="3.5"></line>
  <line x1="8" y1="1" x2="8" y2="6"></line>
  <path d="M3,15 L13,15 C14.5,15 15,14 15,13 C15,12 14.5,11 13,11 L3,11 C1.5,11 1,12 1,13 C1,14 1.5,15 3,15 Z"/>
</svg></a>
            </li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=32cd998776f3447783b62edaab25c157&whereto=after&element_type=SECTION&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add SECTION below"
                data-testid="node-add-section-below-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,12.5 C2,12.5 1,12 1,10.5 L1,9.5 C1,8.5 2,7.5 3,7.5 L13,7.5 C14,7.5 15,8.5 15,9.5 L15,10.5 C15,12 14,12.5 13,12.5"/>
  <line x1="5.5" y1="12.5" x2="10.5" y2="12.5"></line>
  <line x1="8" y1="15" x2="8" y2="10"></line>
  <path d="M3,1 C3,1 6.5,1 13,1 C14.5,1 15,2 15,3 C15,4 14.5,5 13,5 L3,5 C1.5,5 1,4 1,3 C1,2 1.5,1 3,1 Z"/>
</svg></a>
            </li>
            <li class="viewtype__menu_header">TEXT:</li>

            
            
              <li></li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=32cd998776f3447783b62edaab25c157&whereto=before&element_type=TEXT&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add TEXT above"
                data-testid="node-add-text-above-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,3.5 C2,3.5 1,4 1,5.5 L1,6.5 C1,7.5 2,8.5 3,8.5 L13,8.5 C14,8.5 15,7.5 15,6.5 L15,5.5 C15,4 14,3.5 13,3.5"/>
  <line x1="5.5" y1="3.5" x2="10.5" y2="3.5"></line>
  <line x1="8" y1="1" x2="8" y2="6"></line>
  <path d="M3,15 L13,15 C14.5,15 15,14 15,13 C15,12 14.5,11 13,11 L3,11 C1.5,11 1,12 1,13 C1,14 1.5,15 3,15 Z"/>
</svg></a>
            </li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=32cd998776f3447783b62edaab25c157&whereto=after&element_type=TEXT&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add TEXT below"
                data-testid="node-add-text-below-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,12.5 C2,12.5 1,12 1,10.5 L1,9.5 C1,8.5 2,7.5 3,7.5 L13,7.5 C14,7.5 15,8.5 15,9.5 L15,10.5 C15,12 14,12.5 13,12.5"/>
  <line x1="5.5" y1="12.5" x2="10.5" y2="12.5"></line>
  <line x1="8" y1="15" x2="8" y2="10"></line>
  <path d="M3,1 C3,1 6.5,1 13,1 C14.5,1 15,2 15,3 C15,4 14.5,5 13,5 L3,5 C1.5,5 1,4 1,3 C1,2 1.5,1 3,1 Z"/>
</svg></a>
            </li>
            <li class="viewtype__menu_header">REQUIREMENT:</li>

            
            
              <li></li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=32cd998776f3447783b62edaab25c157&whereto=before&element_type=REQUIREMENT&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add REQUIREMENT above"
                data-testid="node-add-requirement-above-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,3.5 C2,3.5 1,4 1,5.5 L1,6.5 C1,7.5 2,8.5 3,8.5 L13,8.5 C14,8.5 15,7.5 15,6.5 L15,5.5 C15,4 14,3.5 13,3.5"/>
  <line x1="5.5" y1="3.5" x2="10.5" y2="3.5"></line>
  <line x1="8" y1="1" x2="8" y2="6"></line>
  <path d="M3,15 L13,15 C14.5,15 15,14 15,13 C15,12 14.5,11 13,11 L3,11 C1.5,11 1,12 1,13 C1,14 1.5,15 3,15 Z"/>
</svg></a>
            </li>
            
            <li>
              <a
                href="/actions/document/new_requirement?reference_mid=32cd998776f3447783b62edaab25c157&whereto=after&element_type=REQUIREMENT&context_document_mid=2a9291064ea4472697039498dd0df3be"
                data-turbo-action="replace"
                data-turbo="true"
                title="Add REQUIREMENT below"
                data-testid="node-add-requirement-below-action"
              ><svg class="svg_icon" width="16px" height="16px" viewBox="0 0 16 16">
  <path d="M3,12.5 C2,12.5 1,12 1,10.5 L1,9.5 C1,8.5 2,7.5 3,7.5 L13,7.5 C14,7.5 15,8.5 15,9.5 L15,10.5 C15,12 14,12.5 13,12.5"/>
  <line x1="5.5" y1="12.5" x2="10.5" y2="12.5"></line>
  <line x1="8" y1="15" x2="8" y2="10"></line>
  <path d="M3,1 C3,1 6.5,1 13,1 C14.5,1 15,2 15,3 C15,4 14.5,5 13,5 L3,5 C1.5,5 1,4 1,3 C1,2 1.5,1 3,1 Z"/>
</svg></a>
            </li></menu>
    </sdoc-menu-list>
  </sdoc-menu></sdoc-node-controls></sdoc-node>
</turbo-frame>
  </template>
</turbo-stream>

<turbo-stream action="update" target="frame-toc">
  <template>
        <ul
      data-testid="toc-list"
      js-collapsible_list="list"
      class="toc"
      id="toc"
      data-controller="draggable_list"><li data-nodeid="510c4d7a6c19478ea8f09c75fc2e4bc7">
        <a
          href="#UC-000"
          anchor="UC-000"
          data-turbo="false"
        >
          <span class="section-number">
            1
          </span>Use Case Template
            </a></li></ul>
  </template>
</turbo-stream>
