diff --git a/ui/Base.lproj/Dialpad.xib b/ui/Base.lproj/Dialpad.xib
new file mode 100644
index 0000000..b7b7448
--- /dev/null
+++ b/ui/Base.lproj/Dialpad.xib
@@ -0,0 +1,210 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.Cocoa.XIB" version="3.0" toolsVersion="11201" systemVersion="16B2553a" targetRuntime="MacOSX.Cocoa" propertyAccessControl="none" useAutolayout="YES">
+    <dependencies>
+        <plugIn identifier="com.apple.InterfaceBuilder.CocoaPlugin" version="11201"/>
+        <capability name="Alignment constraints to the first baseline" minToolsVersion="6.0"/>
+        <capability name="Alignment constraints with different attributes" minToolsVersion="5.1"/>
+    </dependencies>
+    <objects>
+        <customObject id="-2" userLabel="File's Owner" customClass="DialpadWC">
+            <connections>
+                <outlet property="composerField" destination="emT-N5-1YW" id="U9O-0X-Hok"/>
+                <outlet property="window" destination="vrA-VP-2Md" id="ufg-AW-usf"/>
+            </connections>
+        </customObject>
+        <customObject id="-1" userLabel="First Responder" customClass="FirstResponder"/>
+        <customObject id="-3" userLabel="Application" customClass="NSObject"/>
+        <window title="Dial Pad" allowsToolTipsWhenApplicationIsInactive="NO" autorecalculatesKeyViewLoop="NO" restorable="NO" oneShot="NO" showsToolbarButton="NO" visibleAtLaunch="NO" frameAutosaveName="" animationBehavior="default" id="vrA-VP-2Md" customClass="NSPanel">
+            <windowStyleMask key="styleMask" titled="YES" closable="YES" utility="YES" HUD="YES"/>
+            <windowPositionMask key="initialPositionMask" leftStrut="YES" rightStrut="YES" topStrut="YES" bottomStrut="YES"/>
+            <rect key="contentRect" x="618" y="354" width="202" height="224"/>
+            <rect key="screenRect" x="0.0" y="0.0" width="1440" height="900"/>
+            <view key="contentView" id="hfL-1D-aTf">
+                <rect key="frame" x="0.0" y="0.0" width="202" height="224"/>
+                <autoresizingMask key="autoresizingMask"/>
+                <subviews>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="dXV-3z-hW7">
+                        <rect key="frame" x="15" y="94" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="4" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="GvJ-yA-EDa">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="Pe0-Ke-PPi"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="zSt-EX-wEV">
+                        <rect key="frame" x="138" y="127" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="3" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="Hd9-Py-oob">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="WGx-BS-s0r"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="uyy-Md-cVr">
+                        <rect key="frame" x="75" y="127" width="50" height="32"/>
+                        <constraints>
+                            <constraint firstAttribute="width" constant="38" id="xaH-ec-YnR"/>
+                        </constraints>
+                        <buttonCell key="cell" type="push" title="2" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="anB-0b-8qb">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="QJf-mL-jcD"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="IRc-3g-5NF">
+                        <rect key="frame" x="14" y="127" width="50" height="32"/>
+                        <constraints>
+                            <constraint firstAttribute="width" constant="38" id="s3i-MG-TMl"/>
+                        </constraints>
+                        <buttonCell key="cell" type="push" title="1" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="Mda-73-3kM">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="fa3-3t-QMw"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="2WF-eN-2MS">
+                        <rect key="frame" x="75" y="94" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="5" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="cXL-QF-edl">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="Ffb-QN-x4T"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="3nO-ic-N80">
+                        <rect key="frame" x="138" y="94" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="6" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="ENK-x9-8ps">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="Yvp-hz-fiH"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="Sxp-qZ-AE8">
+                        <rect key="frame" x="14" y="61" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="7" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="4Dd-Ba-oRg">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="q1x-yK-Um0"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="FPI-UI-0xU">
+                        <rect key="frame" x="75" y="61" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="8" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="CTZ-Rn-5oT">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="2NF-85-UB0"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="2eC-wY-XJA">
+                        <rect key="frame" x="138" y="61" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="9" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="TYj-va-kS8">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="A1H-or-Iw8"/>
+                        </connections>
+                    </button>
+                    <textField verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="emT-N5-1YW">
+                        <rect key="frame" x="19" y="182" width="165" height="22"/>
+                        <textFieldCell key="cell" lineBreakMode="truncatingHead" sendsActionOnEndEditing="YES" state="on" alignment="right" id="xjf-UT-Ycf">
+                            <font key="font" metaFont="system"/>
+                            <color key="textColor" name="textColor" catalog="System" colorSpace="catalog"/>
+                            <color key="backgroundColor" name="textBackgroundColor" catalog="System" colorSpace="catalog"/>
+                        </textFieldCell>
+                    </textField>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="tUf-Uh-y46">
+                        <rect key="frame" x="138" y="28" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="#" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="H5T-k1-cjZ">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="rbL-gv-gVd"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="G5n-iK-rHb">
+                        <rect key="frame" x="15" y="28" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="*" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="6ZB-c1-gR6">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="Mqz-tu-Y9S"/>
+                        </connections>
+                    </button>
+                    <button verticalHuggingPriority="750" translatesAutoresizingMaskIntoConstraints="NO" id="b4a-jZ-6Vh">
+                        <rect key="frame" x="75" y="28" width="50" height="32"/>
+                        <buttonCell key="cell" type="push" title="0" bezelStyle="rounded" alignment="center" borderStyle="border" imageScaling="proportionallyDown" inset="2" id="u3Z-SY-MgY">
+                            <behavior key="behavior" pushIn="YES" lightByBackground="YES" lightByGray="YES"/>
+                            <font key="font" metaFont="system"/>
+                        </buttonCell>
+                        <connections>
+                            <action selector="dtmfPressed:" target="-2" id="8EU-G8-f0Q"/>
+                        </connections>
+                    </button>
+                </subviews>
+                <constraints>
+                    <constraint firstItem="FPI-UI-0xU" firstAttribute="leading" secondItem="b4a-jZ-6Vh" secondAttribute="leading" id="1ag-9g-TAe"/>
+                    <constraint firstItem="IRc-3g-5NF" firstAttribute="baseline" secondItem="uyy-Md-cVr" secondAttribute="baseline" id="508-JY-NEq"/>
+                    <constraint firstItem="2WF-eN-2MS" firstAttribute="trailing" secondItem="FPI-UI-0xU" secondAttribute="trailing" id="5So-JG-Qez"/>
+                    <constraint firstItem="zSt-EX-wEV" firstAttribute="leading" secondItem="uyy-Md-cVr" secondAttribute="trailing" constant="25" id="ATL-zS-eci"/>
+                    <constraint firstItem="emT-N5-1YW" firstAttribute="centerX" secondItem="hfL-1D-aTf" secondAttribute="centerX" id="AbX-fM-F10"/>
+                    <constraint firstItem="dXV-3z-hW7" firstAttribute="trailing" secondItem="G5n-iK-rHb" secondAttribute="trailing" id="AmD-P6-Bex"/>
+                    <constraint firstItem="2WF-eN-2MS" firstAttribute="baseline" secondItem="3nO-ic-N80" secondAttribute="baseline" id="Bhi-PB-sI3"/>
+                    <constraint firstItem="dXV-3z-hW7" firstAttribute="top" secondItem="IRc-3g-5NF" secondAttribute="bottom" constant="12" symbolic="YES" id="Bq7-oq-8Up"/>
+                    <constraint firstItem="emT-N5-1YW" firstAttribute="leading" secondItem="dXV-3z-hW7" secondAttribute="leading" id="BqE-N2-9Xw"/>
+                    <constraint firstItem="dXV-3z-hW7" firstAttribute="centerY" secondItem="hfL-1D-aTf" secondAttribute="centerY" id="CdY-Ev-4J9"/>
+                    <constraint firstItem="zSt-EX-wEV" firstAttribute="leading" secondItem="3nO-ic-N80" secondAttribute="leading" id="F9T-fH-dID"/>
+                    <constraint firstItem="3nO-ic-N80" firstAttribute="leading" secondItem="2eC-wY-XJA" secondAttribute="leading" id="GaU-Ts-Qhn"/>
+                    <constraint firstItem="emT-N5-1YW" firstAttribute="trailing" secondItem="zSt-EX-wEV" secondAttribute="trailing" id="J8g-kT-3M0"/>
+                    <constraint firstItem="b4a-jZ-6Vh" firstAttribute="baseline" secondItem="tUf-Uh-y46" secondAttribute="baseline" id="Kg0-bZ-cGm"/>
+                    <constraint firstItem="IRc-3g-5NF" firstAttribute="leading" secondItem="Sxp-qZ-AE8" secondAttribute="leading" id="Kvm-fk-MFe"/>
+                    <constraint firstItem="IRc-3g-5NF" firstAttribute="top" secondItem="emT-N5-1YW" secondAttribute="bottom" constant="27" id="MXt-1H-2j6"/>
+                    <constraint firstItem="IRc-3g-5NF" firstAttribute="leading" secondItem="hfL-1D-aTf" secondAttribute="leading" constant="20" symbolic="YES" id="NTu-5k-cTf"/>
+                    <constraint firstItem="uyy-Md-cVr" firstAttribute="trailing" secondItem="2WF-eN-2MS" secondAttribute="trailing" id="PLK-9K-j7s"/>
+                    <constraint firstItem="uyy-Md-cVr" firstAttribute="leading" secondItem="2WF-eN-2MS" secondAttribute="leading" id="Q0d-rb-xFZ"/>
+                    <constraint firstItem="FPI-UI-0xU" firstAttribute="baseline" secondItem="2eC-wY-XJA" secondAttribute="baseline" id="Qk4-3p-2cf"/>
+                    <constraint firstAttribute="bottom" secondItem="G5n-iK-rHb" secondAttribute="bottom" constant="35" id="Vgw-Ns-3CQ"/>
+                    <constraint firstItem="uyy-Md-cVr" firstAttribute="leading" secondItem="IRc-3g-5NF" secondAttribute="trailing" constant="23" id="WaY-R8-AOD"/>
+                    <constraint firstItem="IRc-3g-5NF" firstAttribute="trailing" secondItem="Sxp-qZ-AE8" secondAttribute="trailing" id="X30-9U-wxP"/>
+                    <constraint firstItem="2WF-eN-2MS" firstAttribute="leading" secondItem="dXV-3z-hW7" secondAttribute="trailing" constant="22" id="XCz-p2-mpX"/>
+                    <constraint firstItem="zSt-EX-wEV" firstAttribute="trailing" secondItem="3nO-ic-N80" secondAttribute="trailing" id="aIg-QS-eG4"/>
+                    <constraint firstItem="uyy-Md-cVr" firstAttribute="baseline" secondItem="IRc-3g-5NF" secondAttribute="firstBaseline" id="b2f-BO-xex"/>
+                    <constraint firstItem="G5n-iK-rHb" firstAttribute="baseline" secondItem="b4a-jZ-6Vh" secondAttribute="baseline" id="fwH-d8-Opi"/>
+                    <constraint firstItem="Sxp-qZ-AE8" firstAttribute="baseline" secondItem="FPI-UI-0xU" secondAttribute="baseline" id="gak-87-jom"/>
+                    <constraint firstItem="FPI-UI-0xU" firstAttribute="trailing" secondItem="b4a-jZ-6Vh" secondAttribute="trailing" id="grA-W6-BIg"/>
+                    <constraint firstItem="2eC-wY-XJA" firstAttribute="trailing" secondItem="tUf-Uh-y46" secondAttribute="trailing" id="jiP-TS-SMp"/>
+                    <constraint firstItem="G5n-iK-rHb" firstAttribute="top" secondItem="Sxp-qZ-AE8" secondAttribute="bottom" constant="12" symbolic="YES" id="kN3-av-JuM"/>
+                    <constraint firstItem="uyy-Md-cVr" firstAttribute="baseline" secondItem="zSt-EX-wEV" secondAttribute="baseline" id="kpO-Kz-Js8"/>
+                    <constraint firstItem="dXV-3z-hW7" firstAttribute="baseline" secondItem="2WF-eN-2MS" secondAttribute="baseline" id="lSS-mi-Mau"/>
+                    <constraint firstItem="2WF-eN-2MS" firstAttribute="leading" secondItem="FPI-UI-0xU" secondAttribute="leading" id="lvT-sj-4Ts"/>
+                    <constraint firstAttribute="trailing" secondItem="emT-N5-1YW" secondAttribute="trailing" constant="20" symbolic="YES" id="nf1-dX-Pus"/>
+                    <constraint firstItem="3nO-ic-N80" firstAttribute="trailing" secondItem="2eC-wY-XJA" secondAttribute="trailing" id="pqk-AX-ozV"/>
+                    <constraint firstItem="2eC-wY-XJA" firstAttribute="leading" secondItem="tUf-Uh-y46" secondAttribute="leading" id="sSG-xY-tIm"/>
+                    <constraint firstItem="dXV-3z-hW7" firstAttribute="leading" secondItem="G5n-iK-rHb" secondAttribute="leading" id="sbO-UA-nW9"/>
+                    <constraint firstItem="emT-N5-1YW" firstAttribute="top" secondItem="hfL-1D-aTf" secondAttribute="top" constant="20" symbolic="YES" id="wnW-Ou-8bE"/>
+                    <constraint firstItem="Sxp-qZ-AE8" firstAttribute="top" secondItem="dXV-3z-hW7" secondAttribute="bottom" constant="12" symbolic="YES" id="zjb-cS-6Pu"/>
+                </constraints>
+            </view>
+            <connections>
+                <outlet property="delegate" destination="-2" id="lSe-XL-EXz"/>
+            </connections>
+            <point key="canvasLocation" x="98" y="312"/>
+        </window>
+    </objects>
+</document>