Hugging Face's logo

Spaces:
banana-projects
/
convai
Running

App Files Community
convai
File size: 5,162 Bytes 
2d2e027
 
 
 
e246102
2d2e027
 
 
01a09e8
 
e246102
4a7e410
e246102
01a09e8
 
e246102
2d2e027
 
 
 
 
 
 
 
e246102
2d2e027
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e246102
2d2e027
 
e246102
2d2e027
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e246102
 
 
 
2d2e027
 
 
 
e246102
2d2e027
 
 
 
 
e246102
2d2e027
 
 
 
 
e246102
2d2e027
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1909611
2d2e027
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Hugging Face – ConvAI</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="/dist/style.css">
	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono|IBM+Plex+Sans:400,700" rel="stylesheet">
	<meta property="og:title"  content="Hugging Face – ConvAI">
	<meta property="og:type"   content="website">
	<meta property="og:url"    content="https://convai.huggingface.co/">
	<meta property="og:image"  content="https://convai.huggingface.co/assets/thumbnail-large-cropped.png">
	<meta property="fb:app_id" content="1321688464574422">
	<meta name="twitter:card"  content="summary_large_image">
	<meta name="twitter:site"  content="@huggingface">
	<meta name="description"   content="🦄 How to build a State-of-the-Art Conversational AI with Transfer Learning">
</head>
<body>
	<div class="header">
		<div class="header-container">
			<div class="title">
				🦄 How to build a State-of-the-Art Conversational AI with Transfer Learning
			</div>
			<div class="links">
				<a target="_blank" href="https://medium.com/huggingface/how-to-build-a-state-of-the-art-conversational-ai-with-transfer-learning-2d818ac26313"><img src="/assets/iconmonstr-medium-1.svg"></a>
				<a target="_blank" href="https://github.com/huggingface/transfer-learning-conv-ai"><img src="/assets/iconmonstr-github-1.svg"></a>
			</div>
		</div>
	</div>
	
	<div class="subheader">
		<div class="container">
			<div class="box box0">
				<div class="clearfix">
					<div class="title">Random personality</div>
					<div class="links">
						<a href="#" class="js-shuffle">Shuffle <img src="/assets/iconmonstr-media-control-55.svg"></a>
						<a href="#" class="js-share"  >Share <img src="/assets/iconmonstr-share-11.svg"></a>
					</div>
				</div>
				<div class="persona"><!-- p --></div>
			</div>
			<div class="box box1">
				<div class="clearfix">
					<div class="title">Start chatting</div>
				</div>
				<div class="description">
					The machine learning model created a consistent persona based on
					these few lines of bio. You can now chat with this persona below.
				</div>
				<div class="gauge">
					<div class="gauge-el-wrapper"><div class="gauge-el"><span class="legend">Decoder settings: Low</span></div></div>
					<div class="gauge-el-wrapper"><div class="gauge-el"><span class="legend">Medium</span></div></div>
					<div class="gauge-el-wrapper"><div class="gauge-el"><span class="legend">High</span></div></div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="container">
		<div class="chat-container">
			<div class="messages-gradient"></div>
			<div class="placeholder-start">
				<div class="inner">
					Start chatting with this model, or tweak the decoder settings in the bottom-left corner.
				</div>
			</div>
			<div class="messages"></div>
		</div>
		<div class="chat-input">
			<div class="input-wrapper">
				<form class="js-form">
					<div class="input-message-wrapper">
						<input class="input-message" type="text" name="q" placeholder="Type a message..." autocomplete="off" autofocus>
					</div>
					<button class="input-button">Send</button>
				</form>
			</div>
		</div>
		<div class="chat-suggestion">
			Suggestion: <span class="js-loading">Loading…</span> <a class="js-suggestion hide" href="#">Why are you so stressed out?</a>
		</div>
	</div>
	
	
	<div class="decoder-settings">
		<div class="title">
			Decoder settings
			<a target="_blank" href="https://medium.com/huggingface/how-to-build-a-state-of-the-art-conversational-ai-with-transfer-learning-2d818ac26313#79c5"><img src="/assets/Icon-info.svg"></a>
		</div>
		<div class="setting">
			<div class="desc">
				<span>Top-k</span><span class="js-val"></span>
			</div>
			<input class="slider" type="range" min="0" max="200" step="1" value="0">
		</div>
		<div class="setting">
			<div class="desc">
				<span>Top-p</span><span class="js-val"></span>
			</div>
			<input class="slider js-inverted" type="range" min="0" max="1" step="any" value="0.9">
		</div>
		<div class="setting">
			<div class="desc">
				<span>Temperature</span><span class="js-val"></span>
			</div>
			<input class="slider" type="range" min="0" max="2" step="any" value="0.6">
		</div>
	</div>
	
	<script>/*  //u */</script>
	<script src="/dist/script.js"></script>
	<script>
	(function() {
		if (window.location.hostname === 'localhost') {
			c.log('[livereload]', 'on');
			const s = document.createElement('script');
			s.setAttribute('src', '//localhost:35729/livereload.js');
			document.body.appendChild(s);
		}
	})();
	</script>
	<script>
	if (! ['localhost', 'huggingface.test'].includes(window.location.hostname)) {
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
		})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
		ga('create', 'UA-83738774-4', 'auto');
		ga('send', 'pageview');
	}
	</script>
</body>
</html>