diff --git a/examples/webchat/htdocs/Text-x-generic.svg b/examples/webchat/htdocs/Text-x-generic.svg
new file mode 100644
index 0000000..2d80df3
--- /dev/null
+++ b/examples/webchat/htdocs/Text-x-generic.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="48px" width="48px">
+<defs>
+	<radialGradient id="b" gradientUnits="userSpaceOnUse" cy="42.1" cx="24.31" gradientTransform="matrix(1.076 0 0 .285-1.85 30.8)" r="15.82">
+		<stop offset="0"/>
+		<stop stop-opacity="0" offset="1"/>
+	</radialGradient>
+	<radialGradient id="f" gradientUnits="userSpaceOnUse" cy="35.74" cx="33.97" gradientTransform="scale(.961 1.041)" r="86.7">
+		<stop stop-color="#fafafa" offset="0"/>
+		<stop stop-color="#bbb" offset="1"/>
+	</radialGradient>
+	<radialGradient id="g" gradientUnits="userSpaceOnUse" cy="3.76" cx="8.82" gradientTransform="matrix(.968 0 0 1.033 3.35.65)" r="37.75">
+		<stop stop-color="#a3a3a3" offset="0"/>
+		<stop stop-color="#4c4c4c" offset="1"/>
+	</radialGradient>
+	<radialGradient id="e" gradientUnits="userSpaceOnUse" cy="7.27" cx="8.14" gradientTransform="matrix(.968 0 0 1.033 3.35.65)" r="38.2">
+		<stop stop-color="#fff" offset="0"/>
+		<stop stop-color="#f8f8f8" offset="1"/>
+	</radialGradient>
+	<radialGradient id="c" gradientUnits="userSpaceOnUse" cy="18.82" cx="10.1" r="1.21">
+		<stop stop-color="#f0f0f0" offset="0"/>
+		<stop stop-color="#9a9a9a" offset="1"/>
+	</radialGradient>
+</defs>
+<ellipse opacity=".8" rx="17" ry="4.5" cy="42.8" cx="24.3" fill="url(#b)"/>
+<rect rx="1.2" height="41" width="34.88" stroke="url(#g)" y="3.65" x="6.6" fill="url(#f)"/>
+<rect rx=".2" height="39" width="32.78" stroke="url(#e)" y="4.58" x="7.66" fill="none"/>
+<g fill="none">
+	<path stroke="#000" d="m11.5 5.4v37.9" stroke-opacity=".02"/>
+	<path stroke="#fff" d="m12.5 5v38" stroke-opacity=".2"/>
+</g>
+<g fill-opacity=".55" fill="#9b9b9b">
+	<g id="a">
+		<rect rx=".2" height="1" width="20" y="9" x="16"/>
+		<rect rx=".2" height="1" width="20" y="11" x="16"/>
+		<rect rx=".2" height="1" width="20" y="13" x="16"/>
+		<rect rx=".2" height="1" width="20" y="15" x="16"/>
+	</g>
+	<rect rx=".2" height="1" width="9" y="25" x="16"/>
+	<rect rx=".2" height="1" width="14" y="37" x="16"/>
+	<use y="8" xlink:href="#a"/>
+	<use y="20" xlink:href="#a"/>
+</g>
+<g id="d">
+	<circle cy="18.69" cx="10.17" r="0.82" fill="#fff"/>
+	<circle cy="18.43" cx="9.82" r="0.82" fill="url(#c)"/>
+</g>
+<use xlink:href="#d" y="11.5"/>
+</svg>
\ No newline at end of file
diff --git a/examples/webchat/htdocs/style.css b/examples/webchat/htdocs/style.css
index 756f92a..2159b41 100644
--- a/examples/webchat/htdocs/style.css
+++ b/examples/webchat/htdocs/style.css
@@ -206,4 +206,8 @@ img.avatar {
 .post-item-draft .post-item-image {
     max-width: 80%;
     max-height: 30vh;
+}
+
+.post-item.application-octet-stream .post-item-body-container td {
+    text-align: center;
 }
\ No newline at end of file
diff --git a/examples/webchat/htdocs/templates/post-item-application-octet-stream.html b/examples/webchat/htdocs/templates/post-item-application-octet-stream.html
new file mode 100644
index 0000000..473cd97
--- /dev/null
+++ b/examples/webchat/htdocs/templates/post-item-application-octet-stream.html
@@ -0,0 +1,8 @@
+<table>
+  <tr>
+    <td><a href="{{itemURL}}"><img src="/Text-x-generic.svg"></a></td>
+  </tr>
+  <tr>
+    <td>{{item.type}}</td>
+  </tr>
+</table>