mirror of
https://github.com/KoboldAI/KoboldAI-Client.git
synced 2025-01-09 23:04:27 +01:00
bed1eba6eb
Added ability to import World Info files from AI Dungeon. Added slider for setting World Info scan depth. Added toggle to control whether prompt is submitted each action. Added 'Read Only' mode with no AI to startup. Fixed GPU/CPU choice prompt appearing when GPU isn't an option. Added error handling to generator calls for CUDA OOM message Added generator parameter to only return new text
226 lines
8.0 KiB
HTML
226 lines
8.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>KoboldAI Client</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<script src="static/socket.io.min.js"></script>
|
|
<script src="static/application.js?ver=0.15.0g"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
|
<script src="static/bootstrap-toggle.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="static/bootstrap-toggle.min.css">
|
|
<link rel="stylesheet" href="static/custom.css?ver=0.15.0g">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="row" id="topmenu">
|
|
<div id="menuitems">
|
|
<div class="navcontainer">
|
|
<nav class="navbar" id="navbar">
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown">
|
|
<span class="navbar-button-bar"></span>
|
|
<span class="navbar-button-bar"></span>
|
|
<span class="navbar-button-bar"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
|
<ul class="nav navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" id="btn_newgame">New Story</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Save</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="#" id="btn_save">Save</a>
|
|
<a class="dropdown-item" href="#" id="btn_saveas">Save As</a>
|
|
<a class="dropdown-item" href="#" id="btn_savetofile">Save To File...</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Load</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="#" id="btn_load">Load</a>
|
|
<a class="dropdown-item" href="#" id="btn_loadfromfile">Load From File...</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Import</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="#" id="btn_import">AI Dungeon Adventure</a>
|
|
<a class="dropdown-item" href="#" id="btn_importwi">AI Dungeon World Info</a>
|
|
<a class="dropdown-item" href="#" id="btn_impaidg">aidg.club Prompt</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" id="btn_settings">Settings</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" id="btn_format">Formatting</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<div id="connectstatusdiv">
|
|
<span id="connectstatus" class="color_orange">Waiting for connection...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row" id="settingsmenu" style="display:none;">
|
|
</div>
|
|
<div class="row" id="formatmenu">
|
|
</div>
|
|
<div class="row" id="gamescreen">
|
|
<span id="gametext">...</span>
|
|
<div class="hidden" id="wimenu">
|
|
</div>
|
|
</div>
|
|
<div class="row" id="seqselmenu">
|
|
<div class="seqselheader">Select sequence to keep:</div>
|
|
<div id="seqselcontents">
|
|
</div>
|
|
</div>
|
|
<div class="row" id="actionmenu">
|
|
<div id="actionmenuitems">
|
|
<div>
|
|
<button type="button" class="btn btn-primary" id="btn_actedit">Edit</button>
|
|
<button type="button" class="btn btn-primary" id="btn_actmem">Memory</button>
|
|
<button type="button" class="btn btn-primary" id="btn_actwi">W Info</button>
|
|
<button type="button" class="btn btn-primary" id="btn_actundo">Back</button>
|
|
<button type="button" class="btn btn-primary" id="btn_actretry">Retry</button>
|
|
<button type="button" class="btn btn-primary hidden" id="btn_delete">Delete</button>
|
|
<span id="messagefield"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div id="inputrow">
|
|
<div id="inputrowleft">
|
|
<textarea class="form-control" id="input_text" placeholder="Enter text here"></textarea>
|
|
</div>
|
|
<div id="inputrowright">
|
|
<button type="button" class="btn btn-secondary" id="btnsend">Wait</button>
|
|
</div>
|
|
</div>
|
|
<div id="anoterowcontainer">
|
|
<div id="anoterow">
|
|
<div id="anoterowleft">
|
|
<div class="anotelabel">
|
|
Author's Note
|
|
</div>
|
|
<div class="anotefield">
|
|
<input class="form-control" type="text" placeholder="Author's Note" id="anoteinput">
|
|
</div>
|
|
</div>
|
|
<div id="anoterowright">
|
|
<div id="anoteslidelabel">
|
|
<div class="justifyleft">
|
|
Depth
|
|
</div>
|
|
<div class="justifyright" id="anotecur">
|
|
3
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<input type="range" class="form-range airange" min="1" max="5" step="1" id="anotedepth">
|
|
</div>
|
|
<div class="settingminmax">
|
|
<div class="justifyleft">
|
|
1
|
|
</div>
|
|
<div class="justifyright">
|
|
5
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hidden" id="popupcontainer">
|
|
<div id="popup">
|
|
<div id="popuptitlebar">
|
|
<div id="popuptitletext">Select an Adventure to Import</div>
|
|
</div>
|
|
<div id="popuplistheader">
|
|
<div>Title</div>
|
|
<div># Actions</div>
|
|
<div>Description</div>
|
|
</div>
|
|
<div id="popupcontent">
|
|
</div>
|
|
<div id="popupfooter">
|
|
<button type="button" class="btn btn-primary" id="btn_popupaccept">Accept</button>
|
|
<button type="button" class="btn btn-primary" id="btn_popupclose">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popupcontainer hidden" id="aidgpopupcontainer">
|
|
<div id="aidgpopup">
|
|
<div class="popuptitlebar">
|
|
<div class="popuptitletext">Enter the Prompt Number</div>
|
|
</div>
|
|
<div class="aidgpopuplistheader">
|
|
(4-digit number at the end of aidg.club URL)
|
|
</div>
|
|
<div class="aidgpopupcontent">
|
|
<input class="form-control" type="text" placeholder="Prompt Number" id="aidgpromptnum">
|
|
</div>
|
|
<div class="popupfooter">
|
|
<button type="button" class="btn btn-primary" id="btn_aidgpopupaccept">Accept</button>
|
|
<button type="button" class="btn btn-primary" id="btn_aidgpopupclose">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popupcontainer hidden" id="saveascontainer">
|
|
<div id="saveaspopup">
|
|
<div class="popuptitlebar">
|
|
<div class="popuptitletext">Enter Name For Save</div>
|
|
</div>
|
|
<div class="aidgpopupcontent">
|
|
<input class="form-control" type="text" placeholder="Save Name" id="savename">
|
|
</div>
|
|
<div class="hidden" id="saveasoverwrite">
|
|
<span>File already exists. Really overwrite?</span>
|
|
</div>
|
|
<div class="popupfooter">
|
|
<button type="button" class="btn btn-primary" id="btn_saveasaccept">Accept</button>
|
|
<button type="button" class="btn btn-primary" id="btn_saveasclose">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popupcontainer hidden" id="loadcontainer">
|
|
<div id="loadpopup">
|
|
<div class="popuptitlebar">
|
|
<div class="popuptitletext">Select A Story To Load</div>
|
|
</div>
|
|
<div class="loadlistheader">
|
|
<div>Save Name</div>
|
|
<div># Actions</div>
|
|
</div>
|
|
<div id="loadlistcontent">
|
|
</div>
|
|
<div class="popupfooter">
|
|
<button type="button" class="btn btn-primary" id="btn_loadaccept">Load</button>
|
|
<button type="button" class="btn btn-primary" id="btn_loadclose">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="popupcontainer hidden" id="newgamecontainer">
|
|
<div id="nspopup">
|
|
<div class="popuptitlebar">
|
|
<div class="popuptitletext">Really Start A New Story?</div>
|
|
</div>
|
|
<div class="aidgpopuplistheader">
|
|
Unsaved data will be lost.
|
|
</div>
|
|
<div class="popupfooter">
|
|
<button type="button" class="btn btn-primary" id="btn_nsaccept">Accept</button>
|
|
<button type="button" class="btn btn-primary" id="btn_nsclose">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |