Fix when buttons are shown/hidden
This commit is contained in:
		
							parent
							
								
									59897ffe1e
								
							
						
					
					
						commit
						8e18a240ba
					
				| 
						 | 
					@ -16,6 +16,11 @@
 | 
				
			||||||
  $: chat = $chatsStorage.find((chat) => chat.id === chatId) as Chat
 | 
					  $: chat = $chatsStorage.find((chat) => chat.id === chatId) as Chat
 | 
				
			||||||
  $: chatSettings = chat.settings
 | 
					  $: chatSettings = chat.settings
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  const isError = message.role === 'error'
 | 
				
			||||||
 | 
					  const isSystem = message.role === 'system'
 | 
				
			||||||
 | 
					  const isUser = message.role === 'user'
 | 
				
			||||||
 | 
					  const isAssistant = message.role === 'assistant'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  // Marked options
 | 
					  // Marked options
 | 
				
			||||||
  const markdownOptions = {
 | 
					  const markdownOptions = {
 | 
				
			||||||
    gfm: true, // Use GitHub Flavored Markdown
 | 
					    gfm: true, // Use GitHub Flavored Markdown
 | 
				
			||||||
| 
						 | 
					@ -155,18 +160,7 @@
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
  const waitingForSuppressConfirm:any = 0
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
  const setSuppress = (value:boolean) => {
 | 
					  const setSuppress = (value:boolean) => {
 | 
				
			||||||
    // clearTimeout(waitingForSuppressConfirm); waitingForSuppressConfirm = 0
 | 
					 | 
				
			||||||
    // if (value && !waitingForSuppressConfirm) {
 | 
					 | 
				
			||||||
    //   // wait a second for another click to avoid accidental deletes
 | 
					 | 
				
			||||||
    //   waitingForSuppressConfirm = setTimeout(() => { waitingForSuppressConfirm = 0 }, 1000)
 | 
					 | 
				
			||||||
    //   return
 | 
					 | 
				
			||||||
    // }
 | 
					 | 
				
			||||||
    // clearTimeout(waitingForSuppressConfirm)
 | 
					 | 
				
			||||||
    waitingForTruncateConfirm = 0
 | 
					 | 
				
			||||||
    if (message.summarized) {
 | 
					    if (message.summarized) {
 | 
				
			||||||
      // is in a summary, so we're summarized
 | 
					      // is in a summary, so we're summarized
 | 
				
			||||||
      window.alert('Sorry, you can\'t suppress a summarized message')
 | 
					      window.alert('Sorry, you can\'t suppress a summarized message')
 | 
				
			||||||
| 
						 | 
					@ -181,12 +175,12 @@
 | 
				
			||||||
<article
 | 
					<article
 | 
				
			||||||
  id="{'message-' + message.uuid}"
 | 
					  id="{'message-' + message.uuid}"
 | 
				
			||||||
  class="message chat-message" 
 | 
					  class="message chat-message" 
 | 
				
			||||||
  class:is-info={message.role === 'user'}
 | 
					  class:is-info={isUser}
 | 
				
			||||||
  class:is-success={message.role === 'assistant'}
 | 
					  class:is-success={isAssistant}
 | 
				
			||||||
  class:is-warning={message.role === 'system'}
 | 
					  class:is-warning={isSystem}
 | 
				
			||||||
  class:is-danger={message.role === 'error'}
 | 
					  class:is-danger={isError}
 | 
				
			||||||
  class:user-message={message.role === 'user' || message.role === 'system'}
 | 
					  class:user-message={isUser || isSystem}
 | 
				
			||||||
  class:assistant-message={message.role === 'error' || message.role === 'assistant'}
 | 
					  class:assistant-message={isError || isAssistant}
 | 
				
			||||||
  class:summarized={message.summarized} 
 | 
					  class:summarized={message.summarized} 
 | 
				
			||||||
  class:suppress={message.suppress} 
 | 
					  class:suppress={message.suppress} 
 | 
				
			||||||
  class:editing={editing}
 | 
					  class:editing={editing}
 | 
				
			||||||
| 
						 | 
					@ -212,7 +206,7 @@
 | 
				
			||||||
        />
 | 
					        />
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
    {/if}
 | 
					    {/if}
 | 
				
			||||||
    {#if message.role === 'system'}
 | 
					    {#if isSystem}
 | 
				
			||||||
      <p class="is-size-7 message-note">System Prompt</p>
 | 
					      <p class="is-size-7 message-note">System Prompt</p>
 | 
				
			||||||
    {:else if message.usage}
 | 
					    {:else if message.usage}
 | 
				
			||||||
      <p class="is-size-7 message-note">
 | 
					      <p class="is-size-7 message-note">
 | 
				
			||||||
| 
						 | 
					@ -264,7 +258,7 @@
 | 
				
			||||||
      {/if}
 | 
					      {/if}
 | 
				
			||||||
      </a>
 | 
					      </a>
 | 
				
			||||||
      {/if}
 | 
					      {/if}
 | 
				
			||||||
      {#if !message.summarized}
 | 
					      {#if !message.summarized && !isError}
 | 
				
			||||||
        <a
 | 
					        <a
 | 
				
			||||||
          href={'#'}
 | 
					          href={'#'}
 | 
				
			||||||
          title="Truncate from here and submit"
 | 
					          title="Truncate from here and submit"
 | 
				
			||||||
| 
						 | 
					@ -280,7 +274,7 @@
 | 
				
			||||||
        {/if}
 | 
					        {/if}
 | 
				
			||||||
        </a>
 | 
					        </a>
 | 
				
			||||||
      {/if}
 | 
					      {/if}
 | 
				
			||||||
      {#if !message.summarized && message.role !== 'system'}
 | 
					      {#if !message.summarized && !isSystem && !isError}
 | 
				
			||||||
        <a
 | 
					        <a
 | 
				
			||||||
          href={'#'}
 | 
					          href={'#'}
 | 
				
			||||||
          title={(message.suppress ? 'Uns' : 'S') + 'uppress message from submission'}
 | 
					          title={(message.suppress ? 'Uns' : 'S') + 'uppress message from submission'}
 | 
				
			||||||
| 
						 | 
					@ -289,9 +283,7 @@
 | 
				
			||||||
            setSuppress(!message.suppress)
 | 
					            setSuppress(!message.suppress)
 | 
				
			||||||
          }}
 | 
					          }}
 | 
				
			||||||
        >
 | 
					        >
 | 
				
			||||||
        {#if waitingForSuppressConfirm}
 | 
					        {#if message.suppress}
 | 
				
			||||||
        <span class="icon"><Fa icon={faCircleCheck} /></span>
 | 
					 | 
				
			||||||
        {:else if message.suppress}
 | 
					 | 
				
			||||||
        <span class="icon"><Fa icon={faEye} /></span>
 | 
					        <span class="icon"><Fa icon={faEye} /></span>
 | 
				
			||||||
        {:else}
 | 
					        {:else}
 | 
				
			||||||
        <span class="icon"><Fa icon={faEyeSlash} /></span>
 | 
					        <span class="icon"><Fa icon={faEyeSlash} /></span>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue